API tools faq
paste
emnem

CSS fixes for logged in Beta longform

emnem
May 2nd, 2020
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 42.94 KB | None | 0 0
raw download clone embed print report
  1. /* Based on Early Edition for Five AM by w i n t e r f i s h...edited by mm@dreamwidth.org 5/2018/last mods 4-30-2020
  2.    Note to self: find another counter - GoStats sucks */
  3.  
  4. @font-face {
  5.   font-family: 'Muli';
  6.   font-style: normal;
  7.   font-weight: 400;
  8.   src: local('Muli Regular'), local('Muli-Regular'), url("https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTLGKA.ttf") format('truetype');
  9. }
  10.  
  11. @font-face {
  12.   font-family: 'Spicy Rice';
  13.   font-style: normal;
  14.   font-weight: 400;
  15.   src: local('Spicy Rice'), local('SpicyRice-Regular'), url("https://fonts.gstatic.com/s/spicyrice/v6/uK_24rSEd-Uqwk4jY1RyKvi8Xg.ttf") format('truetype');
  16. }
  17.  
  18. @font-face {
  19.   font-family: 'Nanum Gothic Coding';
  20.   font-style: normal;
  21.   font-weight: 400;
  22.   src: local('NanumGothicCoding'), url("https://fonts.gstatic.com/s/nanumgothiccoding/v6/8QIVdjzHisX_8vv59_xMxtPFW4IXROws-6M7Ug.ttf") format('truetype');
  23. }
  24.  
  25. /*Content layout*/
  26. @media(max-width:2000000px)
  27. {
  28. body{overflow-x:hidden}
  29. body:not(*:root){overflow-x:hidden}
  30. }
  31.  
  32. body{margin:0;line-height:1.5;font-size:16px;padding:0;background:#333;color:#444;border-left:125px solid#333;border-right:125px solid#333}
  33. body,#lj_controlstrip td,#lj_controlstrip a,#lj_controlstrip form,.tag-nav-actions span input,#subtitle.comment-content,.ui-tooltip.ui-widget div,.month h3.entry-title,.iconselector
  34. {font-family:"Microsoft New Tai Lue", Muli, "Segoe UI", Arial, Helvetica, sans-serif}
  35.  
  36. @media(max-width:1375px){
  37. body{border-left:0;border-right:0;background:#fff}
  38. }
  39.  
  40. #canvas{margin:0 0 0 0;padding:0 6%;background:#fff}
  41.  
  42.  
  43. @media only screen and (min-width:51em)/* 816px */{
  44. .two-columns-left #content{padding-left:22em}
  45. }
  46.  
  47. #content-footer{height:0;font-size:0; /*to make IE happy*/ clear:both}
  48.  
  49. #primary{width:100%;margin-right:-100%;margin-left:0}
  50.  
  51. @media only screen and (min-width:51em){
  52. .multiple-columns #primary{float:left}
  53. .two-columns-left #secondary{float:left;width:22em;margin-left:-22em}
  54. }
  55.  
  56. .page-entry #primary,.page-reply #primary,.page-day #primary{margin-top:-.4em}
  57. .page-icons #primary{margin-top:3.3em}
  58. .page-tags #primary{margin-top:3.1em}
  59. .page-month #primary{margin-top:-.2em}
  60.  
  61. @media(max-width:1100px){
  62. .page-tags #primary{margin-top:2.5em}
  63. }
  64.  
  65. @media only screen and (min-width:51em){
  66. .column-left #primary > .inner:first-child{padding-left:3em}
  67. }
  68.  
  69. #secondary{margin-top:3.1em}
  70. #secondary{border-top:none}
  71. #secondary .module-wrapper .inner:first-child{border-top:1px solid#ccc}
  72.  
  73. @media(max-width:820px){
  74. #secondary{margin-top:0}
  75. }
  76.  
  77. @media(max-width:1100px){
  78. #content{padding-left:0!important}
  79. .column-left #primary > .inner:first-child{padding-left:0;width:100%}
  80. /* modules layout */#primary{float:none!important}
  81. #secondary, #tertiary{width:100%!important;margin-left:0!important}
  82. #secondary{margin-top:0!important}
  83. }
  84.  
  85. /*Misc.*/
  86. h1, h2, h3, h4, h5, h6,#title,.module-navlinks ul li,#pagetitle,.entry-title,.comment-pages,.comment-title,.module h2,.tags-container h2,.icons-container h2
  87. {font-family:"Spicy Rice"/* <--Android/OSS */, "Segoe UI", Arial, Helvetica, sans-serif}
  88. h1, h2, h3, h4, h5, h6{margin:0;margin:.25em 0;padding:.25em 0;font-weight:bold}
  89.  
  90. #qrformdiv textarea,#postform textarea, #subject,.select,#editreason.textbox,textarea,#textcaptcha_response,code, pre, pre code{font-family:"Segoe UI",Arial, Helvetica, sans-serif;font-size:16px;max-width:100%}
  91. textarea code, textarea pre, textarea pre code,.entry-content code, .entry-content pre, .entry-content pre code{color:#ab1414;font-weight:bold;border-bottom:1px solid pink;font-size:14px;
  92. font-family:"Nanum Gothic Coding","Consolas","Courier New",monospace}
  93. .entry-content pre{border-bottom:0}
  94. .entry-content code, .entry-content pre, .entry-content pre code{padding-bottom:.2em}
  95. code, pre, pre code,.ui-dialog .icon-comment{white-space:pre-wrap;word-wrap:break-word}
  96. pre{margin:-1em 0 2.5em 0}
  97.  
  98. hr{display:none}
  99. .entry-content hr,.comment-content hr{display:block;margin:2em .5em 2em 0; border: 1px;background:#ccc;color:#ccc;height: 1px}
  100. q{font-style:italic}
  101. p{margin:1em 0}
  102. input, textarea, select{background:#fff;border:1px solid #ccc}
  103.  
  104. /*Links*/
  105. a,.module-navlinks ul li .main:first-of-type,#title a,.page-archive .navigation .active,.search-form,#lj_controlstrip tr a:nth-of-type(odd),.ljuser a:hover{color:#ab1414;outline:none}
  106. a:hover{color:#666!important}
  107. a, a:link, a:active, a:visited{text-decoration:none}
  108. .entry-content a:link,.comment-content a:link,.edittime/*not a link*/
  109. {overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;font-weight:bold}
  110. a:active,a:focus{opacity:0.7}
  111. a:visited,.entry-title a:visited{color:#555}
  112. .top a:visited,.page-top a:visited{color:#eee!important}
  113.  
  114. .ljuser a,.navigation a,.entry-title a,#header,#pagetitle,.page-day .navigation .page-forward a,.page-day .navigation .page-back a,.entry,.tag a,.entry-interaction-links a, .entry-management-links a,.comment-title, .comment .comment-title a,module h2,.module a,input, textarea, select,.metadata-item-xpost a,#lj_controlstrip a{color:#444}
  115. .entry-content .ljuser a,.de{font-weight:normal}
  116.  
  117. /*Images*/
  118. img{border:none}
  119. .entry-content div img,.entry-content img,.entry-content div img,.size-full,.aligncenter,p a img{margin-left:0!important;padding:.7em;vertical-align:middle;border:1px solid#ccc;background:#f7f7f7;max-width:93%}
  120.  
  121. .entry-content .cuttag_container{display:block;margin:2em 0 0 0}
  122. .entry-content .cuttag_container img{border:0;background:transparent!important;padding:0!important}
  123. .cuttag-action-before{margin:0 0 0 -.2em;padding:0!important}
  124. .cuttag-action-after{margin:0 0 0 -.2em;}
  125. .cuttag_container div .ljuser img{padding:0}
  126.  
  127. .entry-content div[align="center"] img{margin:1em 0 1em .1em}
  128. .comment-content img,.comment-content div img{margin:2.5em 0 0 0;vertical-align:middle}
  129. .entry-content ul div img,.entry-content ol div img{margin:.9em 0 .9em 0}
  130. .entry-content img, .comment-content img{max-width:100%;height:auto}
  131.  
  132. .ljuser img,.entry-content a img[alt=info],#postform img,.admin-post-icon img
  133. {margin: 0 .1em 0 0!important;width:14px;height:14px;vertical-align:baseline!important;background:none!important;border:0;padding:0!important}
  134. .entry-content li .ljuser img,.tag ul{padding:0}
  135. @media(max-width:375px){
  136. .entry-content img,.entry-content div img,.entry-content div img:not(.cuttag-open span a img),.comment-content div img{margin:.7em 0 .7em 0;max-width:100%}
  137. }
  138.  
  139. h3.entry-title a img,.nopic a img{vertical-align:baseline!important}
  140. #header,.entry-content li .ljuser img,.tags-container ul,.page-archive h3,.comment-content:not(*:root){margin:0}
  141. .lj_embedcontent{min-width:100%;clear:none!important}
  142. .wp-smiley{margin:.3em 0 0}
  143. .center img{margin-bottom:12px}
  144. #qrformdiv .ljuser img{margin:.1815em .1em 0 0!important}
  145.  
  146. /*Video (Killed the Radio Star)*/
  147. .lj_embedcontent-wrapper{min-width:0!important;max-width:740px!important;min-height:auto!important;border:1px solid#ccc;padding:15px;background:#f7f7f7;margin-top:1.5em;margin-bottom:1.5em}
  148. /*DW default inline styling: style="max-width: 560px; max-height: 800px" */
  149.  
  150. /*Header*/
  151. #header,#footer{margin:0;padding:0;clear:both;line-height:1}
  152. #header{margin:-3.5em 0 -2.3em .1em}
  153.  
  154. #title{margin:0;padding:.4em 0 .15em 0;font-size:260%;box-sizing:border-box;clear:both}
  155. #title a{font-size:110%;font-style:italic;font-weight:bold}
  156.  
  157. @media (max-width:1100px){
  158. #header{margin:-.3em 0 -3em .1em}
  159. }
  160.  
  161. @media (max-width:700px){
  162. #header{margin:-.5em 0 -3em .1em}
  163. }
  164.  
  165. #subtitle{font-size:120%;padding:0;margin:-.2em 0 0 .05em}
  166. #subtitle span{font-weight:normal}
  167.  
  168. .module-navlinks ul{margin:0;padding:0;white-space:nowrap}
  169. .module-navlinks ul li{display:inline-block;padding:0 1em 0 0;position:relative;top:3.5em;left:396px;font-size:130%}
  170. .module-navlinks ul li .main:first-of-type{font-style:italic;color:#ab1414}
  171.  
  172. @media(max-width:1100px){
  173. .module-section-header,.module-navlinks{display:none}
  174. }
  175.  
  176. /* Navigation*/
  177. /* set nav for .recent view --> */.hfeed{padding-top:.3em;margin-top:-.7em}
  178. .navigation ul{text-transform:lowercase;font-size:95%;list-style-type:none;padding:0;padding-top:1.8em}
  179.  
  180. @media(max-width:375px){
  181. .navigation ul{padding:0 .2em;padding-top:1.8em}
  182. }
  183.  
  184. .navigation .page-forward{float:right;margin:-1.3em 0 0 0}
  185. .navigation .page-back{float:left;margin:-1.3em 0 0 0}
  186. .topnav ul{display:none}
  187. .bottomnav{margin:2.9em 0 0 0;border-top:1px solid#ccc}
  188. .bottomnav ul{padding-top:1.5em}
  189.  
  190. .bottomnav.empty{min-height:4em}
  191.  
  192. /*Entries*/
  193. .entry-wrapper{margin:3.7em 0 -2em 0}
  194. .entry{border-top:1px solid#ccc}
  195.  
  196. /*Five AM turns entry/reply links w/ljuser names in them into unlinked spans - only usernames link*/
  197. .entry .entry-title{display:block;margin:-.1em 0 0 0;padding:0 0 .55em 0;line-height:1.2;font-size:1.5em;font-weight:bold;border-bottom:1px solid#ccc}
  198. .no-subject .entry .entry-title{background:none;border:0}
  199. .entry .header{padding:1em 0 0}
  200. .sticky-entry-title a,.entry dt a,.entry-title a:hover,.datetime a:hover,.comment-pages a:hover,.comment-title a:hover,.entry-interaction-links a:hover,.entry-management-links a:hover,.tag a:hover,.metadata a:hover,.comment-poster a:hover,.comment-interaction-links a:hover,.comment-management-links a:hover,.page-archive .navigation a:hover,.module a:hover{color:#ab1414!important}
  201.  
  202. .access-filter,.restrictions{display:inline-block;padding:1em 0 0 0;font-weight:bold;font-size:85%}
  203. .access-filter img,.restrictions img{display:inline;height:14px;width:14px}
  204. .restrictions img{margin:0 0 -.05em 0}
  205. .access-filter:after{content:" Not Publicly Viewable"}
  206. .restrictions:after{content:" NSFW"}
  207.  
  208. .datetime{display:block;float:right;text-align:right;font-size:1.1em}
  209. .datetime .date,.datetime .date a, .time{color:inherit}
  210. .datetime span:last-child:first-letter{color:#ab1414;font-weight:bold}
  211. .entry .datetime,.comment .datetime{font-size:95%}
  212. .date,.time{display:inline-block;margin:1.2em 0 1em 0;font-size:85%}
  213. .time:before{content:"@";margin: 0 .2em 0 0}
  214.  
  215. .entry .contents{clear:both;padding:0;min-height:151px}
  216. .has-userpic .entry .contents{margin-right:0;padding-right:0}
  217. .contents .userpic img,.icon-image img{background:#f7f7f7;border:1px solid#ccc;padding:.5em;width:85px;height:85px}
  218. .entry .poster{display:block;position:relative;top:0;left:-.1em;margin-bottom:3em;padding-bottom:1em}
  219. .page-entry .entry-poster,.page-reply .entry-poster{margin-bottom:-2em}
  220.  
  221. .entry .userpic,.comment .userpic{margin:0 0 .1em 1em}
  222. .userpic{box-sizing:border-box;float:right;clear:right;text-align:center;padding:0!important;line-height:1.3;font-size:90%;font-weight:bold}
  223.  
  224. .entry-content{margin:-2.7em 0 1em 0;padding:0}
  225. *::-ms-backdrop, .entry-content {margin:0} /*IE11*/
  226. .page-entry .entry-content,.page-reply .entry-content{margin-top:2.7em}
  227. .entry-content a{color:#ab1414;font-weight:bold}
  228.  
  229. /*Misc. Entry Content*/
  230. .entry-content ul,.entry-content ol {padding:.2em 0 .2em 0;margin:1em 0 1em 0;line-height:1.7}
  231. .entry-content ul li:first-of-type,.entry-content ol li:first-of-type{border-top:1px solid#ccc}
  232. .entry-content ul li,.entry-content ol li{list-style-position:inside;padding:.3em 0 .3em .2em;border-bottom:1px solid#ccc;max-width:98.5%}
  233. .entry-content ul li{list-style-type:none}
  234. .comment-content ul li,.tags_multilevel li{list-style-type:disc}
  235. .entry-content ol li{list-style-type:decimal}
  236. .entry-content ol li ul li{padding:0;margin:0}
  237.  
  238. .comment-content ul,.comment-content ol {padding:.2em 0 .2em 0;margin:0!important}
  239. .comment-content ul li,.tags_multilevel li{list-style-type:disc}
  240. .comment-content ul li,.comment-content ol li{list-style-position:inside;padding:.3em 0}
  241.  
  242. .entry dl,.comment dl{white-space:normal;word-wrap:break-word;margin:0 0 2em -1em;padding:0}
  243. .entry dt, .comment dt{margin:0 0 0 1.05em;padding:.01em 0 0 0}
  244.  
  245. dt:before{content:"";display:block;margin-bottom:.3em;font-size:1.25em;color:#444;font-weight:bold}
  246. .entry dt:first-of-type{margin-top:1.7em;width:97%}
  247. /*for Andrew's linkspam*/
  248. dl.links{max-width:85%;position:relative}
  249. dt.link:nth-of-type(1){border-top:1px solid#ccc;padding-top:.5em}
  250.  
  251. .entry dd,.comment dd{padding:.3em 0 .3em 0;margin-left:1em}
  252.  
  253. .entry-content blockquote,.comment-content blockquote{background:transparent url("https://style-tester.dreamwidth.org/file/1423.png") no-repeat 0px 22px;margin:2em 0 2em 0;padding:2em 0 1em 5em;
  254. border-top:1px solid#ccc;border-bottom:1px solid#ccc;min-height:2.7em;max-width:78%}
  255. .entry-content blockquote p:first-of-type,.comment-content blockquote p:first-of-type{padding-top:0;margin-top:0}
  256. .comment-content blockquote{margin:1em 1em 0 0}
  257.  
  258. /*.page-read .entry-content blockquote,.page-network .entry-content blockquote{background:#eee;padding:1.5em;margin:2em 0 2em 0}*/
  259. /*end Misc. Entry Content*/
  260.  
  261. .metadata{clear:both;margin:-1.5em 0 0 0}
  262. .metadata:not(*:root){margin:0 0 0 0}
  263. .metadata,.tag{font-size:.95em;font-weight:bold}
  264. .metadata-label,.tag-text{text-transform:uppercase}
  265. .page-read .metadata,.page-network .metadata{margin:0}
  266. .metadata ul,.metadata ul li{margin:0;padding:0}
  267. .metadata ul{display:inline;list-style:none;margin-left:.5em}
  268. .metadata ul:not(*:root){margin:0 0 -2em 0}
  269. .metadata img{height:16px;width:16px;border-radius:100%; border:1px solid#555;padding:3px;vertical-align:baseline}
  270.  
  271. .entry .footer{clear:both}
  272. .footer ul{margin:0}
  273.  
  274. .tag{margin:0;padding:0}
  275. .tag ul{margin-left:0;padding-left:0}
  276. .tag ul,.tag ul li{display:inline} /* same for month view */
  277.  
  278. .entry-management-links,.entry-interaction-links{padding:3em 0 0 0!important}
  279.  
  280. .entry-management-links{float:right;margin:.3em 0 0 0}
  281. .entry-management-links:not(*:root){left:calc(50% - 10px)}
  282. .page-entry .entry-management-links,.page-entry .entry-interaction-links,
  283. .page-reply .entry-management-links,.page-reply .entry-interaction-links{padding:1.5em 0 0 0!important}
  284. .entry-interaction-links li,.entry-management-links li{display:inline!important;font-size:85%;text-transform:lowercase}
  285. .entry-interaction-links{text-align:right}
  286.  
  287. .text-links a,.frozen{padding:0 0 0 .7em}
  288.  
  289. .entry-readlink a:before{position:absolute;z-index:-1;content:'';border-style:solid;left:calc(50% - 10px);border-width:0 1px 10px 10px;border-color:transparent transparent #ab1414 transparent;
  290. -webkit-transform:translateY(-13px);transform: translateY(-17px)}
  291.  
  292. .entry-readlink,.entry-readlink a{display:block!important}
  293. .entry-readlink a{float:left;position:relative;top:-1.4em;border-radius:5%;padding:15px;padding-top:8px;padding-bottom:8px;font-size:100%;background:#ab1414;color:#fff}  
  294. .page-entry .entry-readlink a,.page-reply .entry-readlink a{top:0}
  295. .entry-readlink a:hover,.page-top a:hover,.top a:hover{color:#eee!important}
  296.  
  297. @media (max-width:430px){
  298. .entry-management-links,.entry-interaction-links{padding:2em 0 0 0!important}
  299.  
  300. .entry-readlink a{top:-.5em!important}
  301. .tag:not(*:root){margin:0 0 .5em 0}
  302. }
  303.  
  304. p.noentries{clear:both;margin:2em 3.2em 0 3.2em;padding:.5em 0 0 .5em}
  305. .noentries{padding:0 .5em;border:1px solid#ccc}
  306. .highlight-box{margin:4em 0;border:1px solid#ccc;padding:0 1em 0}
  307.  
  308. /*Comments*/
  309. #comments{margin-top:3em;margin-bottom:3em}
  310.  
  311. .comment-pages{clear:both;margin-top:3.2em}
  312. .comment-pages,.comment-pages a,.module-header,#lj_controlstrip td{font-weight:bold;color:#444}
  313. .comment-page-current,.comment-pages a:hover{color:#ab1414}
  314. .comment-pages.toppages:first-of-type{padding:.46em 0;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
  315.  
  316. .comment-pages.toppages:nth-of-type(2){display:block;margin-top:.5em;margin-bottom:-2em}
  317. .toppages,.bottompages{font-size:130%}
  318. .comment-pages.bottompages{margin-bottom:2.6em;padding-top:.55em;padding-bottom:.55em;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
  319. .comment-pages.bottompages:last-of-type{margin-top:2em;border-top:0}
  320.  
  321. .comment-depth-even,.comment-thread .comment-depth-odd{margin-left:-15px}
  322.  
  323. @media(max-width:430px){
  324. .comment-pages.toppages:first-of-type{margin-top:4em}
  325. .comment-depth-even,.comment-thread .comment-depth-odd{margin-left:-25px}
  326. }
  327.  
  328. .comment-wrapper{clear:both;margin:2.6em 0 -1em 0;padding:.5em 0 0 0;min-width:15em}
  329.  
  330. @media(max-width:440px){
  331. .page-reply .comment-wrapper{margin-bottom:3em}
  332. .page-reply .comment-wrapper .footer{margin-bottom:1em}
  333. .page-reply #postform{margin-bottom:-2em}
  334. }
  335.  
  336. .comment{border-top:1px solid#ccc}
  337. .page-reply .comment{border-top:0}
  338.  
  339. .comment .contents{clear:both;padding:.5em 0 0 0}
  340. .comment-poster,.comment-poster span.anonymous{display:block;margin-top:0;margin-bottom:1em}
  341. .comment-poster span.anonymous{background: url("https://marahmarie.dreamwidth.org/file/449848.png") no-repeat -2px 1px;padding-left:17px;color:#fff;font-weight:bold;font-size:95%;opacity:.85}
  342. .comment-poster span.anonymous:before{display:block;content:" anon ";color:#ab1414}
  343.  
  344. .comment .header .datetime{padding:.5em 0 .5em 0;font-size:85%}
  345.  
  346. .comment-title{padding:.20em 0 .44em 0;font-weight:bold;font-size:1.5em;border-bottom:1px solid#ccc}
  347. .page-reply .comment-title{border-top:1px solid#ccc;margin-top:.4em;width:101.5%;padding-top:.5em;padding-bottom:.3em}
  348.  
  349. .poster-ip{font-size:85%;font-style:italic;color:#888}
  350. .poster-ip,.poster-ip span{max-width:50%;word-wrap:break-word}
  351.  
  352. .comment-content{margin-top:1em}
  353. .comment-content a{color:#ab1414}
  354. /*ensure comment stretches horizontally so it's readable*/
  355. .comment-content:before{content:"";display:block;overflow:hidden;min-width:0}
  356.  
  357. .comment-content ul,.comment-content ol{margin:1em 1em 1em 3em}
  358.  
  359. .partial{display:block;clear:both;position:relative;top:.5em;padding:0 1em;border-radius:.5%;border:1px solid#ccc}
  360.  
  361. @media (max-width:570px){
  362. /*untested below 278px*/
  363. .partial{margin:0 0 2em 0;padding:0 .5em}
  364. }
  365.  
  366. .partial .inner:last-child{padding:0 0 .5em 0}
  367.  
  368. /*hide the silly dashes*/
  369. .partial .inner{color:#fff}
  370. .partial a[onclick]{float:right;font-size:95%;margin:0 0 0 -.6em}
  371.  
  372. .partial .datetime{float:none;font-size:80%}
  373. .partial .comment{border-top:0}
  374. .partial .comment-title{padding:.3em 0 0 0;line-height:1;border:0}
  375. .partial span{margin-top:-1em;color:#555;line-height:1.3}
  376. .partial .comment-poster,.partial span.anonymous{margin-top:1em;margin-bottom:-.5em}
  377. .partial .comment-poster span.anonymous{background-position:-2px -3px}
  378. .partial span.anonymous{margin-left:-.3em}
  379.  
  380. .edittime{clear:both;position:relative;top:1em;padding:0;font-size:80%;box-sizing:border-box;text-align:right;color:#888;text-transform:lowercase;font-weight:normal}
  381. .edittime .datetime:before{content:" on ";padding:0 0 0 .2em}
  382. .edittime .datetime{text-transform:none;font-size:100%}
  383. .comment .footer{margin:1em 0 1em 0;padding:1em 0 0 0;clear:both}
  384.  
  385. .comment-interaction-links,.comment-management-links{text-align:right;font-size:85%;position:relative;bottom:.4em}
  386. .comment-interaction-links a,.comment-management-links a,.module-navlinks ul li .main:first-of-type:hover{color:#444!important}
  387. .comment-interaction-links li,.comment-management-links li{float:right;margin:0 0 0 .3em;padding:0;list-style-type:none;border-right:0;text-transform:lowercase}
  388. .comment .text-links{margin-top:0!important}
  389.  
  390. .screened{background:#efefef;padding:0 .5em 2em .5em;opacity:.75}
  391. .screened .comment{border-top:0}
  392.  
  393. @media (max-width:570px){
  394. .screened .comment .footer{padding-bottom:2em}
  395. }
  396.  
  397. @media (max-width:350px){
  398. .screened .comment .footer{padding-bottom:4.5em}
  399. }
  400.  
  401. .comment-posted{font-weight:bold}
  402.  
  403. /*Quick Reply*/
  404. #qrform{display:inline-block;margin-top:-3em;margin-left:2.9em;max-width:82.5%}
  405.  
  406. @media(max-width:420px)
  407. {
  408. #qrform,#qrform:not(*:root){margin-left:1.5em}
  409. }
  410.  
  411. #qrform .qr-meta span.ljuser{/*good for account switchers? Nuking this on my DW to put Random Icon back, might re-introduce eventually*/
  412. display:none;position:relative;top:5.5em;left:18em;width:32%;padding:.2em;background:#eee;border:1px solid#bbb;font-size:70%!important}
  413.  
  414. #qrform .qr-icon{font-size:80%;position:relative;top:2.1em;left:-3.25em;border:1px solid#bbb}
  415.  
  416. #qrform .qr-icon{font-size:80%;position:relative;top:2.1em;left:-3.25em;border:1px solid#bbb}
  417.  
  418. #qrform .qr-icon:not(*:root){top:2.25em}
  419.  
  420. #qrform .qr-icon img{border:5px solid#ddd}
  421.  
  422. #qrform .qr-icon-controls{display:block;position:relative;top:-8.6em;padding:.3em}
  423. #qrform #prop_picture_keyword{display:inline-block;position:relative;top:10.8em;left:-2.87em;padding:.1em;font-size:100%}
  424. #qrform #submitmoreopts{position:relative;top:4.85em;left:10.9em;background:#eee}
  425. #qrform #submitmoreopts:not(*:root){top:4.75em}
  426.  
  427. @media(max-width:660px)
  428. {
  429. #qrform #submitmoreopts{margin-left:1.1em}
  430. #qrform #submitmoreopts:not(*:root){left:9.6em}
  431. }
  432.  
  433. @media(max-width:420px)
  434. {#qrform #submitmoreopts{left:8.6em}
  435. #qrform #submitmoreopts:not(*:root){left:8.6em}
  436. }
  437.  
  438. #qrform #randomicon{display:block!important;position:relative;background:#eee;top:13.6em;left:-8.2em}
  439. #qrform #randomicon:not(*:root){top:13.7em;left:-8.25em}
  440.  
  441. #qrform textarea,#qrform input,#qrform input[type="text"]{padding:.28em;font-size:92%}
  442. #qrform #subject,#qrform textarea{margin-left:1.3em;font-weight:600;opacity:.95}
  443. #qrform textarea{max-width:96.7%}
  444.  
  445. #qrform #subject{padding:.23em;line-height:1.32}
  446. #qrform #comment-text-quote{background:#eee;position:relative;left:0}
  447. #qrform select{padding:.1em;color:#555}
  448.  
  449. #qrform .qr-footer{display:block;margin-top:-.05em;margin-left:1.25em}
  450. #qrform .qr-footer:not(*:root){margin-top:-.5em}
  451. #qrform #submitpview{margin-left:-.1em}
  452.  
  453. @media(max-width:420px)
  454. {
  455. .qr-footer:not(*:root){margin-top:-.3em!important}
  456. }
  457.  
  458. #qrform #submitpview,#qrform #submitpost{position:relative;left:-.3em;padding:.3em}
  459. #qrform #submitpost{left:-.4em;}
  460.  
  461. #qrform .de{margin-left:-.3em;min-width:0;max-width:100%}
  462.  
  463. /*Longform*/
  464. #postform{clear:both;margin:0;margin-bottom:3em!important;position:relative;left:-.8em;top:1.5em;line-height:1.7;width:100%;font-size:85%}
  465.  
  466. @media(max-width:630px){
  467. #postform{left:-.4em}
  468. }
  469.  
  470. #postform .from-option{display:block;margin-left:-.4em}
  471. #postform #talkform-from{margin-bottom:1.5em}
  472.  
  473. #postform #username{min-width:294px;padding:.2em}
  474. #postform #password{min-width:293px;padding:.35em}
  475. #postform #username,#postform #password{max-width:45%}
  476.  
  477. #postform #from-user-more{display:block;margin-left:2.9em}
  478. #postform #from-user-more input{padding-left:.2em!important;color:#333!important;background:none!important/* removes input box default usericon */}
  479. #postform #logincheck.checkbox{position:relative;left:-.3em;top:.1em}
  480. #postform .checkboxlabel{position:relative;left:-.4em;top:.1em}
  481.  
  482. #postform #talkpostfromanon + label img{display:none}
  483. #postform #talkpostfromanon + label{vertical-align:top;background:url("https://marahmarie.dreamwidth.org/file/449848.png") no-repeat;background-position:-2px -3px;padding-left:1.4em}
  484.  
  485. #postform .from-login .checkbox#oidlogincheck{position:relative;left:-.3em;top:.1em}
  486. #postform #from-openid-more{margin-left:3em}
  487. #postform #from-openid-more .text{padding:.2em;max-width:45%}
  488.  
  489. #postform input,#postform textarea,.de{padding:.3em}
  490. #postform select{padding:.15em}
  491.  
  492. #postform .qr-meta{position:relative;top:-1em;left:0}
  493. #postform .qr-meta button{border:1px solid#ddd}
  494. #postform .userpic-img{border:3px solid#555!important}
  495.  
  496. #postform .qr-icon-controls{position:relative;top:-1.8em;left:-19.7em}
  497.  
  498. #prop_picture_keyword{position:relative;left:16.8em}
  499.  
  500. #postform #randomicon{display:block!important;position:relative;background:#eee;top:4.3em;left:5em;padding:.4em}
  501.  
  502. @media(max-width:370px){
  503. #postform #randomicon{left:1.7em!important}
  504. }
  505.  
  506. #postform #comment-text-quote{display:none!important;background:#eee;position:relative;top:13.8em;left:-.45em;padding:.3em}
  507.  
  508. #postform #subject{position:relative;top:-2.8em;left:4.45em;padding:.3em}
  509. #postform #subject,#postform textarea{max-width:80%;font-size:100%}
  510.  
  511. /* 'no HTML in subject' */
  512. #postform div#ljnohtmlsubj span{position:relative;top:-8.3em;left:4.5em;font-size:100%!important;font-style:normal!important}
  513. #postform div#ljnohtmlsubj,#postform #nohtmledit span,#postform div#userpics{display:block!important}
  514.  
  515. @media(max-width:460px){
  516. #postform div#ljnohtmlsubj span{top:-9.8em}
  517. }
  518.  
  519. /* comment title emoji */
  520. #postform .comment-subjecticon{float:right;margin:-3em 0}
  521. #postform .comment-subjecticon img{border-radius:100%;padding:5px}
  522.  
  523. /* comment form title emoji */
  524. #postform #subjectIconImage{position:relative;top:-3.7em;left:5em}
  525.  
  526. #postform #subjectIconList:before{content:"Click an emoji to add to reply title ^";position:relative;top:-1.3em;left:4.5em;font-style:italic;font-size:100%}
  527. #postform #subjectIconList,#postform #subjectIconList table{background:none;display:block!important}
  528. #postform .subjecticon-grid{position:relative;top:-1.3em;left:4.1em;border:0}
  529.  
  530. #postform #subjectIconList div div{margin:.15em 0 0 0}
  531. #postform #subjectIconList img{height:14px;width:14px}
  532. #postform #subjectIconList img[id]{font-size:80%;font-weight:normal}
  533.  
  534. #postform textarea{margin:-3em 0 -.1em 4.4em}
  535.  
  536. #postform #editreason{max-width:72.8%}
  537. #talkform-misc label[for="editreason"]{margin-left:4.3em}
  538.  
  539. @media(max-width:460px){
  540. #postform #editreason{width:47.2%}
  541. }
  542.  
  543. #postform #prop_opt_preformatted.checkbox{position:relative;top:.2em;left:4.2em}
  544. #postform #prop_opt_preformatted.checkboxlabel{position:relative;top:.2em;left:4.1em}
  545.  
  546. #postform .qr-footer{display:block;position:relative;top:.3em;left:4.1em}
  547. #postform #submitpview{position:relative;left:-.6em}
  548. #postform input#submitpost,#postform input#submitpview{padding:.3em}
  549.  
  550. #postform #spellcheck,#postform #spellcheck + label{display:none}
  551.  
  552. #postform label[for=unscreen_parent]{display:inline-block;margin:.8em 0 0 .3em;width:85%}
  553. #postform #unscreen_parent{float:left;position:relative;left:0;top:6px}
  554.  
  555. #postform #textcaptcha_container{display:block;clear:both;position:relative;top:1.5em}
  556. #postform #textcaptcha_response{margin-top:.5em;width:85%}
  557. #postform .captcha p{margin-top:1.2em;margin-bottom:-1em}
  558.  
  559. #postform .de{display:block;clear:both;min-width:0;max-width:100%}
  560. #postform .de + .de{font-style:italic}
  561.  
  562.  
  563. @media(max-width:560px)
  564. {
  565. #postform .de{width:74%}
  566. }
  567.  
  568. /*Longform logged-out*/
  569. .logged-out #postform{left:-4.5em}
  570. .logged-out #postform td[align=right]{display:none}
  571.  
  572. .logged-out #postform .from-option{margin-left:4em}
  573. #postform #from-user-more{margin-left:4.5em}
  574. #postform #from-openid-more{margin-left:4.5em}
  575.  
  576. /* Logged-out longform only: 'Don't have account/create one now'  */
  577. .logged-out #postform td span[style="font-size: 8pt; font-style: italic;"]{display:block;font-style:normal;white-space:pre-wrap;word-wrap:break-word;margin-left:5.6em;margin-bottom:-1.2em}
  578. .logged-out #postform td span[style="font-size: 8pt; font-style: italic;"] a{background:#eee;border-bottom:1px dashed #ab1414}
  579. .logged-out #postform td span[style="font-size: 8pt; font-style: italic;"] a:hover{color:#444!important;background:#fff}
  580.  
  581. #postform #talkform-misc .checkboxlabel,.logged-out #postform #misc_controls .checkboxlabel{left:3.9em}
  582.  
  583. .logged-out #postform #subject{position:relative;top:1em;padding:.3em}
  584.  
  585. .logged-out #postform #subjectIconImage{top:1em;left:4.5em!important}
  586.  
  587. .logged-out #postform #subjectIconList:before{content:"Click an emoji to add to your comment title ^";position:relative;top:1.6em;left:1.3em}
  588. .logged-out #postform #subjectIconList,.logged-out #postform #subjectIconList table{background:none;display:table!important}
  589. .logged-out #postform #subjectIconList div{margin-left:1.3em;margin-top:1em;margin-bottom:-1em;border:0!important}
  590. .logged-out #postform #subjectIconList div div{margin:1em 0 0 0}
  591.  
  592. .logged-out #postform #comment-text-quote{top:-.4em;left:28.8em;padding:.3em}
  593.  
  594. .logged-out #postform #subject,.logged-out #postform textarea{width:100%;font-size:100%}
  595. .logged-out #postform textarea{margin-top:-.1em;margin-bottom:-.3em}
  596.  
  597. .logged-out #postform div#ljnohtmlsubj span{position:relative;top:-7em;left:-1.2em}
  598.  
  599. .logged-out #postform .submit{position:relative;left:4.5em}
  600. .logged-out #postform #submitpview{position:relative;left:4.3em}
  601.  
  602. .logged-out #postform .de{display:block;clear:both;margin:0 0 0 4em;min-width:0;max-width:100%}
  603. .logged-out #postform .de + .de{margin:-.5em 0 0 4em;font-style:italic}
  604.  
  605. /*The Icon Selector  - a DW system dialog box delivered via JS (??? doublecheck that it is) - wheeeee*/
  606. .iconselector{min-width:80%;left:9.7%!important}
  607. .ui-dialog-titlebar{background:#fff;border:0}
  608. .ui-dialog .iconselector_searchbox input,.ui-dialog #iconselector_select{padding:.2em;font-size:85%}
  609. .ui-dialog .toggle-meta-on,.ui-dialog .toggle-full-image{color:#ab1414!important;font-weight:bold}
  610. .ui-dialog .kwmenu .keywords a{border:1px solid#ddd;border-radius:0}
  611.  
  612. .ui-dialog .icon_image{background:#eee;margin-bottom:.2em}
  613. .ui-dialog .meta_wrapper{font-style:italic;padding-bottom:60%;line-height:1.3}
  614. .ui-dialog .half_icons .meta_wrapper{padding-bottom:9%}
  615. .ui-dialog .keyword,.ui-dialog .icon-comment{font-size:85%}
  616. .ui-dialog .icon-comment{margin:.2em;padding-top:.5em;font-style:normal;border-top:1px solid#eee}
  617.  
  618. /*Archive Year(s)*/
  619. .page-archive .navigation{border-top:1px solid#ccc;border-bottom:1px solid#ccc;text-align:left;margin:1.1em 0 0 0;font-weight:bold;font-style:italic;padding:.3em 0 .2em 0;width:110%}
  620. .page-archive .topnav ul{display:block}
  621. .page-archive .navigation ul{padding:0 1em .6em 0;margin-bottom:0}
  622. .page-archive .navigation ul li{display:inline;padding:0 1em 0 0}
  623. .page-archive .navigation a{font-weight:normal;font-style:normal;color:#888}
  624.  
  625. @media (max-width:1100px){
  626. .page-archive .navigation{width:108%;min-width:250px}
  627. }
  628.  
  629. @media (max-width:790px){
  630. .page-archive .navigation{width:113%;min-width:250px}
  631. }
  632.  
  633. @media (max-width:500px){
  634. .page-archive .navigation{margin:1.5em 0 0 0;width:120%}
  635. }
  636.  
  637. #archive-year{padding:2.2em 4em 0;margin-left:-4em}
  638.  
  639. .month-wrapper{margin:1.5em 0}
  640. .month-wrapper .header{position:relative; left:0;padding:0 0 .5em 0}
  641.  
  642. table.month{margin:0;border-collapse:collapse;text-align:center;width:90%}
  643. table.month td,table.month th{padding:3px}
  644. table.month td p{margin:0;padding:3px}
  645. table.month th,table.month td{border:1px solid#ccc}
  646. table.month th{font-weight:normal;height:3em;padding:.5em}
  647. table.month td{height:4em;min-width:2.5em}
  648.  
  649. @media (max-width:375px){
  650. table.month td,table.month th{min-height:2em;min-width:1.6em;padding:0 .25em}
  651. }
  652.  
  653. .month-wrapper .day-has-entries{background:#f7f7f7}
  654. .month-wrapper .day-has-entries a{color:#ab1414;border-top:1px solid#ccc}
  655. .month-wrapper .day-has-entries:hover,.month-wrapper .day-has-entries:hover p a{color:#555}
  656.  
  657. .month-wrapper .footer{padding:.5em 0 .5em 0}
  658. .month-wrapper .footer a{color:#888}
  659.  
  660. /*Archive Month(s)*/
  661. #archive-month{font-size:83%}
  662. .page-month .month{margin:1em 2em 0 2em}
  663.  
  664. @media(max-width:1150px){
  665. .page-month .month{margin:1em 2em 0 1.2em!important}
  666. }
  667.  
  668. .page-month .navigation{margin:4em -.5em 0 1em;border-bottom:1px solid#ccc;text-align:center}
  669.  
  670. @media(max-width:1150px){
  671. .page-month .navigation{margin:4em 0 0 .5em!important}
  672. }
  673.  
  674. .page-month .navigation ul{display:block;padding:0;margin:0 auto;position:relative;top:1em;height:52px}
  675. .page-month .navigation li{display:inline}
  676. .page-month .topnav{padding-top:.4em;border-top:1px solid#ccc}
  677. .page-month .topnav form{margin-top:-.3em;text-align:center}
  678. .month-back,.month-forward,.month-back a,.month-forward a{color:#888;font-size:.75em;font-weight:600}
  679. .page-month ul select[name="redir_key"],.page-month ul input{background:#f7f7f7;border:1px solid#ccc}
  680. .page-month ul input{padding:.275em}
  681. .page-month select,.month dd{padding:.2em}
  682.  
  683. .month dl, .month dt, .month dd,.page-month h3.entry-title{margin:0;padding:0}
  684. .month dl{margin:0 -1em 0 -1em}
  685. .month dl a{font-weight:bold}
  686. .month dl dt,.month dd a{font-weight:normal}
  687. .month dl .time{padding:.3em;margin-top:1em;margin-right:-.5em;background:#f7f7f7;border:1px solid#ccc}
  688. .month dd{font-size:1em}
  689. .page-month h3.entry-title{display:inline-block;margin-top:1em;margin-right:.6em}
  690. .overview-commentcount{display:inline-block;padding-bottom:1em;margin-left:-.5em;font-size:100%;color:#ab1414}
  691. .month .tag{display:block;margin:2em 0 0 0;width:102%;padding:1.2em 0;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
  692.  
  693. @media (max-width:375px){
  694. .page-month ul select[name="redir_key"]{width:61%}
  695. }
  696.  
  697. /*Tags Page*/
  698. .tags-container{border-top:1px solid#ccc;padding:0}
  699. .tags-container h2{font-size:1.4em;padding:.3em 0 .4em 0;border-bottom:1px solid#ccc}
  700.  
  701. @media (max-width:1090px){
  702. .tags-container{margin-top:3.5em}
  703. }
  704.  
  705. .tags-container .contents{margin-left:-1.35em;font-weight:500}
  706. .tags-container .contents:not(*:root){margin-left:-1.2em;padding:1em 0 1em 0}
  707.  
  708. /*Icons Page*/
  709. .icons-container{margin:-.4em 0 0 0;padding:0 2.5em 0 0}
  710. .icons-container h2{padding:.7em 0 .3em 0;font-size:1.4em!important;border-top:1px solid#ccc;border-bottom:1px solid#ccc;width:105.5%}
  711.  
  712. @media(max-width:970px){
  713. .page-icons .header,.page-icons .contents .inner{margin-left:0}
  714. }
  715.  
  716. .sorting-options ul{margin:1em 0 -.3em;padding-left:0}
  717. .sorting-options ul li{display:inline}
  718.  
  719. .page-icons .toppages,.page-icons .bottompages{margin:0 0 -2.7em 0;font-size:100%;padding:1em 0 2.7em 0}
  720. .page-icons .bottompages{margin:0 0 -2em 0}
  721.  
  722. .page-icons .toppages p,.page-icons .bottompages p{display:inline;font-weight:bold}
  723. .page-icons .toppages p a,.page-icons .bottompages p a{color:#555}
  724.  
  725. .icon-default .icon-image{padding-top:1em}
  726. .default.label{margin-bottom:0}
  727. .icon .default{border-top:1px solid#ccc;padding-top:1em}
  728. .icon.icon-default{padding:0 0 2.2em 0}
  729.  
  730. .icon-keywords{padding:.4em 0 0 0}
  731. .icon-keywords ul{display:inline;margin-left:0;padding-left:0}
  732. .icon-keywords ul li{display:inline}
  733.  
  734. .icon-info span{font-weight:bold}
  735. .icon{width:105%;min-height:78px;margin:1em 3em 0 0;padding:0 0 2.8em 0}
  736. .icon,.icon-keywords li{border-bottom:1px solid#ccc}
  737.  
  738. .icon-image{float:right;clear:both;margin:.15em 0 0 1em}
  739. .icon-description{margin-bottom:-1em}
  740.  
  741. /*Modules*/
  742. .module-header{text-transform:none!important;font-size:1.35em}
  743. .module h2{padding-top:.4em;padding-bottom:.4em;text-transform:lowercase;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
  744. .module-userprofile h2{border-top:0}
  745. .module-section-one .text-links{margin-top:0!important}
  746. .module-userprofile .journal-website-name{padding-top:.5em;padding-bottom:.3em}
  747. .logged-out .module-userprofile{margin-bottom:1.2em}
  748.  
  749. ul.userlite-interaction-links{list-style:none}
  750. ul.userlite-interaction-links li{display:block}
  751. ul.userlite-interaction-links.icon-links{margin-left:0;padding-left:0}
  752. ul.userlite-interaction-links.icon-links li{display:inline; padding:0 .20em}
  753. ul.userlite-interaction-links.text-links{text-align:left}
  754. ul.userlite-interaction-links.text-links a{padding:0}
  755.  
  756. .module-content{padding-top:.8em}
  757. .module-content ul{list-style:none;margin-left:1em;padding-left:0}
  758. .module-content li{margin:.5em 0;padding:.3em 0}
  759.  
  760. .search-form .search-box-item, .search-form .search-button-item{display:block}
  761. .search-form .comment_search_checkbox_item{display:inline}
  762. .search-form{margin-left:-.3em;margin-bottom:1.1em}
  763. .search-form input,.module-section-one .search-form span{padding:.4em!important;font-size:95%}
  764. .search-form .comment_search_label{display:inline-block;margin:0 0 0 -.8em!important;font-style:italic}
  765. .search-form .comment_search_label:after{content:"?"}
  766. .comment_search_checkbox{position:relative;left:-.3em;top:.1em}
  767.  
  768. .module-pagesummary,.module-active,.module-typelist2{margin-bottom:1.1em}
  769. .module-pagesummary .ljuser{white-space:normal!important}
  770. .module-pagesummary .module-content{word-wrap:break-word}
  771.  
  772. .active-entry-label{font-weight:bold}
  773.  
  774. .module-section-one{margin:.2em 0 0 .2em;padding-bottom:1em}
  775. .page-tags .module-section-one,.page-month .module-section-one{margin-top:0}
  776. .module-section-one ul{margin:0}
  777. .module-section-one .module-content li{margin:0;padding:.3em 0}
  778. .module-content{font-size:95%}
  779. .module-typelist2 .module-content{font-size:100%}
  780. .module-content li{font-size:1em}
  781. .module-content,.module-section-one .module-list a{font-style:normal}
  782.  
  783. /*Footer*/
  784. .top,.page-top{margin-top:-1.5em;transform:rotate(-1.7deg)}
  785.  
  786. @media(max-width:1200px){
  787. .top,.page-top{margin-top:-1.2em}
  788. }
  789.  
  790. @media(max-width:1000px){
  791. .top,.page-top{margin-top:-1.1em}
  792. }
  793.  
  794. @media(max-width:900px){
  795. .top,.page-top{margin-top:-.8em}
  796. }
  797.  
  798. @media(max-width:860px){
  799. .top,.page-top{margin-top:-.9em}
  800. }
  801.  
  802. @media(max-width:620px){
  803. .top,.page-top{margin-top:-.3em}
  804. }
  805.  
  806. .top a,.page-top a{padding:15px;padding-top:9px;padding-bottom:9px;font-size:85%;background:#ab1414;border-radius:5%;color:#fff}
  807. .top a:hover,.page-top a:hover{color:#eee!important}
  808.  
  809. #footer{border-top:1px solid#ccc;padding:0;text-transform:lowercase}
  810. #footer .inner{padding:2em 0}
  811.  
  812. /* Misc. Edits */
  813. ::-moz-selection,::selection{background:#444;color:#fff}
  814.  
  815. /*DW Global Navbar aka The Navigation Strip*/
  816. .has-navstrip .module-navlinks,.has-navstrip .module-navlinks ul{margin-left:0}
  817.  
  818. @media (max-width:750px){
  819. .has-navstrip #header h1{margin-top:.1em}
  820. }
  821.  
  822. /*todo:add on:focus textbox/form bg color*/
  823. #lj_controlstrip{background:#fff;border-bottom:1px solid#ccc;padding:1em 0 1em 1em;max-width:98.8%}
  824.  
  825. #lj_controlstrip tr a:nth-of-type(5){color:#000;background:#f0f0f0;border:1px solid#ccc;padding:.2em .4em 0 .2em}
  826. #lj_controlstrip form{font-size:.95em}
  827. #lj_controlstrip a:hover{text-decoration:none;color:#ab1414!important}
  828.  
  829. #lj_controlstrip_userpic{width:40px;height:40px;margin:0 0 0 1.5em;padding:3px 3px 6px 3px!important;background:#f7f7f7;border:1px solid#ccc}
  830. #lj_controlstrip_userpic img{width:40px;height:43px}
  831. #lj_controlstrip_userpic a,#lj_controlstrip_userpic a:hover,.cutTagControls a:hover,.icon-links a:hover{border:0}
  832.  
  833. @media (max-width:1300px){
  834. #lj_controlstrip_userpic{margin-left:.8em;margin-bottom:.3em}
  835. }
  836.  
  837. @media (max-width:450px){
  838. #lj_controlstrip{padding:1em 2%}
  839. #lj_controlstrip_userpic{display:none!important}
  840. #lj_controlstrip_actionlinks{padding-top:1em!important}
  841. }
  842.  
  843. #lj_controlstrip td{font-size:.85em!important}
  844.  
  845. #lj_controlstrip_user{position:relative;top:-.4em}
  846.  
  847. #lj_controlstrip #Logout{display:inline-block;font-size:1em!important;margin:0 1.15em .3em .7em;padding:.3em}
  848. #lj_controlstrip #Logout, #lj_controlstrip input[type='submit'],.page-month input[type='submit']{cursor:pointer}
  849.  
  850. #lj_controlstrip input{max-width:40%;padding:.23em!important}
  851. #lj_controlstrip_login,#lj_controlstrip_actionlinks,#lj_controlstrip_user{margin-bottom:-.6em;border:0!important}
  852.  
  853. span#lj_controlstrip_statustext{position:relative;top:-.5em;color:#444;font-size:100%}
  854. #lj_controlstrip_readfilter .select{padding:.3em}
  855.  
  856. #lj_controlstrip_search form{margin-bottom:.5em}
  857. #lj_controlstrip_search .select{padding:.27em}
  858. #lj_controlstrip_search .select:not(*:root){padding:.31em}
  859. #lj_controlstrip .appwidget-search{position:relative;min-width:40px}
  860.  
  861. #lj_controlstrip .subscribed #lj_controlstrip_actionlinks{margin-top:-.2em!important}
  862.  
  863. #lj_controlstrip_login_secondary_controls,#lj_controlstrip_search{margin-top:.5em}
  864. .logged-out #lj_controlstrip_userpic{visibility:hidden;margin-left:-4.2em}
  865. .logged-out #lj_controlstrip_userpic:not(*:root){margin-left:-4em}
  866. .logged-out.has-navstrip #lj_controlstrip input#xc_remember.checkbox{position:relative;top:.15em}
  867. .logged-out.has-navstrip #lj_controlstrip td label{font-size:1.2em;padding-left:.3em}
  868. .logged-out.has-navstrip #lj_controlstrip_actionlinks{margin-top:.9em;margin-right:2%;font-size:.75em}
  869. .logged-out.has-navstrip #lj_controlstrip input#xc_user,.logged-out.has-navstrip #lj_controlstrip input#xc_password{min-width:140px}
  870.  
  871. /*Userpics/usericon hover*/
  872. .ui-tooltip{-o-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
  873. .ui-tooltip img:hover{-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: transform;transition-property: transform;
  874. -webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transform: rotate(-270deg);transform: rotate(-270deg)}
  875. .ui-tooltip.ui-widget{max-width:10.5em;padding:.5em 1em .5em 1em;background:#fff;border-radius:2%;border:1px solid#ccc}
  876. .ui-tooltip.ui-widget div,.icon:last-of-type,.page-reply .screened{font-size:95%;border:0}
  877. .ui-tooltip.ui-widget ul{margin:-1em 0 1em -.5em}
  878. .ui-tooltip.ui-widget li{list-style-type:none}
  879. .ui-tooltip.ui-widget li a{font-weight:bold;font-size:85%}
  880. .Relation{padding:1em 0 0 0;max-width:35%}
  881. .ui-tooltip.ui-widget img{margin:.9em 0 0 1.3em!important;border:1px solid#ccc;background:#fff;width:45px;height:45px}
  882. .logged-out .ui-tooltip.ui-widget img{margin:.4em 0 -.8em 0}
  883.  
  884. /*DW Changelog Digest*/
  885. .journal-changelog_digest .entry tbody tr{background:none!important}
  886. .journal-changelog_digest .entry dt,.journal-changelog_digest .entry dd{border:1px solid#ddd;border-bottom:0;max-width:89%;padding:.5em}
  887. .journal-changelog_digest .entry dt{max-width:89%;padding:.5em;font-weight:bold;color:#ab1414;text-decoration:underline}
  888. .journal-changelog_digest .entry dt:first-of-type{margin-top:-.3em}
  889. .journal-changelog_digest .entry dt{display:block;margin-left:1em;max-width:89%}
  890. .journal-changelog_digest dd:before{content:"~";display:inline-block;padding:0 .1em}
  891. .journal-changelog_digest .entry dt:hover,.journal-changelog_digest .entry dt a:hover{color:#666!important}
  892. .journal-changelog_digest dd{font-style:italic}
  893.  
  894. /*DW Polls*/
  895. .poll-container{display:block;margin-top:-.5em}
  896. .poll-status{display:block;margin:1.2em 0 1em 0}
  897. .poll-control{display:block;padding:0 0 1.5em 0}
  898. .poll-title b:after{content:":";font-weight:normal}
  899. .poll-title i{font-weight:bold}
  900. .poll-title i:before,.poll-title i:after{content:"''"}
  901. .poll-inquiry p{margin-top:-.5em;padding-bottom:.5em}
  902. .poll-inquiry div{display:block;margin-left:0!important}
  903. .poll-response table{margin-bottom:1.3em}
  904. .poll-response input{margin-left:0}
  905. .poll-response{display:inline-block;margin-top:-1em!important;margin-bottom:1em!important}
  906. .poll-response tr td{margin-left:-.3em}
  907. .poll-response span{max-width:65%}
  908. .poll-response p{margin-top:0;margin-bottom:.3em}
  909. .poll-response input[value=""]{display:block;margin-top:-1.1em;margin-bottom:1.3em;padding:.3em;width:95%;font-size:95%;color:#ab1414}
  910. .poll-container td img,.poll-container p img{border:0;margin:0;background:none;padding:0}
  911. .poll-container input.LJ_PollSubmit{padding:.3em 1em;background:#eee;font-size:.93em;cursor:pointer}
  912.  
  913. /*MADA (Make America Display:none Again)*/
  914. .page-tags #subtitle,.page-archive #subtitle,.page-month #subtitle,.page-icons #subtitle,#pagetitle,.lj_embedcontent-wrapper + div /*DW should assign a name to this YouTube link*/a[href],.tag-nav-trigger,
  915. .link_prev a,.link_next a,.link.tell_friend a,.mem_add a,.edit_tags a,.manage-tags-link a,.manage-link,li.page-separator,hr.below-reply-container,hr.above-entry-interaction-links,.logged-out .screened,
  916. span.comment-from-text,.comment-date-text,.logged-out #userpics br,.deleted,.no-userpic .userpic,.partial .comment-poster span:after,.module-cuttagcontrols,.active-entry-label,
  917. .page-archive table caption,.page-month .navigation.bottomnav,.module-userprofile .userpic img,.module-time,.module-powered,#secondary .separator .inner,#secondary .separator-before .inner,.poster.entry-poster.empty,
  918. .month-wrapper .contents caption{display:none!important}
  919.  
  920. .bottomcomment,.bottomcomment label input,.bottomcomment input,.bottomcomment select,.multiform-checkbox,.page-day .day-date,.page-archive table caption,
  921. .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)}
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!