theme/neo/css/display.css

   1 /** theme: neo
   2  *
   3  * @package   StatusNet
   4  * @author    Samantha Doherty <sammy@status.net>
   5  * @copyright 2011 StatusNet, Inc.
   6  * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
   7  * @link      http://status.net/
   8  */
   9
  10 @font-face {
  11     font-family: 'Lato';
  12     src: url('../fonts/lato-regular-webfont.eot?') format('eot'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.svg#webfontCjmEHx3G') format('svg');
  13     font-weight: normal;
  14     font-style: normal;
  15 }
  16
  17 @font-face {
  18     font-family: 'Lato';
  19     src: url('../fonts/lato-bold-webfont.eot?') format('eot'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.svg#webfontCjmEHx3G') format('svg');
  20     font-weight: bold;
  21     font-style: normal;
  22 }
  23
  24 @font-face {
  25     font-family: 'Lato';
  26     src: url('../fonts/lato-italic-webfont.eot?') format('eot'), url('../fonts/lato-italic-webfont.woff') format('woff'), url('../fonts/lato-italic-webfont.ttf') format('truetype'), url('../fonts/lato-italic-webfont.svg#webfontCjmEHx3G') format('svg');
  27     font-weight: normal;
  28     font-style: italic;
  29 }
  30
  31 @media screen, projection, tv {
  32
  33 /* general styles and layout */
  34
  35 body {
  36     background-color: #C6C8CC;
  37     background-image: url(../images/bg.png);
  38     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  39     color: #222;
  40 }
  41
  42 input, textarea, select, option {
  43     font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  44 }
  45
  46 a {color: #3e3e8c;}
  47 a:hover {color: blue;}
  48
  49 abbr {border-bottom: none;}
  50
  51 h1 {font-size: 1.6em;}
  52 h2 {font-size: 1.6em;}
  53 h3 {font-size: 1.4em;}
  54 h4 {font-size: 1.4em;}
  55 h5 {font-size: 1.2em;}
  56 h6 {font-size: 1em;}
  57
  58 #wrap {
  59     background: #fff url('../images/brdr_black_dot.png') repeat-x 0px 10px;
  60 }
  61
  62 #header {
  63     padding-top: 12px;
  64 }
  65
  66 #core {
  67     border-top: 5px solid #FB6104;
  68     border-left: 1px solid #d8dae6;
  69     border-right: 1px solid #d8dae6;
  70 }
  71
  72 #aside_primary_wrapper {
  73     background-color: #ececf2;
  74 }
  75
  76 #content_wrapper  {
  77     border-right: 1px solid #d8dae6;
  78 }
  79
  80 #site_nav_local_views_wrapper  {
  81     background-color: #ececf2;
  82     border-right: 1px solid #d8dae6;
  83 }
  84
  85 #footer {
  86     top: -6px;
  87     border-top-left-radius: 6px;
  88     border-top-right-radius: 6px;
  89 }
  90
  91 /* header elements */
  92
  93 #site_nav_global_primary {
  94     top: 10px;
  95     border-top-right-radius: 6px;
  96     background: #364A84;
  97     background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
  98     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
  99     background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
 100     background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
 101     background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
 102     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 103     background: linear-gradient(top, #516499 0%,#364a84 100%);
 104 }
 105
 106 #site_nav_global_primary li {
 107     margin-right: 0px;
 108 }
 109
 110 #site_nav_global_primary li:last-child {
 111     margin-right: 10px;
 112 }
 113
 114 #site_nav_global_primary a {
 115     padding: 2px 10px 2px 10px;
 116     height: 20px;
 117     display: block;
 118     float: left;
 119     color: #fff;
 120     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 121 }
 122
 123 #site_nav_global_primary a:hover {
 124     color: #fff !important;
 125     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 126     background: #4c619c;
 127     text-decoration: none;
 128 }
 129
 130 #header-search {
 131     top: 1px;
 132     margin-left: 6px;
 133 }
 134
 135 #header-search #search-q {
 136     position: relative;
 137     width: 131px;
 138     height: 12px;
 139     margin-right: 10px;
 140     padding: 2px 22px 2px 6px;
 141     border-radius: 4px;
 142     border: none;
 143     font-size: 0.88em;
 144 }
 145
 146 #header-search input[type="submit"] {
 147     border: 0;
 148     background: url(../images/magnifier.png) no-repeat 2px 1px;
 149     text-indent: -9999px;
 150     width: 20px;
 151     height: 18px;
 152     position: absolute;
 153     right: 10px;
 154     top: 2px;
 155     z-index: 2;
 156     cursor: pointer;
 157 }
 158
 159 #site_notice {
 160     border-radius: 6px;
 161 }
 162
 163 /* input forms */
 164
 165 .input_forms {
 166     float: left;
 167     top: -20px;
 168     left: -20px;
 169     padding: 18px 20px 0px 20px;
 170     border-bottom: none;
 171     margin-bottom: 0px;
 172     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 173 }
 174
 175 #input_form_nav li a {
 176     display: block;
 177     float: left;
 178     padding: 0px 10px 1px 10px;
 179     border-radius: 4px;
 180     border: 1px solid #ECECF2;
 181     font-weight: bold;
 182     line-height: 1.4em;
 183     color: #3e3e8c;
 184     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 185     background: #ececf2;
 186     background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%);
 187     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
 188     background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%);
 189     background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%);
 190     background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%);
 191     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
 192     background: linear-gradient(top, #ffffff 0%,#ececf2 100%);
 193 }
 194
 195 #input_form_nav li:hover a, #input_form_nav li.current a {
 196     color: #fff;
 197     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 198     border: 1px solid #ececf2;
 199     background: #364a84;
 200     background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
 201     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 202     background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 203     background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 204     background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 205     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 206     background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 207 }
 208
 209 .input_form_nav_tab a, .input_form_nav_tab.current a {
 210     text-decoration: none;
 211 }
 212
 213 .form_notice .error,
 214 .form_notice .success,
 215 .form_notice .notice-status {
 216     border-radius: 4px;
 217 }
 218
 219 .form_notice_placeholder .placeholder,
 220 .form_notice textarea ,
 221 .input_form .form_settings li input,
 222 .input_form .form_settings li textarea,
 223 .threaded-replies .placeholder { /* TODO combine all these declarations */
 224     border-radius: 4px;
 225     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 226 }
 227
 228 .input_form .form_settings .submit {
 229     font-size: 1.1em;
 230 }
 231
 232 /* site nav local views */
 233
 234 #site_nav_local_views H3 {
 235     margin-bottom: 10px;
 236     padding-bottom: 6px;
 237     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 238     color: #7a7c87;
 239     font-size: 1.1em;
 240     letter-spacing: 2px;
 241     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 242     text-transform: uppercase;
 243 }
 244
 245 #site_nav_local_views a {
 246     display: block;
 247     width: 118px;
 248     padding: 0px 10px 1px 10px;
 249     border-radius: 4px;
 250     text-transform: uppercase;
 251     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 252     word-wrap: break-word;
 253 }
 254
 255 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 256     color: #fff;
 257     text-decoration: none;
 258     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 259     background: #364a84;
 260     background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
 261     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 262     background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 263     background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 264     background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 265     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 266     background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 267 }
 268
 269 /* aside primary */
 270
 271 #aside_primary .section {
 272     font-size: 0.88em;
 273 }
 274
 275 #aside_primary h2 {
 276     margin-bottom: 10px;
 277     padding-bottom: 6px;
 278     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 279     color: #7a7c87;
 280     font-size: 1.25em;
 281     letter-spacing: 2px;
 282     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 283     text-transform: uppercase;
 284 }
 285
 286 .profile_block .entity_actions {
 287     float: right;
 288     width: 110px;
 289     margin-top: 2px;
 290     margin-bottom: 2px;
 291 }
 292
 293 .profile_block .entity_moderation:hover ul,
 294 .profile_block .entity_role:hover ul {
 295     right: 20px;
 296 }
 297
 298 .profile_block_name {
 299     font-size: 14px;
 300     font-weight: bold;
 301 }
 302
 303 .profile_block_location {
 304     font-weight: bold;
 305 }
 306
 307 .profile_block_description {
 308     line-height: 1.2em;
 309 }
 310
 311 #site_nav_object ul {
 312     background: url('../images/brdr_black_dot.png') repeat-x top left;
 313 }
 314
 315 #site_nav_object li {
 316     display: block;
 317     margin: -8px 0px 8px 0px;
 318     padding-top: 8px;
 319 }
 320
 321 #site_nav_object a {
 322     font-size: 14px;
 323     display: block;
 324     padding: 0px 0px 1px 10px;
 325     border-radius: 4px;
 326     text-transform: uppercase;
 327     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 328 }
 329
 330 #site_nav_object a:hover, #site_nav_object .current a {
 331     color: #fff;
 332     text-decoration: none;
 333     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 334     background: #364a84;
 335     background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
 336     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 337     background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 338     background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 339     background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 340     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 341     background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 342 }
 343
 344 .section ul.entities {
 345     width: 240px;
 346 }
 347
 348 .section .entities li {
 349     margin-right: 4px;
 350     margin-bottom: 4px;
 351     width: 32px;
 352 }
 353
 354 #popular_notices .avatar {
 355     position: relative;
 356     top: 4px;
 357     margin-bottom: 6px;
 358 }
 359
 360 #aside_primary td {
 361     padding-right: 20px;
 362     padding-bottom: 14px;
 363 }
 364
 365 #aside_primary td .nickname {
 366     line-height: 1.6em;
 367 }
 368
 369 .section .author .avatar, .notice .author .avatar {
 370     border-radius: 5%;
 371     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
 372 }
 373 .section .author .avatar {
 374     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 375 }
 376
 377 .invite_button {
 378     height: 2.1em;
 379     line-height: 2.1em;
 380     display: block;
 381     text-align: center;
 382     color:#fff;
 383     font-weight: bold;
 384     text-transform: uppercase;
 385     font-size: 1.2em;
 386     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 387     border: 1px solid #d7621c;
 388     border-radius: 4px;
 389     background: #FB6104;
 390     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
 391     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
 392     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 393     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 394     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 395     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
 396     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 397 }
 398
 399 .invite_button:hover {
 400     color: #fff;
 401     text-decoration: none;
 402     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 403     background: #ff9d63;
 404     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
 405     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
 406     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 407     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 408     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 409     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
 410     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
 411 }
 412
 413 /* notices etc */
 414
 415 #content h1 {
 416     border-bottom: 3px solid #A6ADBF;
 417     color: #A6ADBF;
 418     font-size: 1.4em;
 419     letter-spacing: 4px;
 420     text-transform: none;
 421 }
 422
 423 #content .notice {
 424     padding-bottom: 4px;
 425     border-bottom: 2px dotted #eee;
 426 }
 427
 428 .notice div.entry-content {
 429     font-size: 0.88em;
 430     line-height: 1.2em;
 431     margin-top: 6px;
 432 }
 433
 434 .user_in .notice div.entry-content {
 435     max-width: 440px;
 436 }
 437
 438 .entry-content a.conversation:before {
 439         content: " (";
 440 }
 441
 442 .entry-content a.conversation:after {
 443         content: ")";
 444 }
 445
 446 .notice-options {
 447     margin-top: 4px;
 448 }
 449
 450 .notice-options .form_repeat.dialogbox {
 451     margin-right: 0px;
 452     border: 1px solid #aaa;
 453     border-radius: 4px;
 454     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 455 }
 456
 457 .notice-options .form_repeat.dialogbox legend {
 458     padding-top: 10px;
 459 }
 460
 461 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
 462     min-width: 80px;
 463 }
 464
 465 .user_in.realtime-popup .notice div.entry-content {
 466     max-width: 320px;
 467 }
 468
 469
 470 .realtime-popup .threaded-replies {
 471     margin-left: 15px;
 472 }
 473
 474 .realtime-popup .threaded-replies .form_notice textarea {
 475     width: 385px !important;
 476 }
 477
 478 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 479     top: 10px !important;
 480     right: 10px !important;
 481 }
 482
 483
 484 .pagination {
 485     height: 1.2em;
 486 }
 487
 488 .entity_profile {
 489     float: left;
 490     width: 360px;
 491     margin-top: 4px;
 492 }
 493
 494 .entity_profile .entity_depiction {
 495     margin-top: 4px;
 496 }
 497
 498 .entity_actions {
 499     width: 140px;
 500     margin-top: 8px;
 501     margin-bottom: 10px;
 502 }
 503
 504 .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 {
 505         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 506     border-radius: 4px;
 507     background-color: #CDD1DD !important;
 508 }
 509
 510 .entity_moderation:hover ul,
 511 .entity_role:hover ul {
 512     border-radius: 4px;
 513 }
 514
 515 .entity_send-a-message .form_notice legend {
 516         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 517 }
 518
 519 .entity_send-a-message .form_notice {
 520     border: 1px solid #7B4E82;
 521 }
 522
 523 .entity_send-a-message .form_notice #notice_action-submit {
 524     color: #fff !important;
 525     top: 46px;
 526 }
 527
 528 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
 529     border: 1px solid #aaa;
 530     border-radius: 4px;
 531     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 532 }
 533
 534 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
 535     color: #fff !important;
 536 }
 537
 538 #filter_tags_item .submit {
 539   left: 6px;
 540   top: -3px;
 541 }
 542
 543 #pagination {
 544     height: 1.2em;
 545     padding-bottom: 12px;
 546     border-radius: 6px;
 547 }
 548
 549 #pagination a {
 550     color: #3e3e8c;
 551 }
 552
 553
 554 #footer a {
 555     color: #3e3e8c;
 556 }
 557
 558 #site_nav_global_secondary {
 559     margin-bottom: 10px;
 560 }
 561
 562 .error, .success, .notice-status {
 563     border-radius: 6px;
 564 }
 565
 566
 567 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
 568 .entity_subscribe .dialogbox input.submit_dialogbox,
 569 .entity_tag .dialogbox input.submit_dialogbox,
 570 .form_repeat.dialogbox input.submit_dialogbox
 571 { /* TODO combine all these declarations */
 572     height: 1.9em;
 573     padding: 0px 10px;
 574     color:#fff;
 575     font-weight: bold;
 576     text-transform: uppercase;
 577     font-size: 1.2em;
 578     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 579     border: 1px solid #d7621c;
 580     border-radius: 4px;
 581     background: #FB6104;
 582     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
 583     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
 584     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 585     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 586     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 587     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
 588     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 589 }
 590
 591 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
 592 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
 593 .entity_tag .dialogbox input.submit_dialogbox:hover,
 594 .form_repeat.dialogbox input.submit_dialogbox:hover
 595 {
 596     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 597     background: #ff9d63;
 598     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
 599     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
 600     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 601     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 602     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 603     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
 604     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
 605 }
 606
 607 .form_settings input#cancel, #form_action-no {
 608     background: #f2f2f2;
 609     color: #d7621c;
 610     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 611 }
 612
 613 .form_settings input#cancel:hover, #form_action-no:hover {
 614     background: #fff;
 615     color: #d7621c;
 616     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 617 }
 618
 619 .form_settings fieldset fieldset {
 620     margin-bottom: 30px;
 621     padding-top: 25px;
 622 }
 623
 624 #invite #content p {
 625     margin-bottom: 15px;
 626 }
 627
 628 #invite #content ul {
 629     list-style-type: none;
 630     margin-bottom: 25px;
 631     margin-left: 25px;
 632 }
 633
 634 #invite #content li {
 635     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 636     padding-left: 20px;
 637     margin-bottom: 10px;
 638 }
 639
 640 #invite #content #form_invite ul, #invite #content #form_invite li {
 641     margin-left: 0px;
 642     padding-left: 0px;
 643     background: none;
 644 }
 645
 646 #form_invite input[type=text], #form_invite textarea {
 647     width: 250px;
 648     padding: 5px;
 649     border: 1px solid #a6a6a6;
 650     border-radius: 4px;
 651     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 652 }
 653
 654 #form_invite textarea {
 655     clear: left;
 656     width: 508px;
 657     height: 48px;
 658 }
 659
 660 #form_invite a.add_row, #form_invite a.remove_row {
 661     display: block;
 662     height: 16px;
 663     width: 16px;
 664     overflow: hidden;
 665     background-image: url('../../base/images/icons/icons-01.gif');
 666     background-repeat: no-repeat;
 667 }
 668
 669 #form_invite a.remove_row {
 670     background-position: 0px -1252px;
 671     display: inline-block;
 672     position: relative;
 673     top: 4px;
 674     left: 10px;
 675     line-height: 4em;
 676 }
 677
 678 #form_invite a.add_row {
 679     clear: both;
 680     position: relative;
 681     top: 10px;
 682     background-position: 0px -1186px;
 683     width: 120px;
 684     padding-left: 20px;
 685     line-height: 1.2em;
 686 }
 687
 688 #form_invite label[for=personal] {
 689     display: block;
 690     margin-top: 25px;
 691 }
 692
 693 #content thead th {
 694 text-align:left;
 695 }
 696 #content tbody th {
 697 vertical-align:top;
 698 text-align:left;
 699 font-weight:normal;
 700 padding-top:11px;
 701 padding-right:18px;
 702 }
 703 #content tbody tr {
 704     border-top: 1px dotted #bbb;
 705 }
 706 #content td {
 707 padding:11px 18px 11px 0;
 708 vertical-align:top;
 709 }
 710 #content td:last-child {
 711 padding-right:0;
 712 }
 713
 714 /* Search */
 715
 716 #form_search {
 717     padding-bottom: 10px;
 718     margin-bottom: 20px;
 719     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 720 }
 721
 722 #form_search fieldset {
 723     margin-bottom: 0px;
 724 }
 725
 726 #form_search ul.form_data #q {
 727     margin-left: 10px;
 728     width: 210px;
 729 }
 730
 731 #form_search input.submit {
 732     height: 1.6em;
 733     line-height: 1.6em;
 734     font-size: 1.1em;
 735     padding-bottom: 2px;
 736     margin-left: 5px;
 737 }
 738
 739 #noticesearch .entity_actions {
 740     margin: 0px;
 741 }
 742
 743 #noticesearch p.error {
 744     margin-top: 60px;
 745 }
 746
 747 /* Limited-scope */
 748
 749 .limited-scope .entry-content .timestamp {
 750     padding-left: 20px;
 751     position: relative;
 752 }
 753
 754 .limited-scope .entry-content .timestamp:before {
 755     content: url(../images/lock.png);
 756     position: absolute;
 757     top: -2px;
 758     left: 0px;
 759 }
 760
 761 .limited-scope li .entry-content .timestamp {
 762     padding-left: 0px;
 763 }
 764
 765 .limited-scope li .entry-content .timestamp:before {
 766     content: none;
 767 }
 768
 769 .limited-scope li.limited-scope .entry-content .timestamp {
 770     padding-left: 20px;
 771 }
 772
 773 .limited-scope li.limited-scope .entry-content .timestamp:before {
 774     content: url(../images/lock.png);
 775     position: absolute;
 776     top: -2px;
 777     left: 0px;
 778 }
 779
 780 /* Blog */
 781
 782 label[for=blog-entry-content] {
 783     display: none !important;
 784 }
 785
 786 #input_form_blog td {
 787     padding-top: 0px;
 788     padding-bottom: 0px;
 789 }
 790
 791 #input_form_blog td.mceToolbar {
 792     padding-top: 4px;
 793 }
 794
 795 h4.blog-entry-title {
 796     margin-bottom: 8px;
 797     line-height: 1.2em;
 798 }
 799
 800 /* Onboard specific styles */
 801 /* TODO move to plugin */
 802
 803 #cboxOverlay{
 804     background: url(../images/lightbox_bg.png) repeat 0 0 !important;
 805 }
 806
 807 #cboxContent{
 808     background: #fff url(../logo.png) no-repeat 10px bottom !important;
 809 }
 810
 811 .onboard_iframe {
 812     background: none;
 813     padding: 10px;
 814 }
 815
 816 .onboard_iframe #wrap {
 817     width: auto;
 818     background: none;
 819 }
 820
 821 .onboard_welcome p {
 822     margin-bottom: 10px;
 823 }
 824
 825 .onboard_welcome ul {
 826     list-style-type: none;
 827     margin-bottom: 10px;
 828 }
 829
 830 .onboard_welcome ul li {
 831     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 832     padding-left: 20px;
 833     margin-left: 10px;
 834 }
 835
 836 #aside_primary #onboard_section {
 837     background: #f2f2f2;
 838     width: 196px;
 839     padding: 10px;
 840     border-radius: 4px;
 841     border: 1px solid #516499;
 842     background: #fafafa;
 843 }
 844
 845 #onboard_section H2 {
 846     border-top-left-radius: 4px;
 847     border-top-right-radius: 4px;
 848     position: relative;
 849     top: -11px;
 850     left: -11px;
 851     padding: 2px 0px 2px 10px;
 852     margin-right: -22px;
 853     margin-bottom: 5px;
 854     color: #fff;
 855     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 856     background: #364A84;
 857     background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
 858     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 859     background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
 860     background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
 861     background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
 862     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 863     background: linear-gradient(top, #516499 0%,#364a84 100%);
 864 }
 865
 866 #onboard_section ul {
 867     list-style-type: none;
 868 }
 869
 870 #onboard_section .onboard-step-incomplete {
 871     background: url(../images/resultset_next.png) no-repeat 0px 1px;
 872     padding-left: 20px;
 873     margin-bottom: 10px;
 874 }
 875
 876 #onboard_section .onboard-step-complete {
 877     background: url(../images/tick.png) no-repeat 0px 1px;
 878     padding-left: 20px;
 879     margin-bottom: 10px;
 880     text-decoration: line-through;
 881     color: #555;
 882 }
 883
 884 /* Billing specific styles */
 885 /* TODO move to plugin */
 886
 887 #content table.billing_info {
 888     margin-top: 10px;
 889     background:rgba(240, 240, 240, 0.4);
 890 }
 891
 892 #content table.billing_info th {
 893     text-align: right;
 894     width: 50%;
 895 }
 896
 897 .invalid {
 898     border: solid 2px red !important;
 899 }
 900
 901 #payment_history table {
 902     width: 100%;
 903 }
 904
 905 #billingadminpanel .form_settings input {
 906     margin-right: 0px;
 907 }
 908
 909 /* Directory specific styles */
 910 /* TODO separate base styles and move to plugin */
 911
 912 div#profile_directory div.alpha_nav > a {
 913     border-left: 1px solid #ccc !important;
 914     padding-left: 3.5px !important;
 915     padding-right: 4px !important;
 916     margin-right: 0px;
 917     float: left;
 918     line-height: 1.4em;
 919 }
 920
 921 div#profile_directory div.alpha_nav > a.first {
 922     border-left: none !important;
 923 }
 924
 925 div#profile_directory div.alpha_nav a.current {
 926     background-color: #ECECF2 !important;
 927 }
 928
 929 table.profile_list {
 930     margin-top: 25px;
 931 }
 932
 933 .profile_list th {
 934     font-size: 0.8em;
 935 }
 936
 937 .profile_list th#created {
 938     width: 100px;
 939 }
 940
 941 .profile_list th#subscriptions {
 942     width: 90px;
 943 }
 944
 945 .profile_list th.current {
 946         background: none !important;
 947 }
 948
 949 .profile_list th.current.reverse {
 950         background: none !important;
 951 }
 952
 953 .profile_list th.current a {
 954         padding-right: 25px;
 955         background: url(../images/bluearrow_down.png) no-repeat top right;
 956 }
 957
 958 .profile_list th.current.reverse a {
 959         background: url(../images/bluearrow_up.png) no-repeat top right;
 960 }
 961
 962 table.profile_list tr.alt {
 963     background-color: #fafafa !important;
 964     border: none !important;
 965 }
 966
 967 td.entity_profile {
 968     width: auto;
 969     min-width: 250px;
 970 }
 971
 972 .profile_list .fn {
 973     display: block;
 974     font-size: 1.1em;
 975     width: auto;
 976 }
 977
 978 .profile_list .nickname, .profile_list .fn.nickname {
 979     position: relative;
 980     top: -8px;
 981     display: block;
 982     margin-bottom: -12px;
 983     font-size: 1.4em;
 984 }
 985
 986 .profile_list .label {
 987     display: block;
 988     margin-left: 59px !important;
 989 }
 990
 991 .profile_list .note {
 992     font-size: 0.88em;
 993     line-height: 1.36em;
 994 }
 995
 996 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
 997     font-size: 0.88em;
 998 }
 999
