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