emnem

CSS fixes for logged in Beta longform

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