theme/victorian/css/display.css

   1 /** theme: Victorian
   2  *
   3  * @package   StatusNet
   4  * @author    Michael R. Bernstein <michael@fandomhome.com>
   5  * @copyright 2010 StatusNet, Inc.
   6  * @license   http://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 Unported
   7  * @link      http://www.michaelbernstein.com/
   8  */
   9
  10 /* Typography */
  11
  12 @font-face {
  13         font-family: 'LinuxLibertineRegular';
  14         src: url('../fonts/LinLibertine_Re-4.1_.8_-webfont.eot');
  15         src: local('☺'), url('../fonts/LinLibertine_Re-4.1_.8_-webfont.woff') format('woff'), url('../fonts/LinLibertine_Re-4.1_.8_-webfont.ttf') format('truetype'), url('../fonts/LinLibertine_Re-4.1_.8_-webfont.svg#webfontrdqe1DyH') format('svg');
  16         font-weight: normal;
  17         font-style: normal;
  18 }
  19
  20 @font-face {
  21         font-family: 'LinuxLibertineItalic';
  22         src: url('../fonts/LinLibertine_It-4.0_.3_-webfont.eot');
  23         src: local('☺'), url('../fonts/LinLibertine_It-4.0_.3_-webfont.woff') format('woff'), url('../fonts/LinLibertine_It-4.0_.3_-webfont.ttf') format('truetype'), url('../fonts/LinLibertine_It-4.0_.3_-webfont.svg#webfont1JABFqYn') format('svg');
  24         font-weight: normal;
  25         font-style: normal;
  26 }
  27
  28 @font-face {
  29         font-family: 'LinuxLibertineBold';
  30         src: url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.eot');
  31         src: local('☺'), url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.woff') format('woff'), url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.ttf') format('truetype'), url('../fonts/LinLibertine_Bd-4.0_.2_-webfont.svg#webfont8Py9MN8V') format('svg');
  32         font-weight: normal;
  33         font-style: normal;
  34 }
  35
  36 @font-face {
  37         font-family: 'LinuxLibertineCRegular';
  38         src: url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.eot');
  39         src: local('☺'), url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.woff') format('woff'), url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.ttf') format('truetype'), url('../fonts/LinLibertineC_Re-4.0_.1_-webfont.svg#webfonth75RjTOl') format('svg');
  40         font-weight: normal;
  41         font-style: normal;
  42 }
  43
  44 /* bolding */
  45
  46 caption, legend, input.submit, form label, .form_settings #settings_autosubscribe label, address .fn, .system_notice dt, #anon_notice, #site_nav_local_views a, #licenses dt, .form_notice .count dt, .form_notice .count, button.close, button.minimize, .entity_profile dt, #entity_statistics dt, .entity_profile .fn, .entity_profile .nickname, .entity_actions a, .entity_moderation p, .entity_role p, #showapplication .entity_data dt, .notice .author .fn, .dialogbox .submit_dialogbox, #attachments dt, #attachment_view #oembed_info dt, #filter_tags_all a, .pagination dt, .pagination a, #tagcloud.section dt {
  47     font-weight: normal;
  48     font-family: 'LinuxLibertineBold', serif;
  49 }
  50
  51 /* italicizing */
  52
  53 i, cite, em, var, address {
  54     font-style: normal;
  55     font-family: 'LinuxLibertineItalic', serif;
  56 }
  57
  58 /* End Typography */
  59
  60
  61 @media screen, projection, tv {
  62 body,
  63 a:active {
  64     background-color:#7D6957;
  65 }
  66
  67 body {
  68     font-family: LinuxLibertineRegular, serif;
  69     font-size:1.2em;
  70     color: #333;
  71     background-image: url(../images/background.jpg);
  72     background-attachment:fixed;
  73     background-position:center;
  74     line-height: 1.5;
  75 }
  76
  77 #wrap {
  78     box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 8px;
  79     -moz-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 8px;
  80     -webkit-box-shadow: rgba(0, 0, 0, 0.496094) 0px 0px 8px;
  81     background-color: #F2EFEC;
  82     border: 1px solid white;
  83     margin-top: 16px;
  84     margin-bottom: 16px;
  85     width: 60em;
  86 }
  87
  88 address {
  89     float: none;
  90     text-align: center;
  91     margin-left: 0px;
  92 }
  93
  94 .vcard .photo {
  95     float: none;
  96 }
  97
  98 address .poweredby {
  99     clear: none;
 100     float: none;
 101     margin: 0px;
 102     font-size: 80%;
 103     font-family: 'LinuxLibertineItalic';
 104 }
 105
 106 #site_nav_global_primary {
 107     float: none;
 108     margin: 0;
 109     margin-bottom: 1em;
 110     text-align: center;
 111     top: 0;
 112     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 113     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 114     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 115     background-color: #fff;
 116 }
 117
 118 #site_nav_global_primary li:hover {
 119 background-color: #F2EFEC;
 120 }
 121
 122 body#register #site_nav_global_primary li#nav_register a,
 123 body#login #site_nav_global_primary li#nav_login a,
 124 body#openidlogin #site_nav_global_primary li#nav_login a,
 125 body#all #site_nav_global_primary li#nav_home a,
 126 body#replies #site_nav_global_primary li#nav_home a,
 127 body#showstream #site_nav_global_primary li#nav_home a,
 128 body#showfavorites #site_nav_global_primary li#nav_home a,
 129 body#inbox #site_nav_global_primary li#nav_home a,
 130 body#outbox #site_nav_global_primary li#nav_home a,
 131 body#profilesettings #site_nav_global_primary li#nav_account a,
 132 body#avatarsettings #site_nav_global_primary li#nav_account a,
 133 body#passwordsettings #site_nav_global_primary li#nav_account a,
 134 body#emailsettings #site_nav_global_primary li#nav_account a,
 135 body#userdesignsettings #site_nav_global_primary li#nav_account a,
 136 body#othersettings #site_nav_global_primary li#nav_account a,
 137 body#openidsettings #site_nav_global_primary li#nav_account a,
 138 body#oauthconnectionssettings #site_nav_global_primary li#nav_connect a,
 139 body#smssettings #site_nav_global_primary li#nav_connect a,
 140 body[id$=adminpanel] #site_nav_global_primary li#nav_admin a,
 141 body#invite #site_nav_global_primary li#nav_invitecontact a,
 142 body#usergroups #site_nav_global_primary li#nav_invitecontact a,
 143 body#subscribers #site_nav_global_primary li#nav_invitecontact a,
 144 body#subscriptions #site_nav_global_primary li#nav_invitecontact a,
 145 body[id$=doc] #site_nav_global_primary li#nav_help a,
 146 body[id$=search] #site_nav_global_primary li#nav_search a {
 147     color: #000;
 148     text-decoration: none;
 149 }
 150
 151 #site_notice {
 152     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 153     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 154     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 155     position: absolute;
 156     top: 1em;
 157     right: 1em;
 158     padding: 1em;
 159     width: 15em;
 160     background-color:#E6DFDA;
 161     margin: 0;
 162 }
 163
 164 .form_notice {
 165     float: none;
 166     margin: 0 auto;
 167     }
 168
 169 .form_notice label{
 170     font-family: 'LinuxLibertineCRegular', serif;
 171     float: none;
 172     text-align: center;
 173     }
 174
 175 #form_notice-direct label{
 176     float: left;
 177     }
 178
 179 .form_guide {
 180     font-style: normal;
 181     font-family: 'LinuxLibertineItalic';
 182 }
 183
 184 input, textarea, select {
 185     border-width:2px;
 186     border-style: solid;
 187     border-radius:4px;
 188     -moz-border-radius:4px;
 189     -webkit-border-radius:4px;
 190 }
 191
 192 input, textarea, select, option {
 193     font-family: 'LinuxLibertineCRegular', serif;
 194 }
 195
 196 input, textarea, select,
 197 .entity_actions .dialogbox input,
 198 .mark-top {
 199     border-color:#AAAAAA;
 200 }
 201
 202 .form_settings fieldset fieldset {
 203     background:rgba(240, 240, 240, 0.2);
 204     box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
 205     -moz-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
 206     -webkit-box-shadow:3px 3px 7px rgba(194, 194, 194, 0.3);
 207 }
 208
 209 h1, h2, h3, h4, h5, h6 {
 210     font-family: LinuxLibertineCRegular, serif;
 211     text-align: center;
 212     font-weight: normal;
 213     text-transform: capitalize;
 214     margin-bottom: 1em;
 215 }
 216
 217
 218 #filter_tags ul li,
 219 .entity_send-a-message .form_notice,
 220 .form_settings fieldset fieldset,
 221 .entity_moderation:hover ul,
 222 .entity_role:hover ul,
 223 .dialogbox {
 224     border-color:#DDDDDD;
 225 }
 226
 227 .form_settings input.form_action-primary {
 228     background:none;
 229 }
 230
 231 .form_notice.warning .count,
 232 .form_settings .form_note {
 233     background-color:#9BB43E;
 234 }
 235
 236 input.submit,
 237 .form_notice.warning .count,
 238 .form_settings .form_note,
 239 .entity_actions a,
 240 .entity_actions input,
 241 .entity_moderation p,
 242 .entity_role p,
 243 button {
 244     box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 245     -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 246     -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 247 }
 248
 249 .entity_actions a,
 250 .entity_actions input,
 251 .entity_actions p {
 252     border-color:transparent;
 253     background-color:transparent;
 254 }
 255
 256 input:focus, textarea:focus, select:focus,
 257 .form_notice.warning textarea,
 258 .form_notice.warning .count,
 259 .form_settings .form_note,
 260 .entity_actions .dialogbox .form_data input:focus {
 261     border-color:#9BB43E;
 262 }
 263
 264 input.submit {
 265     color:#FFFFFF;
 266 }
 267
 268 .entity_actions input.submit {
 269     border-color:transparent;
 270     text-shadow:none;
 271 }
 272
 273 .dialogbox .submit_dialogbox,
 274 input.submit,
 275 .form_notice input.submit {
 276     background:#D5C5B6 url(../../base/images/illustrations/illu_pattern-01.png) 0 0 repeat-x;
 277     color:#000000;
 278     border-color:#7D6957;
 279     border-top-color:#DAD5D0;
 280     border-left-color:#DAD5D0;
 281 }
 282
 283 .dialogbox .submit_dialogbox:hover,
 284 input.submit:hover {
 285     background-position:0 -5px;
 286 }
 287
 288 .dialogbox .submit_dialogbox:focus,
 289 input.submit:focus {
 290     background-position:0 -15px;
 291     box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
 292     -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
 293     -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.1);
 294     text-shadow:none;
 295 }
 296
 297 .form_notice label.notice_data-geo {
 298     background-position:0 -1780px;
 299 }
 300 .form_notice label.notice_data-geo.checked {
 301     background-position:0 -1846px;
 302 }
 303
 304 a,
 305 .form_settings input.form_action-primary,
 306 .notice-options input,
 307 .entity_actions a,
 308 .entity_actions input,
 309 .entity_moderation p,
 310 .entity_role p {
 311     color:#015C65;
 312 }
 313
 314 .notice,
 315 .profile,
 316 .application,
 317 #content tbody tr {
 318     border-top-color:#C8D1D5;
 319 }
 320
 321 .form_notice .count {
 322     color:#333333;
 323 }
 324
 325 .form_notice.warning .count,
 326 .dialogbox,
 327 .entity_actions .dialogbox input {
 328     color:#000000;
 329 }
 330
 331 .form_notice label.notice_data-attach {
 332     background-position:0 -328px;
 333 }
 334
 335 .form_notice input.notice_data-attach {
 336     opacity:0;
 337 }
 338
 339 .form_notice label.notice_data-attach,
 340 #export_data li a.rss,
 341 #export_data li a.atom,
 342 #export_data li a.foaf,
 343 .entity_edit a,
 344 .entity_send-a-message a,
 345 .entity_nudge p,
 346 .form_user_nudge input.submit,
 347 .form_user_block input.submit,
 348 .form_user_unblock input.submit,
 349 .form_group_block input.submit,
 350 .form_group_unblock input.submit,
 351 .form_make_admin input.submit,
 352 .notice .attachment,
 353 .notice-options .notice_reply,
 354 .notice-options form.form_favor input.submit,
 355 .notice-options form.form_disfavor input.submit,
 356 .notice-options .notice_delete,
 357 .notice-options form.form_repeat input.submit,
 358 #new_group a,
 359 .pagination .nav_prev a,
 360 .pagination .nav_next a,
 361 button.close,
 362 .form_group_leave input.submit,
 363 .form_user_unsubscribe input.submit,
 364 .form_group_join input.submit,
 365 .form_user_subscribe input.submit,
 366 .form_remote_authorize input.submit,
 367 .entity_subscribe a,
 368 .entity_moderation p,
 369 .entity_sandbox input.submit,
 370 .entity_silence input.submit,
 371 .entity_delete input.submit,
 372 .entity_role p,
 373 .entity_role_administrator input.submit,
 374 .entity_role_moderator input.submit,
 375 .notice-options .repeated,
 376 .form_notice label.notice_data-geo,
 377 button.minimize,
 378 .form_reset_key input.submit,
 379 .entity_clear input.submit,
 380 .entity_flag input.submit,
 381 .entity_flag p,
 382 .entity_subscribe input.submit,
 383 #realtime_play,
 384 #realtime_pause,
 385 #realtime_popup {
 386     background-image:url(../images/icons/icons-01.gif);
 387     background-repeat:no-repeat;
 388     background-color:transparent;
 389 }
 390
 391 #wrap form.processing input.submit,
 392 #core a.processing,
 393 .dialogbox.processing .submit_dialogbox {
 394     background:#FFFFFF url(../../base/images/icons/icon_processing.gif) no-repeat 47% 47%;
 395 }
 396 .notice-options .form_repeat.processing {
 397     background-image:none;
 398 }
 399
 400 #content, body[id$="adminpanel"] #content {
 401     -moz-border-radius: 0 0 0 0;
 402     border-bottom-left-radius: 0 0;
 403     border-bottom-right-radius: 0 0;
 404     border-top-left-radius: 0 0;
 405     border-top-right-radius: 0 0;
 406     border: 1px solid #7D6957;
 407     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 408     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 409     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 410     margin-left: 1em;
 411     width: 37em;
 412 }
 413
 414 #content, body[id$="adminpanel"] #content,
 415 #site_nav_local_views a, body[id$=adminpanel] #site_nav_local_views a,
 416 #aside_primary {
 417     border-color:transparent;
 418 }
 419
 420 body[id$=adminpanel] #aside_primary {
 421 display:block;
 422 }
 423
 424 #aside_primary {
 425     background-color:#E6DFDA;
 426     -moz-border-radius: 0px 0px 0px 0px;
 427     border-bottom-left-radius: 0 0;
 428     border-bottom-right-radius: 0 0;
 429     border-top-left-radius: 0 0;
 430     border-top-right-radius: 0 0;
 431     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 432     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 433     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 434     width: 15em;
 435     float: right;
 436     margin-left: 1em;
 437     margin-right: 1em;
 438 }
 439
 440 .aside .section {
 441     border-bottom: 1px solid #7D6957;
 442     margin-bottom: 1em;
 443     padding-bottom: 1em;
 444 }
 445
 446 .aside .section h2 {
 447     text-transform: capitalize;
 448 }
 449
 450 .section .vcard .photo {
 451     margin-top: 0.3em;
 452     float: left;
 453 }
 454
 455 .section p {
 456     display: block !important;
 457     clear: none !important;
 458     margin-left: 2.5em;
 459     font-size: 90%
 460 }
 461
 462 .section table {
 463     margin: 0 auto;
 464 }
 465
 466 .section table td {
 467     vertical-align: middle;
 468 }
 469
 470 .section p a.more {
 471     float: right;
 472 }
 473
 474 #content,
 475 #site_nav_local_views .current a, body[id$=adminpanel] #site_nav_local_views .current a,
 476 .entity_send-a-message .form_notice,
 477 .entity_moderation:hover ul,
 478 .entity_role:hover ul,
 479 .dialogbox {
 480     background-color:#FFFFFF;
 481 }
 482
 483 #site_nav_local_views, body[id$=adminpanel] #site_nav_local_views {
 484     margin-left: 2em;
 485     margin-right: 0;
 486     margin-bottom: -1em;
 487     float: left;
 488     width: 100%;
 489     position: static;
 490 }
 491
 492 body[id$=adminpanel] #site_nav_local_views li {
 493 float:left;
 494 margin-right:18px;
 495 list-style-type:none;
 496 width: auto;
 497 margin-bottom: 0;
 498 }
 499
 500 #site_nav_local_views li.current, body[id$=adminpanel] #site_nav_local_views li.current {
 501     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 502     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 503     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px;
 504     position: relative;
 505     z-index:1;
 506     width: auto;
 507 }
 508
 509 #site_nav_local_views a, body[id$=adminpanel] #site_nav_local_views a {
 510     background-color:rgba(194, 194, 194, 0.5);
 511     padding: 1em;
 512     text-transform: capitalize;
 513     font-size: 90%;
 514     float: left;
 515     font-weight: normal;
 516     width:auto;
 517     border-radius:4px;
 518     -moz-border-radius:4px;
 519     -webkit-border-radius:4px;
 520 }
 521
 522 #site_nav_local_views a:hover, body[id$=adminpanel] #site_nav_local_views a:hover {
 523     background-color: #ffc;
 524 }
 525
 526 #site_nav_local_views .current a, body[id$=adminpanel] #site_nav_local_views .current a {
 527     text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
 528 }
 529
 530 #footer {
 531 padding: 1.2em;
 532 background-color:#E6DFDA;
 533 width: 58em;
 534 text-align: center;
 535 }
 536
 537 #licenses {
 538 margin-left: 5em;
 539 margin-right: 5em;
 540 }
 541
 542 .processing {
 543     background-image:url(../../base/images/icons/icon_processing.gif);
 544     background-repeat:no-repeat;
 545     background-position:47% 47%;
 546 }
 547
 548 .error {
 549     background-color:#F7E8E8;
 550 }
 551
 552 .success {
 553     background-color:#EFF3DC;
 554 }
 555
 556 button.close {
 557     background-position:0 -1120px;
 558 }
 559
 560 button.minimize {
 561     background-position:0 -1912px;
 562 }
 563
 564 #anon_notice {
 565     background-color: #E6DFDA;
 566     float: none;
 567     margin-right: auto;
 568     margin-left: auto;
 569     border: none;
 570     text-align: center;
 571     box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 572     -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 573     -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 8px inset;
 574 }
 575
 576 #showstream #anon_notice {
 577     background-color: #E6DFDA;
 578 }
 579
 580 #export_data ul {
 581     float: none;
 582     text-align: center;
 583 }
 584
 585 #export_data li {
 586     float:none;
 587     display: inline;
 588     margin-right: 5px;
 589     margin-left: 5px;
 590 }
 591
 592 #export_data li a {
 593     background-repeat:no-repeat;
 594 }
 595
 596 #export_data li a.rss {
 597     background-position:0 -130px;
 598 }
 599
 600 #export_data li a.atom {
 601     background-position:0 -64px;
 602 }
 603
 604 #export_data li a.foaf {
 605     background-position:0 1px;
 606 }
 607
 608 .form_group_join input.submit,
 609 .form_group_leave input.submit,
 610 .form_user_subscribe input.submit,
 611 .form_user_unsubscribe input.submit,
 612 .form_remote_authorize input.submit,
 613 .entity_subscribe a {
 614     background-color:#AAAAAA;
 615     color:#FFFFFF;
 616 }
 617
 618 .form_group_leave input.submit,
 619 .form_user_unsubscribe input.submit {
 620     background-position:5px -1246px;
 621 }
 622
 623 .form_group_join input.submit,
 624 .form_user_subscribe input.submit,
 625 .form_remote_authorize input.submit,
 626 .entity_subscribe a {
 627     background-position:5px -1181px;
 628 }
 629
 630 .entity_edit a {
 631     background-position: 5px -719px;
 632 }
 633
 634 .entity_send-a-message a {
 635     background-position: 5px -852px;
 636 }
 637
 638 .entity_send-a-message .form_notice,
 639 .entity_moderation:hover ul,
 640 .entity_role:hover ul,
 641 .dialogbox {
 642     box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
 643     -moz-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
 644     -webkit-box-shadow:3px 7px 5px rgba(194, 194, 194, 0.7);
 645 }
 646
 647 .entity_nudge p,
 648 .form_user_nudge input.submit {
 649     background-position: 5px -785px;
 650 }
 651
 652 .form_user_block input.submit,
 653 .form_user_unblock input.submit,
 654 .form_group_block input.submit,
 655 .form_group_unblock input.submit {
 656     background-position: 5px -918px;
 657 }
 658
 659 .form_make_admin input.submit {
 660     background-position: 5px -983px;
 661 }
 662
 663 .entity_moderation p {
 664     background-position: 5px -1313px;
 665 }
 666
 667 .entity_sandbox input.submit {
 668     background-position: 5px -1380px;
 669 }
 670
 671 .entity_silence input.submit {
 672     background-position: 5px -1445px;
 673 }
 674
 675 .entity_delete input.submit {
 676     background-position: 5px -1511px;
 677 }
 678
 679 .entity_sandbox .form_user_unsandbox input.submit {
 680     background-position: 5px -2568px;
 681 }
 682
 683 .entity_silence .form_user_unsilence input.submit {
 684     background-position: 5px -2633px;
 685 }
 686
 687 .entity_role p {
 688     background-position: 5px -2436px;
 689 }
 690
 691 .entity_role_administrator .form_user_grantrole input.submit {
 692     background-position: 5px -983px;
 693 }
 694
 695 .entity_role_moderator .form_user_grantrole input.submit {
 696     background-position: 5px -1313px;
 697 }
 698
 699 .entity_role_administrator .form_user_revokerole input.submit {
 700     background-position: 5px -2699px;
 701 }
 702
 703 .entity_role_moderator .form_user_revokerole input.submit {
 704     background-position: 5px -2501px;
 705 }
 706
 707 .form_reset_key input.submit {
 708     background-position: 5px -1973px;
 709 }
 710
 711 .entity_clear input.submit {
 712     background-position: 5px -2039px;
 713 }
 714
 715 .entity_flag input.submit,
 716 .entity_flag p {
 717     background-position: 5px -2105px;
 718 }
 719
 720 .entity_subscribe input.accept {
 721     background-position: 5px -2171px;
 722 }
 723
 724 .entity_subscribe input.reject {
 725     background-position: 5px -2237px;
 726 }
 727
 728 #realtime_play {
 729     background-position: 0 -2308px;
 730 }
 731
 732 #realtime_pause {
 733     background-position: 0 -2374px;
 734 }
 735
 736 #realtime_popup {
 737     background-position: 0 -1714px;
 738 }
 739
 740 /* NOTICES */
 741 .notice .attachment {
 742     background-position:0 -394px;
 743 }
 744
 745 .notice .attachment.more {
 746     background-position:0 -2770px;
 747 }
 748
 749 #attachments .attachment {
 750     background:none;
 751 }
 752 .notice-options .notice_reply {
 753     background-position:0 -592px;
 754 }
 755
 756 .notice-options form.form_favor input.submit {
 757     background-position:0 -460px;
 758 }
 759
 760 .notice-options form.form_disfavor input.submit {
 761     background-position:0 -526px;
 762 }
 763 .notice-options .notice_delete {
 764     background-position:0 -658px;
 765 }
 766 .notice-options form.form_repeat input.submit {
 767     background-position:0 -1582px;
 768 }
 769
 770 .notice-options .repeated {
 771     background-position:0 -1648px;
 772 }
 773
 774 .notices .attachment.more,
 775 .notices div.entry-content,
 776 .notices div.notice-options {
 777     opacity:0.4;
 778 }
 779
 780 .notices li:hover .attachment.more,
 781 .notices li:hover div.entry-content,
 782 .notices li:hover div.notice-options {
 783     opacity:1;
 784 }
 785
 786 .opaque {
 787     opacity:1 !important;
 788 }
 789
 790 .attachment.more,
 791 .notice-options a,
 792 .notice-options input {
 793     font-family: 'LinuxLibertineCRegular', serif;
 794     box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 795     -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 796     -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 797 }
 798
 799 .attachment.more:focus {
 800     box-shadow:none;
 801     -moz-box-shadow:none;
 802     -webkit-box-shadow:none;
 803     outline:none;
 804 }
 805
 806 #content .notices li:hover,
 807 #content .applications li:hover,
 808 #content tbody tr:hover {
 809     background-color:rgba(240, 240, 240, 0.2);
 810 }
 811
 812 #content .notice .author .photo {
 813     margin-right: 0.5em;
 814     margin-top: 0.3em;
 815 }
 816
 817 #conversation .notices li:hover {
 818     background-color:transparent;
 819 }
 820
 821 .notices .notices {
 822     background-color:rgba(200, 200, 200, 0.050);
 823 }
 824
 825 .notices .notices .notices {
 826     background-color:rgba(200, 200, 200, 0.100);
 827 }
 828
 829 .notices .notices .notices .notices {
 830     background-color:rgba(200, 200, 200, 0.150);
 831 }
 832
 833 .notices .notices .notices .notices .notices {
 834     background-color:rgba(200, 200, 200, 0.300);
 835 }
 836
 837 /*END: NOTICES */
 838
 839 #new_group a {
 840     background-position:0 -1054px;
 841 }
 842
 843 .pagination .nav_prev a,
 844 .pagination .nav_next a {
 845     border-bottom-left-radius: 4px 4px;
 846     border-bottom-right-radius: 4px 4px;
 847     border-style: solid;
 848     border-width: 2px;
 849     border-top-left-radius: 4px 4px;
 850     border-top-right-radius: 4px 4px;
 851     background-repeat:no-repeat;
 852     background-color: #D5C5B6;
 853     color:#000000;
 854     border-color:#7D6957;
 855     border-top-color:#DAD5D0;
 856     border-left-color:#DAD5D0;
 857     box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 858     -moz-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 859     -webkit-box-shadow:3px 3px 3px rgba(194, 194, 194, 0.3);
 860 }
 861
 862 .pagination .nav_prev a {
 863     background-position:10% -187px;
 864 }
 865
 866 .pagination .nav_next a {
 867     background-position:105% -252px;
 868 }
 869
 870 .pagination .nav .processing {
 871     background-image:url(../../base/images/icons/icon_processing.gif);
 872     box-shadow:none;
 873     -moz-box-shadow:none;
 874     -webkit-box-shadow:none;
 875     outline:none;
 876 }
 877
 878 .pagination .nav_next a.processing {
 879     background-position:90% 47%;
 880 }
 881
 882 .pagination .nav_prev a.processing {
 883     background-position:10% 47%;
 884 }
 885
 886 }/*end of @media screen, projection, tv*/