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     -webkit-border-top-left-radius: 6px;
  88     -webkit-border-top-right-radius: 6px;
  89     -moz-border-radius-topleft: 6px;
  90     -moz-border-radius-topright: 6px;
  91     border-top-left-radius: 6px;
  92     border-top-right-radius: 6px;
  93 }
  94
  95 /* header elements */
  96
  97 #site_nav_global_primary {
  98     top: 10px;
  99     -webkit-border-top-right-radius: 6px;
 100     -moz-border-radius-topright: 6px;
 101     border-top-right-radius: 6px;
 102     background: #364A84;
 103     background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
 104     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 105     background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
 106     background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
 107     background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
 108     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 109     background: linear-gradient(top, #516499 0%,#364a84 100%);
 110 }
 111
 112 #site_nav_global_primary li {
 113     margin-right: 0px;
 114 }
 115
 116 #site_nav_global_primary li:last-child {
 117     margin-right: 10px;
 118 }
 119
 120 #site_nav_global_primary a {
 121     padding: 2px 10px 2px 10px;
 122     height: 20px;
 123     display: block;
 124     float: left;
 125     color: #fff;
 126     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 127 }
 128
 129 #site_nav_global_primary a:hover {
 130     color: #fff !important;
 131     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 132     background: #4c619c;
 133     text-decoration: none;
 134 }
 135
 136 #header-search {
 137     top: 1px;
 138     margin-left: 6px;
 139 }
 140
 141 #header-search #search-q {
 142     position: relative;
 143     width: 131px;
 144     height: 12px;
 145     margin-right: 10px;
 146     padding: 2px 22px 2px 6px;
 147     -webkit-border-radius: 4px;
 148     -moz-border-radius: 4px;
 149     border-radius: 4px;
 150     border: none;
 151     font-size: 0.88em;
 152 }
 153
 154 #header-search input[type="submit"] {
 155     border: 0;
 156     background: url(../images/magnifier.png) no-repeat 2px 1px;
 157     text-indent: -9999px;
 158     width: 20px;
 159     height: 18px;
 160     position: absolute;
 161     right: 10px;
 162     top: 2px;
 163     z-index: 2;
 164     cursor: pointer;
 165 }
 166
 167 #site_notice {
 168     -webkit-border-radius: 6px;
 169     -moz-border-radius: 6px;
 170     border-radius: 6px;
 171 }
 172
 173 /* input forms */
 174
 175 .input_forms {
 176     float: left;
 177     top: -20px;
 178     left: -20px;
 179     padding: 18px 20px 0px 20px;
 180     border-bottom: none;
 181     margin-bottom: 0px;
 182     background: #fafafa url('../images/brdr_black_dot.png') repeat-x bottom left;
 183 }
 184
 185 #input_form_nav li a {
 186     display: block;
 187     float: left;
 188     padding: 0px 10px 1px 10px;
 189     -webkit-border-radius: 4px;
 190     -moz-border-radius: 4px;
 191     border-radius: 4px;
 192     border: 1px solid #ECECF2;
 193     font-weight: bold;
 194     line-height: 1.4em;
 195     color: #3e3e8c;
 196     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
 197     background: #ececf2;
 198     background: -moz-linear-gradient(top, #ffffff 0%, #ececf2 100%);
 199     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececf2));
 200     background: -webkit-linear-gradient(top, #ffffff 0%,#ececf2 100%);
 201     background: -o-linear-gradient(top, #ffffff 0%,#ececf2 100%);
 202     background: -ms-linear-gradient(top, #ffffff 0%,#ececf2 100%);
 203     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececf2',GradientType=0 );
 204     background: linear-gradient(top, #ffffff 0%,#ececf2 100%);
 205 }
 206
 207 #input_form_nav li:hover a, #input_form_nav li.current a {
 208     color: #fff;
 209     text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
 210     border: 1px solid #ececf2;
 211     background: #364a84;
 212     background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
 213     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 214     background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 215     background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 216     background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 217     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 218     background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 219 }
 220
 221 .input_form_nav_tab a, .input_form_nav_tab.current a {
 222     text-decoration: none;
 223 }
 224
 225 .form_notice .error,
 226 .form_notice .success,
 227 .form_notice .notice-status {
 228     -webkit-border-radius: 4px;
 229     -moz-border-radius: 4px;
 230     border-radius: 4px;
 231 }
 232
 233 .form_notice_placeholder .placeholder,
 234 .form_notice textarea ,
 235 .input_form .form_settings li input,
 236 .input_form .form_settings li textarea,
 237 .threaded-replies .placeholder { /* TODO combine all these declarations */
 238     -webkit-border-radius: 4px;
 239     -moz-border-radius: 4px;
 240     border-radius: 4px;
 241     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 242     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 243     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 244 }
 245
 246 .input_form .form_settings .submit {
 247     font-size: 1.1em;
 248 }
 249
 250 /* site nav local views */
 251
 252 #site_nav_local_views H3 {
 253     margin-bottom: 10px;
 254     padding-bottom: 6px;
 255     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 256     color: #7a7c87;
 257     font-size: 1.1em;
 258     letter-spacing: 2px;
 259     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 260     text-transform: uppercase;
 261 }
 262
 263 #site_nav_local_views a {
 264     display: block;
 265     width: 118px;
 266     padding: 0px 10px 1px 10px;
 267     -webkit-border-radius: 4px;
 268     -moz-border-radius: 4px;
 269     border-radius: 4px;
 270     text-transform: uppercase;
 271     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 272     word-wrap: break-word;
 273 }
 274
 275 #site_nav_local_views a:hover, #site_nav_local_views .current a {
 276     color: #fff;
 277     text-decoration: none;
 278     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 279     background: #364a84;
 280     background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
 281     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 282     background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 283     background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 284     background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 285     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 286     background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 287 }
 288
 289 /* aside primary */
 290
 291 #aside_primary .section {
 292     font-size: 0.88em;
 293 }
 294
 295 #aside_primary h2 {
 296     margin-bottom: 10px;
 297     padding-bottom: 6px;
 298     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 299     color: #7a7c87;
 300     font-size: 1.25em;
 301     letter-spacing: 2px;
 302     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 303     text-transform: uppercase;
 304 }
 305
 306 .profile_block .entity_actions {
 307     float: right;
 308     width: 110px;
 309     margin-top: 2px;
 310     margin-bottom: 2px;
 311 }
 312
 313 .profile_block .entity_moderation:hover ul,
 314 .profile_block .entity_role:hover ul {
 315     right: 20px;
 316 }
 317
 318 .profile_block_name {
 319     font-size: 14px;
 320     font-weight: bold;
 321 }
 322
 323 .profile_block_location {
 324     font-weight: bold;
 325 }
 326
 327 .profile_block_description {
 328     line-height: 1.2em;
 329 }
 330
 331 #site_nav_object ul {
 332     background: url('../images/brdr_black_dot.png') repeat-x top left;
 333 }
 334
 335 #site_nav_object li {
 336     display: block;
 337     margin: -8px 0px 8px 0px;
 338     padding-top: 8px;
 339 }
 340
 341 #site_nav_object a {
 342     font-size: 14px;
 343     display: block;
 344     padding: 0px 0px 1px 10px;
 345     -webkit-border-radius: 4px;
 346     -moz-border-radius: 4px;
 347     border-radius: 4px;
 348     text-transform: uppercase;
 349     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 350 }
 351
 352 #site_nav_object a:hover, #site_nav_object .current a {
 353     color: #fff;
 354     text-decoration: none;
 355     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 356     background: #364a84;
 357     background: -moz-linear-gradient(top, #7b8dbb 0%, #364a84 100%);
 358     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b8dbb), color-stop(100%,#364a84));
 359     background: -webkit-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 360     background: -o-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 361     background: -ms-linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 362     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b8dbb', endColorstr='#364a84',GradientType=0 );
 363     background: linear-gradient(top, #7b8dbb 0%,#364a84 100%);
 364 }
 365
 366 .section ul.entities {
 367     width: 240px;
 368 }
 369
 370 .section .entities li {
 371     margin-right: 3.6px;
 372     margin-bottom: 5px;
 373     width: 24px;
 374 }
 375
 376 #popular_notices .avatar {
 377     position: relative;
 378     top: 4px;
 379     margin-bottom: 6px;
 380 }
 381
 382 #aside_primary td {
 383     padding-right: 20px;
 384     padding-bottom: 14px;
 385 }
 386
 387 #aside_primary td .nickname {
 388     line-height: 1.6em;
 389 }
 390
 391 .section .avatar {
 392     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 393     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 394     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 395 }
 396
 397 .invite_button {
 398     height: 2.1em;
 399     line-height: 2.1em;
 400     display: block;
 401     text-align: center;
 402     color:#fff;
 403     font-weight: bold;
 404     text-transform: uppercase;
 405     font-size: 1.2em;
 406     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 407     border: 1px solid #d7621c;
 408     border-radius: 4px;
 409     -moz-border-radius: 4px;
 410     -webkit-border-radius: 4px;
 411     background: #FB6104;
 412     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
 413     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
 414     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 415     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 416     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 417     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
 418     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 419 }
 420
 421 .invite_button:hover {
 422     color: #fff;
 423     text-decoration: none;
 424     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 425     background: #ff9d63;
 426     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
 427     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
 428     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 429     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 430     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 431     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
 432     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
 433 }
 434
 435 /* notices etc */
 436
 437 #content h1 {
 438     border-bottom: 3px solid #A6ADBF;
 439     color: #A6ADBF;
 440     font-size: 1.4em;
 441     letter-spacing: 4px;
 442     text-transform: none;
 443 }
 444
 445 #content .notice {
 446     padding-bottom: 4px;
 447     border-bottom: 2px dotted #eee;
 448 }
 449
 450 .notice div.entry-content {
 451     font-size: 0.88em;
 452     line-height: 1.2em;
 453     margin-top: 6px;
 454 }
 455
 456 .user_in .notice div.entry-content {
 457     max-width: 440px;
 458 }
 459
 460 .entry-content a.conversation:before {
 461         content: " (";
 462 }
 463
 464 .entry-content a.conversation:after {
 465         content: ")";
 466 }
 467
 468 .notice-options {
 469     margin-top: 4px;
 470 }
 471
 472 .notice-options .form_repeat.dialogbox {
 473     margin-right: 0px;
 474     border: 1px solid #aaa;
 475     -webkit-border-radius: 4px;
 476     -moz-border-radius: 4px;
 477     border-radius: 4px;
 478     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 479     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 480     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 481 }
 482
 483 .notice-options .form_repeat.dialogbox legend {
 484     padding-top: 10px;
 485 }
 486
 487 .notice-options .form_repeat.dialogbox input.submit_dialogbox {
 488     min-width: 80px;
 489 }
 490
 491 #content .threaded-replies .notice .author .photo {
 492     box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 493     -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 494     -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 495 }
 496
 497 .user_in.realtime-popup .notice div.entry-content {
 498     max-width: 320px;
 499 }
 500
 501
 502 .realtime-popup .threaded-replies {
 503     margin-left: 15px;
 504 }
 505
 506 .realtime-popup .threaded-replies .form_notice textarea {
 507     width: 385px !important;
 508 }
 509
 510 .realtime-popup .threaded-replies .form_notice label.notice_data-attach {
 511     top: 10px !important;
 512     right: 10px !important;
 513 }
 514
 515
 516 .pagination {
 517     height: 1.2em;
 518 }
 519
 520 .entity_profile {
 521     float: left;
 522     width: 360px;
 523     margin-top: 4px;
 524 }
 525
 526 .entity_profile .entity_depiction {
 527     margin-top: 4px;
 528 }
 529
 530 .entity_actions {
 531     width: 140px;
 532     margin-top: 8px;
 533     margin-bottom: 10px;
 534 }
 535
 536 .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 {
 537         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 538     border-radius: 4px;
 539     -moz-border-radius: 4px;
 540     -webkit-border-radius: 4px;
 541     background-color: #CDD1DD !important;
 542 }
 543
 544 .entity_moderation:hover ul,
 545 .entity_role:hover ul {
 546     border-radius: 4px;
 547     -moz-border-radius: 4px;
 548     -webkit-border-radius: 4px;
 549 }
 550
 551 .entity_send-a-message .form_notice legend {
 552         text-shadow:0 1px 0 rgba(255,255,255,0.4);
 553 }
 554
 555 .entity_send-a-message .form_notice {
 556     border: 1px solid #7B4E82;
 557 }
 558
 559 .entity_send-a-message .form_notice #notice_action-submit {
 560     color: #fff !important;
 561     top: 46px;
 562 }
 563
 564 .entity_subscribe .dialogbox, .entity_tag .dialogbox {
 565     border: 1px solid #aaa;
 566     -webkit-border-radius: 4px;
 567     -moz-border-radius: 4px;
 568     border-radius: 4px;
 569     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 570     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 571     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
 572 }
 573
 574 .entity_subscribe .dialogbox input.submit_dialogbox, .entity_tag .dialogbox input.submit_dialogbox {
 575     color: #fff !important;
 576 }
 577
 578 #filter_tags_item .submit {
 579   left: 6px;
 580   top: -3px;
 581 }
 582
 583 #pagination {
 584     height: 1.2em;
 585     padding-bottom: 12px;
 586     -webkit-border-radius: 6px;
 587     -moz-border-radius: 6px;
 588     border-radius: 6px;
 589 }
 590
 591 #pagination a {
 592     color: #3e3e8c;
 593 }
 594
 595
 596 #footer a {
 597     color: #3e3e8c;
 598 }
 599
 600 #site_nav_global_secondary {
 601     margin-bottom: 10px;
 602 }
 603
 604 .error, .success, .notice-status {
 605     -webkit-border-radius: 6px;
 606     -moz-border-radius: 6px;
 607     border-radius: 6px;
 608 }
 609
 610
 611 .form_notice input.submit, .form_settings input.submit, .form_settings input.cancel, #form_invite input.submit,
 612 .entity_subscribe .dialogbox input.submit_dialogbox,
 613 .entity_tag .dialogbox input.submit_dialogbox,
 614 .form_repeat.dialogbox input.submit_dialogbox
 615 { /* TODO combine all these declarations */
 616     height: 1.9em;
 617     padding: 0px 10px;
 618     color:#fff;
 619     font-weight: bold;
 620     text-transform: uppercase;
 621     font-size: 1.2em;
 622     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
 623     border: 1px solid #d7621c;
 624     border-radius: 4px;
 625     -moz-border-radius: 4px;
 626     -webkit-border-radius: 4px;
 627     background: #FB6104;
 628     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
 629     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
 630     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 631     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 632     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 633     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
 634     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
 635 }
 636
 637 .form_notice input.submit:hover, .form_settings input.submit:hover, .form_settings input.cancel:hover, #form_invite input.submit:hover,
 638 .entity_subscribe .dialogbox input.submit_dialogbox:hover,
 639 .entity_tag .dialogbox input.submit_dialogbox:hover,
 640 .form_repeat.dialogbox input.submit_dialogbox:hover
 641 {
 642     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
 643     background: #ff9d63;
 644     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
 645     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
 646     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 647     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 648     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
 649     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
 650     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
 651 }
 652
 653 .form_settings input#cancel, #form_action-no {
 654     background: #f2f2f2;
 655     color: #d7621c;
 656     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 657 }
 658
 659 .form_settings input#cancel:hover, #form_action-no:hover {
 660     background: #fff;
 661     color: #d7621c;
 662     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
 663 }
 664
 665 .form_settings fieldset fieldset {
 666     margin-bottom: 30px;
 667     padding-top: 25px;
 668 }
 669
 670 #invite #content p {
 671     margin-bottom: 15px;
 672 }
 673
 674 #invite #content ul {
 675     list-style-type: none;
 676     margin-bottom: 25px;
 677     margin-left: 25px;
 678 }
 679
 680 #invite #content li {
 681     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 682     padding-left: 20px;
 683     margin-bottom: 10px;
 684 }
 685
 686 #invite #content #form_invite ul, #invite #content #form_invite li {
 687     margin-left: 0px;
 688     padding-left: 0px;
 689     background: none;
 690 }
 691
 692 #form_invite input[type=text], #form_invite textarea {
 693     width: 250px;
 694     padding: 5px;
 695     border: 1px solid #a6a6a6;
 696     -webkit-border-radius: 4px;
 697     -moz-border-radius: 4px;
 698     border-radius: 4px;
 699     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 700     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 701     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
 702 }
 703
 704 #form_invite textarea {
 705     clear: left;
 706     width: 508px;
 707     height: 48px;
 708 }
 709
 710 #form_invite a.add_row, #form_invite a.remove_row {
 711     display: block;
 712     height: 16px;
 713     width: 16px;
 714     overflow: hidden;
 715     background-image: url('../../base/images/icons/icons-01.gif');
 716     background-repeat: no-repeat;
 717 }
 718
 719 #form_invite a.remove_row {
 720     background-position: 0px -1252px;
 721     display: inline-block;
 722     position: relative;
 723     top: 4px;
 724     left: 10px;
 725     line-height: 4em;
 726 }
 727
 728 #form_invite a.add_row {
 729     clear: both;
 730     position: relative;
 731     top: 10px;
 732     background-position: 0px -1186px;
 733     width: 120px;
 734     padding-left: 20px;
 735     line-height: 1.2em;
 736 }
 737
 738 #form_invite label[for=personal] {
 739     display: block;
 740     margin-top: 25px;
 741 }
 742
 743 #content thead th {
 744 text-align:left;
 745 }
 746 #content tbody th {
 747 vertical-align:top;
 748 text-align:left;
 749 font-weight:normal;
 750 padding-top:11px;
 751 padding-right:18px;
 752 }
 753 #content tbody tr {
 754     border-top: 1px dotted #bbb;
 755 }
 756 #content td {
 757 padding:11px 18px 11px 0;
 758 vertical-align:top;
 759 }
 760 #content td:last-child {
 761 padding-right:0;
 762 }
 763
 764 /* Search */
 765
 766 #form_search {
 767     padding-bottom: 10px;
 768     margin-bottom: 20px;
 769     background: url('../images/brdr_black_dot.png') repeat-x bottom left;
 770 }
 771
 772 #form_search fieldset {
 773     margin-bottom: 0px;
 774 }
 775
 776 #form_search ul.form_data #q {
 777     margin-left: 10px;
 778     width: 210px;
 779 }
 780
 781 #form_search input.submit {
 782     height: 1.6em;
 783     line-height: 1.6em;
 784     font-size: 1.1em;
 785     padding-bottom: 2px;
 786     margin-left: 5px;
 787 }
 788
 789 #noticesearch .entity_actions {
 790     margin: 0px;
 791 }
 792
 793 #noticesearch p.error {
 794     margin-top: 60px;
 795 }
 796
 797 /* Limited-scope */
 798
 799 .limited-scope .entry-content .timestamp {
 800     padding-left: 20px;
 801     position: relative;
 802 }
 803
 804 .limited-scope .entry-content .timestamp:before {
 805     content: url(../images/lock.png);
 806     position: absolute;
 807     top: -2px;
 808     left: 0px;
 809 }
 810
 811 .limited-scope li .entry-content .timestamp {
 812     padding-left: 0px;
 813 }
 814
 815 .limited-scope li .entry-content .timestamp:before {
 816     content: none;
 817 }
 818
 819 .limited-scope li.limited-scope .entry-content .timestamp {
 820     padding-left: 20px;
 821 }
 822
 823 .limited-scope li.limited-scope .entry-content .timestamp:before {
 824     content: url(../images/lock.png);
 825     position: absolute;
 826     top: -2px;
 827     left: 0px;
 828 }
 829
 830 /* Blog */
 831
 832 label[for=blog-entry-content] {
 833     display: none !important;
 834 }
 835
 836 #input_form_blog td {
 837     padding-top: 0px;
 838     padding-bottom: 0px;
 839 }
 840
 841 #input_form_blog td.mceToolbar {
 842     padding-top: 4px;
 843 }
 844
 845 h4.blog-entry-title {
 846     margin-bottom: 8px;
 847     line-height: 1.2em;
 848 }
 849
 850 /* Onboard specific styles */
 851 /* TODO move to plugin */
 852
 853 #cboxOverlay{
 854     background: url(../images/lightbox_bg.png) repeat 0 0 !important;
 855 }
 856
 857 #cboxContent{
 858     background: #fff url(../logo.png) no-repeat 10px bottom !important;
 859 }
 860
 861 .onboard_iframe {
 862     background: none;
 863     padding: 10px;
 864 }
 865
 866 .onboard_iframe #wrap {
 867     width: auto;
 868     background: none;
 869 }
 870
 871 .onboard_welcome p {
 872     margin-bottom: 10px;
 873 }
 874
 875 .onboard_welcome ul {
 876     list-style-type: none;
 877     margin-bottom: 10px;
 878 }
 879
 880 .onboard_welcome ul li {
 881     background: url(../images/resultset_next.png) no-repeat 0px 3px;
 882     padding-left: 20px;
 883     margin-left: 10px;
 884 }
 885
 886 #aside_primary #onboard_section {
 887     background: #f2f2f2;
 888     width: 196px;
 889     padding: 10px;
 890     border-radius: 4px;
 891     -moz-border-radius: 4px;
 892     -webkit-border-radius: 4px;
 893     border: 1px solid #516499;
 894     background: #fafafa;
 895 }
 896
 897 #onboard_section H2 {
 898     -webkit-border-top-left-radius: 4px;
 899     -moz-border-radius-topleft: 4px;
 900     border-top-left-radius: 4px;
 901     -webkit-border-top-right-radius: 4px;
 902     -moz-border-radius-topright: 4px;
 903     border-top-right-radius: 4px;
 904     position: relative;
 905     top: -11px;
 906     left: -11px;
 907     padding: 2px 0px 2px 10px;
 908     margin-right: -22px;
 909     margin-bottom: 5px;
 910     color: #fff;
 911     text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
 912     background: #364A84;
 913     background: -moz-linear-gradient(top, #516499 0%, #364a84 100%);
 914     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
 915     background: -webkit-linear-gradient(top, #516499 0%,#364a84 100%);
 916     background: -o-linear-gradient(top, #516499 0%,#364a84 100%);
 917     background: -ms-linear-gradient(top, #516499 0%,#364a84 100%);
 918     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 919     background: linear-gradient(top, #516499 0%,#364a84 100%);
 920 }
 921
 922 #onboard_section ul {
 923     list-style-type: none;
 924 }
 925
 926 #onboard_section .onboard-step-incomplete {
 927     background: url(../images/resultset_next.png) no-repeat 0px 1px;
 928     padding-left: 20px;
 929     margin-bottom: 10px;
 930 }
 931
 932 #onboard_section .onboard-step-complete {
 933     background: url(../images/tick.png) no-repeat 0px 1px;
 934     padding-left: 20px;
 935     margin-bottom: 10px;
 936     text-decoration: line-through;
 937     color: #555;
 938 }
 939
 940 /* Billing specific styles */
 941 /* TODO move to plugin */
 942
 943 #content table.billing_info {
 944     margin-top: 10px;
 945     background:rgba(240, 240, 240, 0.4);
 946 }
 947
 948 #content table.billing_info th {
 949     text-align: right;
 950     width: 50%;
 951 }
 952
 953 .invalid {
 954     border: solid 2px red !important;
 955 }
 956
 957 #payment_history table {
 958     width: 100%;
 959 }
 960
 961 #billingadminpanel .form_settings input {
 962     margin-right: 0px;
 963 }
 964
 965 /* Directory specific styles */
 966 /* TODO separate base styles and move to plugin */
 967
 968 div#profile_directory div.alpha_nav > a {
 969     border-left: 1px solid #ccc !important;
 970     padding-left: 3.5px !important;
 971     padding-right: 4px !important;
 972     margin-right: 0px;
 973     float: left;
 974     line-height: 1.4em;
 975 }
 976
 977 div#profile_directory div.alpha_nav > a.first {
 978     border-left: none !important;
 979 }
 980
 981 div#profile_directory div.alpha_nav a.current {
 982     background-color: #ECECF2 !important;
 983 }
 984
 985 table.profile_list {
 986     margin-top: 25px;
 987 }
 988
 989 .profile_list th {
 990     font-size: 0.8em;
 991 }
 992
 993 .profile_list th#created {
 994     width: 100px;
 995 }
 996
 997 .profile_list th#subscriptions {
 998     width: 90px;
 999 }
