Advertisement
emnem

Elegant Grunge w/Fonts 5-26-17

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