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