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 abbr {border-bottom: none;}
  31
  32 h1 {font-size: 1.6em;}
  33 h2 {font-size: 1.6em;}
  34 h3 {font-size: 1.4em;}
  35 h4 {font-size: 1.4em;}
  36 h5 {font-size: 1.2em;}
  37 h6 {font-size: 1em;}
  38
  39 #wrap {
  40     width: 960px;
  41     margin: 0px auto;
  42     background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
  43     border-left: 10px solid #fff;
  44     border-right: 10px solid #fff;
  45     padding-top: 10px;
  46 }
  47
  48 #header {
  49     width: 960px;
  50     padding: 0px;
  51     padding-top: 12px;
  52 }
  53
  54 address {
  55     float: left;
  56     position: relative;
  57     top: 1px;
  58     left: 2px;
  59     margin: 0px;
  60     padding: 0px;
  61     height: 24px;
  62     width: 148px;
  63     z-index: 99;
  64 }
  65
  66 #site_nav_global_primary {
  67     display: block;
  68     position: absolute;
  69     top: 10px;
  70     right: 0;
  71     width: 800px;
  72     margin: 0px;
  73     height: 24px;
  74     line-height: 20px;
  75     -webkit-border-top-right-radius: 6px;
  76     -moz-border-radius-topright: 6px;
  77     border-top-right-radius: 6px;
  78     background: #364A84;
  79     background: -moz-linear-gradient(top, #516499 , #364a84);
  80     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
  81     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 ); /* XXX move all to ie.css */
  82 }
  83
  84 #site_nav_global_primary ul {
  85     float: right;
  86 }
  87
  88 #site_nav_global_primary li {
  89     margin-right: 0px;
  90 }
  91
  92 #site_nav_global_primary li:last-child {
  93     margin-right: 10px;
  94 }
  95
  96 #site_nav_global_primary a {
  97     color: #fff !important;
  98     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  99     padding: 2px 10px 2px 10px;
 100     height: 20px;
 101     display: block;
 102     float: left;
 103 }
 104
 105 #site_nav_global_primary a:hover {
 106     color: #fff !important;
 107     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 108     background: #4c619c;
 109     text-decoration: none;
 110 }
 111
 112 #site_notice {
 113     color: #000;
 114     float: right;
 115     width: 280px;
 116     padding: 10px;
 117     margin-left: 40px;
 118     -webkit-border-radius: 6px;
 119     -moz-border-radius: 6px;
 120     border-radius: 6px;
 121 }
 122
 123 #site_notice a {
 124     color: #3e3e8c;
 125 }
 126
 127 #anon_notice {
 128     color: #000;
 129     clear: both;
 130     background: none;
 131     padding: 0px;
 132     margin-bottom: 10px;
 133 }
 134
 135 #anon_notice a {
 136     color: #3e3e8c;
 137 }
 138
 139 #core {
 140     clear: both;
 141     margin: 0px;
 142     width: 958px;
 143     border-top: 5px solid #FB6104;
 144     border-left: 1px solid #d8dae6;
 145     border-right: 1px solid #d8dae6;
 146 }
 147
 148 #aside_primary_wrapper {
 149     width: 100%;
 150     float: left;
 151     overflow: hidden;
 152     position: relative;
 153     background-color: #ececf2;
 154 }
 155
 156 #content_wrapper  {
 157     width: 100%;
 158     float: left;
 159     position: relative;
 160     right: 239px;
 161     background-color: #fff;
 162     border-right: 1px solid #d8dae6;
 163 }
 164
 165 #site_nav_local_views_wrapper  {
 166     width: 100%;
 167     float: left;
 168     position: relative;
 169     right: 561px;
 170     background-color: #ececf2;
 171     border-right: 1px solid #d8dae6;
 172 }
 173
 174 #site_nav_local_views {
 175     width: 138px;
 176     float: left;
 177     overflow: hidden;
 178     position: relative;
 179     left: 800px;
 180     margin-top: 0px;
 181     padding: 22px 10px 40px 10px;
 182 }
 183
 184 #site_nav_local_views H3 {
 185     margin-bottom: 10px;
 186     padding-bottom: 6px;
 187     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 188     color: #7a7c87;
 189     font-size: 1.1em;
 190     letter-spacing: 2px;
 191     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 192     text-transform: uppercase;
 193 }
 194
 195 #site_nav_local_views li {
 196     display: block;
 197     margin: 0px 0px 8px 0px;
 198 }
 199
 200 #site_nav_local_views li ul {
 201     margin-bottom: 20px;
 202 }
 203
 204 #site_nav_local_views a {
 205     display: block;
 206     padding: 0px 0px 1px 10px;
 207     -webkit-border-radius: 4px;
 208     -moz-border-radius: 4px;
 209     border-radius: 4px;
 210     text-transform: uppercase;
 211     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 212 }
 213
 214 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 215     color: #fff;
 216     text-decoration: none;
 217     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 218     background: #364a84;
 219     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 220     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 221     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 222 }
 223
 224 #content {
 225     width: 520px;
 226     float: left;
 227     overflow: hidden;
 228     position: relative;
 229     left: 801px;
 230     margin: 0px;
 231     padding: 20px 20px 40px 20px;
 232 }
 233
 234 /* Input forms */
 235
 236 .input_forms {
 237     float: left;
 238     position: relative;
 239     top: -20px;
 240     left: -20px;
 241     padding: 18px 20px 0px 20px;
 242     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 243 }
 244
 245 #input_form_nav {
 246     float: left;
 247     margin-bottom: 10px;
 248 }
 249
 250 #input_form_nav li a {
 251     display: block;
 252     float: left;
 253     padding: 0px 10px 1px 10px;
 254     margin-right: 10px;
 255     -webkit-border-radius: 4px;
 256     -moz-border-radius: 4px;
 257     border-radius: 4px;
 258     border: 1px solid #ECECF2;
 259     font-weight: bold;
 260     line-height: 1.4em;
 261     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 262     background: #ececf2;
 263     background: -moz-linear-gradient(top, #ffffff , #ececf2);
 264     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
 265     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
 266 }
 267
 268 #input_form_nav li:hover a, #input_form_nav li.current a {
 269     color: #fff;
 270     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 271     border: 1px solid #ececf2;
 272     background: #364a84;
 273     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 274     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 275     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 276 }
 277
 278 .input_form_nav_tab a, .input_form_nav_tab.current {
 279     text-decoration: none !important; /* XXX cf rebase */
 280 }
 281
 282 .input_form {
 283     position: relative;
 284     float: left;
 285     width: 520px;
 286     padding-bottom: 15px;
 287 }
 288
 289 #input_form_status, #input_form_direct {
 290     padding-bottom: 45px;
 291 }
 292
 293 .form_notice {
 294     padding: 0px;
 295     background: none;
 296 }
 297
 298 .form_notice fieldset {
 299     width: auto;
 300     position: static;
 301 }
 302
 303 .form_notice #notice_data-text-label {
 304     display: none; /* XXX move into input with js */
 305 }
 306
 307 .form_notice_placeholder .placeholder {
 308     width: 473px;
 309     padding: 4px 10px 4px 10px;
 310     border: 1px solid #a6a6a6;
 311     -webkit-border-radius: 4px;
 312     -moz-border-radius: 4px;
 313     border-radius: 4px;
 314     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 315     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 316     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 317     z-index: 97;
 318     font-size: 1em;
 319 }
 320
 321 .form_notice textarea {
 322     width: 473px;
 323     height: 42px;
 324     padding: 6px 10px 18px 10px;
 325     border: 1px solid #a6a6a6;
 326     -webkit-border-radius: 4px;
 327     -moz-border-radius: 4px;
 328     border-radius: 4px;
 329     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 330     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 331     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 332     z-index: 97;
 333     font-size: 1.2em;
 334 }
 335
 336 #form_notice-direct.form_notice textarea {
 337     width: 498px;
 338 }
 339
 340 .form_notice label.notice_data-attach {
 341     top: 0px;
 342     right: 0px;
 343     z-index: 96;
 344 }
 345
 346 .form_notice .notice_data-geo_wrap label,
 347 .form_notice .notice_data-geo_wrap input {
 348     top: 26px;
 349     right: 0px;
 350     z-index: 99;
 351 }
 352
 353 .form_notice .count {
 354     position: absolute;
 355     top: 50px;
 356     right: 35px;
 357     font-size: 0.8em;
 358     height: 1em;
 359     z-index: 99;
 360 }
 361
 362 #form_notice-direct.form_notice .count {
 363     top: 80px;
 364     right: 10px;
 365 }
 366
 367 .form_notice #notice_action-submit {
 368     position: absolute;
 369     top: 100%;
 370     left: 0px;
 371     margin-top: -44px;
 372     float: left;
 373     width: 90px;
 374     padding: 0px;
 375     z-index: 99;
 376 }
 377
 378 .form_notice .error,
 379 .form_notice .success,
 380 .form_notice .notice-status {
 381     width: 478px;
 382     position: relative;
 383     top: 0px;
 384     float: none;
 385     clear: none;
 386     margin-left: 0px;
 387     margin-top: 10px;
 388     padding: 5px 5px 5px 10px;
 389     border: 1px solid #ccc;
 390 }
 391
 392 .form_notice .error {
 393     border: 1px solid #d05858;
 394 }
 395
 396 .form_notice .attach-status code {
 397     font-size: 1em;
 398 }
 399
 400 .input_form fieldset {
 401     margin: 0px;
 402     padding: 0px;
 403 }
 404
 405 .input_form fieldset fieldset {
 406     margin-bottom: 10px !important;
 407 }
 408
 409 .to-selector {
 410     padding-top: 15px;
 411     z-index: 99;
 412 }
 413
 414 .form_settings label[for=notice_to] {
 415     margin-left: 100px;
 416     margin-right: 5px;
 417 }
 418
 419 .checkbox-wrapper {
 420     padding: 2px;
 421     clear: left;
 422     display: block;
 423     margin-left: 26%;
 424 }
 425
 426 .form_notice .checkbox-wrapper {
 427     display: inline;
 428     margin-left: 10px;
 429 }
 430
 431 .form_settings .checkbox-wrapper label.checkbox {
 432     margin-left: 0px;
 433     margin-top: 6px;
 434     line-height: 1.2em;
 435     left: -3px;
 436 }
 437
 438 .checkbox-wrapper #notice_private {
 439     display:none;
 440 }
 441
 442 .checkbox-wrapper.unchecked label.checkbox {
 443     padding-left: 20px;
 444     background: url(../images/lock_open.png) no-repeat 0px 0px;
 445     opacity: 0.6;
 446 }
 447
 448 .checkbox-wrapper.checked label.checkbox {
 449     padding-left: 20px;
 450     background: url(../images/lock.png) no-repeat 0px 0px;
 451     color: red;
 452     opacity: 1;
 453 }
 454
 455 #aside_primary {
 456     width: 218px;
 457     float: left;
 458     overflow: hidden;
 459     position: relative;
 460     left: 802px;
 461     padding: 22px 10px 40px 10px;
 462     margin-top: 0px;
 463     background: none;
 464 }
 465
 466 #aside_primary .section {
 467     width: 100%;
 468     margin-left: 0px;
 469     margin-right: 0px;
 470     font-size: 0.88em;
 471 }
 472
 473 #aside_primary h2 {
 474     margin-bottom: 10px;
 475     padding-bottom: 6px;
 476     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 477     color: #7a7c87;
 478     font-size: 1.25em;
 479     letter-spacing: 2px;
 480     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 481     text-transform: uppercase;
 482 }
 483
 484 .profile_block .entity_actions {
 485     float: right;
 486     width: 110px;
 487     margin-top: 2px;
 488     margin-bottom: 2px;
 489 }
 490
 491 .profile_block .entity_moderation:hover ul,
 492 .profile_block .entity_role:hover ul {
 493     right: 20px;
 494 }
 495
 496 .profile_block_name {
 497     font-size: 14px;
 498     font-weight: bold;
 499 }
 500
 501 .profile_block_location {
 502     font-weight: bold;
 503 }
 504
 505 .profile_block_description {
 506     line-height: 1.2em;
 507 }
 508
 509 #site_nav_object ul {
 510     background: url('../images/brdr_black_dot.png') repeat-x top left;
 511 }
 512
 513 #site_nav_object li {
 514     display: block;
 515     margin: -8px 0px 8px 0px;
 516     padding-top: 8px;
 517 }
 518
 519 #site_nav_object a {
 520     font-size: 14px;
 521     display: block;
 522     padding: 0px 0px 1px 10px;
 523     -webkit-border-radius: 4px;
 524     -moz-border-radius: 4px;
 525     border-radius: 4px;
 526     text-transform: uppercase;
 527     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 528 }
 529
 530 #site_nav_object a:hover, #site_nav_object .current a {
 531     color: #fff;
 532     text-decoration: none;
 533     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 534     background: #364a84;
 535     background: -moz-linear-gradient(top, #7b8dbb , #364a84);
 536     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 537     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 538 }
 539
 540 .section ul.entities {
 541     width: 240px;
 542 }
 543
 544 .section .entities li {
 545     margin-right: 23px;
 546     margin-bottom: 12px;
 547     width: 24px;
 548 }
 549
 550 #popular_notices .avatar {
 551     position: relative;
 552     top: 4px;
 553     margin-bottom: 6px;
 554 }
 555
 556 #aside_primary td {
 557     padding-right: 20px;
 558     padding-bottom: 14px;
 559 }
 560
 561 #aside_primary td .nickname {
 562     line-height: 1.6em;
 563 }
 564
 565 .section .avatar {
 566     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 567     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 568     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 569 }
 570
 571 #content h1 {
 572     border-bottom: 3px solid #A6ADBF;
 573     color: #A6ADBF;
 574     font-size: 1.4em;
 575     letter-spacing: 4px;
 576     text-transform: none;
 577 }
 578
 579 #notices_primary {
 580     margin-top: -5px;
 581 }
 582
 583 #content .notice {
 584     padding-bottom: 14px;
 585     border-bottom: 2px dotted #eee;
 586 }
 587
 588 .notice {
 589     line-height: 1.36em;
 590     margin-bottom: 10px;
 591 }
 592
 593 #content .notice .author .photo {
 594     left: 0px;
 595     top: 9px;
 596 }
 597
 598 #content .notice .entry-title {
 599     min-height: 35px;
 600 }
 601
 602 #showstream .notice .entry-title {
 603     min-height: 1px;
 604 }
 605
 606 #shownotice .notice .entry-title {
 607     min-height:123px;
 608 }
 609
 610 .notice div.entry-content {
 611     font-size: 0.88em;
 612     line-height: 1.2em;
 613     margin-top: 6px;
 614     opacity: 0.6;
 615 }
 616
 617 .notice:hover div.entry-content {
 618     opacity: 1;
 619 }
 620
 621 .user_in .notice div.entry-content {
 622     max-width: 440px;
 623 }
 624
 625 div.entry-content a.response:before {
 626         content: "(";
 627 }
 628
 629 div.entry-content a.response:after {
 630         content: ")";
 631 }
 632
 633 .notice-options {
 634     margin-top: 4px;
 635 }
 636
 637 .threaded-replies {
 638     clear: both;
 639     float: left;
 640     width: 458px;
 641     margin-left: 59px;
 642     margin-top: 10px;
 643     padding-right: 2px;
 644     border-left: 3px solid #ECECF2;
 645     background: #fafafa;
 646     font-size: 1em;
 647 }
 648
 649 #content .notice .threaded-replies .notice,
 650 #content .notice .threaded-replies .notice-data {
 651     width: 440px;
 652     min-height: 1px;
 653     padding-bottom: 14px;
 654     padding-top: 5px;
 655     border-bottom: 2px dotted #eee;
 656     line-height: 1.36em;
 657     margin-top: 0px;
 658     margin-bottom: 0px;
 659     margin-left: 10px;
 660     background: none;
 661 }
 662
 663 #content .notice .threaded-replies .entry-title {
 664     min-height: 1px;
 665 }
 666
 667 #content .threaded-replies .notice .author .photo {
 668     height: 24px;
 669     width: 24px;
 670     top: 14px;
 671     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 672     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 673     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 674 }
 675
 676 #content .notice .threaded-replies .notice .entry-title {
 677     margin: 2px 7px 0px 35px;
 678 }
 679
 680 #content .notice .threaded-replies .notice div.entry-content {
 681     clear:left;
 682     float:left;
 683     margin-left: 35px;
 684     margin-top: 4px !important;
 685 }
 686
 687 .threaded-replies li {
 688     list-style-type: none;
 689 }
 690
 691 .threaded-replies .notice-reply-comments {
 692     margin: 2px 0px 4px 10px;
 693 }
 694
 695 .threaded-replies .placeholder {
 696     margin: 10px;
 697     width: 426px;
 698 }
 699
 700 .threaded-replies .notice-reply {
 701     clear: left;
 702     position: relative;
 703     padding: 10px;
 704     padding-bottom: 44px;
 705 }
 706
 707 .threaded-replies .form_notice textarea {
 708     width: 385px;
 709 }
 710
 711 .threaded-replies .form_notice label.notice_data-attach {
 712     top: 10px;
 713     right: 10px;
 714 }
 715
 716 .threaded-replies .form_notice .notice_data-geo_wrap label,
 717 .threaded-replies .form_notice .notice_data-geo_wrap input {
 718     top: 36px;
 719     right: 10px;
 720 }
 721
 722 .threaded-replies .form_notice .count {
 723     top: 60px;
 724     right: 50px;
 725 }
 726
 727 .threaded-replies .form_notice #notice_action-submit {
 728     left: 10px;
 729 }
 730
 731 .threaded-replies .form_notice .error,
 732 .threaded-replies .form_notice .success,
 733 .threaded-replies .form_notice .notice-status {
 734     width: 390px;
 735 }
 736
 737 #content .notice .notice {
 738     width: 100%;
 739     margin-left: 0;
 740     margin-top: 16px;
 741     margin-bottom: 10px;
 742 }
 743
 744 .notice .notice {
 745 background-color:rgba(200, 200, 200, 0.050);
 746 }
 747 .notice .notice .notice {
 748 background-color:rgba(200, 200, 200, 0.100);
 749 }
 750 .notice .notice .notice .notice {
 751 background-color:rgba(200, 200, 200, 0.150);
 752 }
 753 .notice .notice .notice .notice .notice {
 754 background-color:rgba(200, 200, 200, 0.300);
 755 }
 756
 757 .pagination {
 758     height: 1.2em;
 759 }
 760
 761 #jOverlayContent button {
 762     top: 20px;
 763     right: 36px;
 764 }
 765
 766 .entity_profile {
 767     float: left;
 768     width: 360px;
 769     margin-top: 4px;
 770 }
 771
 772 .entity_profile .entity_depiction {
 773     margin-top: 4px;
 774 }
 775
 776 .entity_actions {
 777     width: 140px;
 778     margin-top: 8px;
 779     margin-bottom: 10px;
 780 }
 781
 782 .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, .entity_actions input.submit {
 783         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 784     border-radius: 4px;
 785     -moz-border-radius: 4px;
 786     -webkit-border-radius: 4px;
 787     background-color: #CDD1DD !important;
 788 }
 789
 790 .entity_moderation:hover ul,
 791 .entity_role:hover ul {
 792     border-radius: 4px;
 793     -moz-border-radius: 4px;
 794     -webkit-border-radius: 4px;
 795 }
 796
 797 .entity_send-a-message .form_notice legend {
 798         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 799 }
 800
 801 .entity_send-a-message .form_notice {
 802     border: 1px solid #7B4E82;
 803 }
 804
 805 .entity_send-a-message .form_notice #notice_action-submit {
 806     color: #fff !important;
 807     top: 46px;
 808 }
 809
 810 #aside_primary #entity_remote_subscribe a:hover {
 811     background-color: #fff !important;
 812 }
 813
 814 #entity_remote_subscribe .dialogbox {
 815     border: 1px solid #7B4E82;
 816     border-radius: 8px;
 817         -moz-border-radius: 8px;
 818         -webkit-border-radius: 8px;
 819 }
 820
 821 #entity_remote_subscribe input {
 822     padding-left: 4px;
 823 }
 824
 825 #entity_remote_subscribe .submit_dialogbox {
 826     margin-top: 10px;
 827     float: right;
 828 }
 829
 830 #filter_tags_item .submit {
 831   left: 6px;
 832   top: -3px;
 833 }
 834
 835 #pagination {
 836     height: 1.2em;
 837     padding-bottom: 12px;
 838     -webkit-border-radius: 6px;
 839     -moz-border-radius: 6px;
 840     border-radius: 6px;
 841 }
 842
 843 #footer {
 844     position: relative;
 845     top: -6px;
 846     color: #000;
 847     margin-left: 0px;
 848     margin-right: 0px;
 849     -webkit-border-top-left-radius: 6px;
 850     -webkit-border-top-right-radius: 6px;
 851     -moz-border-radius-topleft: 6px;
 852     -moz-border-radius-topright: 6px;
 853     border-top-left-radius: 6px;
 854     border-top-right-radius: 6px;
 855 }
 856
 857 #footer a {
 858     color: #3e3e8c;
 859 }
 860
 861 #site_nav_global_secondary {
 862     margin-bottom: 10px;
 863 }
 864
 865 .error, .success, .notice-status {
 866     background-color: #F7E8E8;
 867     padding: 4px;
 868     -webkit-border-radius: 6px;
 869     -moz-border-radius: 6px;
 870     border-radius: 6px;
 871 }
 872 .success, .notice-status {
 873     background-color: #f2f2f2;
 874 }
 875
 876 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
 877     height: 1.9em;
 878     padding: 0px 10px;
 879     color:#fff;
 880     font-weight: bold;
 881     text-transform: uppercase;
 882     font-size: 1.2em;
 883     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 884     border: 1px solid #d7621c;
 885     border-radius: 4px;
 886     -moz-border-radius: 4px;
 887     -webkit-border-radius: 4px;
 888     background: #FB6104;
 889     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 890     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 891     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 892 }
 893
 894 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
 895     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 896     background: #ff9d63;
 897     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 898     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 899     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 900 }
 901
 902 .form_settings input#settings_design_reset, .form_settings input.cancel {
 903     background: #e2e2e2;
 904     color: #8e181b;
 905     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 906 }
 907
 908 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
 909     background: #f2f2f2;
 910     color: #8e181b;
 911     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 912 }
 913
 914 .form_settings input.checkbox, .form_settings input.radio {
 915     margin-left: 24%;
 916     margin-top: 2px;
 917     position: relative;
 918     left: -14px;
 919 }
 920
 921 .form_settings label.checkbox, .form_settings label.radio {
 922     width: auto;
 923     max-width: 60%;
 924     position: relative;
 925     left: -30px;
 926 }
 927
 928 .form_settings li input.radio {
 929     clear: left;
 930 }
 931
 932 .form_settings label.radio {
 933     margin-left: 10px;
 934     margin-right: 10px;
 935     text-align: left;
 936 }
 937
 938 #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 {
 939     margin-left: 26%;
 940 }
 941
 942 #form_search ul.form_data #q {
 943     margin-left: 10px;
 944 }
 945
 946 .form_settings fieldset fieldset {
 947     margin-bottom: 30px;
 948     padding-top: 25px;
 949 }
 950
 951
 952 #content thead th {
 953 text-align:left;
 954 }
 955 #content tbody th {
 956 vertical-align:top;
 957 text-align:left;
 958 font-weight:normal;
 959 padding-top:11px;
 960 padding-right:18px;
 961 }
 962 #content tbody tr {
 963     border-top: 1px dotted #bbb;
 964 }
 965 #content td {
 966 padding:11px 18px 11px 0;
 967 vertical-align:top;
 968 }
 969 #content td:last-child {
 970 padding-right:0;
 971 }
 972
 973
 974 #realtime_actions {
 975     position: relative !important;
 976     float: right;
 977     padding-top: 15px;
 978     margin-bottom: -8px !important;
 979 }
 980
 981 .realtime-popup #content {
 982     padding-left: 4px !important;
 983     padding-right: 4px !important;
 984     margin-right: 0px;
 985     left: 0;
 986     right: 0;
 987     width: 400px;
 988     overflow: visible;
 989 }
 990
 991 .realtime-popup .threaded-replies {
 992     margin-left: 10px;
 993 }
 994
 995 .realtime-popup .input_forms {
 996     display: none; /* XXX fixme! */
 997 }
 998
 999 .realtime-popup .form_notice textarea {
1000     width: 325px !important;
1001 }
1002
1003 .realtime-popup .form_notice #notice_action-submit {
1004     top: 59px !important;
1005     right: 6px !important;
1006 }
1007
1008 .realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
1009     right: 74px;
1010     top: 3px !important;
1011 }
1012
1013 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
1014     right: 8px;
1015     top: 3px !important;
1016 }
1017
1018
1019 /* Bookmark specific styles */
1020
1021 #content .bookmark .entry-title {
1022     margin-left: 0px;
1023 }
1024
1025 .bookmark h3 {
1026     margin: 0px 0px 8px 0px;
1027     float: left;
1028     line-height: 1.2em;
1029     max-width: 92%;
1030 }
1031
1032 .bookmark-notice-count {
1033     border-radius: 4px;
1034         -moz-border-radius: 4px;
1035         -webkit-border-radius: 4px;
1036     padding: 1px 6px;
1037     font-size: 1.2em;
1038     line-height: 1.2em;
1039     background: #fff;
1040     border: 1px solid #7b8dbb;
1041     color: #3e3e8c !important;
1042     position: relative;
1043     right: 4px;
1044     margin-left: 10px;
1045 }
1046
1047 .bookmark-notice-count:hover {
1048     text-decoration: none;
1049     background: #f2f2f2;
1050     border: 1px solid #7b8dbb;
1051     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1052 }
1053
1054 .notice .bookmark-description {
1055     clear: both;
1056     margin-left: 0px;
1057     margin-bottom: 0px;
1058 }
1059
1060 .notice .bookmark-author {
1061     margin-left: 0px;
1062     float: left;
1063 }
1064
1065 .bookmark-tags {
1066     clear: both;
1067     margin-bottom: 8px;
1068     line-height: 1.6em;
1069 }
1070
1071 ul.bookmark-tags a {
1072     border-radius: 4px;
1073         -moz-border-radius: 4px;
1074         -webkit-border-radius: 4px;
1075     padding: 1px 6px;
1076     background: #f2f2f2;
1077     color: #3e3e8c !important;
1078     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1079     font-size: 0.88em;
1080 }
1081
1082 ul.bookmark-tags a:hover {
1083     background-color: #cdd1dd;
1084     text-decoration: none;
1085 }
1086
1087 .bookmark-avatar {
1088     float: none !important;
1089     position: relative;
1090     top: 2px;
1091 }
1092
1093 .bookmark div.entry-content {
1094     font-size: 0.88em;
1095     line-height: 1.2em;
1096     margin-top: 6px;
1097     opacity: 0.6;
1098     margin-bottom: 0px;
1099 }
1100
1101 .bookmark:hover div.entry-content {
1102     opacity: 1;
1103 }
1104
1105 .bookmark .notice-options {
1106     margin-top: 16px;
1107 }
1108
1109 #bookmarkpopup {
1110     min-width: 600px;
1111     margin-top: 0px;
1112     height: 100%;
1113     border: 10px solid #364A84;
1114     background: #364A84;
1115 }
1116
1117 #bookmarkpopup #wrap {
1118     width: auto;
1119     min-width: 560px;
1120     padding: 40px 0px 25px 0px;
1121     margin-right: 2px;
1122     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1123 }
1124
1125 #bookmarkpopup #header {
1126     width: auto;
1127     padding: 0px 10px;
1128 }
1129
1130 #bookmarkpopup .form_settings label {
1131     margin-top: 2px;
1132     text-align: right;
1133     width: 24%;
1134     font-size: 1.2em;
1135 }
1136
1137 #bookmarkpopup .form_settings .form_data input {
1138     width: 60%;
1139 }
1140
1141 #bookmarkpopup .form_guide {
1142     color: #777;
1143 }
1144
1145 #bookmarkpopup #submit {
1146     float: right;
1147     margin-right: 0px;
1148 }
1149
1150 #bookmarkpopup fieldset fieldset {
1151     margin-bottom: 10px;
1152 }
1153
1154 /* Onboard specific styles */
1155
1156 .onboard-flash {
1157     position: relative;
1158     right: -800px;
1159     top: 10px;
1160     border-radius: 6px;
1161         -moz-border-radius: 6px;
1162         -webkit-border-radius: 6px;
1163     font-size: 1.1em;
1164     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1165     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1166     -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1167 }
1168
1169 .onboard-flash p {
1170     margin-bottom: 10px;
1171 }
1172
1173 .onboard-flash .next:before {
1174     content: '\00BB';
1175     padding-right: 6px;
1176 }
1177
1178 .onboard-breadcrumbs {
1179     margin-bottom: 16px !important;
1180 }
1181
1182 .onboard-breadcrumbs li {
1183     background: none !important;
1184     border-top: none !important;
1185     padding: 6px 12px 2px 0px !important;
1186 }
1187
1188 .onboard-breadcrumbs li:last-child {
1189     padding-right: 0px !important;
1190 }
1191
1192 .onboard-breadcrumbs a {
1193     text-decoration: none;
1194 }
1195
1196 .onboard-breadcrumbs a:hover {
1197     color: #3e3e8c !important;
1198 }
1199
1200 /* Billing specific styles */
1201
1202 #content table.billing_info {
1203     margin-top: 10px;
1204     background:rgba(240, 240, 240, 0.4);
1205 }
1206
1207 #content table.billing_info th {
1208     text-align: right;
1209     width: 50%;
1210 }
1211
1212 .invalid {
1213     border: solid 2px red !important;
1214 }
1215
1216 #payment_history table {
1217     width: 100%;
1218 }
1219
1220 #billingadminpanel .form_settings input {
1221     margin-right: 0px;
1222 }
1223
1224 /* Directory specific styles */
1225
1226 td.entity_profile {
1227     width: auto;
1228 }
1229
1230 #user_directory {
1231     position: relative;
1232     top: -20px;
1233 }
1234
1235 div#user_directory div.alpha_nav > a {
1236     border-left: 1px solid #ccc !important;
1237     padding-left: 3.5px !important;
1238     padding-right: 4px !important;
1239     margin-right: 0px;
1240     float: left;
1241     line-height: 1.4em;
1242 }
1243
1244 div#user_directory div.alpha_nav > a.first {
1245     border-left: none !important;
1246 }
1247
1248 div#user_directory div.alpha_nav a.current {
1249     background-color: #ECECF2 !important;
1250 }
1251
1252 table.profile_list {
1253     margin-top: 10px;
1254 }
1255
1256 .profile_list th#created {
1257     width: 100px;
1258 }
1259
1260 .profile_list th#subscriptions {
1261     width: 120px;
1262 }
1263
1264 table.profile_list tr.alt {
1265     background-color: #fafafa !important;
1266 }
1267
1268 .profile_list .entity_actions {
1269     width: 30px;
1270     height: 26px;
1271     margin-right: 5px;
1272 }
1273
1274 .profile_list .entity_actions input {
1275     width: 26px;
1276     height: 26px;
1277     display: block;
1278     overflow: hidden;
1279     font-size: 0em;
1280 }
1281
1282 /* Event specific styles */
1283
1284 .notice .vevent div {
1285     margin-bottom: 8px;
1286 }
1287
1288 .event-info {
1289     margin-left: 0px !important;
1290     margin-top: 2px !important;
1291 }
1292
1293 .notice .event-info + .notice-options {
1294     margin-top: 14px;
1295 }
1296
1297 .notice .threaded-replies .event-info + .notice-options {
1298     margin-top: 20px;
1299 }
1300
1301 #form_event_rsvp #new_rsvp_data {
1302     display: inline;
1303     margin: 10px 0px;
1304 }
1305
1306 #form_event_rsvp input.submit {
1307     height: auto;
1308     padding: 0px 10px;
1309     margin-left: 10px;
1310     color:#fff;
1311     font-weight: bold;
1312     text-transform: uppercase;
1313     font-size: 1.1em;
1314     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1315     border: 1px solid #d7621c;
1316     border-radius: 4px;
1317     -moz-border-radius: 4px;
1318     -webkit-border-radius: 4px;
1319     background: #FB6104;
1320     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1321     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1322     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1323 }
1324
1325 #form_event_rsvp input.submit:hover {
1326     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1327     background: #ff9d63;
1328     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1329     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1330     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1331 }
1332
1333 /* Limited-scope specific styles */
1334
1335 .limited-scope .entry-content .timestamp {
1336     padding-left: 20px;
1337     position: relative;
1338 }
1339
1340 .limited-scope .entry-content .timestamp:before {
1341     content: url(../images/lock.png);
1342     position: absolute;
1343     top: -2px;
1344     left: 0px;
1345 }
1346
1347 /* QnA specific styles */
1348
1349 #content .question .entry-title, #content .qna-full-question .entry-title {
1350     min-height: 1px;
1351 }
1352
1353 .question div.question-description {
1354     font-size: 1em;
1355     line-height: 1.36em;
1356     margin-top: 0px;
1357     opacity: 1;
1358 }
1359
1360 .question div.answer-content, .qna-full-question div.answer-content {
1361     opacity: 1;
1362 }
1363
1364 .question .answer-count, .qna-full-question .answer-count {
1365     display: block;
1366     clear: left;
1367 }
1368
1369 .question .answer-count:before, .qna-full-question .answer-count:before {
1370     content: '(';
1371 }
1372
1373 .question .answer-count:after, .qna-full-question .answer-count:after {
1374     content: ')';
1375 }
1376
1377 .question fieldset, .qna-full-question fieldset {
1378     margin: 0px;
1379 }
1380
1381 .question fieldset legend, .qna-full-question fieldset legend, .answer fieldset legend {
1382     display: none;
1383 }
1384
1385 .question label[for=answer], .qna-full-question label[for=answer] {
1386     display: none;
1387 }
1388
1389 .question textarea, .qna-full-question textarea {
1390     width: 100%;
1391     height: 42px;
1392     padding: 6px 10px 18px 10px;
1393     border: 1px solid #a6a6a6;
1394     -webkit-border-radius: 4px;
1395     -moz-border-radius: 4px;
1396     border-radius: 4px;
1397     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1398     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1399     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1400     font-size: 1.2em;
1401     margin-top: 15px;
1402     margin-bottom: 10px;
1403 }
1404
1405 .qna-full-question textarea {
1406     width: 473px;
1407 }
1408
1409 .question-description input.submit, .answer-content input.submit {
1410     height: auto;
1411     padding: 0px 10px;
1412     margin: 6px 0px 10px 0px;
1413     color:#fff;
1414     font-weight: bold;
1415     text-transform: uppercase;
1416     font-size: 1.1em;
1417     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1418     border: 1px solid #d7621c;
1419     border-radius: 4px;
1420     -moz-border-radius: 4px;
1421     -webkit-border-radius: 4px;
1422     background: #FB6104;
1423     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1424     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1425     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1426 }
1427
1428 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1429     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1430     background: #ff9d63;
1431     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1432     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1433     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1434 }
1435
1436 .question .question-description #answer-form input.submit {
1437     margin-top: 0px;
1438 }
1439
1440 .question p.best, .answer p.best {
1441     background: url(../images/rosette.png) no-repeat top left;
1442     padding-left: 20px;
1443 }
1444
1445 }/*end of @media screen, projection, tv*/