emnem

Elegant Grunge w/Fonts 7-7-17 (testing-ready version)

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