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