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 {
 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 label.notice_data-attach {
 337     top: 0px;
 338     right: 0px;
 339     z-index: 96;
 340 }
 341
 342 .form_notice .notice_data-geo_wrap label,
 343 .form_notice .notice_data-geo_wrap input {
 344     top: 26px;
 345     right: 0px;
 346     z-index: 99;
 347 }
 348
 349 .form_notice .count {
 350     position: absolute;
 351     top: 50px;
 352     right: 35px;
 353     font-size: 0.8em;
 354     height: 1em;
 355     z-index: 99;
 356 }
 357
 358 .form_notice #notice_action-submit {
 359     position: absolute;
 360     top: 100%;
 361     left: 0px;
 362     margin-top: -44px;
 363     float: left;
 364     width: 90px;
 365     padding: 0px;
 366     z-index: 99;
 367 }
 368
 369 .form_notice .error,
 370 .form_notice .success,
 371 .form_notice .notice-status {
 372     width: 478px;
 373     position: relative;
 374     top: 0px;
 375     float: none;
 376     clear: none;
 377     margin-left: 0px;
 378     margin-top: 10px;
 379     padding: 5px 5px 5px 10px;
 380     border: 1px solid #ccc;
 381 }
 382
 383 .form_notice .error {
 384     border: 1px solid #d05858;
 385 }
 386
 387 .form_notice .attach-status code {
 388     font-size: 1em;
 389 }
 390
 391 .input_form fieldset {
 392     margin: 0px;
 393     padding: 0px;
 394 }
 395
 396 .input_form fieldset fieldset {
 397     margin-bottom: 10px !important;
 398 }
 399
 400 #aside_primary {
 401     width: 218px;
 402     float: left;
 403     overflow: hidden;
 404     position: relative;
 405     left: 802px;
 406     padding: 22px 10px 40px 10px;
 407     margin-top: 0px;
 408     background: none;
 409 }
 410
 411 #aside_primary .section {
 412     width: 100%;
 413     margin-left: 0px;
 414     margin-right: 0px;
 415     font-size: 0.88em;
 416 }
 417
 418 #aside_primary h2 {
 419     margin-bottom: 10px;
 420     padding-bottom: 6px;
 421     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 422     color: #7a7c87;
 423     font-size: 1.25em;
 424     letter-spacing: 2px;
 425     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 426     text-transform: uppercase;
 427 }
 428
 429 .profile_block_name {
 430     font-size: 14px;
 431     font-weight: bold;
 432 }
 433
 434 .profile_block_location {
 435     font-weight: bold;
 436 }
 437
 438 .profile_block_description {
 439     line-height: 1.2em;
 440 }
 441
 442 .profile_block .entity_actions {
 443     float: left;
 444     margin-left: 0px;
 445 }
 446
 447 .profile_block .entity_moderation:hover ul,
 448 .profile_block .entity_role:hover ul {
 449     left: 20px;
 450 }
 451
 452 .profile_block a.profiledetail {
 453     display: block;
 454 }
 455
 456 .section ul.entities {
 457     width: 240px;
 458 }
 459
 460 .section .entities li {
 461     margin-right: 23px;
 462     margin-bottom: 12px;
 463     width: 24px;
 464 }
 465
 466 #popular_notices .avatar {
 467     position: relative;
 468     top: 4px;
 469     margin-bottom: 6px;
 470 }
 471
 472 #aside_primary td {
 473     padding-right: 20px;
 474     padding-bottom: 14px;
 475 }
 476
 477 #aside_primary td .nickname {
 478     line-height: 1.6em;
 479 }
 480
 481 .section .avatar {
 482     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 483     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 484     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 485 }
 486
 487 #content h1 {
 488     border-bottom: 3px solid #A6ADBF;
 489     color: #A6ADBF;
 490     font-size: 1.4em;
 491     letter-spacing: 4px;
 492     text-transform: none;
 493 }
 494
 495 #notices_primary {
 496     margin-top: -5px;
 497 }
 498
 499 #content .notice {
 500     padding-bottom: 14px;
 501     border-bottom: 2px dotted #eee;
 502 }
 503
 504 .notice {
 505     line-height: 1.36em;
 506     margin-bottom: 10px;
 507 }
 508
 509 #content .notice .author .photo {
 510     left: 0px;
 511     top: 9px;
 512 }
 513
 514 #content .notice .entry-title {
 515     min-height: 35px;
 516 }
 517
 518 #showstream .notice .entry-title {
 519     min-height: 1px;
 520 }
 521
 522 #shownotice .notice .entry-title {
 523     min-height:123px;
 524 }
 525
 526 .notice div.entry-content {
 527     font-size: 0.88em;
 528     line-height: 1.2em;
 529     margin-top: 6px;
 530     opacity: 0.6;
 531 }
 532
 533 .notice:hover div.entry-content {
 534     opacity: 1;
 535 }
 536
 537 .user_in .notice div.entry-content {
 538     max-width: 440px;
 539 }
 540
 541 div.entry-content a.response:before {
 542         content: "(";
 543 }
 544
 545 div.entry-content a.response:after {
 546         content: ")";
 547 }
 548
 549 .notice-options {
 550     margin-top: 4px;
 551 }
 552
 553 .threaded-replies {
 554     clear: both;
 555     float: left;
 556     width: 458px;
 557     margin-left: 59px;
 558     margin-top: 10px;
 559     padding-right: 2px;
 560     border-left: 3px solid #ECECF2;
 561     background: #fafafa;
 562     font-size: 1em;
 563 }
 564
 565 #content .notice .threaded-replies .notice,
 566 #content .notice .threaded-replies .notice-data {
 567     width: 440px;
 568     min-height: 1px;
 569     padding-bottom: 14px;
 570     padding-top: 5px;
 571     border-bottom: 2px dotted #eee;
 572     line-height: 1.36em;
 573     margin-top: 0px;
 574     margin-bottom: 0px;
 575     margin-left: 10px;
 576     background: none;
 577 }
 578
 579 #content .notice .threaded-replies .entry-title {
 580     min-height: 1px;
 581 }
 582
 583 #content .threaded-replies .notice .author .photo {
 584     height: 24px;
 585     width: 24px;
 586     top: 14px;
 587     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 588     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 589     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 590 }
 591
 592 #content .notice .threaded-replies .notice .entry-title {
 593     margin: 2px 7px 0px 35px;
 594 }
 595
 596 #content .notice .threaded-replies .notice div.entry-content {
 597     clear:left;
 598     float:left;
 599     margin-left: 35px;
 600     margin-top: 4px !important;
 601 }
 602
 603 .threaded-replies li {
 604     list-style-type: none;
 605 }
 606
 607 .threaded-replies .notice-reply-comments {
 608     margin: 2px 0px 4px 10px;
 609 }
 610
 611 .threaded-replies .placeholder {
 612     margin: 10px;
 613     width: 426px;
 614 }
 615
 616 .threaded-replies .notice-reply {
 617     clear: left;
 618     position: relative;
 619     padding: 10px;
 620     padding-bottom: 44px;
 621 }
 622
 623 .threaded-replies .form_notice textarea {
 624     width: 385px;
 625 }
 626
 627 .threaded-replies .form_notice label.notice_data-attach {
 628     top: 10px;
 629     right: 10px;
 630 }
 631
 632 .threaded-replies .form_notice .notice_data-geo_wrap label,
 633 .threaded-replies .form_notice .notice_data-geo_wrap input {
 634     top: 36px;
 635     right: 10px;
 636 }
 637
 638 .threaded-replies .form_notice .count {
 639     top: 60px;
 640     right: 50px;
 641 }
 642
 643 .threaded-replies .form_notice #notice_action-submit {
 644     left: 10px;
 645 }
 646
 647 .threaded-replies .form_notice .error,
 648 .threaded-replies .form_notice .success,
 649 .threaded-replies .form_notice .notice-status {
 650     width: 390px;
 651 }
 652
 653 #content .notice .notice {
 654     width: 100%;
 655     margin-left: 0;
 656     margin-top: 16px;
 657     margin-bottom: 10px;
 658 }
 659
 660 .notice .notice {
 661 background-color:rgba(200, 200, 200, 0.050);
 662 }
 663 .notice .notice .notice {
 664 background-color:rgba(200, 200, 200, 0.100);
 665 }
 666 .notice .notice .notice .notice {
 667 background-color:rgba(200, 200, 200, 0.150);
 668 }
 669 .notice .notice .notice .notice .notice {
 670 background-color:rgba(200, 200, 200, 0.300);
 671 }
 672
 673 .pagination {
 674     height: 1.2em;
 675 }
 676
 677 #jOverlayContent button {
 678     top: 20px;
 679     right: 36px;
 680 }
 681
 682 .entity_profile {
 683     float: left;
 684     width: 360px;
 685     margin-top: 4px;
 686 }
 687
 688 .entity_profile .entity_depiction {
 689     margin-top: 4px;
 690 }
 691
 692 .entity_actions {
 693     width: 140px;
 694     margin-top: 8px;
 695     margin-bottom: 10px;
 696 }
 697
 698 .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 {
 699         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 700     border-radius: 4px;
 701     -moz-border-radius: 4px;
 702     -webkit-border-radius: 4px;
 703     background-color: #CDD1DD !important;
 704 }
 705
 706 .entity_moderation:hover ul,
 707 .entity_role:hover ul {
 708     border-radius: 4px;
 709     -moz-border-radius: 4px;
 710     -webkit-border-radius: 4px;
 711 }
 712
 713 .entity_send-a-message .form_notice legend {
 714         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 715 }
 716
 717 .entity_send-a-message .form_notice {
 718     border: 1px solid #7B4E82;
 719 }
 720
 721 .entity_send-a-message .form_notice #notice_action-submit {
 722     color: #fff !important;
 723     top: 46px;
 724 }
 725
 726 #aside_primary #entity_remote_subscribe a:hover {
 727     background-color: #fff !important;
 728 }
 729
 730 #entity_remote_subscribe .dialogbox {
 731     border: 1px solid #7B4E82;
 732     border-radius: 8px;
 733         -moz-border-radius: 8px;
 734         -webkit-border-radius: 8px;
 735 }
 736
 737 #entity_remote_subscribe input {
 738     padding-left: 4px;
 739 }
 740
 741 #entity_remote_subscribe .submit_dialogbox {
 742     margin-top: 10px;
 743     float: right;
 744 }
 745
 746 #filter_tags_item .submit {
 747   left: 6px;
 748   top: -3px;
 749 }
 750
 751 #pagination {
 752     height: 1.2em;
 753     padding-bottom: 12px;
 754     -webkit-border-radius: 6px;
 755     -moz-border-radius: 6px;
 756     border-radius: 6px;
 757 }
 758
 759 #footer {
 760     position: relative;
 761     top: -6px;
 762     color: #000;
 763     margin-left: 0px;
 764     margin-right: 0px;
 765     -webkit-border-top-left-radius: 6px;
 766     -webkit-border-top-right-radius: 6px;
 767     -moz-border-radius-topleft: 6px;
 768     -moz-border-radius-topright: 6px;
 769     border-top-left-radius: 6px;
 770     border-top-right-radius: 6px;
 771 }
 772
 773 #footer a {
 774     color: #3e3e8c;
 775 }
 776
 777 #site_nav_global_secondary {
 778     margin-bottom: 10px;
 779 }
 780
 781 .error, .success, .notice-status {
 782     background-color: #F7E8E8;
 783     padding: 4px;
 784     -webkit-border-radius: 6px;
 785     -moz-border-radius: 6px;
 786     border-radius: 6px;
 787 }
 788 .success, .notice-status {
 789     background-color: #f2f2f2;
 790 }
 791
 792 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel {
 793     height: 1.9em;
 794     padding: 0px 10px;
 795     color:#fff;
 796     font-weight: bold;
 797     text-transform: uppercase;
 798     font-size: 1.2em;
 799     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 800     border: 1px solid #d7621c;
 801     border-radius: 4px;
 802     -moz-border-radius: 4px;
 803     -webkit-border-radius: 4px;
 804     background: #FB6104;
 805     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
 806     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
 807     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
 808 }
 809
 810 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover {
 811     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 812     background: #ff9d63;
 813     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
 814     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
 815     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
 816 }
 817
 818 .form_settings input#settings_design_reset, .form_settings input.cancel {
 819     background: #e2e2e2;
 820     color: #8e181b;
 821     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 822 }
 823
 824 .form_settings input#settings_design_reset:hover, .form_settings input.cancel:hover {
 825     background: #f2f2f2;
 826     color: #8e181b;
 827     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 828 }
 829
 830 .form_settings input.checkbox, .form_settings input.radio {
 831     margin-left: 24%;
 832     margin-top: 2px;
 833     position: relative;
 834     left: -14px;
 835 }
 836
 837 .form_settings label.checkbox, .form_settings label.radio {
 838     width: auto;
 839     max-width: 60%;
 840     position: relative;
 841     left: -30px;
 842 }
 843
 844 .form_settings li input.radio {
 845     clear: left;
 846 }
 847
 848 .form_settings label.radio {
 849     margin-left: 10px;
 850     margin-right: 10px;
 851     text-align: left;
 852 }
 853
 854 #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 {
 855     margin-left: 26%;
 856 }
 857
 858 #form_search ul.form_data #q {
 859     margin-left: 10px;
 860 }
 861
 862 .form_settings fieldset fieldset {
 863     margin-bottom: 30px;
 864     padding-top: 25px;
 865 }
 866
 867
 868 #content thead th {
 869 text-align:left;
 870 }
 871 #content tbody th {
 872 vertical-align:top;
 873 text-align:left;
 874 font-weight:normal;
 875 padding-top:11px;
 876 padding-right:18px;
 877 }
 878 #content tbody tr {
 879     border-top: 1px dotted #bbb;
 880 }
 881 #content td {
 882 padding:11px 18px 11px 0;
 883 vertical-align:top;
 884 }
 885 #content td:last-child {
 886 padding-right:0;
 887 }
 888
 889
 890 #realtime_actions {
 891     position: relative !important;
 892     float: right;
 893     padding-top: 15px;
 894     margin-bottom: -8px !important;
 895 }
 896
 897 .realtime-popup #content {
 898     padding-left: 4px !important;
 899     padding-right: 4px !important;
 900     margin-right: 0px;
 901     left: 0;
 902     right: 0;
 903     width: 400px;
 904     overflow: visible;
 905 }
 906
 907 .realtime-popup .threaded-replies {
 908     margin-left: 10px;
 909 }
 910
 911 .realtime-popup .input_forms {
 912     display: none; /* XXX fixme! */
 913 }
 914
 915 .realtime-popup .form_notice textarea {
 916     width: 325px !important;
 917 }
 918
 919 .realtime-popup .form_notice #notice_action-submit {
 920     top: 59px !important;
 921     right: 6px !important;
 922 }
 923
 924 .realtime-popup .form_notice label.notice_data-attach, .realtime-popup .form_notice input.notice_data-attach {
 925     right: 74px;
 926     top: 3px !important;
 927 }
 928
 929 .realtime-popup .form_notice #notice_data-geo_wrap label, .realtime-popup .form_notice #notice_data-geo_wrap input {
 930     right: 8px;
 931     top: 3px !important;
 932 }
 933
 934
 935 /* Bookmark specific styles */
 936
 937 #content .bookmark .entry-title {
 938     margin-left: 0px;
 939 }
 940
 941 .bookmark h3 {
 942     margin: 0px 0px 8px 0px;
 943     float: left;
 944     line-height: 1.2em;
 945     max-width: 92%;
 946 }
 947
 948 .bookmark-notice-count {
 949     border-radius: 4px;
 950         -moz-border-radius: 4px;
 951         -webkit-border-radius: 4px;
 952     padding: 1px 6px;
 953     font-size: 1.2em;
 954     line-height: 1.2em;
 955     background: #fff;
 956     border: 1px solid #7b8dbb;
 957     color: #3e3e8c !important;
 958     position: relative;
 959     right: 4px;
 960     margin-left: 10px;
 961 }
 962
 963 .bookmark-notice-count:hover {
 964     text-decoration: none;
 965     background: #f2f2f2;
 966     border: 1px solid #7b8dbb;
 967     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 968 }
 969
 970 .notice .bookmark-description {
 971     clear: both;
 972     margin-left: 0px;
 973     margin-bottom: 0px;
 974 }
 975
 976 .notice .bookmark-author {
 977     margin-left: 0px;
 978     float: left;
 979 }
 980
 981 .bookmark-tags {
 982     clear: both;
 983     margin-bottom: 8px;
 984     line-height: 1.6em;
 985 }
 986
 987 ul.bookmark-tags a {
 988     border-radius: 4px;
 989         -moz-border-radius: 4px;
 990         -webkit-border-radius: 4px;
 991     padding: 1px 6px;
 992     background: #f2f2f2;
 993     color: #3e3e8c !important;
 994     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 995     font-size: 0.88em;
 996 }
 997
 998 ul.bookmark-tags a:hover {
 999     background-color: #cdd1dd;
1000     text-decoration: none;
1001 }
1002
1003 .bookmark-avatar {
1004     float: none !important;
1005     position: relative;
1006     top: 2px;
1007 }
1008
1009 .bookmark div.entry-content {
1010     font-size: 0.88em;
1011     line-height: 1.2em;
1012     margin-top: 6px;
1013     opacity: 0.6;
1014     margin-bottom: 0px;
1015 }
1016
1017 .bookmark:hover div.entry-content {
1018     opacity: 1;
1019 }
1020
1021 .bookmark .notice-options {
1022     margin-top: 16px;
1023 }
1024
1025 #bookmarkpopup {
1026     min-width: 600px;
1027     margin-top: 0px;
1028     height: 100%;
1029     border: 10px solid #364A84;
1030     background: #364A84;
1031 }
1032
1033 #bookmarkpopup #wrap {
1034     width: auto;
1035     min-width: 560px;
1036     padding: 40px 0px 25px 0px;
1037     margin-right: 2px;
1038     background: #fff url(../mobilelogo.png) no-repeat 6px 6px;
1039 }
1040
1041 #bookmarkpopup #header {
1042     width: auto;
1043     padding: 0px 10px;
1044 }
1045
1046 #bookmarkpopup .form_settings label {
1047     margin-top: 2px;
1048     text-align: right;
1049     width: 24%;
1050     font-size: 1.2em;
1051 }
1052
1053 #bookmarkpopup .form_settings .form_data input {
1054     width: 60%;
1055 }
1056
1057 #bookmarkpopup .form_guide {
1058     color: #777;
1059 }
1060
1061 #bookmarkpopup #submit {
1062     float: right;
1063     margin-right: 0px;
1064 }
1065
1066 #bookmarkpopup fieldset fieldset {
1067     margin-bottom: 10px;
1068 }
1069
1070 /* Onboard specific styles */
1071
1072 .onboard-flash {
1073     position: relative;
1074     right: -800px;
1075     top: 10px;
1076     border-radius: 6px;
1077         -moz-border-radius: 6px;
1078         -webkit-border-radius: 6px;
1079     font-size: 1.1em;
1080     box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1081     -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1082     -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
1083 }
1084
1085 .onboard-flash p {
1086     margin-bottom: 10px;
1087 }
1088
1089 .onboard-flash .next:before {
1090     content: '\00BB';
1091     padding-right: 6px;
1092 }
1093
1094 .onboard-breadcrumbs {
1095     margin-bottom: 16px !important;
1096 }
1097
1098 .onboard-breadcrumbs li {
1099     background: none !important;
1100     border-top: none !important;
1101     padding: 6px 12px 2px 0px !important;
1102 }
1103
1104 .onboard-breadcrumbs li:last-child {
1105     padding-right: 0px !important;
1106 }
1107
1108 .onboard-breadcrumbs a {
1109     text-decoration: none;
1110 }
1111
1112 .onboard-breadcrumbs a:hover {
1113     color: #3e3e8c !important;
1114 }
1115
1116 /* Billing specific styles */
1117
1118 #content table.billing_info {
1119     margin-top: 10px;
1120     background:rgba(240, 240, 240, 0.4);
1121 }
1122
1123 #content table.billing_info th {
1124     text-align: right;
1125     width: 50%;
1126 }
1127
1128 .invalid {
1129     border: solid 2px red !important;
1130 }
1131
1132 #payment_history table {
1133     width: 100%;
1134 }
1135
1136 #billingadminpanel .form_settings input {
1137     margin-right: 0px;
1138 }
1139
1140 /* Directory specific styles */
1141
1142 td.entity_profile {
1143     width: auto;
1144 }
1145
1146 #user_directory {
1147     position: relative;
1148     top: -20px;
1149 }
1150
1151 div#user_directory div.alpha_nav > a {
1152     border-left: 1px solid #ccc !important;
1153     padding-left: 3.5px !important;
1154     padding-right: 4px !important;
1155     margin-right: 0px;
1156     float: left;
1157     line-height: 1.4em;
1158 }
1159
1160 div#user_directory div.alpha_nav > a.first {
1161     border-left: none !important;
1162 }
1163
1164 div#user_directory div.alpha_nav a.current {
1165     background-color: #ECECF2 !important;
1166 }
1167
1168 table.profile_list {
1169     margin-top: 10px;
1170 }
1171
1172 .profile_list th#created {
1173     width: 100px;
1174 }
1175
1176 .profile_list th#subscriptions {
1177     width: 120px;
1178 }
1179
1180 table.profile_list tr.alt {
1181     background-color: #fafafa !important;
1182 }
1183
1184 .profile_list .entity_actions {
1185     width: 30px;
1186     height: 26px;
1187     margin-right: 5px;
1188 }
1189
1190 .profile_list .entity_actions input {
1191     width: 26px;
1192     height: 26px;
1193     display: block;
1194     overflow: hidden;
1195     font-size: 0em;
1196 }
1197
1198 /* Event specific styles */
1199
1200 .notice .vevent div {
1201     margin-bottom: 8px;
1202 }
1203
1204 .event-info {
1205     margin-left: 0px !important;
1206     margin-top: 2px !important;
1207 }
1208
1209 .notice .event-info + .notice-options {
1210     margin-top: 14px;
1211 }
1212
1213 .notice .threaded-replies .event-info + .notice-options {
1214     margin-top: 20px;
1215 }
1216
1217 #form_event_rsvp #new_rsvp_data {
1218     display: inline;
1219     margin: 10px 0px;
1220 }
1221
1222 #form_event_rsvp input.submit {
1223     height: auto;
1224     padding: 0px 10px;
1225     margin-left: 10px;
1226     color:#fff;
1227     font-weight: bold;
1228     text-transform: uppercase;
1229     font-size: 1.1em;
1230     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1231     border: 1px solid #d7621c;
1232     border-radius: 4px;
1233     -moz-border-radius: 4px;
1234     -webkit-border-radius: 4px;
1235     background: #FB6104;
1236     background: -moz-linear-gradient(top, #ff9d63 , #FB6104);
1237     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#FB6104));
1238     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#FB6104',GradientType=0 );
1239 }
1240
1241 #form_event_rsvp input.submit:hover {
1242     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1243     background: #ff9d63;
1244     background: -moz-linear-gradient(top, #FB6104 , #fc8035);
1245     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB6104), color-stop(100%,#fc8035));
1246     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB6104', endColorstr='#fc8035',GradientType=0 );
1247 }
1248
1249 /* QnA specific styles */
1250
1251 #content .question .entry-title {
1252     min-height: 1px;
1253 }
1254
1255 .question div.question-description {
1256     font-size: 1em;
1257     line-height: 1.36em;
1258     opacity: 1;
1259 }
1260
1261 .question fieldset {
1262     margin: 0px;
1263 }
1264
1265 .question fieldset legend {
1266     display: none;
1267 }
1268
1269 .question p.answer {
1270     margin-top: 4px;
1271     margin-bottom: 4px;
1272     font-style: italic;
1273 }
1274
1275 .question label[for=answer] {
1276     display: none;
1277 }
1278
1279 .question textarea {
1280     width: 100%;
1281     height: 42px;
1282     padding: 6px 10px 18px 10px;
1283     border: 1px solid #a6a6a6;
1284     -webkit-border-radius: 4px;
1285     -moz-border-radius: 4px;
1286     border-radius: 4px;
1287     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1288     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1289     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1290     font-size: 1.2em;
1291     margin-bottom: 10px;
1292 }
1293
1294 .question #answer-form input.submit {
1295     height: auto;
1296     padding: 0px 10px;
1297     margin-left: 0px;
1298     margin-bottom: 10px;
1299     color:#fff;
1300     font-weight: bold;
1301     text-transform: uppercase;
1302     font-size: 1.1em;
1303 }
1304
1305 }/*end of @media screen, projection, tv*/