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 .profile_block_name {
 417     font-size: 14px;
 418     font-weight: bold;
 419 }
 420
 421 .profile_block_location {
 422     font-weight: bold;
 423 }
 424
 425 .profile_block_description {
 426     line-height: 1.2em;
 427 }
 428
 429 .profile_block .entity_actions {
 430     float: left;
 431     margin-left: 0px;
 432 }
 433
 434 .profile_block .entity_moderation:hover ul,
 435 .profile_block .entity_role:hover ul {
 436     left: 20px;
 437 }
 438
 439 .profile_block a.profiledetail {
 440     display: block;
 441 }
 442
 443 .section ul.entities {
 444     width: 220px;
 445 }
 446
 447 .section .entities li {
 448     margin-right: 17px;
 449     margin-bottom: 10px;
 450     width: 24px;
 451 }
 452
 453 #popular_notices .avatar {
 454     position: relative;
 455     top: 4px;
 456     margin-bottom: 6px;
 457 }
 458
 459 #aside_primary td {
 460     padding-right: 20px;
 461     padding-bottom: 14px;
 462 }
 463
 464 #aside_primary td .nickname {
 465     line-height: 1.6em;
 466 }
 467
 468 .section .avatar {
 469     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 470     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 471     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 472 }
 473
 474 #content h1 {
 475     border-bottom: 3px solid #A6ADBF;
 476     color: #A6ADBF;
 477     font-size: 1.4em;
 478     letter-spacing: 4px;
 479     text-transform: none;
 480 }
 481
 482 #notices_primary {
 483     margin-top: -5px;
 484 }
 485
 486 #content .notice {
 487     padding-bottom: 14px;
 488     border-bottom: 2px dotted #eee;
 489 }
 490
 491 .notice {
 492     line-height: 1.36em;
 493     margin-bottom: 10px;
 494 }
 495
 496 #content .notice .author .photo {
 497     left: 0px;
 498     top: 9px;
 499 }
 500
 501 #content .notice .entry-title {
 502     min-height: 35px;
 503 }
 504
 505 #showstream .notice .entry-title {
 506     min-height: 1px;
 507 }
 508
 509 #shownotice .notice .entry-title {
 510     min-height:123px;
 511 }
 512
 513 .notice div.entry-content {
 514     font-size: 0.88em;
 515     line-height: 1.2em;
 516     margin-top: 6px;
 517     opacity: 0.6;
 518 }
 519
 520 .notice:hover div.entry-content {
 521     opacity: 1;
 522 }
 523
 524 .user_in .notice div.entry-content {
 525     max-width: 440px;
 526 }
 527
 528 div.entry-content a.response:before {
 529         content: "(";
 530 }
 531
 532 div.entry-content a.response:after {
 533         content: ")";
 534 }
 535
 536 .notice-options {
 537     margin-top: 4px;
 538 }
 539
 540 .threaded-replies {
 541     clear: both;
 542     float: left;
 543     width: 458px;
 544     margin-left: 59px;
 545     margin-top: 10px;
 546     padding-right: 2px;
 547     border-left: 3px solid #ECECF2;
 548     background: #fafafa;
 549     font-size: 1em;
 550 }
 551
 552 #content .notice .threaded-replies .notice {
 553     padding-bottom: 14px;
 554     padding-top: 5px;
 555     border-bottom: 2px dotted #eee;
 556     line-height: 1.36em;
 557     margin-top: 0px;
 558     margin-bottom: 0px;
 559     margin-left: 10px;
 560     background: none;
 561 }
 562
 563 #content .notice .threaded-replies .entry-title {
 564     min-height: 1px;
 565 }
 566
 567 #content .threaded-replies .notice .author .photo {
 568     height: 24px;
 569     width: 24px;
 570     top: 14px;
 571     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 572     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 573     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 574 }
 575
 576 #content .notice .threaded-replies .notice .entry-title {
 577     margin: 2px 7px 0px 35px;
 578 }
 579
 580 #content .notice .threaded-replies .notice div.entry-content {
 581     clear:left;
 582     float:left;
 583     margin-left: 35px;
 584     margin-top: 10px;
 585 }
 586
 587 .threaded-replies li {
 588     list-style-type: none;
 589 }
 590
 591 .threaded-replies .notice-reply-comments {
 592     margin: 2px 0px 4px 10px;
 593 }
 594
 595 .threaded-replies .placeholder {
 596     margin: 10px;
 597     width: 426px;
 598 }
 599
 600 .threaded-replies .notice-reply {
 601     clear: left;
 602     position: relative;
 603     padding: 10px;
 604     padding-bottom: 44px;
 605 }
 606
 607 .threaded-replies .form_notice textarea {
 608     width: 385px;
 609 }
 610
 611 .threaded-replies .form_notice label.notice_data-attach {
 612     top: 10px;
 613     right: 10px;
 614 }
 615
 616 .threaded-replies .form_notice .notice_data-geo_wrap label,
 617 .threaded-replies .form_notice .notice_data-geo_wrap input {
 618     top: 36px;
 619     right: 10px;
 620 }
 621
 622 .threaded-replies .form_notice .count {
 623     top: 60px;
 624     right: 50px;
 625 }
 626
 627 .threaded-replies .form_notice #notice_action-submit {
 628     left: 10px;
 629 }
 630
 631 .threaded-replies .form_notice .error,
 632 .threaded-replies .form_notice .success,
 633 .threaded-replies .form_notice .notice-status {
 634     width: 390px;
 635 }
 636
 637 .pagination {
 638     height: 1.2em;
 639 }
 640
 641 #jOverlayContent button {
 642     top: 20px;
 643     right: 36px;
 644 }
 645
 646 .entity_profile {
 647     float: left;
 648     width: 360px;
 649     margin-top: 4px;
 650 }
 651
 652 .entity_profile .entity_depiction {
 653     margin-top: 4px;
 654 }
 655
 656 .entity_actions {
 657     width: 140px;
 658     margin-top: 8px;
 659     margin-bottom: 10px;
 660 }
 661
 662 .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 {
 663         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 664     border-radius: 4px;
 665     -moz-border-radius: 4px;
 666     -webkit-border-radius: 4px;
 667     background-color: #CDD1DD !important;
 668 }
 669
 670 .entity_moderation:hover ul,
 671 .entity_role:hover ul {
 672     border-radius: 4px;
 673     -moz-border-radius: 4px;
 674     -webkit-border-radius: 4px;
 675 }
 676
 677 .entity_send-a-message .form_notice legend {
 678         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 679 }
 680
 681 .entity_send-a-message .form_notice {
 682     border: 1px solid #7B4E82;
 683 }
 684
 685 .entity_send-a-message .form_notice #notice_action-submit {
 686     color: #fff !important;
 687     top: 46px;
 688 }
 689
 690 #aside_primary #entity_remote_subscribe a:hover {
 691     background-color: #fff !important;
 692 }
 693
 694 #entity_remote_subscribe .dialogbox {
 695     border: 1px solid #7B4E82;
 696     border-radius: 8px;
 697         -moz-border-radius: 8px;
 698         -webkit-border-radius: 8px;
 699 }
 700
 701 #entity_remote_subscribe input {
 702     padding-left: 4px;
 703 }
 704
 705 #entity_remote_subscribe .submit_dialogbox {
 706     margin-top: 10px;
 707     float: right;
 708 }
 709
 710 #filter_tags_item .submit {
 711   left: 6px;
 712   top: -3px;
 713 }
 714
 715 #pagination {
 716     height: 1.2em;
 717     padding-bottom: 12px;
 718     -webkit-border-radius: 6px;
 719     -moz-border-radius: 6px;
 720     border-radius: 6px;
 721 }
 722
 723 #footer {
 724     position: relative;
 725     top: -6px;
 726     color: #000;
 727     margin-left: 0px;
 728     margin-right: 0px;
 729     -webkit-border-top-left-radius: 6px;
 730     -webkit-border-top-right-radius: 6px;
 731     -moz-border-radius-topleft: 6px;
 732     -moz-border-radius-topright: 6px;
 733     border-top-left-radius: 6px;
 734     border-top-right-radius: 6px;
 735 }
 736
 737 #footer a {
 738     color: #3e3e8c;
 739 }
 740
 741 #site_nav_global_secondary {
 742     margin-bottom: 10px;
 743 }
 744
 745 .error, .success, .notice-status {
 746     background-color: #F7E8E8;
 747     padding: 4px;
 748     -webkit-border-radius: 6px;
 749     -moz-border-radius: 6px;
 750     border-radius: 6px;
 751 }
 752 .success, .notice-status {
 753     background-color: #f2f2f2;
 754 }
 755
 756 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
 757     height: 1.9em;
 758     padding: 0px 10px;
 759     color:#fff;
 760     font-weight: bold;
 761     text-transform: uppercase;
 762     font-size: 1.2em;
 763     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 764     border: 1px solid #d7621c;
 765     border-radius: 4px;
 766     -moz-border-radius: 4px;
 767     -webkit-border-radius: 4px;
 768     background: #FB6104;
 769     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 770     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 771     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 772 }
 773
 774 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
 775     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 776     background: #ff9d63;
 777     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 778     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 779     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 780 }
 781
 782 .form_settings input#settings_design_reset, .form_settings input.cancel {
 783     background: #e2e2e2;
 784     color: #8e181b;
 785     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 786 }
 787
 788 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
 789     background: #f2f2f2;
 790     color: #8e181b;
 791     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 792 }
 793
 794 .form_settings input.checkbox, .form_settings input.radio {
 795     margin-left: 24%;
 796     margin-top: 2px;
 797     position: relative;
 798     left: -14px;
 799 }
 800
 801 .form_settings label.checkbox, .form_settings label.radio {
 802     width: auto;
 803     max-width: 60%;
 804     position: relative;
 805     left: -30px;
 806 }
 807
 808 .form_settings li input.radio {
 809     clear: left;
 810 }
 811
 812 .form_settings label.radio {
 813     margin-left: 10px;
 814     margin-right: 10px;
 815     text-align: left;
 816 }
 817
 818 #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 {
 819     margin-left: 26%;
 820 }
 821
 822 #form_search ul.form_data #q {
 823     margin-left: 10px;
 824 }
 825
 826 .form_settings fieldset fieldset {
 827     margin-bottom: 30px;
 828     padding-top: 25px;
 829 }
 830
 831
 832 #content thead th {
 833 text-align:left;
 834 }
 835 #content tbody th {
 836 vertical-align:top;
 837 text-align:left;
 838 font-weight:normal;
 839 padding-top:11px;
 840 padding-right:18px;
 841 }
 842 #content tbody tr {
 843     border-top: 1px dotted #bbb;
 844 }
 845 #content td {
 846 padding:11px 18px 11px 0;
 847 vertical-align:top;
 848 }
 849 #content td:last-child {
 850 padding-right:0;
 851 }
 852
 853
 854 #realtime_actions {
 855     position: relative !important;
 856     float: right;
 857     padding-top: 15px;
 858     margin-bottom: -8px !important;
 859 }
 860
 861 .realtime-popup #content {
 862     padding-left: 4px !important;
 863     padding-right: 4px !important;
 864     margin-right: 0px;
 865 }
 866
 867 .realtime-popup .form_notice textarea {
 868     width: 325px !important;
 869 }
 870
 871 .realtime-popup .form_notice #notice_action-submit {
 872     top: 59px !important;
 873     right: 6px !important;
 874 }
 875
 876 .realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
 877     right: 74px;
 878     top: 3px !important;
 879 }
 880
 881 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
 882     right: 8px;
 883     top: 3px !important;
 884 }
 885
 886
 887 /* Bookmark specific styles */
 888
 889 #content .bookmark .entry-title {
 890     margin-left: 0px;
 891 }
 892
 893 .bookmark h3 {
 894     margin: 0px 0px 8px 0px;
 895     float: left;
 896     line-height: 1.2em;
 897     max-width: 92%;
 898 }
 899
 900 .bookmark-notice-count {
 901     border-radius: 4px;
 902         -moz-border-radius: 4px;
 903         -webkit-border-radius: 4px;
 904     padding: 1px 6px;
 905     font-size: 1.2em;
 906     line-height: 1.2em;
 907     background: #fff;
 908     border: 1px solid #7b8dbb;
 909     color: #3e3e8c !important;
 910     position: relative;
 911     right: 4px;
 912     margin-left: 10px;
 913 }
 914
 915 .bookmark-notice-count:hover {
 916     text-decoration: none;
 917     background: #f2f2f2;
 918     border: 1px solid #7b8dbb;
 919     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 920 }
 921
 922 .notice .bookmark-description {
 923     clear: both;
 924     margin-left: 0px;
 925     margin-bottom: 0px;
 926 }
 927
 928 .notice .bookmark-author {
 929     margin-left: 0px;
 930     float: left;
 931 }
 932
 933 .bookmark-tags {
 934     clear: both;
 935     margin-bottom: 8px;
 936     line-height: 1.6em;
 937 }
 938
 939 ul.bookmark-tags a {
 940     border-radius: 4px;
 941         -moz-border-radius: 4px;
 942         -webkit-border-radius: 4px;
 943     padding: 1px 6px;
 944     background: #f2f2f2;
 945     color: #3e3e8c !important;
 946     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 947     font-size: 0.9em;
 948 }
 949
 950 ul.bookmark-tags a:hover {
 951     background-color: #cdd1dd;
 952     text-decoration: none;
 953 }
 954
 955 .bookmark-avatar {
 956     float: none !important;
 957     position: relative;
 958     top: 2px;
 959 }
 960
 961 .bookmark div.entry-content {
 962     font-size: 0.9em;
 963     line-height: 1.2em;
 964     margin-top: 6px;
 965     opacity: 0.6;
 966     margin-bottom: 0px;
 967 }
 968
 969 .bookmark:hover div.entry-content {
 970     opacity: 1;
 971 }
 972
 973 .bookmark .notice-options {
 974     margin-top: 16px;
 975 }
 976
 977 #bookmarkpopup {
 978     min-width: 600px;
 979     margin-top: 0px;
 980     height: 100%;
 981     border: 10px solid #364A84;
 982     background: #364A84;
 983 }
 984
 985 #bookmarkpopup #wrap {
 986     width: auto;
 987     min-width: 560px;
 988     padding: 40px 0px 25px 0px;
 989     margin-right: 2px;
 990     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
 991 }
 992
 993 #bookmarkpopup #header {
 994     width: auto;
 995     padding: 0px 10px;
 996 }
 997
 998 #bookmarkpopup .form_settings label {
 999     margin-top: 2px;
