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