Advertisement
emnem

Pride Link Colors CSS created 6-7-22

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