1000     text-align: right;
1001     width: 24%;
1002     font-size: 1.2em;
1003 }
1004
1005 #bookmarkpopup .form_settings .form_data input {
1006     width: 60%;
1007 }
1008
1009 #bookmarkpopup .form_guide {
1010     color: #777;
1011 }
1012
1013 #bookmarkpopup #submit {
1014     float: right;
1015     margin-right: 0px;
1016 }
1017
1018 #bookmarkpopup fieldset fieldset {
1019     margin-bottom: 10px;
1020 }
1021
1022 /* Onboard specific styles */
1023
1024 .onboard-flash {
1025     border-radius: 6px;
1026         -moz-border-radius: 6px;
1027         -webkit-border-radius: 6px;
1028     font-size: 1.1em;
1029     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1030     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1031     -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1032 }
1033
1034 .onboard-flash p {
1035     margin-bottom: 10px;
1036 }
1037
1038 .onboard-flash .next:before {
1039     content: '\00BB';
1040     padding-right: 6px;
1041 }
1042
1043 .onboard-breadcrumbs {
1044     margin-bottom: 16px !important;
1045 }
1046
1047 .onboard-breadcrumbs li {
1048     background: none !important;
1049     border-top: none !important;
1050     padding: 6px 12px 2px 0px !important;
1051 }
1052
1053 .onboard-breadcrumbs li:last-child {
1054     padding-right: 0px !important;
1055 }
1056
1057 .onboard-breadcrumbs a {
1058     text-decoration: none;
1059 }
1060
1061 .onboard-breadcrumbs a:hover {
1062     color: #3e3e8c !important;
1063 }
1064
1065 /* Billing specific styles */
1066
1067 #content table.billing_info {
1068     margin-top: 10px;
1069     background:rgba(240, 240, 240, 0.4);
1070 }
1071
1072 #content table.billing_info th {
1073     text-align: right;
1074     width: 50%;
1075 }
1076
1077 .invalid {
1078     border: solid 2px red !important;
1079 }
1080
1081 #payment_history table {
1082     width: 100%;
1083 }
1084
1085 #billingadminpanel .form_settings input {
1086     margin-right: 0px;
1087 }
1088
1089 /* Directory specific styles */
1090
1091 td.entity_profile {
1092     width: auto;
1093 }
1094
1095 #user_directory {
1096     position: relative;
1097     top: -20px;
1098 }
1099
1100 div#user_directory div.alpha_nav > a {
1101     border-left: 1px solid #ccc !important;
1102     padding-left: 3.5px !important;
1103     padding-right: 4px !important;
1104     margin-right: 0px;
1105     float: left;
1106     line-height: 1.4em;
1107 }
1108
1109 div#user_directory div.alpha_nav > a.first {
1110     border-left: none !important;
1111 }
1112
1113 div#user_directory div.alpha_nav a.current {
1114     background-color: #ECECF2 !important;
1115 }
1116
1117 table.profile_list {
1118     margin-top: 10px;
1119 }
1120
1121 .profile_list th#created {
1122     width: 100px;
1123 }
1124
1125 .profile_list th#subscriptions {
1126     width: 120px;
1127 }
1128
1129 table.profile_list tr.alt {
1130     background-color: #fafafa !important;
1131 }
1132
1133 .profile_list .entity_actions {
1134     width: 30px;
1135     height: 26px;
1136     margin-right: 5px;
1137 }
1138
1139 .profile_list .entity_actions input {
1140     width: 26px;
1141     height: 26px;
1142     display: block;
1143     overflow: hidden;
1144     font-size: 0em;
1145 }
1146
1147
1148 }/*end of @media screen, projection, tv*/