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