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