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