Advertisement
emnem

Elegant Grunge - widerscreen - 12-2016

Dec 16th, 2016
185
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 38.18 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 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