1000
1001 .profile_list th.current {
1002         background: none !important;
1003 }
1004
1005 .profile_list th.current.reverse {
1006         background: none !important;
1007 }
1008
1009 .profile_list th.current a {
1010         padding-right: 25px;
1011         background: url(../images/bluearrow_down.png) no-repeat top right;
1012 }
1013
1014 .profile_list th.current.reverse a {
1015         background: url(../images/bluearrow_up.png) no-repeat top right;
1016 }
1017
1018 table.profile_list tr.alt {
1019     background-color: #fafafa !important;
1020     border: none !important;
1021 }
1022
1023 td.entity_profile {
1024     width: auto;
1025     min-width: 250px;
1026 }
1027
1028 .profile_list .fn {
1029     display: block;
1030     font-size: 1.1em;
1031     width: auto;
1032 }
1033
1034 .profile_list .nickname, .profile_list .fn.nickname {
1035     position: relative;
1036     top: -8px;
1037     display: block;
1038     margin-bottom: -12px;
1039     font-size: 1.4em;
1040 }
1041
1042 .profile_list .label {
1043     display: block;
1044     margin-left: 59px !important;
1045 }
1046
1047 .profile_list .note {
1048     font-size: 0.88em;
1049     line-height: 1.36em;
1050 }
1051
1052 .profile_list .entry_created, .profile_list .entry_subscriber_count, .profile_list .entry_notice_count {
1053     font-size: 0.88em;
1054 }
1055
1056 .profile_list td.entity_actions {
1057     width: 24px;
1058     max-width: 24px;
1059     min-width: 24px;
1060     height: 20px;
1061     padding-left: 6px !important;
1062     position: relative;
1063     float: none;
1064     display: table-cell !important;
1065 }
1066
1067 .profile_list .entity_actions ul {
1068     position: absolute;
1069     right: 20px;
1070 }
1071
1072 .profile_list .entity_actions input {
1073     width: 22px;
1074     height: 22px;
1075     padding-top: 1px;
1076     padding-right: 0px;
1077     padding-left: 20px;
1078     display: block;
1079     overflow: hidden;
1080     font-size: 0em;
1081     border: 1px solid #CDD1DD;
1082 }
1083
1084 .profile_list .form_group_leave input.submit,
1085 .profile_list .form_user_unsubscribe input.submit {
1086     background-position: 2px -1250px;
1087 }
1088
1089 .profile_list .form_group_join input.submit,
1090 .profile_list .form_user_subscribe input.submit {
1091     background-position: 2px -1184px;
1092 }
1093
1094 .profile_list .entity_actions input:hover {
1095     width: auto;
1096     padding-right: 10px;
1097     overflow: visible;
1098     font-size: 1em;
1099     line-height: 1.3em;
1100     border: 1px solid #A6ADBF;
1101     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1102     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1103     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1104 }
1105
1106 /* Event specific styles */
1107 /* TODO separate base styles and move to plugin */
1108
1109 .notice .vevent div {
1110     margin-bottom: 8px;
1111 }
1112
1113 .event-info {
1114     margin-left: 0px !important;
1115     margin-top: 2px !important;
1116 }
1117
1118 .notice .event-info + .notice-options {
1119     margin-top: 14px;
1120 }
1121
1122 .notice .threaded-replies .event-info + .notice-options {
1123     margin-top: 20px;
1124 }
1125
1126 #form_event_rsvp #new_rsvp_data {
1127     display: inline;
1128     margin: 10px 0px;
1129 }
1130
1131 #form_event_rsvp input.submit {
1132     height: auto;
1133     padding: 0px 10px;
1134     margin-left: 10px;
1135     color:#fff;
1136     font-weight: bold;
1137     text-transform: uppercase;
1138     font-size: 1.1em;
1139     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1140     border: 1px solid #d7621c;
1141     border-radius: 4px;
1142     -moz-border-radius: 4px;
1143     -webkit-border-radius: 4px;
1144     background: #FB6104;
1145     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
1146     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
1147     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1148     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1149     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1150     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
1151     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1152 }
1153
1154 #form_event_rsvp input.submit:hover {
1155     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1156     background: #ff9d63;
1157     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
1158     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
1159     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1160     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1161     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1162     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
1163     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
1164 }
1165
1166 #wrap .vevent form.processing input.submit {
1167     text-indent: 0;
1168     background: #ff9d63;
1169 }
1170
1171 #input_form_event .form_settings .form_data {
1172     float: left;
1173 }
1174
1175 #input_form_event .form_settings .form_data li {
1176     float: left;
1177     width: auto;
1178 }
1179
1180 #input_form_event .form_settings .form_data label {
1181     width: auto;
1182 }
1183
1184 label[for=event-starttime], label[for=event-endtime] {
1185     display: none !important;
1186 }
1187
1188 #event-starttime, #event-endtime {
1189     margin-top:  -1px;
1190     margin-bottom:  -1px;
1191     height: 2em;
1192 }
1193
1194 #event-startdate, #event-enddate {
1195     margin-right: 20px;
1196     width: 120px;
1197 }
1198
1199 /* QnA */
1200
1201 .question div.question-description {
1202     font-size: 1em;
1203     line-height: 1.36em;
1204     margin-top: 0px;
1205     opacity: 1;
1206 }
1207
1208 .question div.answer-content, .qna-full-question div.answer-content {
1209     font-size: 1em;
1210     opacity: 1;
1211 }
1212
1213 .qna-dummy-placeholder input, .question #qna-answer, .qna-full-question #qna-answer {
1214     -webkit-border-radius: 4px;
1215     -moz-border-radius: 4px;
1216     border-radius: 4px;
1217     box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1218     -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1219     -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
1220 }
1221
1222 .question-description input.submit, .answer-content input.submit {
1223     height: auto;
1224     padding: 0px 10px;
1225     margin: 6px 0px 10px 0px;
1226     color:#fff;
1227     font-weight: bold;
1228     text-transform: uppercase;
1229     font-size: 1.1em;
1230     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
1231     border: 1px solid #d7621c;
1232     border-radius: 4px;
1233     -moz-border-radius: 4px;
1234     -webkit-border-radius: 4px;
1235     background: #FB6104;
1236     background: -moz-linear-gradient(top, #ff9d63 0%, #fb6104 100%);
1237     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9d63), color-stop(100%,#fb6104));
1238     background: -webkit-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1239     background: -o-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1240     background: -ms-linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1241     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9d63', endColorstr='#fb6104',GradientType=0 );
1242     background: linear-gradient(top, #ff9d63 0%,#fb6104 100%);
1243 }
1244
1245 #qna-answer-submit {
1246     min-width: 100px;
1247 }
1248
1249 .question .question-description input.submit:hover, .question .answer-content input.submit:hover {
1250     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.6);
1251     background: #ff9d63;
1252     background: -moz-linear-gradient(top, #fb6104 0%, #fc8035 100%);
1253     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6104), color-stop(100%,#fc8035));
1254     background: -webkit-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1255     background: -o-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1256     background: -ms-linear-gradient(top, #fb6104 0%,#fc8035 100%);
1257     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6104', endColorstr='#fc8035',GradientType=0 );
1258     background: linear-gradient(top, #fb6104 0%,#fc8035 100%);
1259 }
1260
1261 .question .question-description #answer-form input.submit {
1262     margin-top: 0px;
1263 }
1264
1265 .question p.best, .answer p.best {
1266     background: url(../images/rosette.png) no-repeat top left;
1267     padding-left: 20px;
1268 }
1269
1270 .question p.best:before, .answer p.best:before {
1271     content: none !important;
1272 }
1273
1274 /* Poll specific styles */
1275
1276 .notice div.poll-content {
1277     opacity: 1;
1278 }
1279
1280 #poll-response-submit {
1281     min-width: 100px;
1282 }
1283
1284 /* SNOD CompanyLogo styling */
1285 /* TODO move to plugin */
1286
1287 #site_nav_local_views a.company_logo {
1288     width: 138px;
1289     padding: 0px;
1290     font-weight: bold;
1291     text-transform: none;
1292     line-height: 1em;
1293     margin-bottom: 20px;
1294     position: relative;
1295     top: -4px;
1296 }
1297
1298 #site_nav_local_views a.company_logo:hover {
1299     background: none;
1300     color: blue;
1301     text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
1302 }
1303
1304 .company_logo img {
1305     max-width: 138px;
1306     margin-bottom: 4px;
1307 }
1308
1309 .company_logo span {
1310     display: block;
1311 }
1312
1313 a.company_logo:hover span {
1314     text-decoration: underline;
1315 }
1316
1317 }/*end of @media screen, projection, tv*/