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 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
 445     min-width: 80px;
 446 }
 447
 448 .user_in.realtime-popup .notice div.e-content {
 449     max-width: 320px;
 450 }
 451
 452
 453 .realtime-popup .threaded-replies {
 454     margin-left: 15px;
 455 }
 456
 457 .realtime-popup .threaded-replies .form_notice textarea {
 458     width: 385px !important;
 459 }
 460
 461 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 462     top: 10px !important;
 463     right: 10px !important;
 464 }
 465
 466
 467 .pagination {
 468     height: 1.2em;
 469 }
 470
 471 .entity_profile {
 472     float: left;
 473     width: 360px;
 474     margin-top: 4px;
 475 }
 476
 477 .entity_profile .entity_depiction {
 478     margin-top: 4px;
 479 }
 480
 481 .entity_actions {
 482     width: 140px;
 483     margin-top: 8px;
 484     margin-bottom: 10px;
 485 }
 486
 487 .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 {
 488         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 489     border-radius: 4px;
 490     background-color: #CDD1DD !important;
 491 }
 492
 493 .entity_moderation:hover ul,
 494 .entity_role:hover ul {
 495     border-radius: 4px;
 496 }
 497
 498 .entity_send-a-message .form_notice legend {
 499         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 500 }
 501
 502 .entity_send-a-message .form_notice {
 503     border: 1px solid #7B4E82;
 504 }
 505
 506 .entity_send-a-message .form_notice #notice_action-submit {
 507     color: #fff !important;
 508     top: 46px;
 509 }
 510
 511 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
 512     border: 1px solid #aaa;
 513     border-radius: 4px;
 514     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 515 }
 516
 517 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
 518     color: #fff !important;
 519 }
 520
 521 #filter_tags_item .submit {
 522   left: 6px;
 523   top: -3px;
 524 }
 525
 526 #pagination {
 527     height: 1.2em;
 528     padding-bottom: 12px;
 529     border-radius: 6px;
 530 }
 531
 532 #pagination a {
 533     color: #3e3e8c;
 534 }
 535
 536
 537 #footer a {
 538     color: #3e3e8c;
 539 }
 540
 541 #site_nav_global_secondary {
 542     margin-bottom: 10px;
 543 }
 544
 545 .error, .success, .notice-status {
 546     border-radius: 6px;
 547 }
 548
 549
 550 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
 551 .entity_subscribe .dialogbox input.submit_dialogbox,
 552 .entity_tag .dialogbox input.submit_dialogbox,
 553 .form_repeat.dialogbox input.submit_dialogbox
 554 { /* TODO combine all these declarations */
 555     height: 1.9em;
 556     padding: 0px 10px;
 557     color:#fff;
 558     font-weight: bold;
 559     text-transform: uppercase;
 560     font-size: 1.2em;
 561     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 562     border: 1px solid #d7621c;
 563     border-radius: 4px;
 564     background: #FB6104;
 565     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
 566     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
 567     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 568     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 569     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 570     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
 571     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 572 }
 573
 574 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
 575 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
 576 .entity_tag .dialogbox input.submit_dialogbox:hover,
 577 .form_repeat.dialogbox input.submit_dialogbox:hover
 578 {
 579     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 580     background: #ff9d63;
 581     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
 582     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
 583     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 584     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 585     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 586     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
 587     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
 588 }
 589
 590 .form_settings input#cancel, #form_action-no {
 591     background: #f2f2f2;
 592     color: #d7621c;
 593     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 594 }
 595
 596 .form_settings input#cancel:hover, #form_action-no:hover {
 597     background: #fff;
 598     color: #d7621c;
 599     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 600 }
 601
 602 .form_settings fieldset fieldset {
 603     margin-bottom: 30px;
 604     padding-top: 25px;
 605 }
 606
 607 #invite #content p {
 608     margin-bottom: 15px;
 609 }
 610
 611 #invite #content ul {
 612     list-style-type: none;
 613     margin-bottom: 25px;
 614     margin-left: 25px;
 615 }
 616
 617 #invite #content li {
 618     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 619     padding-left: 20px;
 620     margin-bottom: 10px;
 621 }
 622
 623 #invite #content #form_invite ul, #invite #content #form_invite li {
 624     margin-left: 0px;
 625     padding-left: 0px;
 626     background: none;
 627 }
 628
 629 #form_invite input[type=text], #form_invite textarea {
 630     width: 250px;
 631     padding: 5px;
 632     border: 1px solid #a6a6a6;
 633     border-radius: 4px;
 634     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 635 }
 636
 637 #form_invite textarea {
 638     clear: left;
 639     width: 508px;
 640     height: 48px;
 641 }
 642
 643 #form_invite a.add_row, #form_invite a.remove_row {
 644     display: block;
 645     height: 16px;
 646     width: 16px;
 647     overflow: hidden;
 648     background-image: url('../../base/images/icons/icons-01.gif');
 649     background-repeat: no-repeat;
 650 }
 651
 652 #form_invite a.remove_row {
 653     background-position: 0px -1252px;
 654     display: inline-block;
 655     position: relative;
 656     top: 4px;
 657     left: 10px;
 658     line-height: 4em;
 659 }
 660
 661 #form_invite a.add_row {
 662     clear: both;
 663     position: relative;
 664     top: 10px;
 665     background-position: 0px -1186px;
 666     width: 120px;
 667     padding-left: 20px;
 668     line-height: 1.2em;
 669 }
 670
 671 #form_invite label[for=personal] {
 672     display: block;
 673     margin-top: 25px;
 674 }
 675
 676 #content thead th {
 677 text-align:left;
 678 }
 679 #content tbody th {
 680 vertical-align:top;
 681 text-align:left;
 682 font-weight:normal;
 683 padding-top:11px;
 684 padding-right:18px;
 685 }
 686 #content tbody tr {
 687     border-top: 1px dotted #bbb;
 688 }
 689 #content td {
 690 padding:11px 18px 11px 0;
 691 vertical-align:top;
 692 }
 693 #content td:last-child {
 694 padding-right:0;
 695 }
 696
 697 /* Search */
 698
 699 #form_search {
 700     padding-bottom: 10px;
 701     margin-bottom: 20px;
 702     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 703 }
 704
 705 #form_search fieldset {
 706     margin-bottom: 0px;
 707 }
 708
 709 #form_search ul.form_data #q {
 710     margin-left: 10px;
 711     width: 210px;
 712 }
 713
 714 #form_search input.submit {
 715     height: 1.6em;
 716     line-height: 1.6em;
 717     font-size: 1.1em;
 718     padding-bottom: 2px;
 719     margin-left: 5px;
 720 }
 721
 722 #noticesearch .entity_actions {
 723     margin: 0px;
 724 }
 725
 726 #noticesearch p.error {
 727     margin-top: 60px;
 728 }
 729
 730 /* Limited-scope */
 731
 732 .limited-scope .e-content .timestamp {
 733     padding-left: 20px;
 734     position: relative;
 735 }
 736
 737 .limited-scope .e-content .timestamp:before {
 738     content: url(../images/lock.png);
 739     position: absolute;
 740     top: -2px;
 741     left: 0px;
 742 }
 743
 744 .limited-scope li .e-content .timestamp {
 745     padding-left: 0px;
 746 }
 747
 748 .limited-scope li .e-content .timestamp:before {
 749     content: none;
 750 }
 751
 752 .limited-scope li.limited-scope .e-content .timestamp {
 753     padding-left: 20px;
 754 }
 755
 756 .limited-scope li.limited-scope .e-content .timestamp:before {
 757     content: url(../images/lock.png);
 758     position: absolute;
 759     top: -2px;
 760     left: 0px;
 761 }
 762
 763 /* Blog */
 764
 765 label[for=blog-entry-content] {
 766     display: none !important;
 767 }
 768
 769 #input_form_blog td {
 770     padding-top: 0px;
 771     padding-bottom: 0px;
 772 }
 773
 774 #input_form_blog td.mceToolbar {
 775     padding-top: 4px;
 776 }
 777
 778 h4.blog-entry-title {
 779     margin-bottom: 8px;
 780     line-height: 1.2em;
 781 }
 782
 783 /* Onboard specific styles */
 784 /* TODO move to plugin */
 785
 786 #cboxOverlay{
 787     background: url(../images/lightbox_bg.png) repeat 0 0 !important;
 788 }
 789
 790 #cboxContent{
 791     background: #fff url(../logo.png) no-repeat 10px bottom !important;
 792 }
 793
 794 .onboard_iframe {
 795     background: none;
 796     padding: 10px;
 797 }
 798
 799 .onboard_iframe #wrap {
 800     width: auto;
 801     background: none;
 802 }
 803
 804 .onboard_welcome p {
 805     margin-bottom: 10px;
 806 }
 807
 808 .onboard_welcome ul {
 809     list-style-type: none;
 810     margin-bottom: 10px;
 811 }
 812
 813 .onboard_welcome ul li {
 814     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 815     padding-left: 20px;
 816     margin-left: 10px;
 817 }
 818
 819 #aside_primary #onboard_section {
 820     background: #f2f2f2;
 821     width: 196px;
 822     padding: 10px;
 823     border-radius: 4px;
 824     border: 1px solid #516499;
 825     background: #fafafa;
 826 }
 827
 828 #onboard_section H2 {
 829     border-top-left-radius: 4px;
 830     border-top-right-radius: 4px;
 831     position: relative;
 832     top: -11px;
 833     left: -11px;
 834     padding: 2px 0px 2px 10px;
 835     margin-right: -22px;
 836     margin-bottom: 5px;
 837     color: #fff;
 838     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 839     background: #364A84;
 840     background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
 841     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 842     background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
 843     background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
 844     background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
 845     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 846     background: linear-gradient(top, #516499 0%,#364a84 100%);
 847 }
 848
 849 #onboard_section ul {
 850     list-style-type: none;
 851 }
 852
 853 #onboard_section .onboard-step-incomplete {
 854     background: url(../images/resultset_next.png) no-repeat 0px 1px;
 855     padding-left: 20px;
 856     margin-bottom: 10px;
 857 }
 858
 859 #onboard_section .onboard-step-complete {
 860     background: url(../images/tick.png) no-repeat 0px 1px;
 861     padding-left: 20px;
 862     margin-bottom: 10px;
 863     text-decoration: line-through;
 864     color: #555;
 865 }
 866
 867 /* Billing specific styles */
 868 /* TODO move to plugin */
 869
 870 #content table.billing_info {
 871     margin-top: 10px;
 872     background:rgba(240, 240, 240, 0.4);
 873 }
 874
 875 #content table.billing_info th {
 876     text-align: right;
 877     width: 50%;
 878 }
 879
 880 .invalid {
 881     border: solid 2px red !important;
 882 }
 883
 884 #payment_history table {
 885     width: 100%;
 886 }
 887
 888 #billingadminpanel .form_settings input {
 889     margin-right: 0px;
 890 }
 891
 892 /* Directory specific styles */
 893 /* TODO separate base styles and move to plugin */
 894
 895 div#profile_directory div.alpha_nav > a {
 896     border-left: 1px solid #ccc !important;
 897     padding-left: 3.5px !important;
 898     padding-right: 4px !important;
 899     margin-right: 0px;
 900     float: left;
 901     line-height: 1.4em;
 902 }
 903
 904 div#profile_directory div.alpha_nav > a.first {
 905     border-left: none !important;
 906 }
 907
 908 div#profile_directory div.alpha_nav a.current {
 909     background-color: #ECECF2 !important;
 910 }
 911
 912 table.profile_list {
 913     margin-top: 25px;
 914 }
 915
 916 .profile_list th {
 917     font-size: 0.8em;
 918 }
 919
 920 .profile_list th#created {
 921     width: 100px;
 922 }
 923
 924 .profile_list th#subscriptions {
 925     width: 90px;
 926 }
 927
 928 .profile_list th.current {
 929         background: none !important;
 930 }
 931
 932 .profile_list th.current.reverse {
 933         background: none !important;
 934 }
 935
 936 .profile_list th.current a {
 937         padding-right: 25px;
 938         background: url(../images/bluearrow_down.png) no-repeat top right;
 939 }
 940
 941 .profile_list th.current.reverse a {
 942         background: url(../images/bluearrow_up.png) no-repeat top right;
 943 }
 944
 945 table.profile_list tr.alt {
 946     background-color: #fafafa !important;
 947     border: none !important;
 948 }
 949
 950 td.entity_profile {
 951     width: auto;
 952     min-width: 250px;
 953 }
 954
 955 .profile_list .p-name {
 956     display: block;
 957     font-size: 1.1em;
 958     width: auto;
 959 }
 960
 961 .profile_list .nickname, .profile_list .p-name.nickname {
 962     position: relative;
 963     top: -8px;
 964     display: block;
 965     margin-bottom: -12px;
 966     font-size: 1.4em;
 967 }
 968
 969 .profile_list .label {
 970     display: block;
 971     margin-left: 59px !important;
 972 }
 973
 974 .profile_list .note {
 975     font-size: 0.88em;
 976     line-height: 1.36em;
 977 }
 978
 979 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
 980     font-size: 0.88em;
 981 }
 982
 983 .profile_list td.entity_actions {
 984     width: 24px;
 985     max-width: 24px;
 986     min-width: 24px;
 987     height: 20px;
 988     padding-left: 6px !important;
 989     position: relative;
 990     float: none;
 991     display: table-cell !important;
 992 }
 993
 994 .profile_list .entity_actions ul {
 995     position: absolute;
 996     right: 20px;
 997 }
 998
 999 .profile_list .entity_actions input {
1000     width: 22px;
1001     height: 22px;
1002     padding-top: 1px;
1003     padding-right: 0px;
1004     padding-left: 20px;
1005     display: block;
1006     overflow: hidden;
1007     font-size: 0em;
1008     border: 1px solid #CDD1DD;
1009 }
1010
1011 .profile_list .form_group_leave input.submit,
1012 .profile_list .form_user_unsubscribe input.submit {
1013     background-position: 2px -1250px;
1014 }
1015
1016 .profile_list .form_group_join input.submit,
1017 .profile_list .form_user_subscribe input.submit {
1018     background-position: 2px -1184px;
1019 }
1020
1021 .profile_list .entity_actions input:hover {
1022     width: auto;
1023     padding-right: 10px;
1024     overflow: visible;
1025     font-size: 1em;
1026     line-height: 1.3em;
1027     border: 1px solid #A6ADBF;
1028     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1029 }
1030
1031 /* SNOD CompanyLogo styling */
1032 /* TODO move to plugin */
1033
1034 #site_nav_local_views a.company_logo {
1035     width: 138px;
1036     padding: 0px;
1037     font-weight: bold;
1038     text-transform: none;
1039     line-height: 1em;
1040     margin-bottom: 20px;
1041     position: relative;
1042     top: -4px;
1043 }
1044
1045 #site_nav_local_views a.company_logo:hover {
1046     background: none;
1047     color: blue;
1048     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1049 }
1050
1051 .company_logo img {
1052     max-width: 138px;
1053     margin-bottom: 4px;
1054 }
1055
1056 .company_logo span {
1057     display: block;
1058 }
1059
1060 a.company_logo:hover span {
1061     text-decoration: underline;
1062 }
1063
1064 }/*end of @media screen, projection, tv*/