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