1000 .profile_list td.entity_actions {
1001     width: 24px;
1002     max-width: 24px;
1003     min-width: 24px;
1004     height: 20px;
1005     padding-left: 6px !important;
1006     position: relative;
1007     float: none;
1008     display: table-cell !important;
1009 }
1010
1011 .profile_list .entity_actions ul {
1012     position: absolute;
1013     right: 20px;
1014 }
1015
1016 .profile_list .entity_actions input {
1017     width: 22px;
1018     height: 22px;
1019     padding-top: 1px;
1020     padding-right: 0px;
1021     padding-left: 20px;
1022     display: block;
1023     overflow: hidden;
1024     font-size: 0em;
1025     border: 1px solid #CDD1DD;
1026 }
1027
1028 .profile_list .form_group_leave input.submit,
1029 .profile_list .form_user_unsubscribe input.submit {
1030     background-position: 2px -1250px;
1031 }
1032
1033 .profile_list .form_group_join input.submit,
1034 .profile_list .form_user_subscribe input.submit {
1035     background-position: 2px -1184px;
1036 }
1037
1038 .profile_list .entity_actions input:hover {
1039     width: auto;
1040     padding-right: 10px;
1041     overflow: visible;
1042     font-size: 1em;
1043     line-height: 1.3em;
1044     border: 1px solid #A6ADBF;
1045     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1046 }
1047
1048 /* SNOD CompanyLogo styling */
1049 /* TODO move to plugin */
1050
1051 #site_nav_local_views a.company_logo {
1052     width: 138px;
1053     padding: 0px;
1054     font-weight: bold;
1055     text-transform: none;
1056     line-height: 1em;
1057     margin-bottom: 20px;
1058     position: relative;
1059     top: -4px;
1060 }
1061
1062 #site_nav_local_views a.company_logo:hover {
1063     background: none;
1064     color: blue;
1065     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1066 }
1067
1068 .company_logo img {
1069     max-width: 138px;
1070     margin-bottom: 4px;
1071 }
1072
1073 .company_logo span {
1074     display: block;
1075 }
1076
1077 a.company_logo:hover span {
1078     text-decoration: underline;
1079 }
1080
1081 }/*end of @media screen, projection, tv*/