API tools faq
paste
Advertisement
emnem

Elegant Grunge - widescreeen

emnem
Jan 11th, 2015
491
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 32.03 KB | None | 0 0
raw download clone embed print report
  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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!