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