API tools faq
paste
emnem

Five A.M. CSS mod for mm-writes/last edits 9-17-2021

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