theme/neo/css/display.css

   1 /** theme: neo
   2  *
   3  * @package   StatusNet
   4  * @author    Samantha Doherty <sammy@status.net>
   5  * @copyright 2011 StatusNet, Inc.
   6  * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
   7  * @link      http://status.net/
   8  */
   9
  10
  11 @media screen, projection, tv {
  12
  13 body {
  14     background-color: #C6C8CC;
  15     background-image: url(../images/bg.png);
  16     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  17     font-size: 14px;
  18     line-height: 1.6;
  19     color: #222;
  20 }
  21
  22 input, textarea, select, option {
  23     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  24     font-size: 1em;
  25 }
  26
  27 a {color: #3e3e8c;}
  28 a:hover {color: blue;}
  29
  30 h1 {font-size: 1.6em;}
  31 h2 {font-size: 1.6em;}
  32 h3 {font-size: 1.4em;}
  33 h4 {font-size: 1.4em;}
  34 h5 {font-size: 1.2em;}
  35 h6 {font-size: 1em;}
  36
  37 #wrap {
  38     width: 960px;
  39     margin: 0px auto;
  40     background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
  41     border-left: 10px solid #fff;
  42     border-right: 10px solid #fff;
  43     padding-top: 10px;
  44 }
  45
  46 #header {
  47     width: 960px;
  48     padding: 0px;
  49     padding-top: 12px;
  50 }
  51
  52 address {
  53     float: left;
  54     position: relative;
  55     top: 1px;
  56     left: 2px;
  57     margin: 0px;
  58     padding: 0px;
  59     height: 24px;
  60     width: 148px;
  61     z-index: 99;
  62 }
  63
  64 #site_nav_global_primary {
  65     display: block;
  66     position: absolute;
  67     top: 10px;
  68     right: 0;
  69     width: 800px;
  70     margin: 0px;
  71     height: 24px;
  72     line-height: 20px;
  73     -webkit-border-top-right-radius: 6px;
  74     -moz-border-radius-topright: 6px;
  75     border-top-right-radius: 6px;
  76     background: #364A84;
  77     background: -moz-linear-gradient(top, #516499 , #364a84);
  78     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
  79     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); /* XXX move all to ie.css */
  80 }
  81
  82 #site_nav_global_primary ul {
  83     float: right;
  84 }
  85
  86 #site_nav_global_primary li {
  87     margin-right: 0px;
  88 }
  89
  90 #site_nav_global_primary li:last-child {
  91     margin-right: 10px;
  92 }
  93
  94 #site_nav_global_primary a {
  95     color: #fff !important;
  96     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  97     padding: 2px 10px 2px 10px;
  98     height: 20px;
  99     display: block;
 100     float: left;
 101 }
 102
 103 #site_nav_global_primary a:hover {
 104     color: #fff !important;
 105     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 106     background: #4c619c;
 107     text-decoration: none;
 108 }
 109
 110 #site_notice {
 111     color: #000;
 112     float: right;
 113     width: 280px;
 114     padding: 10px;
 115     margin-left: 40px;
 116     -webkit-border-radius: 6px;
 117     -moz-border-radius: 6px;
 118     border-radius: 6px;
 119 }
 120
 121 #site_notice a {
 122     color: #3e3e8c;
 123 }
 124
 125 #anon_notice {
 126     color: #000;
 127     clear: both;
 128     background: none;
 129     padding: 0px;
 130     margin-bottom: 10px;
 131 }
 132
 133 #anon_notice a {
 134     color: #3e3e8c;
 135 }
 136
 137 #core {
 138     clear: both;
 139     margin: 0px;
 140     width: 958px;
 141     border-top: 5px solid #FB6104;
 142     border-left: 1px solid #d8dae6;
 143     border-right: 1px solid #d8dae6;
 144 }
 145
 146 #aside_primary_wrapper {
 147     width: 100%;
 148     float: left;
 149     overflow: hidden;
 150     position: relative;
 151     background-color: #ececf2;
 152 }
 153
 154 #content_wrapper  {
 155     width: 100%;
 156     float: left;
 157     position: relative;
 158     right: 239px;
 159     background-color: #fff;
 160     border-right: 1px solid #d8dae6;
 161 }
 162
 163 #site_nav_local_views_wrapper  {
 164     width: 100%;
 165     float: left;
 166     position: relative;
 167     right: 561px;
 168     background-color: #ececf2;
 169     border-right: 1px solid #d8dae6;
 170 }
 171
 172 #site_nav_local_views {
 173     width: 138px;
 174     float: left;
 175     overflow: hidden;
 176     position: relative;
 177     left: 800px;
 178     margin-top: 0px;
 179     padding: 22px 10px 40px 10px;
 180 }
 181
 182 #site_nav_local_views H3 {
 183     margin-bottom: 10px;
 184     padding-bottom: 6px;
 185     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 186     color: #7a7c87;
 187     font-size: 1.1em;
 188     letter-spacing: 2px;
 189     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 190     text-transform: uppercase;
 191 }
 192
 193 #site_nav_local_views li {
 194     display: block;
 195     margin: 0px 0px 8px 0px;
 196 }
 197
 198 #site_nav_local_views li ul {
 199     margin-bottom: 20px;
 200 }
 201
 202 #site_nav_local_views a {
 203     display: block;
 204     padding: 0px 0px 1px 10px;
 205     -webkit-border-radius: 4px;
 206     -moz-border-radius: 4px;
 207     border-radius: 4px;
 208     text-transform: uppercase;
 209     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 210 }
 211
 212 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 213     color: #fff;
 214     text-decoration: none;
 215     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 216     background: #364a84;
 217     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 218     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 219     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 220 }
 221
 222 #content {
 223     width: 520px;
 224     float: left;
 225     overflow: hidden;
 226     position: relative;
 227     left: 801px;
 228     margin: 0px;
 229     padding: 20px 20px 40px 20px;
 230 }
 231
 232 /* Input forms */
 233
 234 .input_forms {
 235     float: left;
 236     position: relative;
 237     top: -20px;
 238     left: -20px;
 239     padding: 18px 20px 0px 20px;
 240     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 241 }
 242
 243 #input_form_nav {
 244     float: left;
 245     margin-bottom: 10px;
 246 }
 247
 248 #input_form_nav li a {
 249     display: block;
 250     float: left;
 251     padding: 0px 10px 1px 10px;
 252     margin-right: 10px;
 253     -webkit-border-radius: 4px;
 254     -moz-border-radius: 4px;
 255     border-radius: 4px;
 256     border: 1px solid #ECECF2;
 257     font-weight: bold;
 258     line-height: 1.4em;
 259     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 260     background: #ececf2;
 261     background: -moz-linear-gradient(top, #fff , #ececf2);
 262     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececf2));
 263     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececf2',GradientType=0 );
 264 }
 265
 266 #input_form_nav li:hover a, #input_form_nav li.current a {
 267     color: #fff;
 268     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 269     border: 1px solid #ececf2;
 270     background: #364a84;
 271     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 272     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 273     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 274 }
 275
 276 .input_form_nav_tab a, .input_form_nav_tab.current {
 277     text-decoration: none !important; /* XXX cf rebase */
 278 }
 279
 280 .input_form {
 281     position: relative;
 282     float: left;
 283     width: 520px;
 284     padding-bottom: 15px;
 285 }
 286
 287 #input_form_status {
 288     padding-bottom: 45px;
 289 }
 290
 291 .form_notice {
 292     padding: 0px;
 293     background: none;
 294 }
 295
 296 .form_notice fieldset {
 297     width: auto;
 298     position: static;
 299 }
 300
 301 .form_notice #notice_data-text-label {
 302     display: none; /* XXX move into input with js */
 303 }
 304
 305 .form_notice textarea,
 306 .form_notice_placeholder .placeholder {
 307     width: 473px;
 308 }
 309 .form_notice textarea {
 310     height: 42px;
 311     padding: 6px 10px 18px 10px;
 312     border: 1px solid #a6a6a6;
 313     -webkit-border-radius: 4px;
 314     -moz-border-radius: 4px;
 315     border-radius: 4px;
 316     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 317     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 318     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 319     z-index: 97;
 320     font-size: 1.2em;
 321 }
 322
 323 .form_notice label.notice_data-attach {
 324     top: 0px;
 325     right: 0px;
 326     z-index: 96;
 327 }
 328
 329 .form_notice .notice_data-geo_wrap label,
 330 .form_notice .notice_data-geo_wrap input {
 331     top: 26px;
 332     right: 0px;
 333     z-index: 99;
 334 }
 335
 336 .form_notice .count {
 337     position: absolute;
 338     top: 50px;
 339     right: 35px;
 340     font-size: 0.8em;
 341     height: 1em;
 342     z-index: 99;
 343 }
 344
 345 .form_notice #notice_action-submit {
 346     position: absolute;
 347     top: 100%;
 348     left: 0px;
 349     margin-top: -44px;
 350     float: left;
 351     width: 90px;
 352     padding: 0px;
 353     z-index: 99;
 354 }
 355
 356 .form_notice .error,
 357 .form_notice .success,
 358 .form_notice .notice-status {
 359     width: 478px;
 360     position: relative;
 361     top: 0px;
 362     float: none;
 363     clear: none;
 364     margin-left: 0px;
 365     margin-top: 5px;
 366     padding: 5px 5px 5px 10px;
 367     border: 1px solid #ccc;
 368 }
 369
 370 .form_notice .error {
 371     border: 1px solid #d05858;
 372 }
 373
 374 .form_notice .attach-status code {
 375     font-size: 1em;
 376 }
 377
 378 .input_form fieldset {
 379     margin: 0px;
 380     padding: 0px;
 381 }
 382
 383 .input_form fieldset fieldset {
 384     margin-bottom: 10px !important;
 385 }
 386
 387 #aside_primary {
 388     width: 218px;
 389     float: left;
 390     overflow: hidden;
 391     position: relative;
 392     left: 802px;
 393     padding: 22px 10px 40px 10px;
 394     margin-top: 0px;
 395     background: none;
 396 }
 397
 398 #aside_primary .section {
 399     width: 100%;
 400     margin-left: 0px;
 401     margin-right: 0px;
 402     font-size: 0.88em;
 403 }
 404
 405 #aside_primary h2 {
 406     margin-bottom: 10px;
 407     padding-bottom: 6px;
 408     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 409     color: #7a7c87;
 410     font-size: 1.25em;
 411     letter-spacing: 2px;
 412     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 413     text-transform: uppercase;
 414 }
 415
 416 .section ul.entities {
 417     width: 220px;
 418 }
 419
 420 .section .entities li {
 421     margin-right: 17px;
 422     margin-bottom: 10px;
 423     width: 24px;
 424 }
 425
 426 #popular_notices .avatar {
 427     position: relative;
 428     top: 4px;
 429     margin-bottom: 6px;
 430 }
 431
 432 #aside_primary td {
 433     padding-right: 20px;
 434     padding-bottom: 14px;
 435 }
 436
 437 #aside_primary td .nickname {
 438     line-height: 1.6em;
 439 }
 440
 441 .section .avatar {
 442     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 443     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 444     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 445 }
 446
 447 #content h1 {
 448     border-bottom: 3px solid #A6ADBF;
 449     color: #A6ADBF;
 450     font-size: 1.4em;
 451     letter-spacing: 4px;
 452     text-transform: none;
 453 }
 454
 455 #notices_primary {
 456     margin-top: -5px;
 457 }
 458
 459 #content .notice {
 460     padding-bottom: 14px;
 461     border-bottom: 2px dotted #eee;
 462 }
 463
 464 .notice {
 465     line-height: 1.36em;
 466     margin-bottom: 10px;
 467 }
 468
 469 #content .notice .author .photo {
 470     left: 0px;
 471     top: 9px;
 472 }
 473
 474 #content .notice .entry-title {
 475     min-height: 35px;
 476 }
 477
 478 #showstream .notice .entry-title {
 479     min-height: 1px;
 480 }
 481
 482 #shownotice .notice .entry-title {
 483     min-height:123px;
 484 }
 485
 486 .notice div.entry-content {
 487     font-size: 0.88em;
 488     line-height: 1.2em;
 489     margin-top: 6px;
 490     opacity: 0.6;
 491 }
 492
 493 .notice:hover div.entry-content {
 494     opacity: 1;
 495 }
 496
 497 .user_in .notice div.entry-content {
 498     max-width: 440px;
 499 }
 500
 501 div.entry-content a.response:before {
 502         content: "(";
 503 }
 504
 505 div.entry-content a.response:after {
 506         content: ")";
 507 }
 508
 509 .notice-options {
 510     margin-top: 4px;
 511 }
 512
 513 .threaded-replies {
 514     clear: both;
 515     float: left;
 516     width: 458px;
 517     margin-left: 59px;
 518     margin-top: 10px;
 519     padding-right: 2px;
 520     border-left: 3px solid #ECECF2;
 521     background: #fafafa;
 522     font-size: 1em;
 523 }
 524
 525 #content .notice .threaded-replies .notice {
 526     padding-bottom: 14px;
 527     padding-top: 5px;
 528     border-bottom: 2px dotted #eee;
 529     line-height: 1.36em;
 530     margin-top: 0px;
 531     margin-bottom: 0px;
 532     margin-left: 10px;
 533     background: none;
 534 }
 535
 536 #content .notice .threaded-replies .entry-title {
 537     min-height: 1px;
 538 }
 539
 540 #content .threaded-replies .notice .author .photo {
 541     height: 24px;
 542     width: 24px;
 543     top: 14px;
 544     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 545     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 546     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 547 }
 548
 549 #content .notice .threaded-replies .notice .entry-title {
 550     margin: 2px 7px 0px 35px;
 551 }
 552
 553 #content .notice .threaded-replies .notice div.entry-content {
 554     clear:left;
 555     float:left;
 556     margin-left: 35px;
 557     margin-top: 10px;
 558 }
 559
 560 .threaded-replies li {
 561     list-style-type: none;
 562 }
 563
 564 .threaded-replies .notice-reply-comments {
 565     margin: 2px 0px 4px 10px;
 566 }
 567
 568 .threaded-replies .placeholder {
 569     margin: 10px;
 570     width: 426px;
 571 }
 572
 573 .threaded-replies .notice-reply {
 574     clear: left;
 575     position: relative;
 576     padding: 10px;
 577     padding-bottom: 44px;
 578 }
 579
 580 .threaded-replies .form_notice textarea {
 581     width: 385px;
 582 }
 583
 584 .threaded-replies .form_notice label.notice_data-attach {
 585     top: 10px;
 586     right: 10px;
 587 }
 588
 589 .threaded-replies .form_notice .notice_data-geo_wrap label,
 590 .threaded-replies .form_notice .notice_data-geo_wrap input {
 591     top: 36px;
 592     right: 10px;
 593 }
 594
 595 .threaded-replies .form_notice .count {
 596     top: 60px;
 597     right: 50px;
 598 }
 599
 600 .threaded-replies .form_notice #notice_action-submit {
 601     left: 10px;
 602 }
 603
 604 .threaded-replies .form_notice .error,
 605 .threaded-replies .form_notice .success,
 606 .threaded-replies .form_notice .notice-status {
 607     width: 390px;
 608 }
 609
 610 .pagination {
 611     height: 1.2em;
 612 }
 613
 614 #jOverlayContent button {
 615     top: 20px;
 616     right: 36px;
 617 }
 618
 619 .entity_profile {
 620     float: left;
 621     width: 360px;
 622     margin-top: 4px;
 623 }
 624
 625 .entity_profile .entity_depiction {
 626     margin-top: 4px;
 627 }
 628
 629 .entity_actions {
 630     width: 140px;
 631     margin-top: 8px;
 632     margin-bottom: 10px;
 633 }
 634
 635 .entity_actions a, .entity_actions p, .entity_actions .entity_subscribe input, .entity_actions .entity_block input, .entity_actions .entity_moderation input, .entity_actions .entity_role input, .entity_actions .entity_nudge input, .entity_actions .entity_delete input {
 636         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 637     border-radius: 4px;
 638     -moz-border-radius: 4px;
 639     -webkit-border-radius: 4px;
 640     background-color: #CDD1DD !important;
 641 }
 642
 643 .entity_moderation:hover ul,
 644 .entity_role:hover ul {
 645     border-radius: 4px;
 646     -moz-border-radius: 4px;
 647     -webkit-border-radius: 4px;
 648 }
 649
 650 .entity_send-a-message .form_notice legend {
 651         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 652 }
 653
 654 .entity_send-a-message .form_notice {
 655     border: 1px solid #7B4E82;
 656 }
 657
 658 .entity_send-a-message .form_notice #notice_action-submit {
 659     color: #fff !important;
 660     top: 46px;
 661 }
 662
 663 #aside_primary #entity_remote_subscribe a:hover {
 664     background-color: #fff !important;
 665 }
 666
 667 #entity_remote_subscribe .dialogbox {
 668     border: 1px solid #7B4E82;
 669     border-radius: 8px;
 670         -moz-border-radius: 8px;
 671         -webkit-border-radius: 8px;
 672 }
 673
 674 #entity_remote_subscribe input {
 675     padding-left: 4px;
 676 }
 677
 678 #entity_remote_subscribe .submit_dialogbox {
 679     margin-top: 10px;
 680     float: right;
 681 }
 682
 683 #filter_tags_item .submit {
 684   left: 6px;
 685   top: -3px;
 686 }
 687
 688 #pagination {
 689     height: 1.2em;
 690     padding-bottom: 12px;
 691     -webkit-border-radius: 6px;
 692     -moz-border-radius: 6px;
 693     border-radius: 6px;
 694 }
 695
 696 #footer {
 697     position: relative;
 698     top: -6px;
 699     color: #000;
 700     margin-left: 0px;
 701     margin-right: 0px;
 702     -webkit-border-top-left-radius: 6px;
 703     -webkit-border-top-right-radius: 6px;
 704     -moz-border-radius-topleft: 6px;
 705     -moz-border-radius-topright: 6px;
 706     border-top-left-radius: 6px;
 707     border-top-right-radius: 6px;
 708 }
 709
 710 #footer a {
 711     color: #3e3e8c;
 712 }
 713
 714 #site_nav_global_secondary {
 715     margin-bottom: 10px;
 716 }
 717
 718 .error, .success, .notice-status {
 719     background-color: #F7E8E8;
 720     padding: 4px;
 721     -webkit-border-radius: 6px;
 722     -moz-border-radius: 6px;
 723     border-radius: 6px;
 724 }
 725 .success, .notice-status {
 726     background-color: #f2f2f2;
 727 }
 728
 729 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
 730     height: 1.9em;
 731     padding: 0px 10px;
 732     color:#fff;
 733     font-weight: bold;
 734     text-transform: uppercase;
 735     font-size: 1.2em;
 736     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 737     border: 1px solid #d7621c;
 738     border-radius: 4px;
 739     -moz-border-radius: 4px;
 740     -webkit-border-radius: 4px;
 741     background: #FB6104;
 742     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 743     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 744     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 745 }
 746
 747 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
 748     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 749     background: #ff9d63;
 750     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 751     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 752     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 753 }
 754
 755 .form_settings input#settings_design_reset, .form_settings input.cancel {
 756     background: #e2e2e2;
 757     color: #8e181b;
 758     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 759 }
 760
 761 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
 762     background: #f2f2f2;
 763     color: #8e181b;
 764     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 765 }
 766
 767 .form_settings input.checkbox, .form_settings input.radio {
 768     margin-left: 24%;
 769     margin-top: 2px;
 770     position: relative;
 771     left: -14px;
 772 }
 773
 774 .form_settings label.checkbox, .form_settings label.radio {
 775     width: auto;
 776     max-width: 60%;
 777     position: relative;
 778     left: -30px;
 779 }
 780
 781 .form_settings li input.radio {
 782     clear: left;
 783 }
 784
 785 .form_settings label.radio {
 786     margin-left: 10px;
 787     margin-right: 10px;
 788     text-align: left;
 789 }
 790
 791 #form_login p.form_guide, #form_register #settings_rememberme p.form_guide, #form_openid_login #settings_rememberme p.form_guide, #settings_twitter_remove p.form_guide, #design_background-image_onoff p.form_guide {
 792     margin-left: 26%;
 793 }
 794
 795 #form_search ul.form_data #q {
 796     margin-left: 10px;
 797 }
 798
 799 .form_settings fieldset fieldset {
 800     margin-bottom: 30px;
 801     padding-top: 25px;
 802 }
 803
 804
 805 #content thead th {
 806 text-align:left;
 807 }
 808 #content tbody th {
 809 vertical-align:top;
 810 text-align:left;
 811 font-weight:normal;
 812 padding-top:11px;
 813 padding-right:18px;
 814 }
 815 #content tbody tr {
 816     border-top: 1px dotted #bbb;
 817 }
 818 #content td {
 819 padding:11px 18px 11px 0;
 820 vertical-align:top;
 821 }
 822 #content td:last-child {
 823 padding-right:0;
 824 }
 825
 826
 827 #realtime_actions {
 828     position: relative !important;
 829     float: right;
 830     padding-top: 15px;
 831     margin-bottom: -8px !important;
 832 }
 833
 834 .realtime-popup #content {
 835     padding-left: 4px !important;
 836     padding-right: 4px !important;
 837     margin-right: 0px;
 838 }
 839
 840 .realtime-popup .form_notice textarea {
 841     width: 325px !important;
 842 }
 843
 844 .realtime-popup .form_notice #notice_action-submit {
 845     top: 59px !important;
 846     right: 6px !important;
 847 }
 848
 849 .realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
 850     right: 74px;
 851     top: 3px !important;
 852 }
 853
 854 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
 855     right: 8px;
 856     top: 3px !important;
 857 }
 858
 859
 860 /* Bookmark specific styles */
 861
 862 #content .bookmark .entry-title {
 863     margin-left: 0px;
 864 }
 865
 866 .bookmark h3 {
 867     margin: 0px 0px 8px 0px;
 868     float: left;
 869     line-height: 1.2em;
 870     max-width: 92%;
 871 }
 872
 873 .bookmark-notice-count {
 874     border-radius: 4px;
 875         -moz-border-radius: 4px;
 876         -webkit-border-radius: 4px;
 877     padding: 1px 6px;
 878     font-size: 1.2em;
 879     line-height: 1.2em;
 880     background: #fff;
 881     border: 1px solid #7b8dbb;
 882     color: #3e3e8c !important;
 883     position: relative;
 884     right: 4px;
 885     margin-left: 10px;
 886 }
 887
 888 .bookmark-notice-count:hover {
 889     text-decoration: none;
 890     background: #f2f2f2;
 891     border: 1px solid #7b8dbb;
 892     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 893 }
 894
 895 .notice .bookmark-description {
 896     clear: both;
 897     margin-left: 0px;
 898     margin-bottom: 0px;
 899 }
 900
 901 .notice .bookmark-author {
 902     margin-left: 0px;
 903     float: left;
 904 }
 905
 906 .bookmark-tags {
 907     clear: both;
 908     margin-bottom: 8px;
 909     line-height: 1.6em;
 910 }
 911
 912 ul.bookmark-tags a {
 913     border-radius: 4px;
 914         -moz-border-radius: 4px;
 915         -webkit-border-radius: 4px;
 916     padding: 1px 6px;
 917     background: #f2f2f2;
 918     color: #3e3e8c !important;
 919     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 920     font-size: 0.9em;
 921 }
 922
 923 ul.bookmark-tags a:hover {
 924     background-color: #cdd1dd;
 925     text-decoration: none;
 926 }
 927
 928 .bookmark-avatar {
 929     float: none !important;
 930     position: relative;
 931     top: 2px;
 932 }
 933
 934 .bookmark div.entry-content {
 935     font-size: 0.9em;
 936     line-height: 1.2em;
 937     margin-top: 6px;
 938     opacity: 0.6;
 939     margin-bottom: 0px;
 940 }
 941
 942 .bookmark:hover div.entry-content {
 943     opacity: 1;
 944 }
 945
 946 .bookmark .notice-options {
 947     margin-top: 16px;
 948 }
 949
 950 #bookmarkpopup {
 951     min-width: 600px;
 952     margin-top: 0px;
 953     height: 100%;
 954     border: 10px solid #364A84;
 955     background: #364A84;
 956 }
 957
 958 #bookmarkpopup #wrap {
 959     width: auto;
 960     min-width: 560px;
 961     padding: 40px 0px 25px 0px;
 962     margin-right: 2px;
 963     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
 964 }
 965
 966 #bookmarkpopup #header {
 967     width: auto;
 968     padding: 0px 10px;
 969 }
 970
 971 #bookmarkpopup .form_settings label {
 972     margin-top: 2px;
 973     text-align: right;
 974     width: 24%;
 975     font-size: 1.2em;
 976 }
 977
 978 #bookmarkpopup .form_settings .form_data input {
 979     width: 60%;
 980 }
 981
 982 #bookmarkpopup .form_guide {
 983     color: #777;
 984 }
 985
 986 #bookmarkpopup #submit {
 987     float: right;
 988     margin-right: 0px;
 989 }
 990
 991 #bookmarkpopup fieldset fieldset {
 992     margin-bottom: 10px;
 993 }
 994
 995 /* Onboard specific styles */
 996
 997 .onboard-flash {
 998     border-radius: 6px;
 999         -moz-border-radius: 6px;
1000         -webkit-border-radius: 6px;
1001     font-size: 1.1em;
1002     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1003     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1004     -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1005 }
1006
1007 .onboard-flash p {
1008     margin-bottom: 10px;
1009 }
1010
1011 .onboard-flash .next:before {
1012     content: '\00BB';
1013     padding-right: 6px;
1014 }
1015
1016 .onboard-breadcrumbs {
1017     margin-bottom: 16px !important;
1018 }
1019
1020 .onboard-breadcrumbs li {
1021     background: none !important;
1022     border-top: none !important;
1023     padding: 6px 12px 2px 0px !important;
1024 }
1025
1026 .onboard-breadcrumbs li:last-child {
1027     padding-right: 0px !important;
1028 }
1029
1030 .onboard-breadcrumbs a {
1031     text-decoration: none;
1032 }
1033
1034 .onboard-breadcrumbs a:hover {
1035     color: #3e3e8c !important;
1036 }
1037
1038 /* Billing specific styles */
1039
1040 #content table.billing_info {
1041     margin-top: 10px;
1042     background:rgba(240, 240, 240, 0.4);
1043 }
1044
1045 #content table.billing_info th {
1046     text-align: right;
1047     width: 50%;
1048 }
1049
1050 .invalid {
1051     border: solid 2px red !important;
1052 }
1053
1054 #payment_history table {
1055     width: 100%;
1056 }
1057
1058 #billingadminpanel .form_settings input {
1059     margin-right: 0px;
1060 }
1061
1062 /* Directory specific styles */
1063
1064 td.entity_profile {
1065     width: auto;
1066 }
1067
1068 #user_directory {
1069     position: relative;
1070     top: -20px;
1071 }
1072
1073 div#user_directory div.alpha_nav > a {
1074     border-left: 1px solid #ccc !important;
1075     padding-left: 3.5px !important;
1076     padding-right: 4px !important;
1077     margin-right: 0px;
1078     float: left;
1079     line-height: 1.4em;
1080 }
1081
1082 div#user_directory div.alpha_nav > a.first {
1083     border-left: none !important;
1084 }
1085
1086 div#user_directory div.alpha_nav a.current {
1087     background-color: #ECECF2 !important;
1088 }
1089
1090 table.profile_list {
1091     margin-top: 10px;
1092 }
1093
1094 .profile_list th#created {
1095     width: 100px;
1096 }
1097
1098 .profile_list th#subscriptions {
1099     width: 120px;
1100 }
1101
1102 table.profile_list tr.alt {
1103     background-color: #fafafa !important;
1104 }
1105
1106 .profile_list .entity_actions {
1107     width: 30px;
1108     height: 26px;
1109     margin-right: 5px;
1110 }
1111
1112 .profile_list .entity_actions input {
1113     width: 26px;
1114     height: 26px;
1115     display: block;
1116     overflow: hidden;
1117     font-size: 0em;
1118 }
1119
1120
1121 }/*end of @media screen, projection, tv*/