theme/mnml/css/display.css

   1 /** theme: mnml
   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 /*-- FONTS --*/
  11
  12 @font-face {
  13     font-family: 'TeXGyreHerosRegular';
  14     src: url('../fonts/texgyreheros-regular-webfont.eot');
  15     src: local('☺'), url('../fonts/texgyreheros-regular-webfont.woff') format('woff'), url('../fonts/texgyreheros-regular-webfont.ttf') format('truetype'), url('../fonts/texgyreheros-regular-webfont.svg#webfonts1QuWEVy') format('svg');
  16     font-weight: normal;
  17     font-style: normal;
  18 }
  19
  20 @font-face {
  21     font-family: 'TeXGyreHerosItalic';
  22     src: url('../fonts/texgyreheros-italic-webfont.eot');
  23     src: local('☺'), url('../fonts/texgyreheros-italic-webfont.woff') format('woff'), url('../fonts/texgyreheros-italic-webfont.ttf') format('truetype'), url('../fonts/texgyreheros-italic-webfont.svg#webfontonVrQ9Kn') format('svg');
  24     font-weight: normal;
  25     font-style: normal;
  26 }
  27
  28 @font-face {
  29     font-family: 'TeXGyreHerosBold';
  30     src: url('../fonts/texgyreheros-bold-webfont.eot');
  31     src: local('☺'), url('../fonts/texgyreheros-bold-webfont.woff') format('woff'), url('../fonts/texgyreheros-bold-webfont.ttf') format('truetype'), url('../fonts/texgyreheros-bold-webfont.svg#webfontaJCL46uI') format('svg');
  32     font-weight: normal;
  33     font-style: normal;
  34 }
  35
  36 /*-- END FONTS --*/
  37
  38
  39 @media screen, projection, tv {
  40
  41 /* -- RESET -- */
  42 /* From Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html  */
  43 html, body, div, span, applet, object, iframe,
  44 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  45 a, abbr, acronym, address, big, cite, code,
  46 del, dfn, em, font, img, ins, kbd, q, s, samp,
  47 small, strike, strong, sub, sup, tt, var,
  48 b, u, i, center,
  49 dl, dt, dd, ol, ul, li,
  50 fieldset, form, label, legend,
  51 table, caption, tbody, tfoot, thead, tr, th, td {
  52     margin: 0;
  53     padding: 0;
  54     border: 0;
  55     outline: 0;
  56     font-size: 100%;
  57     vertical-align: baseline;
  58     background: transparent;
  59 }
  60 body {
  61     line-height: 1;
  62 }
  63 ol, ul {
  64     list-style: none;
  65 }
  66 blockquote, q {
  67     quotes: none;
  68 }
  69 blockquote:before, blockquote:after,
  70 q:before, q:after {
  71     content: '';
  72     content: none;
  73 }
  74
  75 /* remember to define focus styles! */
  76 :focus {
  77     outline: 0;
  78 }
  79
  80 /* remember to highlight inserts somehow! */
  81 ins {
  82     text-decoration: none;
  83 }
  84 del {
  85     text-decoration: line-through;
  86 }
  87
  88 /* tables still need 'cellspacing="0"' in the markup */
  89 table {
  90     border-collapse: collapse;
  91     border-spacing: 0;
  92 }
  93
  94 /*-- END RESET --*/
  95
  96
  97 /*-- TYPOGRAPHY --*/
  98 /* Borrowed liberally from Typogridphy 2.0 - http://csswizardry.com/typogridphy/preview/ */
  99
 100 html{
 101     font-size:100%;
 102 }
 103 body{
 104     font-size:62.5%;
 105     font-family:TeXGyreHerosRegular, sans-serif;
 106     color:#444;
 107     background-color: #EEE;
 108     height: 100%;
 109 }
 110
 111 #wrap{
 112     width:94em;
 113     padding:3em 2em 1em 2em;
 114     margin-top: 0;
 115     margin-left: auto;
 116     margin-right: auto;
 117     margin-bottom: 0;
 118     background-color: #fff;
 119 }
 120
 121 #header{
 122     width:100%;
 123     overflow:hidden;
 124 }
 125 #content{
 126     margin-right:2em;
 127     float:left;
 128     width: 70em;
 129     clear:both;
 130     background-color: #FFF;
 131 }
 132
 133
 134 /*-- HEADINGS --*/
 135 h1,h2,h3,h4,h5,h6{
 136     font-family: 'TeXGyreHerosBold', sans-serif;
 137     font-weight: normal;
 138     color:#444;
 139 }
 140 h1{ /* H1 is a bit hacky but it works */
 141     font-size:4.3em;
 142     line-height:1.2;
 143     margin-bottom:0.5em;
 144 }
 145 h2{
 146     font-size:2em;
 147     line-height:1.2em;
 148     margin-bottom:1.2em;
 149     margin-top:-1px;
 150     padding-bottom:1px;
 151 }
 152 h3{
 153     font-size:1.8em;
 154     line-height:1.3333333333333333333333333333333em;
 155     margin-bottom:1.3333333333333333333333333333333em;
 156 }
 157 h4{
 158     font-size:1.6em;
 159     line-height:1.5em;
 160     margin-bottom:1.5em;
 161 }
 162 h5{
 163     font-size:1.6em;
 164     line-height:1.5em;
 165     margin-bottom:1.5em;
 166 }
 167 h6{
 168     font-size:1.3em;
 169     line-height:1.8461538461538461538461538461538em;
 170     margin-bottom:1.8461538461538461538461538461538em;
 171 }
 172
 173 /*-- END HEADINGS --*/
 174
 175 /*-- LISTS --*/
 176 ul,ol{
 177     font-size:1.6em;
 178     line-height:1.5em;
 179     margin-bottom:1.5em;
 180     }
 181
 182 ul{
 183     list-style:square;
 184     }
 185
 186 ol{
 187     list-style:lower-roman;
 188     }
 189
 190 ul,ol{
 191     padding-left:1em;margin-left:-1em;/* This makes IE display hung bullets */
 192     }
 193
 194 ul ul,ol ol{
 195     clear: both;
 196     font-size:1em;
 197     line-height:1.5em;
 198     margin:0 0 0 2em;
 199 }
 200
 201 dl{
 202     }
 203 dl dt{
 204     font-family: 'TeXGyreHerosBold', sans-serif;
 205 }
 206 dl dd{
 207     margin-bottom:1.5em;
 208 }
 209
 210 /*-- END LISTS --*/
 211
 212 /* --- =LINKS --- */
 213 a{
 214     color:#C00;
 215     font-family: 'TeXGyreHerosBold', sans-serif;
 216 }
 217 a:visited{
 218     color:#C00;
 219 }
 220 a:hover{
 221     text-decoration:none;
 222 }
 223
 224 /*-- PARAGRAPHS --*/
 225 p{
 226     font-size:1.6em;
 227     line-height:1.5em;
 228     margin-bottom:1.5em;
 229 }
 230
 231 p.instructions {
 232     font-family: 'TeXGyreHerosBold', sans-serif;
 233 }
 234
 235 /*-- FORMS --*/
 236
 237 .form_notice label[for=notice_data-attach],
 238 #export_data li a.rss,
 239 #export_data li a.atom,
 240 #export_data li a.foaf,
 241 .entity_edit a,
 242 .entity_send-a-message a,
 243 .entity_nudge p,
 244 .form_user_nudge input.submit,
 245 .form_user_block input.submit,
 246 .form_user_unblock input.submit,
 247 .form_group_block input.submit,
 248 .form_group_unblock input.submit,
 249 .form_make_admin input.submit,
 250 .notice .attachment,
 251 .notice-options .notice_reply,
 252 .notice-options form.form_favor input.submit,
 253 .notice-options form.form_disfavor input.submit,
 254 .notice-options .notice_delete,
 255 .notice-options form.form_repeat input.submit,
 256 #new_group a,
 257 .pagination .nav_prev a,
 258 .pagination .nav_next a,
 259 button.close,
 260 .form_group_leave input.submit,
 261 .form_user_unsubscribe input.submit,
 262 .form_group_join input.submit,
 263 .form_user_subscribe input.submit,
 264 .form_remote_authorize input.submit,
 265 .entity_subscribe a,
 266 .entity_moderation p,
 267 .entity_sandbox input.submit,
 268 .entity_silence input.submit,
 269 .entity_delete input.submit,
 270 .entity_role p,
 271 .entity_role_administrator input.submit,
 272 .entity_role_moderator input.submit,
 273 .notice-options .repeated,
 274 .form_notice label.notice_data-geo,
 275 button.minimize,
 276 .form_reset_key input.submit,
 277 .entity_clear input.submit,
 278 .entity_flag input.submit,
 279 .entity_flag p,
 280 .entity_subscribe input.submit,
 281 #realtime_play,
 282 #realtime_pause,
 283 #realtime_popup {
 284     background-image:url(../images/icons/icons-01.png);
 285     background-repeat:no-repeat;
 286     background-color:transparent;
 287 }
 288
 289 .form_notice label.notice_data-geo {
 290     background-position:0 -1780px;
 291 }
 292 .form_notice label.notice_data-geo.checked {
 293     background-position:0 -1846px;
 294 }
 295 .form_notice label[for=notice_data-attach] {
 296     background-position:0 -328px;
 297 }
 298 button.close {
 299     background-position:0 -1120px;
 300 }
 301 button.minimize {
 302     background-position:0 -1912px;
 303 }
 304 #export_data li a.rss {
 305     background-position:0 -125px;
 306 }
 307 #export_data li a.atom {
 308     background-position:0 -59px;
 309 }
 310 #export_data li a.foaf {
 311     background-position:0 1px;
 312 }
 313 .form_group_leave input.submit,
 314 .form_user_unsubscribe input.submit {
 315     background-position:5px -1246px;
 316 }
 317 .form_group_join input.submit,
 318 .form_user_subscribe input.submit,
 319 .form_remote_authorize input.submit,
 320 .entity_subscribe a {
 321     background-position:5px -1181px;
 322 }
 323
 324 .entity_edit a {
 325     background-position: 5px -719px;
 326 }
 327 .entity_send-a-message a {
 328     background-position: 5px -852px;
 329 }
 330 .entity_nudge p,
 331 .form_user_nudge input.submit {
 332     background-position: 5px -785px;
 333 }
 334 .form_user_block input.submit,
 335 .form_user_unblock input.submit,
 336 .form_group_block input.submit,
 337 .form_group_unblock input.submit {
 338     background-position: 5px -918px;
 339 }
 340 .form_make_admin input.submit {
 341     background-position: 5px -983px;
 342 }
 343 .entity_moderation p {
 344     background-position: 5px -1313px;
 345 }
 346 .entity_sandbox input.submit {
 347     background-position: 5px -1380px;
 348 }
 349 .entity_silence input.submit {
 350     background-position: 5px -1445px;
 351 }
 352 .entity_delete input.submit {
 353     background-position: 5px -1511px;
 354 }
 355 .entity_sandbox .form_user_unsandbox input.submit {
 356     background-position: 5px -2568px;
 357 }
 358 .entity_silence .form_user_unsilence input.submit {
 359     background-position: 5px -2633px;
 360 }
 361 .entity_role p {
 362     background-position: 5px -2436px;
 363 }
 364 .entity_role_administrator .form_user_grantrole input.submit {
 365     background-position: 5px -983px;
 366 }
 367 .entity_role_moderator .form_user_grantrole input.submit {
 368     background-position: 5px -1313px;
 369 }
 370 .entity_role_administrator .form_user_revokerole input.submit {
 371     background-position: 5px -2699px;
 372 }
 373 .entity_role_moderator .form_user_revokerole input.submit {
 374     background-position: 5px -2501px;
 375 }
 376 .form_reset_key input.submit {
 377     background-position: 5px -1973px;
 378 }
 379 .entity_clear input.submit {
 380     background-position: 5px -2039px;
 381 }
 382 .entity_flag input.submit,
 383 .entity_flag p {
 384     background-position: 5px -2105px;
 385 }
 386 .entity_subscribe input.accept {
 387     background-position: 5px -2171px;
 388 }
 389 .entity_subscribe input.reject {
 390     background-position: 5px -2237px;
 391 }
 392 #realtime_play {
 393     background-position: 0 -2308px;
 394 }
 395 #realtime_pause {
 396     background-position: 0 -2374px;
 397 }
 398 #realtime_popup {
 399     background-position: 0 -1714px;
 400 }
 401 .notice .attachment {
 402     background-position:0 -394px;
 403 }
 404 .notice .attachment.more {
 405     background-position:0 -2770px;
 406 }
 407 #attachments .attachment {
 408     background:none;
 409 }
 410 .notice-options .notice_reply {
 411     background-position:0 -592px;
 412 }
 413 .notice-options form.form_favor input.submit {
 414     background-position:0 -461px;
 415 }
 416 .notice-options form.form_disfavor input.submit {
 417     background-position:0 -526px;
 418 }
 419 .notice-options .notice_delete {
 420     background-position:0 -658px;
 421 }
 422 .notice-options form.form_repeat input.submit {
 423     background-position:0 -1582px;
 424 }
 425 .notice-options .repeated {
 426     background-position:0 -1648px;
 427 }
 428 #new_group a {
 429     background-position:0 -1054px;
 430 }
 431 .pagination .nav_prev a {
 432     background-position:10% -187px;
 433 }
 434 .pagination .nav_next a {
 435     background-position:105% -252px;
 436 }
 437
 438 caption, legend {
 439 font-family: 'TeXGyreHerosBold', sans-serif;
 440 }
 441
 442 input, textarea, select, option {
 443
 444 }
 445
 446 input.submit {
 447 font-family: 'TeXGyreHerosBold', sans-serif;
 448 cursor:pointer;
 449 }
 450 textarea {
 451 overflow:auto;
 452 }
 453 option {
 454 padding-bottom:0;
 455 }
 456 fieldset {
 457 padding:0;
 458 border:0;
 459 }
 460 form ul li {
 461 list-style-type:none;
 462 margin:0 0 18px 0;
 463 }
 464 form label {
 465     font-family: 'TeXGyreHerosBold', sans-serif;
 466     font-size: 1.6em;
 467     line-height: 1.5em;
 468 }
 469 input.checkbox,
 470 input.radio {
 471 position:relative;
 472 top:2px;
 473 left:auto;
 474 border:0;
 475 }
 476
 477 .error,
 478 .success {
 479     font-size:1.6em;
 480     line-height:1.5em;
 481     font-family: 'TeXGyreHerosBold', sans-serif;
 482     display: inline-block;
 483     width: auto;
 484     min-width: 10em;
 485 }
 486
 487 .error {
 488     color: #000;
 489     background-color: #C00;
 490 }
 491
 492 .success {
 493     color: #FFF;
 494     background-color: #090;
 495 }
 496 .xoxo li {
 497 list-style-type:none;
 498 }
 499
 500 form label.submit {
 501 display:none;
 502 }
 503 .form_settings {
 504 clear:both;
 505 }
 506 .form_settings fieldset {
 507 margin-bottom:29px;
 508 }
 509 .form_settings fieldset fieldset {
 510 margin-bottom:41px;
 511 padding:3% 1.795% 1.795% 3%;
 512 border-width:1px;
 513 border-style:solid;
 514 }
 515 .form_settings fieldset fieldset legend {
 516 line-height:0;
 517 }
 518
 519 .form_settings input.remove {
 520 margin-left:11px;
 521 }
 522
 523 ul.form_data {
 524     font-size: 100%
 525 }
 526
 527 .form_settings .form_data li {
 528 width:100%;
 529 float:left;
 530 }
 531 .form_settings .form_data label {
 532 float:left;
 533 }
 534 .form_settings .form_data textarea,
 535 .form_settings .form_data select,
 536 .form_settings .form_data input {
 537 margin-left:1.795%;
 538 float:left;
 539 }
 540 .form_settings .form_data input {
 541 }
 542 .form_settings .form_data input.submit,
 543 .form_settings .form_data input.checkbox,
 544 .form_settings .form_data input.radio {
 545 width:auto;
 546 }
 547 .form_settings .form_data textarea {
 548 width:63%;
 549 }
 550
 551 .form_settings .form_data input.submit {
 552 margin-left:0;
 553 }
 554
 555 .form_settings label {
 556 margin-top:2px;
 557 width:24%;
 558 }
 559
 560 .form_actions label {
 561 display:none;
 562 }
 563 .form_guide {
 564 font-family: 'TeXGyreHerosItalic', sans-serif;
 565 }
 566
 567 .form_settings #settings_autosubscribe label {
 568 display:inline;
 569 font-weight:bold;
 570 }
 571
 572 #form_settings_profile legend,
 573 #form_login legend,
 574 #form_register legend,
 575 #form_password legend,
 576 #form_settings_avatar legend,
 577 #newgroup legend,
 578 #editgroup legend,
 579 #form_tag_user legend,
 580 #form_remote_subscribe legend,
 581 #form_openid_login legend,
 582 #form_search legend,
 583 #form_invite legend,
 584 #form_notice_delete legend,
 585 #form_password_recover legend,
 586 #form_password_change legend,
 587 .form_entity_block legend,
 588 #form_filter_bytag legend,
 589 #apioauthauthorize_allowdeny {
 590 display:none;
 591 }
 592
 593 .form_settings .form_data p.form_guide {
 594 clear:both;
 595 margin-left:26%;
 596 margin-bottom:0;
 597 }
 598
 599 .form_settings p {
 600 margin-bottom:11px;
 601 }
 602
 603 .form_settings input.checkbox,
 604 .form_settings input.radio {
 605 margin-top:3px;
 606 margin-left:0;
 607 }
 608 .form_settings label.checkbox {
 609 font-weight:normal;
 610 margin-top:0;
 611 margin-right:0;
 612 margin-left:11px;
 613 float:left;
 614 width:90%;
 615 }
 616 .form_settings label.radio {
 617 margin-top:0;
 618 margin-right:47px;
 619 margin-left:11px;
 620 width:auto;
 621 }
 622
 623 #form_login p.form_guide,
 624 #form_register #settings_rememberme p.form_guide,
 625 #form_openid_login #settings_rememberme p.form_guide,
 626 #settings_twitter_remove p.form_guide,
 627 #form_search ul.form_data #q,
 628 #design_background-image_onoff p.form_guide {
 629 margin-left:0;
 630 }
 631
 632 .form_settings .form_note {
 633 padding:0 7px;
 634 }
 635
 636 .form_settings input.form_action-default {
 637 margin-right:11px;
 638 }
 639 .form_settings input.form_action-default,
 640 .form_settings input.form_action-primary {
 641 padding:0;
 642 }
 643 .form_settings input.form_action-secondary {
 644 margin-left:29px;
 645 }
 646
 647 #form_search .submit {
 648 margin-left:11px;
 649 }
 650 #form_search .form_data input {
 651 width:auto;
 652 }
 653
 654 address {
 655     margin-bottom: 0.5em;
 656     margin-top: 4.75em;
 657     margin-bottom: 1.75em;
 658     float: left;
 659 }
 660 address.vcard img.logo {
 661 margin-right:0;
 662 float: none;
 663 }
 664 address .fn {
 665 font-weight:bold;
 666 }
 667 address img + .fn {
 668 display:none;
 669 }
 670 address a {
 671 text-decoration:none;
 672 }
 673 address .poweredby {
 674 float:left;
 675 clear:left;
 676 display:block;
 677 position:relative;
 678 top:7px;
 679 margin-right:-47px;
 680 }
 681
 682
 683 #site_nav_global_primary {
 684     margin: 0;
 685     margin-bottom: 2.4em;
 686     position: absolute;
 687 }
 688
 689 #site_nav_global_primary dd {
 690     margin: 0;
 691     }
 692
 693 #site_nav_global_primary li {
 694
 695 }
 696
 697 .system_notice dt {
 698 font-weight:bold;
 699 text-transform:uppercase;
 700 display:none;
 701 }
 702
 703 #site_notice {
 704     float:right;
 705     clear:right;
 706     margin-top: 4.75em;
 707     margin-bottom: 1.75em;
 708     width:22em;
 709     background-color: #EEE;
 710 }
 711 #page_notice {
 712 clear:both;
 713 margin-bottom:18px;
 714 }
 715
 716 #anon_notice {
 717     float:left;
 718     margin-left: 15em;
 719     margin-top: 3.7em;
 720     margin-bottom: 0.9em;
 721     width: 32em;
 722     padding: 0.9em;
 723     border-width:2px;
 724     border-style:solid;
 725     font-family: 'TeXGyreHerosBold', sans-serif;
 726 }
 727
 728 #anon_notice p {
 729     margin-bottom: 0;
 730 }
 731 #footer {
 732     clear: both;
 733 }
 734
 735 #site_nav_local_views {
 736 width:100%;
 737 float:left;
 738 margin: 0;
 739 margin-bottom: -.25em;
 740 }
 741
 742 #site_nav_local_views dt{
 743     display:none;
 744     }
 745
 746 #site_nav_local_views dd {
 747     margin:0;
 748     }
 749
 750 ul.nav{
 751     overflow:hidden;
 752     list-style:none;
 753     font-size:1.3em;
 754     line-height:1.8461538461538461538461538461538em;
 755     margin-bottom:1.8461538461538461538461538461538em;
 756     float: left;
 757     }
 758
 759 ul.nav li{
 760     float:left;
 761     font-family: 'TeXGyreHerosBold', sans-serif;
 762     }
 763
 764 ul.nav li#nav_invitecontact {
 765     }
 766 ul.nav li a, ul.nav li a:visited{
 767     color:#444 !important;
 768     text-decoration:none;
 769     width: 7.8em;
 770     margin-right:1.5em;
 771     display:block;
 772     }
 773
 774 ul.nav li.current a {
 775     color: #fff !important;
 776     background-color: #666 !important;
 777 }
 778 ul.nav li a:hover{
 779     text-decoration:underline;
 780 }
 781
 782 body#register #site_nav_global_primary li#nav_register a,
 783 body#login #site_nav_global_primary li#nav_login a,
 784 body#openidlogin #site_nav_global_primary li#nav_login a,
 785 body#all #site_nav_global_primary li#nav_home a,
 786 body#replies #site_nav_global_primary li#nav_home a,
 787 body#showstream #site_nav_global_primary li#nav_home a,
 788 body#showfavorites #site_nav_global_primary li#nav_home a,
 789 body#inbox #site_nav_global_primary li#nav_home a,
 790 body#outbox #site_nav_global_primary li#nav_home a,
 791 body#profilesettings #site_nav_global_primary li#nav_account a,
 792 body#avatarsettings #site_nav_global_primary li#nav_account a,
 793 body#passwordsettings #site_nav_global_primary li#nav_account a,
 794 body#emailsettings #site_nav_global_primary li#nav_account a,
 795 body#userdesignsettings #site_nav_global_primary li#nav_account a,
 796 body#othersettings #site_nav_global_primary li#nav_account a,
 797 body#openidsettings #site_nav_global_primary li#nav_account a,
 798 body#oauthconnectionssettings #site_nav_global_primary li#nav_connect a,
 799 body#smssettings #site_nav_global_primary li#nav_connect a,
 800 body[id$=adminpanel] #site_nav_global_primary li#nav_admin a,
 801 body#invite #site_nav_global_primary li#nav_invitecontact a,
 802 body#usergroups #site_nav_global_primary li#nav_invitecontact a,
 803 body#subscribers #site_nav_global_primary li#nav_invitecontact a,
 804 body#subscriptions #site_nav_global_primary li#nav_invitecontact a,
 805 body[id$=doc] #site_nav_global_primary li#nav_help a,
 806 body[id$=search] #site_nav_global_primary li#nav_search a {
 807     background-color: #666;
 808     color: #FFF !important;
 809 }
 810 body[id$=adminpanel] #aside_primary {
 811 display:none;
 812 }
 813
 814 #site_nav_global_primary dt,
 815 #site_nav_global_secondary dt {
 816 display:none;
 817 }
 818
 819 #site_nav_global_secondary {
 820 margin: 0;
 821 }
 822
 823 #site_nav_global_secondary dd {
 824     margin: 0;
 825 }
 826
 827 #site_nav_global_secondary ul li {
 828 display:inline;
 829 }
 830 #export_data li a {
 831 padding-left:20px;
 832 }
 833 #export_data li a.foaf {
 834 padding-left:30px;
 835 }
 836 #export_data li a.export_vcard {
 837 padding-left:28px;
 838 }
 839
 840 #export_data ul {
 841 width:100%;
 842 float:left;
 843 }
 844 #export_data li {
 845 list-style-type:none;
 846 float:left;
 847 margin-right:11px;
 848 }
 849
 850 #licenses {
 851 margin: 0;
 852 clear: left;
 853 }
 854
 855 #licenses dt {
 856 font-family: 'TeXGyreHerosBold', sans-serif;;
 857 display:none;
 858 }
 859 #licenses dd {
 860 margin: 0;
 861 line-height:1.5;
 862 }
 863
 864 #site_content_license_cc {
 865 margin-bottom:0;
 866 }
 867 #site_content_license_cc img {
 868     display:inline;
 869     vertical-align:top;
 870     margin-right:4px;
 871 }
 872
 873 #core {
 874     position:relative;
 875     width:100%;
 876     float:left;
 877     margin-top: 0.5em;
 878 }
 879
 880 #shownotice #content {
 881     min-height:0;
 882 }
 883
 884 #content_inner {
 885     position:relative;
 886     width:100%;
 887     float:left;
 888 }
 889
 890 #aside_primary {
 891     width: 22em;
 892     float:left;
 893     margin-right:0;
 894     margin-right:0;
 895     margin-bottom: 2.4em;
 896     background-color: #FFF;
 897 }
 898
 899 #aside_primary dl {
 900     font-size:1.3em;
 901     line-height:1.8461538461538461538461538461538em;
 902     margin-bottom:0;
 903     margin-left: 0;
 904 }
 905
 906 #aside_primary dl dd {
 907     margin-left: 0;
 908 }
 909
 910 .form_notice {
 911 width:45%;
 912 float:left;
 913 position:relative;
 914 line-height:1;
 915 margin-left: 9em;
 916 margin-top: 4.75em;
 917 margin-bottom: 2.6em;
 918 }
 919 .form_notice fieldset {
 920 border:0;
 921 padding:0;
 922 position:relative;
 923 }
 924 .form_notice legend {
 925 display:none;
 926 }
 927 .form_notice textarea {
 928 float:left;
 929 clear: left;
 930 width: 24.4em;
 931 height:6.7em;
 932 line-height:1.5;
 933 padding:7px 7px 16px 7px;
 934 position:relative;
 935 z-index:2;
 936 }
 937 .form_notice label {
 938 float:left;
 939 }
 940 .form_notice label[for=notice_data-attach],
 941 .form_notice #notice_data-attach {
 942 position:absolute;
 943 top:2em;
 944 right: 3em;
 945 cursor:pointer;
 946 }
 947 .form_notice label[for=notice_data-attach] {
 948 text-indent:-9999px;
 949 width:16px;
 950 height:16px;
 951 }
 952 .form_notice #notice_data-attach {
 953 opacity: 0;
 954 padding:0;
 955 height:1.6em;
 956 }
 957 .form_notice .count {
 958 position:absolute;
 959 bottom:2px;
 960 right:21.715%;
 961 z-index:9;
 962 }
 963 .form_notice .count dt {
 964 font-weight:bold;
 965 display:none;
 966 }
 967 .form_notice .count {
 968 font-family: 'TeXGyreHerosBold', sans-serif;
 969 line-height:1.15;
 970 padding:1px 2px;
 971 }
 972 .form_notice .submit {
 973 width:14%;
 974 height:47px;
 975 padding:0;
 976 position:absolute;
 977 bottom:0;
 978 right:0;
 979 }
 980 .form_notice label[for=to] {
 981 }
 982 .form_notice select[id=to] {
 983 margin-left: 3em;
 984 float:left;
 985 width: 21em;
 986 }
 987 .form_notice .error,
 988 .form_notice .success {
 989 float:left;
 990 clear:both;
 991 width:81.5%;
 992 margin-bottom:0;
 993 line-height:1.618;
 994 }
 995 .form_notice .attach-status code {
 996 float:left;
 997 width:80%;
 998 display:block;
 999 overflow:auto;
1000 margin-right:2.5%;
1001 font-size:1.1em;
1002 }
1003 .form_notice .attach-status button.close {
1004 float:right;
1005 font-size:0.8em;
1006 }
1007
1008 .form_notice .notice_data-geo_wrap label,
1009 .form_notice .notice_data-geo_wrap input {
1010 position:absolute;
1011 top:3.25em;
1012 right:0.4em;
1013 left:auto;
1014 cursor:pointer;
1015 width:1.6em;
1016 height:1.6em;
1017 display:block;
1018 }
1019 .form_notice .notice_data-geo_wrap input {
1020 visibility:hidden;
1021 }
1022 .form_notice .notice_data-geo_wrap label {
1023 font-weight:normal;
1024 font-size:1em;
1025 margin-bottom:0;
1026 text-indent:-9999px;
1027 }
1028
1029 button.close,
1030 button.minimize {
1031 width:1.6em;
1032 height:1.6em;
1033 text-indent:-9999px;
1034 padding:0;
1035 border:0;
1036 text-align:center;
1037 font-weight:bold;
1038 cursor:pointer;
1039 }
1040
1041 /* entity_profile */
1042 .entity_profile {
1043 position:relative;
1044 width: 52em;
1045 float:left;
1046 margin-left:0;
1047 overflow:hidden;
1048 }
1049 .entity_profile dt,
1050 #entity_statistics dt {
1051 font-family: 'TeXGyreHerosBold', sans-serif;;
1052 }
1053 .entity_profile dd {
1054     display:inline;
1055     font-size:1.6em;
1056     line-height:1.5em;
1057     margin-bottom:1.5em;
1058 }
1059
1060
1061 .entity_profile .entity_depiction {
1062 float:left;
1063 width:96px;
1064 margin-right: 2.4em;
1065 margin-bottom: 2.4em;
1066 text-align: center;
1067 }
1068
1069 .entity_profile .entity_fn,
1070 .entity_profile .entity_nickname,
1071 .entity_profile .entity_location,
1072 .entity_profile .entity_url,
1073 .entity_profile .entity_note,
1074 .entity_profile .entity_tags,
1075 .entity_profile .entity_aliases,
1076 .entity_profile .entity_statistics {
1077 margin-left:113px;
1078 }
1079
1080 .entity_profile .entity_fn,
1081 .entity_profile .entity_nickname {
1082 margin-left:11px;
1083 display:inline;
1084 }
1085 .entity_profile .entity_nickname {
1086 margin-left:0;
1087 }
1088 .entity_profile .fn,
1089 .entity_profile .nickname {
1090     font-family: 'TeXGyreHerosBold', sans-serif;
1091 }
1092
1093 body#subscriptions .entity_profile .fn, .entity_profile .nickname {
1094     font-family: TeXGyreHerosBold, sans-serif;
1095     font-size: 1.6em;
1096     line-height: 1.5em;
1097     margin-bottom: 1.5em;
1098 }
1099
1100 .entity_profile .fn:before {
1101 content: "(";
1102 font-weight:normal;
1103 }
1104 .entity_profile .fn:after {
1105 content: ")";
1106 font-weight:normal;
1107 }
1108 .entity_profile .nickname:after,
1109 .entity_profile .nickname:before {
1110 content:"";
1111 }
1112 .entity_profile dt,
1113 .entity_profile h2 {
1114 display:none;
1115 }
1116 .entity_profile .role {
1117 margin-left:11px;
1118 font-family: 'TeXGyreHerosItalic', sans-serif;
1119 }
1120
1121 .section .entity_remote_subscribe {
1122     color: #C00 !important;
1123 }
1124 /* entity_profile */
1125
1126 /*entity_actions*/
1127 .entity_actions {
1128 float:right;
1129 margin-left:2%;
1130 min-width:21%;
1131 }
1132 .entity_actions h2 {
1133 display:none;
1134 }
1135 .entity_actions ul {
1136 list-style-type:none;
1137 }
1138 .entity_actions li {
1139 margin-bottom:7px;
1140 }
1141 .entity_actions li:first-child {
1142 border-top:0;
1143 }
1144 .entity_actions fieldset {
1145 border:0;
1146 padding:0;
1147 }
1148 .entity_actions legend {
1149 display:none;
1150 }
1151
1152 .entity_actions input.submit {
1153 display:block;
1154 text-align:left;
1155 width:100%;
1156 border-color: transparent;
1157 text-shadow: none;
1158 color: #C00;
1159 line-height: 1.5em;
1160 font-size: 1.6em;
1161 }
1162
1163 .entity_actions a {
1164 text-decoration:none;
1165 font-family: 'TeXGyreHerosBold', sans-serif;
1166 display:block;
1167 }
1168 .entity_actions a,
1169 .entity_actions input {
1170 }
1171
1172 .entity_actions a,
1173 .entity_actions input,
1174 .entity_actions p {
1175 padding-left:23px;
1176 }
1177
1178 .entity_actions a,
1179 .entity_actions p {
1180 padding:2px 4px 1px 26px;
1181 }
1182
1183 .entity_actions .accept {
1184 margin-bottom:18px;
1185 }
1186
1187 .entity_send-a-message button {
1188 position:absolute;
1189 top:3px;
1190 right:3px;
1191 }
1192
1193 .entity_send-a-message .form_notice {
1194 position:absolute;
1195 top:34px;
1196 right:-1px;
1197 padding:1.795%;
1198 width:65%;
1199 z-index:2;
1200 border-width:1px;
1201 border-style:solid;
1202 }
1203 .entity_send-a-message .form_notice legend {
1204 display:block;
1205 margin-bottom:11px;
1206 }
1207
1208 .entity_send-a-message .form_notice label,
1209 .entity_send-a-message .form_notice select {
1210 display:none;
1211 }
1212 .entity_send-a-message .form_notice input.submit {
1213 text-align:center;
1214 }
1215
1216 .entity_moderation,
1217 .entity_role {
1218 position:relative;
1219 }
1220 .entity_moderation p,
1221 .entity_role p {
1222 font-weight:bold;
1223 padding-bottom:2px;
1224 margin-bottom:7px;
1225 }
1226 .entity_moderation ul,
1227 .entity_role ul {
1228 display:none;
1229 }
1230 .entity_moderation:hover ul,
1231 .entity_role:hover ul {
1232 display:block;
1233 width:110%;
1234 padding:11px;
1235 position:absolute;
1236 top:-1px;
1237 right:-1px;
1238 z-index:1;
1239 border-width:1px;
1240 border-style:solid;
1241 }
1242
1243 .entity_tags ul {
1244 list-style-type:none;
1245 display:inline;
1246 }
1247 .entity_tags li {
1248 display:inline;
1249 margin-right:7px;
1250 }
1251 .entity_tags li:before {
1252 content:'\0009';
1253 }
1254
1255 .aside .section {
1256 clear:both;
1257 float:left;
1258 width:100%;
1259 list-style-position:inside;
1260 }
1261 .aside .section h2 {
1262     text-transform:uppercase;
1263     color: #FFF;
1264     background-color: #CCC;
1265 }
1266
1267 #entity_statistics {
1268     margin-bottom: 2.4em;
1269 }
1270 #entity_statistics dt,
1271 #entity_statistics dd {
1272 display:inline;
1273 margin-right: 0.5em;
1274 }
1275 #entity_statistics dt:after {
1276 content: ":";
1277 }
1278
1279 #entity_map a {
1280     font-size: 1.3em;
1281     line-height: 1.84615em;
1282     margin-bottom: 0px;
1283     margin-left: 0px;
1284 }
1285 .section ul.entities {
1286 float:left;
1287 width: 15em;
1288 }
1289 .section .entities li {
1290 list-style-type:none;
1291 float:left;
1292 margin-right:1.5em;
1293 margin-bottom: 1.5em;
1294 display:inline;
1295 }
1296 .section .entities li .photo {
1297 margin-right:0;
1298 margin-bottom:0;
1299 }
1300 .section .entities li .fn {
1301 display:none;
1302 }
1303
1304 .aside .section p,
1305 .aside .section .more {
1306 clear:both;
1307 }
1308
1309 .profile .entity_profile {
1310 margin-bottom: 1.6em;
1311 min-height:60px;
1312 }
1313
1314 .profile .form_group_join legend,
1315 .profile .form_group_leave legend,
1316 .profile .form_user_subscribe legend,
1317 .profile .form_user_unsubscribe legend {
1318 display:none;
1319 }
1320
1321 .profiles {
1322 list-style-type:none;
1323 font-size: 100%;
1324 }
1325 .profile .entity_profile .fn.nickname,
1326 .profile .entity_profile .url[rel~=contact] {
1327     margin-left: 1.2em;
1328     display:inline;
1329 }
1330
1331 .profile .entity_profile .fn,
1332 .profile .entity_profile .label {
1333 margin-left:11px;
1334 margin-bottom:4px;
1335 width:auto;
1336 clear:none;
1337 }
1338
1339 .profile .entity_profile .note,
1340 .profile .entity_profile .entity_tag,
1341 .profile .entity_profile .form_subscription_edit {
1342 margin-left: 3.75em;
1343 clear:none;
1344 display:block;
1345 width:auto;
1346 }
1347
1348 .profile .entity_profile .note {
1349     margin-bottom: 0.2em;
1350 }
1351
1352 .profile .entity_profile .url,
1353 .profile .entity_profile .entity_tags{
1354     margin-left: 6em;
1355     display: block;
1356     width: auto;
1357 }
1358
1359 .profile .entity_profile .entity_tags dt {
1360 display:inline;
1361 margin-right:11px;
1362 }
1363
1364 .profile .entity_profile .form_subscription_edit label {
1365 font-weight:normal;
1366 margin-right:11px;
1367 }
1368
1369 /*applications*/
1370 .applications {
1371 margin-bottom:18px;
1372 float:left;
1373 width:100%;
1374 }
1375 .applications li {
1376 list-style-type:none;
1377 }
1378 .application img,
1379 #showapplication .entity_profile img,
1380 .form_data #application_icon img,
1381 #apioauthauthorize .form_data img {
1382 max-width:96px;
1383 max-height:96px;
1384 }
1385 #apioauthauthorize .form_data img {
1386 margin-right:18px;
1387 float:left;
1388 }
1389 #showapplication .entity_profile {
1390 width:68%;
1391 }
1392 #showapplication .entity_profile .entity_fn {
1393 margin-left:0;
1394 }
1395 #showapplication .entity_profile .entity_fn .fn:before,
1396 #showapplication .entity_profile .entity_fn .fn:after {
1397 content:'';
1398 }
1399 #showapplication .entity_data {
1400 clear:both;
1401 margin-bottom:18px;
1402 }
1403 #showapplication .entity_data h2 {
1404 display:none;
1405 }
1406 #showapplication .entity_data dl {
1407 margin-bottom:18px;
1408 }
1409 #showapplication .entity_data dt {
1410 font-weight:bold;
1411 }
1412 #showapplication .entity_data dd {
1413 margin-left:1.795%;
1414 font-family:monospace;
1415 font-size:1.3em;
1416 }
1417 .form_data #application_types label.radio,
1418 .form_data #default_access_types label.radio {
1419 width:14.5%;
1420 }
1421
1422 /* NOTICE */
1423 ol.notices, ol.xoxo {
1424     font-size: 100%;
1425     line-height: 1;
1426 }
1427
1428 .notice,
1429 .profile,
1430 .application {
1431 position:relative;
1432 clear:both;
1433 float:left;
1434 width:100%;
1435 }
1436 .notices li {
1437 list-style-type:none;
1438 }
1439
1440 .notices li li {
1441 }
1442 .notices .notices {
1443 margin-top: 4.8em;
1444 }
1445 .mark-top {
1446 border-top-width:1px;
1447 border-top-style:solid;
1448 }
1449
1450 /* NOTICES */
1451 #notices_primary {
1452 float:left;
1453 width:100%;
1454 }
1455 #notices_primary h2 {
1456 display:none;
1457 }
1458 .notice-data a span {
1459 display:block;
1460 padding-left:28px;
1461 }
1462
1463 .notice .author {
1464 margin-right:11px;
1465 }
1466 #showstream #content .notice .author {
1467 display:none;
1468 }
1469
1470 .fn {
1471     overflow:hidden;
1472 }
1473
1474 p .fn {
1475     font-size: 100%;
1476 }
1477 .notice .author .fn {
1478     font-family: 'TexGyreHerosBold', sans-serif;
1479     font-size:1.6em;
1480     line-height:1.5em;
1481     margin-bottom:1.5em;
1482 }
1483
1484 .vcard .photo {
1485 display:inline;
1486 float:left;
1487 }
1488 #shownotice .vcard .photo {
1489 margin-bottom:4px;
1490 }
1491 #content .notice .author .photo {
1492 position:absolute;
1493 left:0;
1494 float:none;
1495 margin-top: 0.6em;
1496 }
1497 #content .notice .entry-title {
1498 margin-left: 6em;
1499 max-width: 48em;
1500 }
1501
1502 .vcard .url,
1503 .vcard .entity_tags{
1504     text-decoration:none;i
1505     font-size:1.3em;
1506 }
1507 .vcard .url:hover {
1508 text-decoration:underline;
1509 }
1510
1511 .notice .entry-title {
1512 overflow:hidden;
1513 word-wrap:break-word;
1514 }
1515 .notice .entry-title.ov {
1516 overflow:visible;
1517 }
1518 #showstream .notice .entry-title,
1519 #showstream .notice div.entry-content {
1520 margin-left:0;
1521 }
1522 #shownotice .notice .entry-title {
1523 margin-left:110px;
1524 font-size:2.2em;
1525 min-height:123px;
1526 }
1527 #shownotice .notice div.entry-content {
1528 margin-left:0;
1529 }
1530
1531 .notice p.entry-content {
1532 display:inline;
1533 }
1534
1535 #content .notice p.entry-content a:visited {
1536 }
1537 .notice p.entry-content .vcard a {
1538 }
1539
1540 .notice div.entry-content {
1541     clear:left;
1542     float:left;
1543     font-size:1.3em;
1544     line-height:1.8461538461538461538461538461538em;
1545     margin-bottom:1.8461538461538461538461538461538em;
1546     margin-left: 4.75em;
1547 }
1548 #showstream .notice div.entry-content,
1549 #shownotice .notice div.entry-content {
1550 max-width:79%;
1551 }
1552
1553 .notice .notice-options a,
1554 .notice .notice-options input {
1555 float:left;
1556 }
1557
1558 .notice div.entry-content .timestamp {
1559 display:inline-block;
1560 }
1561
1562 .entry-content .repeat {
1563 display:block;
1564 }
1565 .entry-content .repeat .photo {
1566 float:none;
1567 margin-right:1px;
1568 position:relative;
1569 top:4px;
1570 left:0;
1571 }
1572
1573 .dialogbox {
1574 position:absolute;
1575 top:-1px;
1576 right:-1px;
1577 z-index:9;
1578 float:none;
1579 padding:11px;
1580 border-style:solid;
1581 border-width:1px;
1582 background-color: #FFF;
1583 font-size: 62.5%;
1584 }
1585
1586 .dialogbox legend {
1587 display:block !important;
1588 margin-right:18px;
1589 margin-bottom:18px;
1590 font-size: 1.6em;
1591 }
1592
1593 .dialogbox button.close {
1594 position:absolute;
1595 right:3px;
1596 top:3px;
1597 }
1598
1599 .dialogbox .form_guide {
1600 font-weight:normal;
1601 padding:0;
1602 }
1603
1604 .dialogbox .submit_dialogbox {
1605 font-weight:bold;
1606 text-indent:0;
1607 min-width:46px;
1608 }
1609 .dialogbox input {
1610 padding-left:4px;
1611 }
1612 .dialogbox fieldset {
1613 margin-bottom:0;
1614 }
1615
1616 #wrap form.processing input.submit,
1617 .entity_actions a.processing,
1618 .dialogbox.processing .submit_dialogbox {
1619 cursor:wait;
1620 outline:none;
1621 text-indent:-9999px;
1622 }
1623
1624 .form_repeat.dialogbox {
1625 top:-4px;
1626 right:29px;
1627 min-width:199px;
1628 }
1629
1630 .notice-options {
1631 position:relative;
1632 width:9.8em;
1633 float:right;
1634 }
1635
1636 .notice-options a {
1637 float:left;
1638 }
1639 .notice-options .notice_reply,
1640 .notice-options .form_repeat,
1641 .notice-options .form_favor,
1642 .notice-options .form_disfavor,
1643 .notice-options .repeated {
1644 float:left;
1645 margin-left: 0.5em;
1646 }
1647 .notice-options .form_favor,
1648 .notice-options .form_disfavor {
1649 margin-left:0;
1650 }
1651 .notice-options input,
1652 .notice-options a,
1653 .notice-options .repeated {
1654 text-indent:-9999px;
1655 outline:none;
1656 width: 1em;
1657 }
1658 .notice-options input.submit {
1659 display:block;
1660 border:0;
1661 }
1662 .notice-options .notice_reply,
1663 .notice-options .notice_delete {
1664 text-decoration:none;
1665 }
1666 .notice .notice-options .notice_delete {
1667 float:right;
1668 }
1669 .notice-options form input.submit {
1670 width:16px;
1671 height:16px;
1672 padding:0;
1673 }
1674 .notice-options .form_repeat legend,
1675 .notice-options .form_favor legend,
1676 .notice-options .form_disfavor legend {
1677 display:none;
1678 }
1679 .notice-options .form_repeat fieldset,
1680 .notice-options .form_favor fieldset,
1681 .notice-options .form_disfavor fieldset {
1682 border:0;
1683 padding:0;
1684 }
1685 .notice-options a,
1686 .notice-options .repeated {
1687     font-size:1.6em;
1688     line-height:1.5em;
1689     margin-bottom:0;
1690 }
1691
1692 .notice .attachment {
1693 position:relative;
1694 padding-left:16px;
1695 }
1696 .notice .attachment.more {
1697 text-indent:-9999px;
1698 width:16px;
1699 height:16px;
1700 display:inline-block;
1701 overflow:hidden;
1702 vertical-align:middle;
1703 margin-left:4px;
1704 }
1705
1706 #attachments .attachment,
1707 .notice .attachment.more {
1708 padding-left:0;
1709 }
1710 .notice .attachment img {
1711 position:absolute;
1712 top:18px;
1713 left:0;
1714 z-index:99;
1715 }
1716 #shownotice .notice .attachment img {
1717 position:static;
1718 }
1719
1720 #attachments {
1721 clear:both;
1722 float:left;
1723 width:100%;
1724 margin-top:18px;
1725 }
1726 #attachments dt {
1727 font-weight:bold;
1728 font-size:1.3em;
1729 margin-bottom:4px;
1730 }
1731
1732 #attachments ol li {
1733 margin-bottom:18px;
1734 list-style-type:decimal;
1735 float:left;
1736 clear:both;
1737 }
1738
1739 #jOverlayContent,
1740 #jOverlayContent #content,
1741 #jOverlayContent #content_inner {
1742 width: auto !important;
1743 margin-bottom:0;
1744 }
1745 #jOverlayContent #content {
1746 padding:11px;
1747 min-height:auto;
1748 }
1749 #jOverlayContent .entry-title {
1750 display:block;
1751 margin-bottom:11px;
1752 }
1753 #jOverlayContent button {
1754 position:absolute;
1755 top:0;
1756 right:0;
1757 }
1758 #jOverlayContent h1 {
1759 max-width:425px;
1760 }
1761 #jOverlayContent #content {
1762 }
1763 #jOverlayLoading {
1764 top:5%;
1765 left:40%;
1766 }
1767 #attachment_view img {
1768 max-width:480px;
1769 max-height:480px;
1770 }
1771 #attachment_view #oembed_info {
1772 margin-top:11px;
1773 }
1774 #attachment_view #oembed_info dt,
1775 #attachment_view #oembed_info dd {
1776 float:left;
1777 }
1778 #attachment_view #oembed_info dt {
1779 clear:left;
1780 margin-right:11px;
1781 font-weight:bold;
1782 }
1783 #attachment_view #oembed_info dt:after {
1784 content: ":";
1785 }
1786
1787 #usergroups #new_group {
1788 float: left;
1789 margin-right: 2em;
1790 }
1791 #new_group, #group_search {
1792 margin-bottom:18px;
1793 }
1794 #new_group a {
1795 padding-left:20px;
1796 }
1797
1798 #filter_tags {
1799 margin-bottom:11px;
1800 float:left;
1801 }
1802 #filter_tags dt {
1803 display:none;
1804 }
1805 #filter_tags ul {
1806     list-style-type:none;
1807     font-size: 100%;
1808     line-height: 1;
1809 }
1810 #filter_tags li {
1811 float:left;
1812 margin-left:7px;
1813 padding-left:7px;
1814 border-left-width:1px;
1815 border-left-style:solid;
1816 }
1817 #filter_tags #filter_tags_all {
1818 margin-left:0;
1819 border-left:0;
1820 padding-left:0;
1821 }
1822 #filter_tags_all a {
1823 font-weight:bold;
1824 margin-top:7px;
1825 float:left;
1826 }
1827
1828 #filter_tags_item label {
1829 margin-right:7px;
1830 }
1831 #filter_tags_item label,
1832 #filter_tags_item select {
1833 float:left;
1834 }
1835 #filter_tags_item p {
1836 float:left;
1837 clear:both;
1838 margin-left:38px;
1839 }
1840 #filter_tags_item .submit {
1841 position:relative;
1842 top:-3px;
1843 left:3px;
1844 }
1845
1846 .pagination {
1847 float:left;
1848 clear:both;
1849 width:100%;
1850 margin-top:18px;
1851 }
1852
1853 .pagination dt {
1854 font-weight:bold;
1855 display:none;
1856 }
1857
1858 .pagination .nav {
1859 float:left;
1860 width:100%;
1861 list-style-type:none;
1862 }
1863
1864 .pagination .nav_prev {
1865 float:left;
1866 }
1867 .pagination .nav_next {
1868 float:right;
1869 }
1870
1871 .pagination a {
1872 display:block;
1873 text-decoration:none;
1874 padding:0.7em;
1875 font-size: 1.2em;
1876 vertical-align: middle;
1877 line-height: 1;
1878 color: #C00 !important;
1879 width: auto !important;
1880 }
1881
1882 .pagination .nav_prev a {
1883 padding-left:30px;
1884 }
1885 .pagination .nav_next a {
1886 padding-right:30px;
1887 }
1888 /* END: NOTICE */
1889
1890 .hentry .entry-content li {
1891     margin-left: 3.75em;;
1892 }
1893
1894 .hentry .entry-content .form_settings ul {
1895 margin-left:0;
1896 }
1897
1898 #content #plugin_authors {
1899 min-width:122px;
1900 }
1901 #content thead th {
1902 text-align:left;
1903 }
1904 #content tbody th {
1905 vertical-align:top;
1906 text-align:left;
1907 font-weight:normal;
1908 padding-top:11px;
1909 padding-right:18px;
1910 }
1911 #content tbody tr {
1912 border-top-width:1px;
1913 border-top-style:dotted;
1914 }
1915 #content td {
1916 padding:11px 18px 11px 0;
1917 vertical-align:top;
1918 }
1919 #content td:last-child {
1920 padding-right:0;
1921 }
1922
1923 /* TOP_POSTERS */
1924 .section tbody td {
1925 padding-right:18px;
1926 padding-bottom:11px;
1927 }
1928 .section .vcard .photo {
1929 margin-right:7px;
1930 margin-bottom:0;
1931 }
1932
1933 .section .notice {
1934 padding-top:7px;
1935 padding-bottom:7px;
1936 border-top:0;
1937 }
1938
1939 .section .notice:first-child {
1940 padding-top:0;
1941 }
1942
1943 .section .notice .author {
1944 margin-right:0;
1945 }
1946 .section .notice .author .fn {
1947 display:none;
1948 }
1949
1950 /* tagcloud */
1951 .tag-cloud {
1952 list-style-type:none;
1953 text-align:center;
1954 }
1955 .aside .tag-cloud {
1956 font-size:0.8em;
1957 word-wrap:break-word;
1958 }
1959 .tag-cloud li {
1960 display:inline;
1961 margin-right:7px;
1962 line-height:1.25;
1963 }
1964
1965 .tag-cloud li:before {
1966 content:'\0009';
1967 }
1968
1969 .aside .tag-cloud li {
1970 line-height:1.5;
1971 }
1972 .tag-cloud li a {
1973 text-decoration:none;
1974 }
1975 #tagcloud.section dt {
1976 text-transform:uppercase;
1977 font-weight:bold;
1978 }
1979 .tag-cloud-1 {
1980 font-size:1em;
1981 }
1982 .tag-cloud-2 {
1983 font-size:1.25em;
1984 }
1985 .tag-cloud-3 {
1986 font-size:1.75em;
1987 }
1988 .tag-cloud-4 {
1989 font-size:2em;
1990 }
1991 .tag-cloud-5 {
1992 font-size:2.25em;
1993 }
1994 .tag-cloud-6 {
1995 font-size:2.75em;
1996 }
1997 .tag-cloud-7 {
1998 font-size:3.25em;
1999 }
2000
2001 #publictagcloud #tagcloud.section dt {
2002 display:none;
2003 }
2004
2005 #form_settings_photo .form_data {
2006 clear:both;
2007 }
2008
2009 #form_settings_avatar li {
2010 width:auto;
2011 }
2012 #form_settings_avatar input {
2013 margin-left:0;
2014 }
2015 #avatar_original,
2016 #avatar_preview {
2017 float:left;
2018 }
2019 #avatar_preview {
2020 margin-left:29px;
2021 }
2022 #avatar_preview_view {
2023 height:96px;
2024 width:96px;
2025 margin-bottom:18px;
2026 overflow:hidden;
2027 }
2028
2029 #settings_attach,
2030 #form_settings_avatar .form_actions {
2031 clear:both;
2032 }
2033
2034 #form_settings_avatar .form_actions {
2035 margin-bottom:0;
2036 }
2037
2038 #settings_design_background-image img {
2039 max-width:480px;
2040 max-height:480px;
2041 }
2042
2043 #settings_design_color .form_data,
2044 #color-picker {
2045 float:left;
2046 }
2047 #settings_design_color .form_data {
2048 width:400px;
2049 margin-right:1%;
2050 }
2051
2052 #settings_design_color .form_data li {
2053 width:33%;
2054 }
2055 #settings_design_color .form_data label {
2056 float:none;
2057 display:block;
2058 }
2059 #settings_design_color .form_data .swatch {
2060 padding:11px;
2061 margin-left:0;
2062 width:auto;
2063 }
2064
2065 .system_notice ul,
2066 .instructions ul {
2067 margin-left:1em;
2068 }
2069 .instructions ul {
2070 margin-bottom:18px;
2071 }
2072 .help dt {
2073 display:none;
2074 }
2075 .guide {
2076 clear:both;
2077 }
2078
2079 #bookmarklet address {
2080 display:none;
2081 }
2082 #bookmarklet .form_notice {
2083 width:auto;
2084 }
2085 #bookmarklet #wrap {
2086 min-width:0;
2087 }
2088
2089 }/*end of @media screen, projection, tv*/
2090
2091
2092 @media print {
2093 a:after { background-color:#FFFFFF; }
2094 a:not([href^="#"]):after { content:" <"attr(href)"> "; }
2095 img { border:none; }
2096 p { orphans: 2; widows: 1; }
2097
2098 #site_nav_global_primary,
2099 #site_nav_local_views,
2100 #form_notice,
2101 .pagination,
2102 #site_nav_global_secondary,
2103 .entity_actions,
2104 .notice-options,
2105 #aside_primary,
2106 .form_subscription_edit .submit {
2107 display:none;
2108 }
2109 .timestamp dt, .timestamp dd,
2110 .device dt, .device dd {
2111 display:inline;
2112 }
2113
2114 }/*end of @media print*/