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