API tools faq
paste
Advertisement
emnem

Elegant Grunge - widerscreen - 12-2016

emnem
Dec 16th, 2016
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.18 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 by: mm@ https://mm_writes.dreamwidth.org 4-2010-2-2018 - "Wider widescreen" version 12-14-16 */
  3.  
  4. a,.navigation a,#comments .footer a,#comment- .footer a,.module-section-two h2,.module-section-two h2 a,.page-tags .header h2,.navigation li:hover,.sticky-entry-title:hover,
  5. h3.entry-title a:hover,.datetime a:hover,.metadata a:hover,.entry .footer a:hover,.module-section-two .module-content a:hover,.page-month h3.entry-title a:hover{color:#AB1414;
  6. text-decoration:none;outline:none}a:active,a:focus{opacity:0.7}.sticky-entry-title,h3.entry-title a,.datetime,.datetime a,.entry b,.entry strong,.entry h1,.entry h2,.entry h3,.entry h4,
  7. .entry h5{color:#292929}input,.entry del,.tag,.metadata,.metadata a,.footer a,.comment-pages,.comment del,.edittime,.de,.module-section-two a,.journal-name,.default.label,.non-link-tag,
  8. .page-month h3.entry-title a,a:hover,#comments .text-links a:hover,.module-section-two h2 a:hover,.module-section-two li:hover{color:#555}#lj_controlstrip a,#lj_controlstrip_actionlinks,
  9. #lj_controlstrip_statustext,#lj_controlstrip_search,li.page-separator,.module-syndicate a,#site-branding a,#header a,.module-navlinks a{color:#E8EADF!important}#header a:hover,
  10. .module-navlinks a:hover,.ui-tooltip.ui-widget a:hover,.entry-readlink a:hover,.top a:hover,.module-syndicate a:hover,#site-branding a:hover{color:#ddd!important}#wrap a:visited{color:#888}
  11. .module-navlinks a:visited,.module-section-three a:visited{color:#E2DDC9!important}a:link{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;
  12. word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}
  13.  
  14. .entry-content img,.entry-content div img{margin:1em 0 3em 0;max-width:465px;vertical-align:middle}
  15. .comment-content img,.comment-content div img{margin:2.5em 0 0 0;vertical-align:middle}.entry-content ul div img,.entry-content ol div img{margin:.9em 0 .9em 0}
  16. div[align=center] img{font-size:95%}h3.entry-title a img,.nopic a img{vertical-align:baseline!important}
  17. .ljuser img,.entry-content a img[alt=info],p a img,.talkform img,.admin-post-icon img{width:12px;height:12px;vertical-align:baseline!important;
  18. background:none;border:0;margin:.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}
  19. .poster span a img{margin:.2em .1em 0 -.05em!important}.lj_embedcontent{min-width:100%;clear:none!important}.wp-smiley{margin:.3em 0 0}.center img{margin-bottom:12px}
  20. #qrformdiv .ljuser img{margin:.1815em .1em 0 0!important}.talkform td img{margin:.17em .1em 0 0!important}.contents{margin:1.7em 0 .8em 0;clear:both}
  21. .userpic,.icon-image{float:right;text-align:center;width:100px;height:100px;border:1px solid #555;border-radius:50%;background:#333;line-height:1.3;}
  22. .userpic{margin:.5em 0 .5em 1em;}.userpic img,.icon-image img{width:100px;height:100px;border-radius:50%}
  23. .userpic a img,.icon-image a img{font-size:90%;font-weight:bold;border:0!important;color:#fff}
  24.  
  25. .comment .userpic{margin:-1em -.2em .5em .5em}.entry-content .ljuser a,.de{font-weight:normal}#header h1,.module-navlinks a,.navigation a,h3.entry-title,.date,.entry-content a,
  26. .entry-readlink a,.metadata,.Actions,.top a,.comment-content a,.comment-pages a,#qrformdiv,.default.label,.ljtaglist.tags_multilevel li:first-of-type,.non-link-tag,
  27. .page-archive table a{font-weight:bold}.entry .datetime,.entry-poster,.entry i,.Actions,.screened h4,.screened h4 a,.partial .ljuser a,.comment-poster span,.poster-ip,#userpics label,
  28. .default.label,#ljuser_row label,.edittime,.comment-posted,.noentries,.module-time,.module-powered,.module-powered a,.poll-response br,.journal-website-name{font-style:italic}
  29. .entry-content ol li ul li,.Actions,.metadata,.edittime,.talkform,.logged-in .ljdeem span,#nohtmledit span,#userpics label,input#spellcheck + label,label[for=unscreen_parent],
  30. .top,.page-top,.top a,.page-top a,.cutTagControls img[alt],.cutTagControls:before,.cutTagControls:after{font-size:85%!important}
  31.  
  32. body{margin:0;padding:0;background:#E8EADF url(https://marahmarie.dreamwidth.org/file/34014.jpg) repeat-y center;font:normal 95%/2 roboto,avenir,"segoe ui","trebuchet ms",serif}
  33. .de,#postform,.journal-website-name,.sorting-options,.default.label,.ljtaglist.tags_multilevel{font-family:roboto,avenir,"segoe ui","trebuchet ms",serif}
  34. #header h1,.navigation ul,.module-section-two h2,.icons-container h2,.tags-container h2,.page-archive h3{font-family:roboto,avenir,"Bubblegum Sans",candara,"trebuchet ms",serif}
  35. .navigation,.entry h3.entry-title,.entry .datetime,.comment .datetime,blockquote,.poster,.ui-tooltip.ui-widget,.metadata,.footer,.comment-title,.comment-pages,.poster-ip,.edittime,.top,
  36. .module-section-three,.module-navlinks{font-family:roboto,avenir,candara,"trebuchet ms",serif}#commenttext,#qrformdiv textarea,#qrformdiv #subject,
  37. #qrformdiv .textbox{color:#444;font-family:consolas,monospace;font-size:105%;font-weight:bold;letter-spacing:.032em;}#subject{font-size:100%}
  38. #commenttext{font-family:consolas,monospace;font-size:110%;color:#444}
  39.  
  40. /*  todo: add on:focus textbox/form background color, grab reset css from somewhere to test effect on navbar wonkiness */
  41. #lj_controlstrip{z-index:1;vertical-align:baseline;position:sticky;background:#3F3F3F url(https://marahmarie.dreamwidth.org/file/45632.png) repeat 100% 0%;padding:.5em 0}
  42. @media all and (-ms-high-contrast:none){#lj_controlstrip{position:relative}/* IE10 */*::-ms-backdrop, #lj_controlstrip{position:relative}
  43. /* IE11 */}@supports (-ms-ime-align:auto) {#lj_controlstrip{position:relative} }
  44. #lj_controlstrip_userpic{border:1px solid#333;padding:.2em .5em!important;background:#3F3F3F;margin:.4em .7em;border-radius:7%}
  45. #lj_controlstrip_userpic img{margin-top:.4em!important}#lj_controlstrip td{font-size:.8em;line-height:1.5}
  46. #lj_controlstrip input{max-width:39%;padding:.27em!important}#lj_controlstrip #Logout{display:inline-block;font-size:1em!important;margin:0 1.15em .3em .7em;padding:.3em}
  47. #lj_controlstrip_user{margin-right:2%}#lj_controlstrip_actionlinks{margin-right:2.4%}#lj_controlstrip a{border-bottom:1px solid#B82E2E}
  48. #lj_controlstrip a:hover{color:#bbb!important;text-decoration:none}#lj_controlstrip input,#lj_controlstrip select,#lj_controlstrip_login,#lj_controlstrip_actionlinks,
  49. #lj_controlstrip_user,#lj_controlstrip_userpic a,#lj_controlstrip_userpic a:hover,.cutTagControls a:hover,.icon-links a:hover{border:0;border-radius:2%}
  50. #lj_controlstrip_actionlinks{margin-top:.5em}span#lj_controlstrip_statustext{position:relative;top:-.4em}
  51. #lj_controlstrip select[name="view"]{margin:0 0 .3em 0;padding:.23em}#lj_controlstrip select[name="view"]:nth-of-type(1){font-size:.95em}
  52. #lj_controlstrip_search{position:relative;top:-.1em}#lj_controlstrip_search input{margin-bottom:.4em}
  53. #lj_controlstrip_search .select{position:relative;top:.1em;font-size:1em;padding:.22em}#lj_controlstrip_search .select:not(*:root){top:0}
  54. @media all and (-ms-high-contrast:none){#lj_controlstrip_search .select{top:0}/* IE10 */*::-ms-backdrop, #lj_controlstrip_search .select{top:0}/* IE11 */ }
  55. .logged-out.has-navstrip #lj_controlstrip{padding-bottom:1.3em}.logged-out.has-navstrip #lj_controlstrip_userpic{margin-left:-6.4em}
  56. .logged-out.has-navstrip #lj_controlstrip table:nth-of-type(1){position:relative;top:.6em}.logged-out.has-navstrip td label{font-size:1.3em;padding-left:.3em;color:#E8EADF}
  57. .logged-out.has-navstrip input#xc_user,.logged-out.has-navstrip input#xc_password{min-width:150px;font-weight:600}
  58. .logged-out.has-navstrip td a[tabindex]{font-size:1.2em;position:relative;left:.2em}.logged-out.has-navstrip #lj_controlstrip_actionlinks{margin-right:5%}
  59. .logged-out.has-navstrip #lj_controlstrip .text{font-weight:600;padding:.32em .3em .35em .3em!important}
  60.  
  61. #header{position:relative;margin-left:-7px;background:#333 url(https://marahmarie.dreamwidth.org/file/34460.png) repeat-x 0% 117%;box-sizing:border-box;padding:0;height:93px}
  62. #header h1{position:relative;top:-.25em;margin:0 0 2em .3em;font-variant:small-caps;letter-spacing:-.02em;font-size:320%}
  63. .module-navlinks ul{position:relative;top:-2.3em;padding:0;margin:0 .4em;font-size:90%;white-space:nowrap}.module-navlinks{margin-top:-.4em}
  64. .module-navlinks li{display:inline;padding:0 .7em .3em .5em}
  65.  
  66. #wrap{max-width:1000px;margin:.4em auto}.page-entry #wrap,.page-reply #wrap{margin:.8em auto}#wrap,.entry-wrapper .separator{clear:both}#content{float:left;width:71%}
  67.  
  68. .navigation ul{clear:both;padding:0;margin:-3.7em 2.5em 3em 1.9em}.navigation li{display:inline;font-size:.9em;font-variant:small-caps}.navigation .page-back{float:left;padding:0 1.2em}
  69. .navigation .page-forward{float:right;padding:0 0}.page-day .navigation .page-forward{padding:0}
  70.  
  71. .entry{margin:0 2em;padding:0 .5em}.comment{margin:0 -.05em}.entry-content{min-height:125px;margin:-.3em 0 0;padding:0 .45em;width:98.8%}.page-read .entry-content,
  72. .page-network .entry-content{margin:-1em 0 -.8em 0}.entry-content,.comment-content,.icon-info,.tags-container li{font-size:92%;color:#252525}.entry p{padding:0 0 1em 0}
  73.  
  74. .header{margin:1em 0}h3.entry-title{margin:0 .3em;font-size:130%;max-width:99%}
  75. h3.entry-title,h4.comment-title{line-height:1.25}.entry-content h1,.comment-content h1{font-size:125%}
  76. .entry-content h2,.comment-content h2{font-size:120%}.entry-content h3,.comment-content h3{font-size:115%}
  77. .entry-content h4,.comment-content h4,.de,.page-month h3.entry-title a{font-size:100%}.entry-content h5,.comment-content h5{font-size:95%}
  78. .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5{line-height:1.2;margin-bottom:2em;font-weight:bold}
  79. .comment-content h1,.comment-content h2,.comment-content h3,.comment-content h4,.comment-content h5{line-height:1.2;margin-top:0;margin-bottom:-1em}
  80. .page-archive h3{font-size:130%}.page-month h3.entry-title{padding:0 0 3.3em 1.5em}.access-filter,.restrictions{float:right;margin:1.6em 0 1.3em .2em;line-height:.9;font-size:90%;
  81. font-style:italic;color:#555}.access-filter img,.restrictions img{height:12px;width:12px}.entry .datetime{display:block;
  82. background:url(https://marahmarie.dreamwidth.org/file/34563.jpg) repeat-x 0 -4px;text-align:right;font-size:.95em}.date,.time{display:inline-block;margin:.75em 0 0}
  83. .entry-poster{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}
  84.  
  85. .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,
  86. .module-cuttagcontrols{display:block}.cuttag_container{display:block;margin:0 0 2em -.3em}.entry-content .cuttag img{padding:0 0 .1em 0!important;margin: 0;width:14px;height:14px;border:0}
  87. .entry-content .cuttag-action-after img{margin:2em 0;padding:0!important}.page-read .entry-content .cuttag img,.page-network .entry-content .cuttag img{margin:-.2em 0 0 0}
  88.  
  89. .entry-content ul,.entry-content ol{padding:0;margin:0 1.1em 2em 1.1em}.entry-content ul li,.entry-content ol li{list-style-position:inside;padding:0 1em 0 0}.entry-content ul li,
  90. .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:0 0 -1em 0}
  91. .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}
  92.  
  93. ::-moz-selection{background:#555;color:#F1F6F0}blockquote,.entry-content textarea,.comment-content textarea,.entry dl,.comment dl{border-top:1px solid#CCCECB;border-radius:4%;
  94. margin:1.3em 0 2.5em 0;padding:.5em 2.5em 0 2.5em;text-align:justify}.comment blockquote{margin:0 1.5em -2em 1.5em;padding:1.5em}.comment p + blockquote{margin:2em 1.5em 2em 1.5em;
  95. padding:1.5em}blockquote hr{border:1px dashed#ccc}blockquote pre{display:inline-block;margin:-3.3em 0 1em}.entry blockquote code,blockquote pre{background:none}.entry table{margin:0 auto;
  96. max-width:100%}.entry-content table td{text-align:center}.entry-content textarea,.comment-content textarea{clear:both;min-height:10em;min-width:87.5%;max-width:90.5%;
  97. margin:2em 0 2em 1.6em;padding:2em 1em;color:#444;font-size:100%}.entry input,.entry select,.entry dl,.comment dl{padding:.3em 0}.entry dl,.comment dl{padding:1em 1em 2em 1em;
  98. margin:3em 1.5em;text-align:center}.comment dl{margin:0 1.5em 2em 1.5em!important}.entry dt,.comment dt{text-align:left;padding:0 5px;font-size:105%;border-bottom:1px solid#ccc}
  99. .entry-author .comment-poster span:after,.poster-ext_222185 .comment-poster span:after{white-space:pre-wrap;word-wrap:break-word}
  100.  
  101. /* -->this might cause "mod hat" (admin) .poster and user poster to run together because spans are opened, then not closed until end of HTML code block -->
  102. .full .comment-poster span<--,.entry-author .comment-poster span:after,.poster-ext_222185 .comment-poster span:after{white-space:pre-wrap;word-wrap:break-word} */
  103.  
  104. /*  let's take out the trash */.admin-poster{display:inline!important} .admin-poster:after{content:""!important}/* <-- removes "--entry author" from visible display,
  105. otherwise it shows up twice: next to username and next to mod hat info */
  106. .admin-post-icon{display:inline!important}.admin-post-icon:after{content:"posting"!important}
  107.  
  108. .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:0}
  109. hr{width:99%;clear:both;margin:1.8em 0 2.7em 0;border:1px dotted #CCCECB}.comment-content hr{margin:1em 0 -.5em 0;border:1px dotted #CCCECB}
  110.  
  111. .ui-tooltip{-o-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
  112. .ui-tooltip.ui-widget{max-width:11.5em;padding:.3em .7em .7em 1.3em;background:#444;color:#F1F6F0;border-radius:7%;border:1px solid#555}
  113. .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;max-width:40%;line-height:
  114. 1.4!important}.ui-tooltip.ui-widget img{margin:1em .5em -.8em 0;border:2px solid#444;border-radius:50%;max-width:65px;max-height:65px}
  115. .ui-tooltip a,.entry-readlink a,.top a{color:#F1F6F0!important}.logged-out .ui-tooltip.ui-widget img{margin:.4em .5em -.8em 0}
  116.  
  117. .metadata{margin:0 .3em 0 0;text-align:right;text-transform:uppercase}
  118. .metadata ul{padding:0}.metadata li{display:block;margin:0 0 .5em 0}
  119. .metadata-label-xpost:before{content:"X-post:"}
  120. .metadata-label-xpost,.metadata-item-xpost{position:relative;top:-.45em}
  121.  
  122. .footer,.metadata-item,.metadata-label{font-size:90%;font-weight:normal}.footer{font-size:80%;}.tag-text,.metadata-label{font-weight:bold}
  123.  
  124. .tag{clear:both;margin:-.5em .3em 0 0!important;text-align:right}
  125. .tag ul{margin-left:-2.7em;display:inline;}
  126. .tag ul,.tag li,.tag-text,.tag a{text-transform:uppercase}
  127. .tag li{display:inline-block;padding-bottom:.3em}
  128.  
  129. .entry-management-links,.entry-interaction-links{float:right;padding:0!important;margin:0 .3em 2em 0;text-transform:uppercase}
  130. .entry-interaction-links,.text-links a,#comment- .footer a,.comment-interaction-links a,.comment-management-links a,.frozen{padding:0 0 0 1.3em}
  131. .entry-readlink a{float:left;margin:0 .5em 0 0;background:#555;border-radius:50%;padding:0 .5em .3em .5em;font-size:90%}
  132. .comment-interaction-links,.comment-management-links{margin:-1.5em .1em 0 0}
  133. .comment-interaction-links li,.comment-management-links li{float:right;list-style-type:none;font-weight:bold}#comments .footer a,#comment- .footer a{font-size:95%}
  134.  
  135. .bottomnav ul{clear:both;position:relative;bottom:0;margin:0 2.2em 0 1.8em}
  136.  
  137. .comment-pages{font-size:120%;clear:both;/* this is a bug: you should *not* be able to minus out padding values, this does just that --> */padding:2.6em 0 -2.6em 0}
  138. .comment-pages b{font-weight:700}.toppages{margin:0 0 0 2.4em}.bottompages{margin:0 0 2em 2.4em}
  139. .no-navstrip .view-flat{display:inline-block;margin-top:1.5em}.not-subscribed .screened, .no-access .screened{display:none}
  140. .my-journal .screened{display:block;border-radius:5px;border:1px solid#bbb;opacity:.9;margin:0 2.6em 2em 3.8em;padding:0 1em 0 .5em}
  141. .page-reply .screened{border:0}.comment-posted{margin:-3.5em 0 3.3em;background:#F1F6F0;padding:5px}
  142. .partial{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}
  143.  
  144. .comment-wrapper{clear:both;margin:0 2.7em 2em 2.9em}
  145. .comment-depth-even,.comment-thread .comment-depth-odd{margin-left:-15px}
  146. .comment-content{padding:0 0 1.5em .05em;margin:2em 0}
  147. .comment-content:not(*:root){margin:0}
  148. .has-userpic .comment-content{min-height:45px}.comment-content img{max-width:95%}
  149. .comment-thread .separator{clear:both;margin:1.1em 0}h4.comment-title{font-size:115%;margin:.15em .03em}
  150. .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;
  151. background:url(https://marahmarie.dreamwidth.org/file/34563.jpg) repeat-x -6px -9px}
  152. .full .comment-poster span{text-transform:lowercase;display:block;margin:-4em 0 0}
  153. .entry-author .comment-poster span:after,.poster-ext_222185 .comment-poster span:after{content:"-- entry author";margin:0 0 0 .2em}
  154. .poster-ip{font-size:90%;margin:0 .15em;color:#444}
  155. .comment-subjecticon{float:right;margin:-1.78em 0}.comment-subjecticon img{width:16px;height:16px;border-radius:100%;padding:5px}
  156. .edittime{margin:1.7em 0 -1em 0;text-align:right;text-transform:lowercase}
  157. .edittime .datetime:before{content:" on ";color:#666}.edittime .datetime{color:#666;text-transform:none;font-size:100%}
  158.  
  159. #qrformdiv{clear:both;margin:0 -.9em 4em 0!important}
  160. #qrformdiv #subject{display:block;padding:3px;max-width:75%}#qrformdiv .iconselecthttps://www.dreamwidth.org/create_trigger_wrapper{min-width:81px;display:block}
  161. #qrformdiv,#qrformdiv textarea{font-size:100%;line-height:1.7;margin:.3em 0 .3em 0}
  162. #qrformdiv input,#qrformdiv select,#qrformdiv textarea,.talkform input,.talkform select,.talkform textarea,
  163. #subjectIconList,.de{background:#F1F6F0;border:1px solid#DADCD7;padding:3px!important}
  164. .page-entry #qrformdiv{position:relative;top:1em}.page-entry #qrformdiv #subject,
  165. .page-entry #qrformdiv textarea{max-width:93%;margin:.1em 0 0 0}.page-entry #qrformdiv #subject{min-width:93%}
  166.  
  167. .talkform{color:#343434;margin:4em 0 0 4em}.logged-out .talkform{margin:2.5em 0 0 4em}
  168. #ljuser_row img{margin:0 -.2em 0 -.3em!important}
  169. #oid_more td{padding-left:.7em}#lj_more td{padding-left:.2em}
  170. .logged-in #oid_more td{padding-left:.4em}.logged-in #lj_more td{padding-left:0}
  171. #oid_more input.textbox{width:60%;font-weight:bold}#lj_more input.textbox{background:#F1F6F0!important;margin:0 10em 0 0}
  172. label[for="oidlogincheck"],label[for="logincheck"]{margin-left:-.3em}
  173. .logged-in label[for="oidlogincheck"],.logged-in label[for="logincheck"]{margin-left:.1em}
  174. #username,#password{width:96.3%;color:#555!important}.talkform table{line-height:1.3}.talkform td label{color:#555!important;font-size:100%!important}
  175. .logged-out .talkform tr[valign="middle"] td span{padding-left:.5em;display:inline-block;margin-right:3em!important}
  176. .talkform td #subject{font-weight:bold;width:79%}
  177. #subjectIconList:before{content:"Click an icon to add to the title...";position:relative;top:-.7em;left:-.3em}
  178. #subjectIconList table,#subjectIconList{line-height:1;border:0!important;background:none;display:table!important;width:65%}
  179. #subjectIconList table{margin:0 -.7em -2em}
  180. #subjectIconList img{height:14px;width:14px}
  181. #subjectIconList img[id]{font-size:80%;font-weight:normal}
  182. #userpics label{vertical-align:top}#lj_userpicselect{margin:.3em}.talkform textarea{max-width:79%;font-size:95%;margin:0 0 -1.9em 0}#nohtmledit span{display:block;margin:.5em 0 -1.3em;
  183. padding:0}input#spellcheck + label{font-style:italic}label[for=unscreen_parent]{display:inline-block;margin:1.7em .7em .3em .5em;font-style:italic;width:85%}#unscreen_parent{float:left;
  184. position:relative;top:19px}#editreason.textbox{width:79%;margin:1.7em 0 .3em 0}
  185. .de{display:block;padding:4px 7px!important;margin:.2em 0 0 0;width:99.5%;font-size:100%}.page-entry .de{margin:.4em 0 0 0;max-width:91.5%;}
  186.  
  187. .top,.page-top{margin:6.5em 0 -.5em 1.7em}
  188. .page-reply .top,.page-archive .top{margin-top:6.8%}.page-month .top{margin-top:100%}.page-entry .top{margin:2em 0 -.5em 3em}.top a{background:#333;border-radius:100%;
  189. border:1px solid #222;padding:35px 10px;font-family:sans-serif}.page-tags .top{margin:6.5em 0 -.5em 3.5em}.top a,.page-top a{text-transform:uppercase}
  190.  
  191. .module-section-two{float:right;width:27%;margin:-1.9em -.35em 0;line-height:1.9}.module-section-two h2.module-header,.module-typelist2 .module-header1{font-size:100%;white-space:nowrap;
  192. font-weight:bold}.module-section-two h2.module-header{padding:0 1.2em;background:url(https://marahmarie.dreamwidth.org/file/34919.jpg) no-repeat 19px 26px;margin:1em 1.25em 1em 0}
  193. .module-typelist2 .module-header1{padding:0 1em;background:url(https://marahmarie.dreamwidth.org/file/34919.jpg) no-repeat 16px 26px;margin:1em 0 1em .2em}
  194. .module-section-two .module-content,.module-typelist2 .module-content{margin:0;max-width:97%}kbd,.module-typelist2{font-size:105%}.module-section-two ul{width:93.5%;padding:0 1.25em}
  195. .module-section-two .module-content,.module-section-two .module-list{font-size:95%}.module-section-two ul{padding:0 1.5em 0 2.4em}.module-section-two ul li{max-width:87%;border-bottom:
  196. 1px solid#ddd;list-style-type:circle;color:#AB1414;padding:.25em}.module-section-two ul li:not(*:root){padding-left:0;margin-left:.25em}.page-recent .module-cuttagcontrols,
  197. .page-read .module-cuttagcontrols,.page-network .module-cuttagcontrols{display:block;color:#555}.cutTagControls:before{margin:0 0 0 1.4em;padding:0 .3em 0 .3em;content:"open ->";
  198. color:#555}.cutTagControls:after{padding:0 0 0 .3em;content:"<- close";color:#555}.cutTagControls span{width:20%}
  199. .module-cuttagcontrols .module-content span span{color:#999;text-transform:lowercase}.module-cuttagcontrols .module-content span span:before{content:"! "}.cutTagControls img[alt]
  200. {padding:0 0 0 .5em}.journal-name,.journal-website-name{margin:0 0 0 1.4em;font-size:95%;font-weight:normal;font-weight:bold}.journal-website-name{margin:-.4em 0 0 1.5em;
  201. font-weight:normal}.userlite-interaction-links{margin:.3em 0 0 -.8em}.userlite-interaction-links img{width:16px;height:16px}.icon-links li{border-bottom:0!important;padding:
  202. 0 .25em!important}.icon-links a{font-size:80%;margin:0 0 0 -.5em}.icon-links a:after{content:" ^"}
  203.  
  204. .module-section-three{clear:both;background:#333 url(https://marahmarie.dreamwidth.org/file/34460.png) repeat-x 100% 60%;text-align:center;font-size:95%;color:#F1F6F0;letter-spacing:
  205. .03em;padding:1.6em 0 1.4em 0;line-height:1.3;max-height:90px}.page-recent .module-section-three{padding:0 0 1.4em 0}.page-entry .module-section-three,.page-reply .module-section-three
  206. {height:55px}.module-section-three .module-content{margin:.5em 0 .5em -17.3em}.module-syndicate{padding:.6em 0 .01em 0}.module-powered span{text-transform:lowercase}
  207. .module-powered span:before{content:"'Everything Else'";margin:0 .3em 0}
  208.  
  209. .page-icons .header{margin:-1em 2.6em 2.7em 3em;background:url(https://marahmarie.dreamwidth.org/file/34563.jpg) repeat-x -6px 23px}.icons-container .header .inner h2{font-size:
  210. 130%;color:#C21414}.sorting-options{margin:-2.3em 0 -.3em 3.4em;font-weight:bold;color:#555;font-size:90%}.page-icons .contents ul,.page-icons .contents li{display:inline;padding:0}
  211. .icon{margin:.1em 3em 0 3.1em;padding:1em 0 .5em 0;border-bottom:1px dashed#D6D5D0;min-height:7.4em}.icon-keywords{margin-bottom:-.5em}
  212. .icon-info{margin:0 8em 0 0}.icon-description{margin:0 0 1em 0;font-style:italic;color:#555}.description-text{font-style:normal;color:#333}
  213. .icon-keywords li{border-bottom:1px solid#D6D5D0;opacity:.85}
  214.  
  215. .page-tags .contents .inner{margin:-2.5em 2.5em}.tags-container h2{margin:-1em 40px;
  216. padding:0 0 2.3em .3em;max-width:90%;background:url(https://marahmarie.dreamwidth.org/file/34563.jpg) repeat 0 26px;font-size:130%;min-width:85%}.ljtaglist{margin-left:
  217. -1em!important;list-style-type:circle;color:#AB1414}.ljtaglist li{list-style-type:circle;color:#555}.ljtaglist:not(*:root){margin-left:-.7em!important;}
  218.  
  219. .page-archive .navigation ul{margin:-.5em 3em 0}.page-archive .navigation ul li{font-size:95%;padding:0 .7em 0 0}
  220. .page-archive ul li.active{font-style:italic;color:#C21414}.page-archive .contents{font-size:75%;margin:0 3em 0 3em}.page-archive table{margin:0 auto 0 auto;width:85%}
  221. .page-archive h3{margin:2em;padding:0 .4em 2em;background:url(https://marahmarie.dreamwidth.org/file/34563.jpg) repeat-x 0 25px;font-size:130%;color:#555}
  222. .page-archive .contents th{padding:1.7em;background:#404040;font-size:90%;letter-spacing:1px;font-weight:bold;color:#F1F6F0;border:1px dashed#555}
  223. .page-archive .contents td{height:45px;padding:.5em 0 .5em 0;vertical-align:text-top;text-align:center;border:1px dashed#D6D5D0;border-top:1px dashed#F1F6F0}
  224. .day-has-entries{background:#F3F4EE}.day-has-entries p{line-height:0}
  225. .page-archive .footer .inner{float:right;margin-top:1%;margin-right:43%;font-variant:small-caps;font-size:115%}
  226.  
  227. .page-month .navigation{margin:3em -2em 0 1em}.page-month h3,.month h3.entry-title{display:inline;padding:0}.page-month input,.page-month select,.month dd{color:#222;border:
  228. 1px solid#D6D5D0;padding:.3em;border-radius:5%}.page-month dt{font-weight:bold}
  229. .page-month li select[name="redir_key"]{background:#F7F7F7;padding:.25em}.month-back,.month-forward{color:#F1F6F0;border:1px solid#ddd}
  230. .month .time{padding:0 .4em}.month dl{display:block;margin:0 2em 2em 3em;padding:0 1em 0 0}
  231. .month dd{font-size:70%;padding:15px;margin:-4.4em 1em 3.2em 4em}.month .access-filter{float:none}.month .access-filter img{max-width:10px;max-height:10px}
  232.  
  233. .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}
  234. .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}
  235.  
  236. .page-read .entry-content,.page-newtwork .entry-content{margin-bottom:2em}.page-read .metadata,.page-network .metadata{margin:3em .3em -2.7em 0!important}
  237. #metadata-xpost{margin:1em 0 -3em 0!important}.page-read .tag,.page-network .tag{margin:3.6em .3em -2.1em 0!important}
  238. .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,
  239. .page-network .entry-content p span,.page-read .entry-content p,.page-network .entry-content p{font:normal 100%/2 roboto,avenir,"segoe ui","trebuchet ms",serif!important}
  240. .page-read .entry-content dl,.page-network .entry-content dl,.page-read .entry-content blockquote,.page-network .entry-content blockquote{margin:2em 0 2em 0;padding:2em;font-size:95%}
  241. .page-read .entry-content blockquote p:first-of-type,.page-network .entry-content blockquote p:first-of-type{margin:0;padding-bottom:0}.page-read .entry-content blockquote,
  242. .page-network .entry-content blockquote{font-size:100%}.page-read div[style],.page-network div[style]{max-width:100%}
  243. .page-read .entry-management-links,.page-network .entry-management-links,.page-read .entry-interaction-links,.page-network .entry-interaction-links{margin:3em .2em 1em 0!important}
  244.  
  245. .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}
  246. .journal-changelog_digest dt{font-weight:bold;padding:0 .2em .3em;line-height:1.7}.journal-changelog_digest dd{margin:0 .2em;background:#F1F6F0;font-size:115%}.journal-changelog_digest a
  247. {color:#AB1414!important}.journal-changelog_digest a:hover{color:#555!important}
  248.  
  249. 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:#F1F6F0;color:#444}blockquote,.noentries{border:
  250. 1px solid#ccc}.highlight-box{margin:4em 0;border:1px solid#C21414;background:#F1F6F0;color:#444;padding:0 1em 0}
  251.  
  252. .page-entry .entry-poster,.page-reply .entry-poster,.page-entry .top,.edit_tags a,.tag-nav-trigger,.manage-tags-link a,.manage-link,.page-month .tag,li.page-separator,
  253. hr.below-reply-container,hr.above-entry-interaction-links,.comment-date-text,.logged-out .screened,.logged-out #userpics br,.deleted,.no-userpic .userpic,
  254. .partial .comment-poster span:after,#quotebuttonspan,#randomicon,.module-cuttagcontrols,.page-archive table caption,
  255. .page-month .navigation.bottomnav,.link_prev a,.link_next a{display:none}#subtitle,.bottomcomment,.bottomcomment label input,
  256. .bottomcomment input,.bottomcomment select,.multiform-checkbox,.page-entry #qrformdiv .iconselect_trigger_wrapper,.page-day .day-date,.page-archive table caption,
  257. .page-archive .navigation.bottomnav{position:absolute;overflow:hidden;height:1px;width:1px;margin:-1px;padding:0;font-size:0;border:0;background:0;clip:rect(0 0 0 0);clip:rect(0, 0, 0, 0)}
  258. span.comment-from-text{display:none!important}
  259.  
  260. @media(max-width:2000px){body{overflow-x:hidden}.talkform table{width:80%!important}
  261. }
  262.  
  263. @media(max-width:980px){.page-icons .header{min-width:91%}
  264. }
  265.  
  266. @media(max-width:970px){.page-icons .header{background:none}
  267. }
  268.  
  269. @media(max-width:930px){.top{margin-left:2em}.module-section-two .inner{margin-left:12%;max-width:80%}
  270. }
  271.  
  272. @media(max-width:910px){.page-back{margin-left:.5em}
  273. }
  274.  
  275. @media(max-width:900px){#username,#password{width:88%}
  276. }
  277.  
  278. @media(max-width:890px){body{background:#F1F6F0 url(https://marahmarie.dreamwidth.org/file/35321.jpg) repeat-y center}
  279. .page-forward{margin-right:1.6em}.entry{max-width:85%;padding: 0 1.8em 0 1em}.entry .datetime{display:block;
  280. background:url(https://marahmarie.dreamwidth.org/file/35404.jpg) repeat-x 0 -6px}.entry-content ul,.entry-content ol{margin:1.7em 1em 1.7em 1.35em}.entry-content img,
  281. .entry-content a img,.entry-content div img,.comment-content img{max-width:100%}#comments{max-width:95%;margin-left:.5em}#comment-{margin-left:1em;max-width:93%}
  282. .comment-wrapper .header .datetime{background:url(https://marahmarie.dreamwidth.org/file/35404.jpg) repeat-x -6px -6px}.talkform{margin-left:3.5em!important}
  283. .talkform .textbox,.talkform textarea{max-width:65%}#username,#password{width:83%}#oid_more input.textbox{width:59%}.module-section-two .inner{margin-left:-20%;max-width:100%}
  284. .page-icons .header{width:85%}.page-archive .top{margin-top:13em}.tags-container h2{background:none}.tags-container .contents{margin-top:-3em}.page-archive h3{background:none}
  285. }
  286.  
  287. @media(max-width:850px){.talkform td #subject,.talkform .textbox,#oid_more input.textbox{max-width:50%}#subtitle{display:none}
  288. }
  289.  
  290. @media(max-width:820px){#wrap{margin-left:-2em!important}.page-forward{margin-right:-.4em}.entry{min-width:87%}#username,#password{width:81%}#oid_more input.textbox{width:58%}
  291. .talkform{width:150%}.module-section-two .inner{margin-left:-12%;max-width:110%}
  292. }
  293.  
  294. @media(max-width:800px){#username,#password{width:79%}#subject{width:98.5%}
  295. }
  296.  
  297. /*  decide whether to start this codeblock from a smaller screen size;
  298.  kind of miss seeing background images on bigger res */
  299. @media(max-width:790px){body{background:#F8FAF7}
  300. #wrap{margin-left:-2em!important}
  301. .page-forward{margin-right:-49%!important}
  302. .bottomnav{margin-left:.1em;margin-bottom:-5em}
  303. .entry{width:130%;max-width:720px}
  304. .entry .datetime{float:left;background:none;margin:0 0 0 .5em}
  305. .page-entry .entry .datetime,.page-reply .entry .datetime{margin-bottom:.5em}
  306. .userpic{float:left;margin:.5em 1em .5em .5em}
  307. .metadata{margin-top:-1em}
  308. .tag,.metadata{text-align:left;margin-left:.5em!important}
  309. .entry-management-links,.entry-interaction-links{float:left;margin:0 0 .3em -.7em}
  310. .entry-readlink a{float:right;margin:0 -2em 0 1.5em;padding:0 .5em .3em .5em}
  311. .entry-content img,.entry-content a img,.entry-content div img,.comment-content img{max-width:100%!important}
  312. .comment-pages{padding:.5em 0 0 0}
  313. .bottompages{margin:-4em 0 0 2.4em}
  314. .bottompages:not(*:root){margin:0 0 0 2.4em}
  315. #comments{min-width:143%}
  316. #comment-{margin-left:0;min-width:150%}
  317. .comment-thread .comment-depth-odd{margin-left:-25px}
  318. .comment-depth-even{margin-left:-20px}
  319. /*  find mac/iOS hacks for whole datetime/userpic mess */
  320. .comment-wrapper .header .datetime{text-align:left;margin-top:-.5em;margin-bottom:.5em;background:none}
  321. .full .comment-poster span{position:relative;top:0;margin-bottom:-1em;line-height:1}
  322. .poster-ip{display:inline;display:none;position:relative;top:1.5em}
  323. .comment .userpic{float:left;margin:.5em 1em .5em 0}
  324. .edittime{margin:1.2em 0 0 0;text-align:left}
  325. .comment-interaction-links,.comment-management-links{margin:-2.5em -1em 0 -4.5em}
  326. .comment-interaction-links li,.comment-management-links li{float:left;}
  327. #username,#password{width:100%;max-width:100%}
  328. .module-section-two{float:left;width:100%;margin:0 0 auto 2.2em}.module-section-two .inner{margin:3.5em 0 auto 0}
  329. .module-section-two h2.module-header,.module-typelist2 .module-header1{background:none}
  330. .top{position:relative;clear:both;left:-.5em;top:1.8em;max-width:100%;min-width:240px;
  331. border-top:2px solid#555;border-bottom:2px solid#555;background:#333;padding:1% 50%}
  332. .top a{border:0;background:none;border-radius:none;color:#E8EADF}
  333. .page-entry .top{display:block;margin:0 0 0 2.5em}
  334. .page-reply .top{margin:1em 0 0 2.5em}
  335. .page-icons .top{margin:1em 0 0 2.5em}
  336. .page-tags .top{margin:3.5em 0 0 2.5em}
  337. .page-archive .top{margin-top:2%!important}
  338. .page-month .top{margin:-1em 0 0 2.5em}
  339. .page-day .top{margin:7em 0 0 2.5em}
  340. .bottomnav{margin-top:2em}
  341. .page-archive .navigation.topnav{margin-bottom:-2em}
  342. .page-archive .header .inner h3{margin-bottom:-2em}
  343. .page-month .month dd{min-width:125%}
  344. .page-month .footer{text-align:left}
  345. .page-day .navigation ul{margin:0 1.7em 0 1.7em}
  346. .page-day .bottomnav{margin-top:.5em}
  347. .module-section-three .module-content{margin:.5em 0 0 -2em}.icons-container{min-width:133%}
  348. }
  349.  
  350. @media(max-width:760px){.page-icons .header{width:91%}.icon{margin:.1em .5em 0 3.1em}
  351. }
  352.  
  353. @media(max-width:730px){.page-icons .header{width:90%}.cutTagControls{font-size:85%;margin-left:.3em}
  354. }
  355.  
  356. @media(max-width:720px){#username,#password{width:60.5%}
  357. }
  358.  
  359. @media(max-width:710px){.talkform td[align=left]{display:block;margin-right:3em}
  360. .page-archive .contents{padding:0 3em 0 3em}
  361. }
  362.  
  363. @media(max-width:700px){
  364. td#lj_controlstrip_actionlinks{position:relative; top:-.1em}.page-forward{margin-right:-.7em}#oid_more input.textbox{width:51%;max-width:51%}
  365. .tags-container h2{min-width:88%}
  366. }
  367.  
  368. @media(max-width:680px){.cutTagControls,.module-cuttagcontrols h2{display:none}.page-forward{margin-right:-50.5%!important}
  369. }
  370.  
  371. @media(max-width:660px){.page-archive .top{margin-top:100%}
  372. }
  373.  
  374. @media(max-width:650px){.poll-response span img{margin-top:.7em!important;vertical-align:top!important}.page-icons .header{width:94%}.icon{margin:.1em -.5em 0 3.1em}
  375. .page-archive table{margin:0 4em 0 0!important}.page-archive .header .inner{margin-bottom:-1.7em}
  376. }
  377.  
  378. @media(max-width:640px){.page-read #qrformdiv #subject,.page-recent #qrformdiv #subject,.page-day #qrformdiv #subject{max-width:334px;min-width:100%}
  379. }
  380.  
  381. @media(max-width:630px){.entry{width:125%}.talkform td{padding:0}#username,#password{width:59%}#oid_more input.textbox{width:44%}
  382. .module-section-two h2.module-header,.module-typelist2 .module-header1,.page-archive h3{background:none}.page-archive th{padding:1.8em}.top{margin-left:2.2em}
  383. }
  384.  
  385. @media(max-width:590px){.poll-response span img{max-width:65%!important}#oid_more input.textbox{min-width:63.5%;max-width:63.5%}
  386. }
  387.  
  388. @media(max-width:570px){.entry{width:124%}#qrformdiv{margin-left:1em!important}
  389. }
  390.  
  391. @media(max-width:530px){.page-archive .contents *{font-size:97%}.page-forward{margin-right:-54.5%}.module-section-three .module-content{margin:.5em 0 0 -.5em}
  392. .icons-container{min-width:131%}
  393. }
  394.  
  395. @media(max-width:510px){#wrap{margin-top:2em}.page-entry #wrap,.page-reply #wrap{margin-top:.5em}
  396. }
  397.  
  398. @media(max-width:500px){#lj_controlstrip{padding-top:.7em}
  399. }
  400.  
  401. @media(max-width:490px){.entry{max-width:120%}.logged-out #login{padding:0;margin-left:-.8em}
  402. #lj_controlstrip_userpic{display:none!important}.page-forward{margin-right:-57%!important}.comment-content{min-height:0!important}
  403. #username,#password{max-width:88%}
  404. }
  405.  
  406. @media(max-width:485px){#comment-{min-width:163%!important}.talkform input[type]{font-size:80%}
  407. .page-archive .contents{font-size:75%;padding:0 3em 0 1em}
  408. }
  409.  
  410. @media(max-width:450px){.comment-pages{margin-left:2.4em;white-space:pre-wrap;word-wrap:break-word}.talkform table{width:55%!important}
  411. }
  412.  
  413. @media(max-width:445px){.module-section-three{display:none}
  414. }
  415.  
  416. @media(max-width:430px){.entry{max-width:118%}.page-forward{margin-right:-57%!important}#username,#password{max-width:82%}
  417. .talkform td #subject,.talkform .textbox,#oid_more input.textbox{max-width:35%}.module-section-one ul{font-size:80%}
  418. .module-section-one ul li{padding-right:.1em!important}
  419. }
  420.  
  421. @media(max-width:390px){.talkform input, .talkform select{max-width:14%}.talkform table{width:40%!important}
  422. input#spellcheck{display:block;margin:.6em 0 0 0}input#spellcheck + label{display:block;margin:-1.6em 0 -1em 1.7em}
  423. .icons-container{min-width:130%}.page-archive table th{padding:.75em!important}.page-month .topnav ul{width:150%}
  424. }
  425.  
  426. @media(max-width:365px){#header{height:79px!important}#header h1 a{font-size:87%}.module-section-one{display:none}.entry{width:116%}
  427. .screened{max-width:76%!important}
  428. #username,#password{max-width:66%}.talkform td{line-height:1.3;font-size:95%}.talkform td #subject,.talkform .textbox,#oid_more input.textbox{max-width:34%}
  429. .talkform textarea{margin-bottom:-.9em}input#spellcheck{display:block;margin:.6em 0 0 0}input#spellcheck + label{display:block;margin:-1.35em 0 -1em 1.7em}
  430. }
  431.  
  432. @media(max-width:340px){.talkform td #subject,.talkform .textbox{max-width:32%}
  433. }
  434.  
  435. @media(max-width:330px){#header h1 a{font-size:80%}.talkform td #subject,.talkform .textbox,#oid_more input.textbox{max-width:26%}#username,#password{max-width:55%}
  436. }
  437.  
  438. @media(max-width:320px){.page-forward{margin-right:-68%}.entry{width:111%}.talkform{font-size:90%}.talkform td{line-height:1.3}.talkform table{width:35%!important}
  439. }
  440.  
  441. @media(max-width:310px){.talkform table{width:30%!important}
  442. }
  443.  
  444. @media(max-width:250px){{#header h1 a{font-size:40%}.entry{max-width:110%}.talkform table{width:25%!important}
  445. }
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!