Advertisement
emnem

Elegant Grunge - widescreeen

Jan 11th, 2015
435
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 32.03 KB | None | 0 0
  1. /* Elegant Grunge/Transmogrified: Alis Dee (https://void-star.net) v1.0: 5-10-2009 - Based on "Elegant Grunge" @ https://michael.tyson.id.au/wordpress/themes/elegant-grunge/
  2. Under GPL; edits and comments made by: mm@https://mm_writes.dreamwidth.org 4-2010; last edit 8-2016 - Icons: Fugue - Yusuke Kamiyamane, p.yusukekamiyamane.com/ ->
  3. creativecommons.org/licenses/by/3.0/ - no changes; Wireframe Mono, www.gentleface.com/ -> creativecommons.org/licenses/by-nc/3.0/us/ - no changes; splashyIcons - splashyfish.com/icons/,
  4. FatCow Hosting Icons, www.fatcow.com/free-icons/ */
  5.  
  6. a,.module-section-two h2,.module-section-two h2 a,.page-tags .header h2,.navigation a:hover,.entry .footer a:hover,#comments .footer a,#comment- .footer a,.datetime a:hover,.metadata a:hover
  7. {color:#AB1414;text-decoration:none;outline:none}a:active,a:focus{opacity:0.7}.navigation a,.datetime,.entry del,.comment del,.metadata,.footer a,.comment-pages,.module-section-two a,input,
  8. .de,a:hover,.module-section-two li:hover,#comments .text-links a:hover{color:#555}#lj_controlstrip a,#lj_controlstrip_statustext,#header a,.module-navlinks a,#site-branding a,
  9. li.page-separator,.module-syndicate a{color:#E8EADF!important}#lj_controlstrip a:hover,#header a:hover,.modaule-navlinks a:hover,.ui-tooltip.ui-widget a:hover,.entry-readlink a:hover,
  10. .top a:hover,.module-syndicate a:hover,#site-branding a:hover{color:#D7D9CC!important}.datetime a,.metadata a,.journal-name,.module-section-two h2 a:hover{color:#555}.module-navlinks a,
  11. .entry-content a,.entry-readlink a,.top a,.comment-content a,.comment-pages a,.page-archive table a,.page-month dt a{font-weight:bold}.module-section-two .module-content a:hover{color:
  12. #AB1414;border-bottom:1px dotted#555}a:visited{color:#666}.module-navlinks a:visited,.module-section-three a:visited{color:#E2DDC9!important}
  13.  
  14. .entry-content img[alt]{font-size:80%;text-align:right;clear:both}.entry-content img,.entry-content div img{margin:1em 0 3em 0;max-width:465px;vertical-align:middle}.entry-content ul div img,
  15. .entry-content ol div img{margin:.9em 0 .9em 0}div[align=center] img{font-size:95%}#lj_controlstrip_actionlinks .ljuser img,h3.entry-title a img,.nopic a img{vertical-align:
  16. baseline!important}.ljuser img,.entry-content a img[alt=info],p a img,.talkform img{width:12px;height:12px;vertical-align:baseline!important;background:none;border:0;margin:
  17. .3em 0 0 0!important}#header,.entry-content li .ljuser img,.tags-container ul,.page-archive h3{margin:0}.entry-content li .ljuser img{padding:0}.poster span a img{margin:
  18. .2em .1em 0 -.12em!important}.lj_embedcontent{max-width:100%;overflow:hidden;clear:none!important}.wp-smiley{margin:.3em 0 0}.center img{margin-bottom:12px}#qrformdiv .ljuser img{margin:
  19. .1815em .1em 0 0!important}.talkform td img{margin:.17em .1em 0 0!important}.contents{margin:1.7em 0 .8em 0;clear:both}.userpic,.icon-image{float:right;text-align:center;width:100px;height:
  20. 100px;margin:0 .25em .5em .5em}.comment .userpic{margin:-1em .25em .5em .5em}.userpic img,.icon-image img{width:100px;height:100px;border:1px solid#555;border-radius:50%}.userpic a img
  21. {font-size:0}.entry-content .ljuser a{font-weight:normal}
  22.  
  23. body{margin:0;padding:0;background:#E8EADF url(https://intoolate.files.wordpress.com/2016/05/sb1swna.jpg) repeat-y center}body,form,textarea,.textbox{font:normal 95%/1.9 roboto,avenir,
  24. "segoe ui","trebuchet ms",serif}#header h1,.module-navlinks a,.navigation,h3.entry-title,.datetime,.poster,.ui-tooltip.ui-widget,.metadata ul,.footer,.comment-title,.poster-ip,.top,
  25. .module-section-two h2,.module-section-three,.icons-container h2,.tags-container h2,.page-archive h3{font-family:roboto,avenir,candara,"trebuchet ms",serif!important}
  26.  
  27. #lj_controlstrip{background:#404040;padding:.5em 0;border-bottom:1px solid#686868}#lj_controlstrip_userpic{margin:.3em 0 0 0}.logged-out.has-navstrip #lj_controlstrip_userpic{visibility:
  28. hidden;margin-left:-6.6em}#lj_controlstrip_actionlinks img,#lj_controlstrip_user img{height:12px;width:12px;vertical-align:text-top}#lj_controlstrip a,#lj_controlstrip a:hover
  29. {text-decoration:none;border-bottom:1px solid#B82E2E!important}#lj_controlstrip input,#lj_controlstrip select,#lj_controlstrip_login,#lj_controlstrip_actionlinks,#lj_controlstrip_user,
  30. #lj_controlstrip_userpic a,#lj_controlstrip_userpic a:hover,.cutTagControls a:hover,.icon-links a:hover{border:0!important}
  31.  
  32. #header{background:#3B3B3B url(https://intoolate.files.wordpress.com/2016/05/oaekbxl.jpg) repeat-x top left;box-sizing:border-box;padding:.3em 0;height:105px}
  33. #header h1{position:relative;top:-.35em;margin:0 0 2em .15em;font-variant:small-caps;font-weight:bold;letter-spacing:-.02em;font-size:335%}.module-navlinks ul{position:relative;
  34. top:-3.1em;padding:0;margin:0 .2em;font-size:95%;white-space:nowrap}.module-navlinks li{display:inline;padding:0 .7em 0 .6em;}.module-navlinks a{font-style:italic}.module-navlinks{border-top:
  35. 1px solid}
  36.  
  37. #wrap{max-width:900px;margin:0 auto}#content{float:left;width:71.5%}#wrap,.entry-wrapper .separator{clear:both}
  38.  
  39. .navigation ul{clear:both;padding:0;margin:-3.85em 2.2em 3em 1.3em}.navigation li{display:inline;font-size:.9em;font-variant:small-caps}.navigation .page-back{float:left;padding:0 2.1em}
  40. .navigation .page-forward{float:right;padding:0 .8em}
  41.  
  42. .entry{margin:.9em 2.8em}.page-entry .entry,.page-reply .entry{margin:0 2.8em}.entry-content{min-height:80px;margin:-1em 0 -1.7em 0;padding:0 .4em;width:98.8%}.page-read .entry-content,
  43. .page-network .entry-content{margin:-1em 0 -.8em 0;}.entry-content,.comment-content,.icon-info,.tags-container li,.month dd{font-size:92%;color:#252525}.entry p{padding:
  44. 0 0 1em 0}.entry p:first-child:first-letter{font-size:145%;line-height:0;border-bottom:1px dotted#888;font-weight:bold;font-style:italic}
  45.  
  46. .header{margin:1em 0}h3.entry-title{font-weight:bold;margin:0 .3em;font-size:125%;max-width:99%}h3.entry-title,h4.comment-title{line-height:1.25}.entry-content h1,.comment-content h1
  47. {font-size:125%}.entry-content h2,.comment-content h2{font-size:120%}.entry-content h3,.comment-content h3{font-size:115%}.entry-content h4,.comment-content h4,.de,
  48. .page-month h3.entry-title a{font-size:100%}.entry-content h5,.comment-content h5{font-size:95%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,
  49. .entry-content h5{line-height:1.2;margin-bottom:2em;font-weight:bold}.comment-content h1,.comment-content h2,.comment-content h3,.comment-content h5{line-height:1.2;margin-bottom:0}
  50. .page-archive h3{font-size:130%}.page-month h3.entry-title{padding:0 0 3.3em 1.5em}.navigation a,.date,.Actions,.default.label{font-weight:bold}.access-filter,.restrictions{float:right;
  51. margin:1.6em 0 1.3em .2em;line-height:.9;font-size:90%;font-style:italic;color:#555}.access-filter img,.restrictions img{height:12px;width:12px}.entry .datetime{display:block;
  52. background:url(https://intoolate.files.wordpress.com/2016/05/w51lnbp.jpg) repeat-x 0 -4px;text-align:right;font-size:.95em}.date,.time{display:inline-block;margin:.75em 0 0}.entry-poster
  53. {display:block;margin:0 .5em 1.7em .5em}.contents span.poster{margin-left:.5em}.page-read .entry-poster,.page-network .entry-poster{display:block;margin:-.7em .5em 1.7em .5em}
  54.  
  55. .entry-management-links li,.entry-interaction-links li,.imported-from span,.userlite-interaction-links li{display:inline}.entry-content .cuttag-action-after img,.poll-response br,
  56. .module-cuttagcontrols{display:block}.cuttag_container{display:block;margin:0 0 2em -.23em}.entry-content .cuttag img,.entry-content .cuttag-action-after img{margin:0 0 0 -.25em;
  57. width:14px;height:14px;border:0}
  58.  
  59. .entry-content ul,.entry-content ol{padding:0;margin:1.7em 1.1em;color:#555}.entry-content ul li,.entry-content ol li{list-style-position:inside;padding:0 1em 0 0}.entry-content ul li,
  60. .comment-content ul li,.tags_multilevel li{list-style-type:disc}.entry-content ol li{list-style-type:decimal}.comment-content ul,.comment-content ol{margin:1em 0 -1em 0}
  61. .comment-content ul li,.comment-content ol li{line-height:1.2;padding:0;border:0}.entry-content ol li ul li{padding:0;margin:0;font-size:85%}
  62.  
  63. ::-moz-selection{background:#555;color:#fff}blockquote,.entry-content textarea,.comment-content textarea,.entry dl,.comment dl{background:#E7ECE6;border:1px solid#CCCECB!important;
  64. border-radius:1%;margin:2em 1.5em 3em 1.5em;padding:1.5em}.comment blockquote{margin:0 1.5em -2em 1.5em;padding:1.5em}blockquote hr{border:1px dashed#ccc}blockquote pre
  65. {display:inline-block;margin:-3.3em 0 1em}.entry blockquote code,blockquote pre{background:none}.entry table{margin:0 auto;max-width:100%}.entry-content table td{text-align:center}
  66. .entry-content textarea,.comment-content textarea{clear:both;min-height:10em;min-width:87.5%;max-width:90.5%;margin:2em 0 2em 1.6em;padding:2em 1em;color:#444;font-size:100%}.entry input,
  67. .entry select,.entry dl,.comment dl{padding:.3em 0}.entry dl,.comment dl{padding:1em 1em 2em 1em;margin:3em 1.5em;text-align:center}.comment dl{margin:0 1.5em 2em 1.5em!important}.entry dt,
  68. .comment dt{text-align:left;padding:0 5px;font-size:105%;border-bottom:1px solid#ccc}.entry dd,.comment dd{border-bottom:1px solid#CCCECB;margin:0 1.7em 0 2em;text-align:left}.entry pre,
  69. .comment pre,.entry code,.comment code,.partial .comment-title,.full .comment-poster span,.entry-author .comment-poster span:after,.poster-ext_222185 .comment-poster span:after{white-space:
  70. pre-wrap;word-wrap:break-word}.entry code,.comment code,.entry pre,.comment pre{background:#F3F4EE;padding:.3em;color:#333;border-radius:3%}.entry pre code,.comment pre code{border:0;padding:
  71. 0}hr{clear:both;margin:0 0 2.1em 0;height:0;border:1px dotted#aaa}.entry .datetime,.entry-poster,.entry i,.Actions,.screened h4,.screened h4 a,.partial .ljuser a,
  72. .comment-poster span,.poster-ip,#userpics label,.default.label,#ljuser_row label,.edittime,.comment-posted,.noentries,.module-time,.module-powered,.module-powered a,.poll-response br,
  73. .journal-website-name{font-style:italic}.Actions,#qrformdiv,.logged-in .ljdeem span,#nohtmledit span,.top a,.page-top a{font-size:85%}.metadata{font-size:80%}
  74.  
  75. .ui-tooltip.ui-widget{max-width:11.5em;padding:.3em .7em .7em 1.5em;background:#444;color:#fff;border-radius:15%;border:0}.logged-in .ui-tooltip.ui-widget
  76. {padding:.7em .7em .7em 1.5em}.ui-tooltip.ui-widget div{border:0}.ui-tooltip.ui-widget ul{margin:-.8em 0 1em -.5em}.ui-tooltip.ui-widget li{list-style-type:none}.Relation{padding:1em 0 0 0;
  77. max-width:40%;line-height:1.4!important}.ui-tooltip.ui-widget img{margin:.4em .5em -.8em 0;border-radius:50%;max-width:65px;max-height:65px}.ui-tooltip a,.entry-readlink a,.top a{color:
  78. #fff!important}
  79.  
  80. .metadata{margin:3em 0 -1.7em .4em}.metadata-label-xpost:before{content:"X-post:";padding:0 .1em}.metadata-label-groups{}.metadata ul{padding:0}.metadata li{display:block;margin:0 0 1em 0}
  81. .metadata li,.top a,.page-top a{text-transform:uppercase}
  82.  
  83. .entry-management-links,.entry-interaction-links{float:left;padding:0;margin:1.7em -.2em!important;text-transform:uppercase}.entry-management-links{margin:1.7em 0}.footer a{font-size:80%}
  84. .entry-interaction-links,.text-links a,#comment- .footer a,.comment-interaction-links a,.comment-management-links a,.frozen{padding:0 .7em}.entry-readlink a{float:right;margin:.05em 0 0 .7em;
  85. background:#555;border-radius:50%;padding:0 .5em .3em .5em;font-size:85%}.comment-interaction-links,.comment-management-links{margin:-1.5em -.5em 0 0}.comment-interaction-links li,
  86. .comment-management-links li{float:right;list-style-type:none;font-size:90%;font-weight:bold}#comments .footer a,#comment- .footer a{font-size:90%}
  87.  
  88. .bottomnav ul{clear:both;position:relative;bottom:0;margin:0 2.2em 0 1.3em}
  89.  
  90. .comment-pages{font-size:120%;clear:both}.toppages{margin:0 0 0 2.6em}.comment-pages b{font-weight:700;}.bottompages{margin:1.5em 0 -2em 2.6em}.page-entry .bottompages{margin:1.5em 0 0 2.8em}
  91. .screened{border-radius:5px;border:1px solid#bbb;opacity:.9;padding:0 1em 1em 1em}.page-reply .screened{border:0}.comment-posted{margin:-3.5em 0 3.3em;background:#fff;padding:5px}.partial
  92. {padding:.8em 0 .5em 0!important;margin:1em 3em 1em 3em!important;border-top:1px solid#ddd;font-size:95%;border-bottom:1px solid#ddd}.comment-wrapper{clear:both;margin:0 2.7em 2em 3.1em}
  93. .comment-depth-even,.comment-thread .comment-depth-odd{margin-left:-15px}.comment-content{padding:0 0 3.2em 0;margin:2em 0;font-size:.95em}
  94. .has-userpic .comment-content{min-height:45px}.comment-content img{max-width:95%}.comment-thread .separator{clear:both;margin:1.1em 0}h4.comment-title{font-size:115%;margin:.15em .1em}
  95. .comment-wrapper .header .datetime{display:block;text-align:right;margin:0 0 1.7em 0;padding:.6em 0;font-weight:bold;font-style:italic;font-size:95%;color:#555;
  96. background:url(https://intoolate.files.wordpress.com/2016/05/w51lnbp.jpg) repeat-x -6px -9px}.poster-ip{font-size:90%}.full .comment-poster span{text-transform:lowercase;display:block;margin:
  97. -4em 0 0}.entry-author .comment-poster span:after,.poster-ext_222185 .comment-poster span:after{content:"-- entry author";margin:0 0 0 .2em}.comment-subjecticon{float:right;margin:-1.78em 0}
  98. .comment-subjecticon img{width:16px;height:16px;border-radius:100%;padding:5px}.edittime{color:#666;margin:1.7em 0 -3em 0!important;text-align:right;text-transform:lowercase;font-size:80%}
  99. .edittime .datetime{text-transform:none;color:#666}
  100.  
  101. #qrformdiv{clear:both;margin:0 -.2em;max-width:100%}#qrformdiv #subject{display:block;padding:3px;max-width:78%;font-weight:bold}.page-entry #qrformdiv #subject{min-width:
  102. 99%}#qrformdiv .iconselect_trigger_wrapper{min-width:81px;display:block}#qrformdiv textarea{font-size:110%;line-height:1.7;margin:0}#qrformdiv input,#qrformdiv select,#qrformdiv textarea,
  103. .talkform input,.talkform select,.talkform textarea,#subjectIconList,.de{background:#fff;border:1px solid#DADCD7;padding:3px!important}.de{display:block;padding:3px 7px!important;
  104. margin:.7em 0 0}.de{max-width:100%}.page-entry .select{display:block;margin-left:-.5em}.page-entry .de{max-width:99%}
  105.  
  106. .talkform{clear:both;font-size:95%;color:#343434;line-height:1.3;margin:.3em 0 0 4em}.talkform td #subject{font-weight:bold;width:79%}.talkform textarea{max-width:79%;font-size:95%;
  107. line-height:1.5;margin:0 0 -1em 0}.talkform input{margin:0 .05em}#userpics label{font-size:85%;vertical-align:text-top}#lj_userpicselect{margin:.3em}#oid_more input.textbox,
  108. #lj_more input.textbox{background:#fff!important;margin:0 10.85em 0 0}#username,#password{width:96.3%;color:#555!important}#oid_more input.textbox{width:60%}#nohtmledit span{display:block;
  109. margin:.5em 0 -1.3em;padding:0}input#spellcheck + label{font-size:85%;font-style:italic}label[for=unscreen_parent]{display:inline-block;margin:1.7em .7em .3em .5em;font-size:85%!important;
  110. font-style:italic;width:85%}#unscreen_parent{float:left;position:relative;top:19px}#editreason.textbox{width:79%;margin:1em 0 .2em 0}#subjectIconList table,#subjectIconList{border:
  111. 0!important;background:none;display:inline!important}#subjectIconList table{display:inline-table!important;margin:0 -1em;width:445px}#subjectIconList img[id]{font-size:80%;font-weight:normal}
  112. #subjectIconList:before{float:left;margin:0 .2em;padding:.7em 0 .5em 0;content:"Click an icon to add to the title..."}
  113.  
  114. .top,.page-top{margin:6.5em 0 -.5em 2.3em;font-size:85%}.page-reply .top,.page-month .top{padding-top:6.8%}.page-archive .top,.page-entry .top{margin:2em 0 -.5em 3em}.top a{background:#555;
  115. border-radius:100%;border:1px solid #333;padding:35px 10px;font-family:sans-serif}.page-tags .top{margin:6.5em 0 -.5em 3.5em}
  116.  
  117. .module-section-two{float:right;width:27.5%;margin:-2.15em 0 0}.module-section-two h2.module-header,.module-typelist2 .module-header1{font-size:107%;white-space:nowrap;text-transform:
  118. lowercase;font-weight:bold}.module-section-two h2.module-header{padding:0 1.2em;background:url(https://intoolate.files.wordpress.com/2016/05/msiqk1j.jpg) no-repeat 19px 28px;margin:
  119. 1em 1.25em 1em 0}.module-typelist2 .module-header1{padding:0 1em;background:url(https://intoolate.files.wordpress.com/2016/05/msiqk1j.jpg) no-repeat 16px 28px;margin:1em 0 1em .2em!important}
  120. .module-section-two .module-content,.module-typelist2 .module-content{margin:0;max-width:100%}kbd,.module-typelist2{font-size:105%}.module-section-two ul{width:93.5%;padding:0 1.25em}
  121. .module-section-two .module-content,.module-section-two .module-list{font-size:95%}.module-section-two ul li{max-width:87%;border-bottom:1px solid#ddd;list-style-position:inside;
  122. list-style-type:circle;color:#AB1414;padding:.25em}.page-recent .module-cuttagcontrols,.page-read .module-cuttagcontrols,.page-network .module-cuttagcontrols{display:block;color:#333}
  123. .cutTagControls:before{margin:0 0 0 1.4em;padding:0 0 0 .3em;content:"open ->";font-size:85%;color:#555}.cutTagControls:after{padding:0 0 0 .3em;content:"<- close";font-size:85%;color:#555}
  124. .cutTagControls span{width:20%}.module-cuttagcontrols .module-content span span{color:#666;text-transform:lowercase}.cutTagControls img[alt]{font-size:85%!important;padding:0 0 0 .5em}
  125. .journal-name,.journal-website-name{margin:0 0 0 1.35em;font-size:95%;font-weight:normal;font-weight:bold}.userlite-interaction-links{margin:.3em 0 0 .3em}.icon-links li{border-bottom:
  126. 0!important}.userlite-interaction-links img{width:16px;height:16px}.icon-links a{font-size:80%;margin:0 0 0 -.5em}.icon-links a:after{content:" ^"}.journal-website-name{font-weight:normal}
  127.  
  128. .module-section-three{clear:both;background:#4C4C4C url(https://intoolate.files.wordpress.com/2010/04/footer.jpg) repeat-x bottom center;text-align:center;font-size:95%;color:#fff;
  129. letter-spacing:.03em;padding:1.6em 0 1.4em 0;line-height:1;min-height:4.2em}.page-recent .module-section-three{padding:0 0 1.4em 0}.page-entry .module-section-three,
  130. .page-reply .module-section-three{height:4.6em}.module-section-three .module-content{margin:.5em 0 0 -17.3em}.module-syndicate{padding:.6em 0 .5em 0}.module-powered span{text-transform:
  131. lowercase}.module-powered span:before{content:"Everything Else";font-style:normal;border-bottom:1px dashed;margin:0 .3em 0;font-size:170%}
  132.  
  133. .page-icons .header{margin:-.5em 2.6em 2.7em 3em;background:url(https://intoolate.files.wordpress.com/2016/05/w51lnbp.jpg) repeat-x -6px 23px}.icons-container .header .inner h2{font-size:
  134. 130%;color:#C21414}.sorting-options{margin:-2.7em 0 0 3.7em;font-size:85%}.page-icons .contents ul,.page-icons .contents li{display:inline;padding:0}.icon{margin:.1em 3em 0 3.1em;padding:
  135. 1em 0 .5em 0;border-bottom:1px dashed#D6D5D0;min-height:6.8em}.icon-description{margin:0 0 .7em 0;font-style:italic;color:#555}.description-text{font-style:normal;color:#333}.default.label
  136. {line-height:1.7}.icon-keywords li{border-bottom:1px solid#D6D5D0;opacity:.85}.icon-image{line-height:1.1;margin:-1.1em 0;padding:.8em;text-align:right}.icon-image img{color:#fff;border:0;
  137. padding:1px;background:#555;font-size:80%}
  138.  
  139. .page-tags .contents .inner{margin:0 2.5em}.tags-container h2{margin:-.5em 40px!important;padding:0 0 2.3em .3em;max-width:85%;
  140. background:url(https://intoolate.files.wordpress.com/2016/05/w51lnbp.jpg) repeat 0 26px;font-size:130%;min-width:85%}.ljtaglist{-moz-padding-start:1.8em;padding-top:.5%}
  141.  
  142. .page-archive .navigation ul{margin:-1em 3em 0}.page-archive .navigation ul li{font-size:1em;padding:0 .7em 0 0}.page-archive ul li.active{font-style:italic;color:#C21414;font-weight:bold}
  143. .page-archive .contents{font-size:75%}.page-archive table{margin:0 auto -3em auto;width:85%}.page-archive h3{margin:0 2em;padding:0 .4em 2em;
  144. background:url(https://intoolate.files.wordpress.com/2016/05/w51lnbp.jpg) repeat-x 0 25px;font-size:125%}.page-archive .contents th{padding:1.9em 1.7em;background:#404040;font-size:90%;
  145. letter-spacing:1px;font-weight:bold;color:#fff;border:1px dashed#555}.page-archive .contents td{height:45px;padding:.7em 0 .7em 0;vertical-align:text-top;text-align:center;border:
  146. 1px dashed#D6D5D0;border-top:1px dashed#fff}.day-has-entries{background:#F3F4EE}.day-has-entries p{line-height:0}.page-archive .footer{margin:2.5em 3.2em 0 0;text-align:right;font-variant:
  147. small-caps;font-size:100%}
  148.  
  149. .page-month .navigation{margin:3em -2em 0 1.5em}.page-month h3,.month h3.entry-title{display:inline;padding:0}.page-month input,.page-month select,.month dd{background:#fff;border:
  150. 1px solid#D6D5D0}#archive-month .inner,.month .time{padding:0 .7em}.month dl{display:block;margin:0 0 2em 2em;padding:0 1em 0 0}.month dd{font-size:70%;padding:15px;margin:
  151. -4.7em 1em 3.2em 4em}.month .access-filter{float:none}.month .access-filter img{max-width:10px;max-height:10px}
  152.  
  153. .poll-inquiry div{margin:1.7em 0!important}.poll-response span img{max-width:80%!important}.poll-container{margin-bottom:1.3em}.poll-title,.poll-status,.poll-control{margin:1.2em 0}
  154. .poll-inquiry p{margin-top:1.7em;margin-bottom:0}.poll-response p{margin-top:0;margin-bottom:.3em}.poll-container td img,.poll-container p img{border:0;margin:0}
  155.  
  156. .page-read .entry-content big,.page-network .entry-content big,.page-read .entry-content span,.page-network .entry-content span,.page-read .entry-content p span,
  157. .page-network .entry-content p span,.page-read .entry-content p,.page-network .entry-content p{font-size:100%!important}.page-read .entry-content dl,.page-network .entry-content dl,
  158. .page-read .entry-content blockquote,.page-network .entry-content blockquote{padding:2em;font-size:95%}.page-read .entry-content blockquote p:first-of-type,
  159. .page-network .entry-content blockquote p:first-of-type{margin:0;padding-bottom:0}.page-read .entry-content blockquote,.page-network .entry-content blockquote{font-size:100%}
  160.  
  161. .journal-changelog_digest h4{font-size:130%;margin:0 0 -1.7em 0;font-style:italic}.journal-changelog_digest dl,.journal-changelog_digest tr{background:#F8FAF7!important;border-radius:0}
  162. .journal-changelog_digest dt{font-weight:bold;padding:0 .2em .3em;line-height:1.7}.journal-changelog_digest dd{margin:0 .2em;background:#fff;font-size:115%}.journal-changelog_digest a{color:
  163. #AB1414!important}.journal-changelog_digest a:hover{color:#555!important}
  164.  
  165. p.noentries{clear:both;position:relative;top:1.3em;margin:0 3.2em -1em 3.2em}p.noentries{padding:.5em 0 0 .5em;height:68px;background:#fff;color:#444}blockquote,.noentries{border:
  166. 1px solid#ccc}.highlight-box{margin:4em 0;border:1px solid#C21414;background:#fff;color:#444;padding:0 1em 0}
  167.  
  168. .page-entry .entry-poster,.page-reply .entry-poster,.tag,.edit_tags a,.tagnav,.manage-tags-link a,.manage-link,.page-month .tag,li.page-separator,hr.below-reply-container,
  169. hr.above-entry-interaction-links,.comment-date-text,.logged-out .screened,.logged-out #userpics br,.deleted,.no-userpic .userpic,.comment-poster span:first-of-type,
  170. .partial .comment-poster span:after,#quotebuttonspan,#randomicon,.talkform td strong:nth-of-type(1),.module-cuttagcontrols,.page-archive table caption,.page-month .navigation.bottomnav,
  171. .link_prev a,.link_next a{display:none}#subtitle,.bottompages + .bottompages,.bottomcomment,.bottomcomment label input,.bottomcomment input,.bottomcomment select,.multiform-checkbox,
  172. .page-entry #qrformdiv .iconselect_trigger_wrapper,.page-day .day-date,.page-archive table caption,.page-archive .navigation.bottomnav{position:absolute;overflow:hidden;height:1px;width:1px;
  173. margin:-1px;padding:0;font-size:0;border:0;background:0;clip:rect(0 0 0 0);clip:rect(0, 0, 0, 0)}.comment-pages.bottompages{visibility:hidden;height:.5em}
  174.  
  175. @media(max-width:1030px){
  176. #lj_controlstrip{padding-bottom:7px}
  177. }
  178.  
  179. @media(max-width:940px){
  180. body{overflow-x:hidden}.page-archive .footer{text-align:center}
  181. }
  182.  
  183. @media(max-width:910px){
  184. .logged-out #lj_controlstrip{padding-top:6px}
  185. }
  186.  
  187. @media(max-width:900px){
  188. #username,#password{width:88%}
  189. }
  190.  
  191. @media(max-width:870px){
  192. body{background:#F1F6F0 url(https://intoolate.files.wordpress.com/2010/12/bkg.jpg) repeat-y center}.page-forward{margin-right:1.7em}.entry{width:82%}.entry .datetime{display:block;
  193. background:url(https://intoolate.files.wordpress.com/2011/10/hr1.jpg) repeat-x 0 -6px}.entry-content ul,.entry-content ol{margin:1.7em 1em 1.7em 1.35em}#comments{max-width:97%}
  194. #comment-{max-width:95%}.comment-wrapper .header .datetime{background:url(https://intoolate.files.wordpress.com/2011/10/hr1.jpg) repeat-x -6px -6px}#subjectIconList table{max-width:400px}
  195. .module-section-two .inner{margin-left:-15%;max-width:100%}.page-icons .header{width:85%}.icons-container{max-width:98%}.page-archive .top{margin-top:13em}
  196. }
  197.  
  198. @media(max-width:860px){
  199. .page-forward{margin-right:1.4em}.entry{max-width:80%}#comments{max-width:97%!important}.talkform{margin-left:3.5em!important;width:90%}#username,#password{width:83%}#oid_more input.textbox
  200. {width:59%}.talkform td #subject,.talkform textarea,#editreason.textbox{max-width:75%}
  201. }
  202.  
  203. @media(max-width:850px){
  204. #comment-{max-width:94%!important}
  205. }
  206.  
  207. @media(max-width:820px){
  208. #wrap{margin-left:-.8em}.entry{min-width:83%}.entry-content img,.entry-content a img,.entry-content div img,.comment-content img{max-width:100%}#comment-{min-width:96%!important}#username,
  209. #password{width:81%}#oid_more input.textbox{width:58%}.module-section-two .inner{margin-left:-9%}
  210. }
  211.  
  212. @media(max-width:800px){
  213. #username,#password{width:79%}#subject{width:98.5%}
  214. }
  215.  
  216. @media(max-width:790px){
  217. #wrap{margin-left:-2em}.page-forward{margin-right:-1em}.entry{min-width:88.5%}#comments{min-width:102%}#comment-{min-width:103.5%!important}.talkform{margin-left:5%}#subjectIconList table
  218. {max-width:420px}#oid_more input.textbox{width:51%;max-width:51%}.module-section-two .inner{margin-left:-7%}.tags-container h2{min-width:88%}
  219. }
  220.  
  221. @media(max-width:780px){
  222. #oid_more input.textbox{width:49.5%;max-width:49.5%}
  223. }
  224.  
  225. @media(max-width:760px){
  226. .page-forward{margin-right:-1.3em}#comments{min-width:103%}#oid_more input.textbox{width:48%;max-width:48%}.module-section-two .inner{margin-left:-5%}.page-icons .header{width:91%}.icon
  227. {margin:.1em .5em 0 3.1em}.tags-container h2{background:none}
  228. }
  229.  
  230. @media(max-width:735px){
  231. #comment-{min-width:106%!important}
  232. }
  233.  
  234. @media(max-width:730px){
  235. .page-forward{margin-right:-1.6em}.module-section-two .inner{margin-left:0;max-width:92%}.page-icons .header{width:90%}
  236. }
  237.  
  238. @media(max-width:720px){
  239. #comment-{min-width:107%!important}#username,#password{width:60.5%}.talkform td #subject,.talkform textarea,#editreason.textbox{width:75%}
  240. }
  241.  
  242. @media(max-width:725px){
  243. .module-section-two .inner{margin-left:1%}
  244. }
  245.  
  246. @media(max-width:710px){
  247. #comment-{min-width:108%!important}.talkform td span,#subjectIconList,#subjectIconImage{display:none!important}.talkform td[align=left]{display:block;margin-right:3em}
  248. }
  249.  
  250. @media(max-width:700px){
  251. .page-forward{margin-right:-8.3%}.entry{min-width:90%}.iconselect_trigger_wrapper{display:none}.module-section-three .module-content{margin:.5em 0 0 -2em}.module-section-two .inner
  252. {margin-left:3%;max-width:90%}
  253. }
  254.  
  255. @media(max-width:680px){
  256. .modul-section-two .inner{margin-left:7.5%;max-width:85%}.cutTagControls,.module-cuttagcontrols h2{display:none}
  257. }
  258.  
  259. @media(max-width:660px){
  260. .entry{min-width:93%}.page-archive .top{margin-top:100%}
  261. }
  262.  
  263. @media(max-width:650px){
  264. .page-forward{margin-right:-13.5%}#comments{min-width:110%!important}.poll-response span img{margin-top:.7em!important;vertical-align:top!important}.page-icons .header{width:94%}.icon{margin:
  265. .1em -.5em 0 3.1em}.page-archive h3{background:none}.page-archive table{margin-left:3.8em}.page-archive .header .inner{margin-bottom:-1.7em}
  266. }
  267.  
  268. @media(max-width:640px){
  269. .page-read #qrformdiv #subject,.page-recent #qrformdiv #subject,.page-day #qrformdiv #subject{max-width:334px;min-width:100%}
  270. }
  271.  
  272. @media(max-width:630px){
  273. #comment-{min-width:114%!important}.talkform td{padding:0;vertical-align:top}#username,#password{width:59%}#oid_more input.textbox{width:44%}.module-section-two .inner{margin-left:12%;
  274. max-width:78%}.page-archive th{padding:1.8em}
  275. }
  276.  
  277. @media(max-width:600px){
  278. body{background:#F8FAF7}#wrap{margin-left:-2.3em;margin-top:.5em}.page-forward{margin-right:-52%}.bottomnav{margin-left:.1em;margin-bottom:-5em}.entry{width:127%;max-width:576px}
  279. .entry .datetime{margin-bottom:-1em}.page-entry .entry .datetime,.page-reply .entry .datetime{margin-bottom:1em}.entry-content img,.entry-content a img,
  280. .entry-content div img,.comment-content img{max-width:100%!important}#comments{min-width:145.5%!important}#comment-{min-width:158%!important}.talkform td #subject,.talkform textarea,
  281. #oid_more input.textbox{width:98.5%;max-width:98.5%}#editreason.textbox{min-width:98.5%}#username,#password{width:100%;max-width:100%}.module-section-two{float:left;width:100%;margin:
  282. 6em 0 auto .7em}.module-section-two .inner{margin:-3.7em 0 auto 3.8%}.module-section-two h2.module-header,.module-typelist2 .module-header1,.page-archive h3{background:none}
  283. .module-section-two ul li,.module-section-two .module-content{min-width:100%}.top{position:relative;clear:both;left:-.3em;top:1.6em;max-width:100%;min-width:240px;border-top:2px solid#555;
  284. border-bottom:2px solid#555;background:#777;padding:0 55%}.page-entry .top,.page-tags .top{margin:0 0 0 2.5em}.page-reply .top,.page-icons .top,.page-month .top{margin:2em 0 0 2.5em}
  285. .page-archive .top{margin:2em 0 1.3em 2.5em}.page-day .top{margin:9em 0 1em 2.5em}.page-month .month dd{min-width:125%}.page-month .footer{text-align:left}.icons-container{min-width:135%}
  286. }
  287.  
  288. @media(max-width:590px){
  289. .poll-response span img{max-width:65%!important}input#spellcheck + label{padding-right:1em}#oid_more input.textbox{max-width:100%}.icons-container{min-width:135%}.page-month .topnav ul{width:
  290. 150%;margin-left:.5em}
  291. }
  292.  
  293. @media(max-width:570px){
  294. #header{background-position:1050%}
  295. .entry{width:124%}#comment-{min-width:161%!important}
  296. }
  297.  
  298. @media(max-width:530px){
  299. .page-archive .contents *{font-size:97%}.page-forward{margin-right:-54.5%}.module-section-three .module-content{margin:.5em 0 0 -.5em}.icons-container{min-width:133%}
  300. }
  301.  
  302. @media(max-width:510px){
  303. #wrap{margin-top:2em}.page-entry #wrap,.page-reply #wrap{margin-top:.5em}#header h1{margin-top:.27em}.module-section-one{display:none}.module-section-two .inner{margin-left:5.5%!important}
  304. }
  305.  
  306. @media(max-width:500px){
  307. #lj_controlstrip{padding-top:8px}
  308. }
  309.  
  310. @media(max-width:490px){
  311. .logged-out #login{padding:0;margin-left:-.8em}#lj_controlstrip_userpic{max-width:45%!important}{max-width:45%}#lj_controlstrip_userpic,.comment .userpic{display:none!important}.page-forward
  312. {margin-right:-56%}.comment-content{min-height:0!important}#editreason.textbox{min-width:93.9%}#oid_more input.textbox{max-width:92%}#username,#password{max-width:88%}.talkform td #subject,
  313. .talkform textarea{width:265px}.module-section-two .inner{margin-left:5.8%!important}
  314. }
  315.  
  316. @media(max-width:485px){
  317. #comment-{min-width:163%!important}.talkform input[type]{font-size:80%}#editreason.textbox{min-width:97%}
  318. }
  319.  
  320. @media(max-width:450px){
  321. .entry{width:125%;max-width:576px}#comment-{min-width:165%!important}.comment-pages{margin-right:2.2em;white-space:pre-wrap;word-wrap:break-word}.icons-container{min-width:131%}
  322. }
  323.  
  324. @media(max-width:445px){
  325. .page-forward{margin-right:-57%}#comment-{min-width:167%!important}.module-section-three{display:none}
  326. }
  327.  
  328. @media(max-width:430px){
  329. #comments{min-width:148%!important}.page-forward{margin-right:-59%}.entry{width:118%}#oid_more input.textbox{max-width:88%}#username,#password{max-width:82%}.talkform td #subject,
  330. .talkform textarea{width:255px}.icons-container{min-width:130%}
  331. }
  332.  
  333. @media(max-width:390px){
  334. #header h1 a{font-size:97%}
  335. .page-archive table th{padding:1em!important}.entry-management-links,.entry-interaction-links{margin:1.7em 0 1em -.2em!important}.icons-container{min-width:126%}
  336. }
  337.  
  338. @media(max-width:365px){
  339. #header h1 a{font-size:83%}.entry{width:115%}#comments{min-width:150%!important}.poster-ip{white-space:initial;line-height:1.5}.screened{max-width:76%!important}
  340. #oid_more input.textbox{max-width:76%}#username,#password{max-width:66%}.talkform td #subject,.talkform textarea{max-width:220px}.talkform td{line-height:1.3;font-size:95%}
  341. #editreason.textbox{min-width:96.5%}
  342. }
  343.  
  344. @media(max-width:340px){
  345. .page-forward{margin-right:-65%}
  346. }
  347.  
  348. @media(max-width:330px){
  349. .entry{width:114%}#comment-{min-width:185%!important}#oid_more input.textbox{max-width:71%}#username,#password{max-width:55%}.icons-container{min-width:126%}
  350. }
  351.  
  352. @media(max-width:320px){
  353. .page-forward{margin-right:-68%}.talkform{font-size:90%}.talkform td{line-height:1.3}.talkform td #subject,.talkform textarea{max-width:190px}
  354. }
  355.  
  356. @media(max-width:310px){
  357. #header h1 a{font-size:75%}
  358. }
  359.  
  360. @media(max-width:250px){
  361. #header h1 a{font-size:55%}
  362. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement