theme/neo-gnu/css/display.css

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