Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* 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 mod 7-14/7-15/7-16-19:
- surgery done on navbar, comment title emojis, textarea/submit buttons, comment form anon user img, quickreply/quickerreply input buttons, et al; comment form cleanup and resizeness hacks added for ~500px and under
- Note to self: find another counter - GoStats sucks; 7-16-19: submit Support request on how something's stopping comment form from resizing around ~500px */
- @font-face {
- font-family: 'Muli';
- font-style: normal;
- font-weight: 400;
- src: local('Muli Regular'), local('Muli-Regular'), url("https://fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTLGKA.ttf") format('truetype');
- }
- @font-face {
- font-family: 'Spicy Rice';
- font-style: normal;
- font-weight: 400;
- src: local('Spicy Rice'), local('SpicyRice-Regular'), url("https://fonts.gstatic.com/s/spicyrice/v6/uK_24rSEd-Uqwk4jY1RyKvi8Xg.ttf") format('truetype');
- }
- @font-face {
- font-family: 'Nanum Gothic Coding';
- font-style: normal;
- font-weight: 400;
- src: local('NanumGothicCoding'), url("https://fonts.gstatic.com/s/nanumgothiccoding/v6/8QIVdjzHisX_8vv59_xMxtPFW4IXROws-6M7Ug.ttf") format('truetype');
- }
- /*Content layout*/
- @media(max-width:2000000px){
- body{overflow-x:hidden}
- }
- body{margin:0;line-height:1.5;font-size:16px;padding:0;background:#fff;color:#444;border-left:125px solid#333;border-right:125px solid#333}
- 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
- {font-family:"Microsoft New Tai Lue", Muli, "Segoe UI", Arial, Helvetica, sans-serif}
- @media(max-width:1375px)
- {/*experimental; originally @1150px*/
- body{border-left:0;border-right:0}
- }
- #canvas{margin:0 6% auto}
- #content{float:none;margin-top:-2.8em}
- .page-recent #content,.page-entrty #content, .page-reply #content,.page-read #content,.page-network #content{margin-top:0}
- @media only screen and (min-width:51em)/* 816px */{
- .two-columns-left #content{padding-left:22em}
- }
- #content-footer{height:0;font-size:0; /*to make IE happy*/ clear:both}
- #primary{width:100%;margin-right:-100%;margin-left:0}
- @media only screen and (min-width:51em){
- .multiple-columns #primary{float:left}
- .two-columns-left #secondary{float:left;width:22em;margin-left:-22em}
- }
- .page-entry #primary,.page-reply #primary,.page-day #primary{margin-top:-.4em}
- .page-icons #primary{margin-top:3.3em}
- .page-tags #primary{margin-top:3.1em}
- .page-month #primary{margin-top:-.2em}
- @media(max-width:1100px){
- .page-tags #primary{margin-top:2.5em}
- }
- @media only screen and (min-width:51em){
- .column-left #primary > .inner:first-child{padding-left:3em}
- }
- #secondary{margin-top:3.1em}
- #secondary{border-top:none}
- #secondary .module-wrapper .inner:first-child{border-top:1px solid#ccc}
- @media(max-width:820px){
- #secondary{margin-top:0}
- }
- @media(max-width:1100px){
- #content{padding-left:0!important}
- .column-left #primary > .inner:first-child{padding-left:0;width:100%}
- /* modules layout */#primary{float:none!important}
- #secondary, #tertiary{width:100%!important;margin-left:0!important}
- #secondary{margin-top:0!important}
- }
- /*Misc.*/
- h1, h2, h3, h4, h5, h6,#title,#pagetitle,.entry-title,.comment-pages,.comment-title,.module h2,.tags-container h2,.icons-container h2
- {font-family:"Spicy Rice"/* <--Android/OSS */, "Segoe UI", Arial, Helvetica, sans-serif}
- h1, h2, h3, h4, h5, h6{margin:0;margin:.25em 0;padding:.25em 0;font-weight:bold}
- #qrformdiv textarea,.talkform 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%}
- 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;
- font-family:"Nanum Gothic Coding","Consolas","Courier New",monospace}
- .entry-content pre{border-bottom:0}
- .entry-content code, .entry-content pre, .entry-content pre code{padding-bottom:.2em}
- code, pre, pre code{white-space:pre-wrap;word-wrap:break-word}
- pre{margin:-1em 0 2.5em 0}
- hr{display:none}
- .entry-content hr,.comment-content hr{display:block;margin:2em 0;color:#ccc;opacity:.4}
- q{font-style:italic}
- p{margin:1em 0}
- input, textarea, select{background:#fff;border:1px solid #ccc}
- /*Links*/
- a,.ljuser a:hover,#title a,.page-archive .navigation .active,.search-form,#lj_controlstrip tr a:nth-of-type(odd){color:#ab1414;outline:none}
- a:hover{color:#666!important}
- a, a:link, a:active, a:visited{text-decoration:none}
- .entry-content a:link,.comment-content a:link,.edittime/*not a link*/
- {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}
- a:active,a:focus{opacity:0.7}
- a:visited,.entry-title a:visited{color:#555}
- .top a:visited,.page-top a:visited{color:#eee!important}
- .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}
- .entry-content .ljuser a,.de{font-weight:normal}
- /*Images*/
- img{border:none}
- .entry-content img,.entry-content div img{padding:.7em;vertical-align:middle;border:1px solid#ccc;background:#f7f7f7;max-width:93%}
- .entry-content div img{margin-left:0!important}
- .cuttag_container div .ljuser img{padding:0}
- .entry-content div[align="center"] img{margin:1em 0 1em .1em}
- .comment-content img,.comment-content div img{margin:2.5em 0 0 0;vertical-align:middle}
- .entry-content ul div img,.entry-content ol div img{margin:.9em 0 .9em 0}
- .entry-content img, .comment-content img{max-width:100%;height:auto}
- .ljuser img,.size-full,.entry-content a img[alt=info],p a img,.talkform img,.admin-post-icon img
- {margin: 0 .1em 0 0!important;width:14px;height:14px;vertical-align:baseline!important;background:none!important;border:0;padding:0!important}
- .entry-content li .ljuser img,.tag ul{padding:0}
- @media(max-width:375px){
- .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%}
- }
- h3.entry-title a img,.nopic a img{vertical-align:baseline!important}
- #header,.entry-content li .ljuser img,.tags-container ul,.page-archive h3,.comment-content:not(*:root){margin:0}
- .lj_embedcontent{min-width:100%;clear:none!important}
- .wp-smiley{margin:.3em 0 0}
- .center img{margin-bottom:12px}
- #qrformdiv .ljuser img{margin:.1815em .1em 0 0!important}
- /*Video (Killed the Radio Star)*/
- .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}
- /*DW's default inline styling: style="max-width: 560px; max-height: 800px" */
- /*Header*/
- #header,#footer{margin:0;clear:both;padding:0}
- #header{margin:0 0 0 .1em;text-transform:lowercase}
- #header:not(*:root){margin-top:2.5em}/* to clear DW navbar in Chromium */
- #title{padding:.2em 0 .4em 0/*set as so to fix rotated display; need a fallback for non-rotated */;font-size:260%;box-sizing:border-box;clear:both;transform:rotate(-2deg)}
- #title span{margin-left:-.01em}
- #title a{font-size:110%;font-style:italic;border-top:0;text-transform:none;font-weight:bold}
- @media (max-width:1090px){
- #title{padding:.4em 0 .2em 0;}
- }
- @media (max-width:600px){
- #header:not(*:root){margin-top:0}/* to clear header in Chromium, the IE6 of modern web browsers */
- #title{padding:0}
- .module-section-header,.module-navlinks{display:none}
- }
- @media (max-width:430px){
- #title a{font-size:81%}
- }
- #subtitle{font-size:120%;padding-left:.45em;margin:0 0 -2.3em 0}
- #subtitle span{margin-left:-.35em;font-weight:normal}
- .module-section-header{margin-bottom:-3em}
- .module-section-header:not(*:root) {margin-top:-2.3em}
- .module-navlinks{line-height:1.3;margin:0 0 0 -.8em;padding:1em 0 0 0}
- .module-navlinks.module{margin-bottom:2.5em}
- .module-navlinks ul{margin:0 0 -1em 0}
- .module-navlinks ul li{font-size:1.05em;display:inline;padding:0 1em 0 0}
- /* Navigation*/
- /* set nav for .recent view --> */.hfeed{padding-top:.3em;margin-top:-.7em}
- .navigation ul{text-transform:lowercase;font-size:95%;list-style-type:none;padding:0;padding-top:1.8em}
- @media(max-width:375px){
- .navigation ul{padding:0 .2em;padding-top:1.8em}
- }
- .navigation .page-forward{float:right;margin:-1.3em 0 0 0}
- .navigation .page-back{float:left;margin:-1.3em 0 0 0}
- .topnav ul{display:none}
- .bottomnav{margin:2.9em 0 0 0;border-top:1px solid#ccc}
- .bottomnav ul{padding-top:1.5em}
- .bottomnav.empty{min-height:4em}
- /*Entries*/
- .entry-wrapper{margin:3.7em 0 -2em 0}
- .entry{border-top:1px solid#ccc}
- /*Five AM turns entry/reply links w/ljuser names in them into into unlinked spans - only the usernames in them link*/
- .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}
- .no-subject .entry .entry-title{background:none;border:0}
- .entry .header{padding:1em 0 0}
- .sticky-entry-title 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}
- .access-filter,.restrictions{display:inline-block;padding:1em 0 0 0;font-weight:bold;font-size:85%}
- .access-filter img,.restrictions img{display:inline;height:14px;width:14px}
- .restrictions img{margin:0 0 -.05em 0}
- .access-filter:after{content:" Not Publicly Viewable"}
- .restrictions:after{content:" NSFW"}
- .datetime{display:block;float:right;text-align:right;font-size:1.1em}
- .datetime .date,.datetime .date a, .time{color:inherit}
- .datetime span:last-child:first-letter{color:#ab1414;font-weight:bold}
- .entry .datetime,.comment .datetime{font-size:95%}
- .date,.time{display:inline-block;margin:1.2em 0 1em 0;font-size:85%}
- .time:before{content:"@";margin: 0 .2em 0 0}
- .entry .contents{clear:both;padding:0;min-height:151px}
- .has-userpic .entry .contents{margin-right:0;padding-right:0}
- .contents .userpic img,.icon-image img{background:#f7f7f7;border:1px solid#ccc;padding:.5em;width:85px;height:85px}
- .entry .poster{display:block;position:relative;top:0;left:-.1em;margin-bottom:3em;padding-bottom:1em}
- .page-entry .entry-poster,.page-reply .entry-poster{margin-bottom:-2em}
- .entry .userpic,.comment .userpic{margin:0 0 .1em 1em}
- .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}
- .entry-content{margin:-2.7em 0 1em 0;padding:0}
- *::-ms-backdrop, .entry-content {margin:0} /*IE11*/
- .page-entry .entry-content,.page-reply .entry-content{margin-top:2.7em}
- .entry-content a{color:#ab1414;font-weight:bold}
- /*Misc. Entry Content*/
- .entry-content ul,.entry-content ol {padding:.2em 0 .2em 0;margin:1em 0 1em 0;line-height:1.7}
- .entry-content ul li:first-of-type,.entry-content ol li:first-of-type{border-top:1px solid#ccc}
- .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%}
- .entry-content ul li{list-style-type:none}
- .comment-content ul li,.tags_multilevel li{list-style-type:disc}
- .entry-content ol li{list-style-type:decimal}
- .entry-content ol li ul li{padding:0;margin:0}
- .comment-content ul,.comment-content ol {padding:.2em 0 .2em 0;margin:0!important}
- .comment-content ul li,.tags_multilevel li{list-style-type:disc}
- .comment-content ul li,.comment-content ol li{list-style-position:inside;padding:.3em 0}
- .entry dl,.comment dl{white-space:normal;word-wrap:break-word;margin:0 0 2em -1em;padding:0}
- .entry dt, .comment dt{margin:0 0 0 1em;padding:.01em 0 0 0}
- dt:before{content:"";display:block;margin-bottom:.3em;font-size:1.25em;color:#444;font-weight:bold}
- .entry dt:first-of-type{margin-top:1.7em;width:97%}
- /*for Andrew's linkspam*/
- dl.links{max-width:85%;position:relative}
- dt.link:nth-of-type(1){border-top:1px solid#ccc;padding-top:.5em}
- .entry dd,.comment dd{padding:.3em 0 .3em 0;margin-left:1em;border-bottom:1px solid#ccc}
- .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;
- border-top:1px solid#ccc;border-bottom:1px solid#ccc;min-height:2.7em;max-width:78%}
- .entry-content blockquote p:first-of-type,.comment-content blockquote p:first-of-type{padding-top:0;margin-top:0}
- .comment-content blockquote{margin:1em 1em 0 0}
- /*.page-read .entry-content blockquote,.page-network .entry-content blockquote{background:#eee;padding:1.5em;margin:2em 0 2em 0}*/
- /*end Misc. Entry Content*/
- .metadata{clear:both;margin:-1.5em 0 0 0}
- .metadata:not(*:root){margin:0 0 0 0}
- .metadata,.tag{font-size:.95em;font-weight:bold}
- .metadata-label,.tag-text{text-transform:uppercase}
- .page-read .metadata,.page-network .metadata{margin:0}
- .metadata ul,.metadata ul li{margin:0;padding:0}
- .metadata ul{display:inline;list-style:none;margin-left:.5em}
- .metadata ul:not(*:root){margin:0 0 -2em 0}
- .metadata img{height:16px;width:16px;border-radius:100%; border:1px solid#555;padding:3px;vertical-align:baseline}
- .entry .footer{clear:both}
- .footer ul{margin:0}
- .tag{margin:0;padding:0}
- .tag ul{margin-left:0;padding-left:0}
- .tag ul,.tag ul li{display:inline} /* same for month view */
- .entry-management-links,.entry-interaction-links{padding:3em 0 0 0!important}
- .entry-management-links{float:right;margin:.3em 0 0 0}
- .entry-management-links:not(*:root){left:calc(50% - 10px)}
- .page-entry .entry-management-links,.page-entry .entry-interaction-links,
- .page-reply .entry-management-links,.page-reply .entry-interaction-links{padding:1.5em 0 0 0!important}
- .entry-interaction-links li,.entry-management-links li{display:inline!important;font-size:85%;text-transform:lowercase}
- .entry-interaction-links{text-align:right}
- .text-links a,.frozen{padding:0 0 0 .7em}
- .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;
- -webkit-transform:translateY(-13px);transform: translateY(-17px)}
- .entry-readlink,.entry-readlink a{display:block!important}
- .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}
- .page-entry .entry-readlink a,.page-reply .entry-readlink a{top:0}
- .entry-readlink a:hover,.page-top a:hover,.top a:hover{color:#eee!important}
- @media (max-width:430px){
- .entry-management-links,.entry-interaction-links{padding:2em 0 0 0!important}
- .entry-readlink a{top:-.5em!important}
- .tag:not(*:root){margin:0 0 .5em 0}
- }
- p.noentries{clear:both;margin:2em 3.2em 0 3.2em;padding:.5em 0 0 .5em}
- .noentries{padding:0 .5em;border:1px solid#ccc}
- .highlight-box{margin:4em 0;border:1px solid#ccc;padding:0 1em 0}
- /*Comments*/
- #comments{margin-top:3em;margin-bottom:3em}
- .comment-pages{clear:both;margin-top:3.2em}
- .comment-pages,.comment-pages a,.module-header,#lj_controlstrip td{font-weight:bold;color:#444}
- .comment-page-current,.comment-pages a:hover{color:#ab1414}
- .comment-pages.toppages:first-of-type{padding:.46em 0;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
- .comment-pages.toppages:nth-of-type(2){display:block;margin-top:.5em;margin-bottom:-2em}
- .toppages,.bottompages{font-size:130%}
- .comment-pages.bottompages{margin-bottom:2.6em;padding-top:.55em;padding-bottom:.55em;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
- .comment-pages.bottompages:last-of-type{margin-top:2em;border-top:0}
- .comment-depth-even,.comment-thread .comment-depth-odd{margin-left:-15px}
- @media (max-width:430px){
- .comment-pages.toppages:first-of-type{margin-top:4em}
- .comment-depth-even,.comment-thread .comment-depth-odd{margin-left:-25px}
- }
- .comment-wrapper{clear:both;margin:2.6em 0 -1em 0;padding:.5em 0 0 0;min-width:15em}
- @media(max-width:440px){
- .page-reply .comment-wrapper{margin-bottom:3em}
- .page-reply .comment-wrapper .footer{margin-bottom:1em}
- .page-reply .talkform{margin-bottom:-2em}
- }
- .comment{border-top:1px solid#ccc}
- .page-reply .comment{border-top:0}
- .comment .contents{clear:both;padding:.5em 0 0 0}
- .comment-poster,.comment-poster span.anonymous{display:block;margin-top:0;margin-bottom:1em}
- .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}
- .comment-poster span.anonymous:before{dislay:block;content:" anon ";color:#ab1414}
- .comment .header .datetime{padding:.5em 0 .5em 0;font-size:85%}
- .comment-title{padding:.20em 0 .44em 0;font-weight:bold;font-size:1.5em;border-bottom:1px solid#ccc}
- .page-reply .comment-title{border-top:1px solid#ccc;margin-top:.4em;width:101.5%;padding-top:.5em;padding-bottom:.3em}
- .poster-ip{font-size:85%;font-style:italic;color:#888}
- .poster-ip,.poster-ip span{max-width:50%;word-wrap:break-word}
- .comment-content{margin-top:1em}
- .comment-content a{color:#ab1414}
- /*ensure comment stretches horizontally so it's readable*/
- .comment-content:before{content:"";display:block;overflow:hidden;min-width:0}
- .comment-content ul,.comment-content ol{margin:1em 1em 1em 3em}
- .partial{display;block;clear:both;position:relative;top:.5em;padding:0 1em;border-radius:.5%;border:1px solid#ccc}
- @media (max-width:570px){
- /*untested below 278px*/
- .partial{margin:0 0 2em 0;padding:0 .5em}
- }
- .partial .inner:last-child{padding:0 0 1em 0}
- /*hide the silly dashes*/
- .partial .inner{color:#fff}
- .partial a[onclick]{float:right;font-size:95%;margin:0 0 0 -.6em}
- .partial .datetime{float:none;font-size:80%}
- .partial .comment{border-top:0}
- .partial .comment-title{padding:.5em 0 0 0;line-height:1;border:0}
- .partial span{margin-top:-1em;color:#555;line-height:1}
- .partial .comment-poster,.partial span.anonymous{margin-top:1em;margin-bottom:0}
- .partial .comment-poster span.anonymous{background-position:-2px -3px}
- .partial span.anonymous{margin-left:-.3em}
- .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}
- .edittime .datetime:before{content:" on ";padding:0 0 0 .2em}
- .edittime .datetime{text-transform:none;font-size:100%}
- .comment .footer{margin:1em 0 1em 0;padding:1em 0 0 0;clear:both}
- .comment-interaction-links,.comment-management-links{text-align:right;font-size:85%;position:relative;bottom:.4em}
- .comment-interaction-links a,.comment-management-links a{color:#444!important}
- .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}
- .comment .text-links{margin-top:0!important}
- .screened{background:#efefef;padding:0 .5em 2em .5em;opacity:.75}
- .screened .comment{border-top:0}
- @media (max-width:570px){
- .screened .comment .footer{padding-bottom:2em}
- }
- @media (max-width:350px){
- .screened .comment .footer{padding-bottom:4.5em}
- }
- .comment-posted{font-weight:bold}
- /*7-14-19: DW seems to have changed something so made adjustments */
- #ljqrttopcomment #qrformdiv table{padding-top:0;margin-top:-2.5em;margin-bottom:3em}
- #qrform{margin-top:2em}
- .qr-icon{font-size:70%}
- .qr-icon-controls input{padding:.5em}
- .page-recent #lj_userpicselect,.page-entry #lj_userpicselect,.page-read #lj_userpicselect{display:block;clear:both;position:relative;float:right;margin-top:.8em;padding:.6em!important}
- .page-recent #prop_picture_keyword,.page-entry #prop_picture_keyword,.page-read #prop_picture_keyword{display:block;max-width:75%;margin-top:.6em;margin-left:-1em!important}
- #qrform #subject{width:100%!important}
- .de{margin:.2em 0 -.5em -.3em}
- .de + .de{font-style:italic}
- .page-recent #qrform,.page-read #qrform{font-size:92%;margin-left:-1em}
- .page-recent #qrform .submit:not(*:root){margin-top:-.7em}
- .page-recent #qrform #subject,.page-read #qrform #subject,.page-recent #qrform .select,.page-read #qrform .select{margin-bottom:.1em;padding:.3em}
- .page-recent .qr-footer input,.page-entry .qr-footer input,.page-read .qr-footer input{margin-top:-.1em;margin-right:0;padding:.6em!important}
- @media (max-width:700px){
- .page-recent #prop_picture_keyword,.page-entry #prop_picture_keyword,.page-read #prop_picture_keyword{max-width:60%!important;margin-top:.6em}
- }
- .page-entry #qrform{margin-top:0;margin-bottom:1em!important;clear:both}
- @media(max-width:620px){
- .page-entry #qrformdiv *{max-width:100%}
- }
- .page-entry #qrformdiv form{margin-bottom:-2em}
- @media(max-width:1275px){
- .page-entry #qrformdiv form{margin-bottom:-1em}
- }
- @media(max-width:350px){
- .page-entry #qrformdiv form{margin-bottom:-2em}
- }
- .page-entry #qrformdiv table {padding-top:1em}
- .page-entry #qrformdiv table td {font-size:95%}
- .page-entry #qrformdiv select,.page-entry #qrformdiv input{margin-top:-.2em}
- .page-entry #qrformdiv textarea{margin-top:0}
- .page-entry #qrformdiv textarea:not(*:root){margin-bottom:-.35em}
- .page-entry #qrformdiv select,.page-entry #qrformdiv input,.page-entry #qrformdiv #subject,.page-entry #qrformdiv textarea{padding:.3em .5em}
- .talkform{clear:both;margin:0;position:relative;left:-1.8em;top:1.5em;margin-bottom:3em;font-size:80%!important;line-height:1.5;width:100%}
- .talkform input, .talkform textarea{max-width:70%!important}
- .talkform .ljuser img,.talkform img{margin:0!important}
- /*7-14-19: DW recently changed comment form anon user label*/
- #talkpostfromanon + label{padding-left:1.3em}
- .talkform #from-anon img{display:none}
- .talkform #from-anon {vertical-align:top;background: url("https://marahmarie.dreamwidth.org/file/449848.png") no-repeat;background-position:21px 0px!important}
- .talkform td span[style="font-size: 8pt; font-style: italic;"]{display:block;font-size:100%!important;font-style:normal!important;white-space:pre-wrap;word-wrap:break-word}
- .talkform td span[style="font-size: 8pt; font-style: italic;"] a{background:#eee;border-bottom:1px dashed #ab1414}
- .talkform td span[style="font-size: 8pt; font-style: italic;"] a:hover{color:#444!important;background:#fff}
- #from-openid-more div{width:70%;margin:0;font-weight:bold}
- #username,#password{min-width:45%/*ugly hack*/}
- /*7-14-19: DW seems to have changed something so made adjustments */
- .talkform #subject,.talkform textarea{font-size:105%}
- .talkform td #subject{width:75%;padding:.3em;margin:0}
- .talkform textarea{max-width:85%;margin:0 0 -.1em 0}
- .talkform textarea:not(*:root){margin:0 0 -.3em 0}
- #ljnohtmlsubj{font-size:85%!important;padding-top:.3em}
- #nohtmledit span{margin:0 0 -1.4em;padding:0;font-size:85%!important}
- .talkform div#ljnohtmlsubj,.talkform div#userpics,#nohtmledit span{display:block}
- /*7-15-19: DW seems to have changed something so added new code */
- .talkform #userpics select{position:relative;top:-.2em;padding:.2em;font-size:95%}
- .talkform #lj_userpicselect{position:relative;top:-.23em;padding:.2em}
- .talkform input,.talkform textarea,.de{padding:.3em}
- .talkform input:not(*:root),.talkform textarea:not(*:root),.de:not(*:root){padding:.5em}
- .talkform select{padding:.2em}
- .talkform select:not(*:root){padding:.4em}
- /*7-15-19: DW seems to have changed something so added new code */
- #from-user-more div:nth-of-type(1){display:block;margin-bottom:.2em}
- #from-user-more input{padding-left:.2em!important;color:#333!important;background:none!important/* removes input box default usericon;
- hate to editorialize but don't see a need for usericon to be next to words "Dreamwidth account" *and* in input box directly below */}
- /*7-16-19: more ugly hacks */
- @media(max-width:600px){
- .talkform tr *{max-width:85%/*ugly hack*/}
- label[for="talkpostfromanon"]:after{display:block
- /*ugly - but interesting! - hack, as it resizes the entire comment form @ any res */}
- #from-openid-more div{min-width:100%/*ugly hack*/}
- #username,#password{min-width:54%/*ugly hack*/}
- }
- /*7-16-19: more ugly hacks */
- @media(max-width:460px){
- .talkform{clear:both!important;margin-left:-3em;/*this doesn't work -->*/max-width:55%!important/<--*7-14-19: looks like someone broke the form or else resizenss has been buried/perhaps accidentally turned off in backend,
- as this no longer resizes */}
- .talkform tr *{max-width:50%/*ugly hack*/}
- .talkform div {max-width:55%!important/*ugly hack*/}
- .talkform td #subject{width:47%/*ugly hack*/}
- .talkform textarea{max-width:47%!important/*ugly hack*/}
- #subjectIconList div{max-width:75%!important/*ugly/weird hack*/}
- .talkform td[align="right"]{visibility:hidden}
- }
- @media(max-width:440px){
- .talkform{top:1em!important;margin-bottom:-4.5em!important}
- .page-entry .talkform,.page-reply .talkform{top:2em}
- .page-entry #postform,.page-reply #postform{margin-top:0;margin-bottom:5.5em}
- .page-entry #postform:not(*:root),.page-reply #postform:not(*:root){margin-top:1em}
- #username,#password{min-width:100%/*ugly hack*/}
- }
- /*7-14-19: DW recently switched emojis from old-skool table to flex-wrap div*/
- .comment-subjecticon{float:right;margin:-3em 0}
- .comment-subjecticon img{border-radius:100%;padding:5px}
- #subjectIconList:before{content:"Click an emoji to add to your comment title ^";position:relative;top:-.8em;left:-3.2em}
- #subjectIconList,#subjectIconList table{background:none;display:table!important}
- #subjectIconList div{margin-left:-3em;margin-top:-1.5em;margin-bottom:-.9em;border:0!important}
- .logged-in #subjectIconList div{margin-bottom:-.2em}
- #subjectIconList div div{margin:1em 0 0 0}
- #subjectIconList img{height:14px;width:14px;}
- #subjectIconList img[id]{font-size:80%;font-weight:normal}
- @media(max-width:600px){
- #subjectIconList div{max-width:80%}
- }
- #spellcheck,#spellcheck + label{display:none}
- #misc_controls label{font-size:100%}
- label[for=unscreen_parent]{display:inline-block;margin:1.3em 0 0 0;width:85%}
- #unscreen_parent{float:left;position:relative;left:-.3em;top:21px}
- #editreason.textbox{width:85%;margin:1.3em 0 .3em 0}
- #textcaptcha_container{display:block;clear:both;position:relative;top:1.5em}
- #textcaptcha_response{margin-top:.5em;width:85%}
- .captcha p{margin-top:1.2em;margin-bottom:-1em}
- /*Archive Year(s)*/
- .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%}
- .page-archive .topnav ul{display:block}
- .page-archive .navigation ul{padding:0 1em .6em 0;margin-bottom:0}
- .page-archive .navigation ul li{display:inline;padding:0 1em 0 0}
- .page-archive .navigation a{font-weight:normal;font-style:normal;color:#888}
- @media (max-width:1100px){
- .page-archive .navigation{width:108%;min-width:250px}
- }
- @media (max-width:790px){
- .page-archive .navigation{width:113%;min-width:250px}
- }
- @media (max-width:500px){
- .page-archive .navigation{margin:1.5em 0 0 0;width:120%}
- }
- #archive-year{padding:2.2em 4em 0;margin-left:-4em}
- .month-wrapper{margin:1.5em 0}
- .month-wrapper .header{position:relative; left:0;padding:0 0 .5em 0}
- table.month{margin:0;border-collapse:collapse;text-align:center;width:90%}
- table.month td,table.month th{padding:3px}
- table.month td p{margin:0;padding:3px}
- table.month th,table.month td{border:1px solid#ccc}
- table.month th{font-weight:normal;height:3em;padding:.5em}
- table.month td{height:4em;min-width:2.5em}
- @media (max-width:375px){
- table.month td,table.month th{min-height:2em;min-width:1.6em;padding:0 .25em}
- }
- .month-wrapper .day-has-entries{background:#f7f7f7}
- .month-wrapper .day-has-entries a{color:#ab1414;border-top:1px solid#ccc}
- .month-wrapper .day-has-entries:hover,.month-wrapper .day-has-entries:hover p a{color:#555}
- .month-wrapper .footer{padding:.5em 0 .5em 0}
- .month-wrapper .footer a{color:#888}
- /*Archive Month(s)*/
- #archive-month{font-size:83%}
- .page-month .month{margin:1em 2em 0 2em}
- @media(max-width:1150px){
- .page-month .month{margin:1em 2em 0 1.2em!important}
- }
- .page-month .navigation{margin:4em -.5em 0 1em;border-bottom:1px solid#ccc;text-align:center}
- @media(max-width:1150px){
- .page-month .navigation{margin:4em 0 0 .5em!important}
- }
- .page-month .navigation ul{display:block;padding:0:margin:0 auto;position:relative;top:-1.8em;height:3px}
- .page-month .navigation li{display:inline}
- .page-month .topnav{padding-top:.4em;border-top:1px solid#ccc}
- .page-month .topnav form{margin-top:-.3em;text-align:center}
- .month-back,.month-forward,.month-back a,.month-forward a{color:#888;font-size:.75em;font-weight:600}
- .page-month ul select[name="redir_key"],.page-month ul input{background:#f7f7f7;border:1px solid#ccc}
- .page-month ul input{padding:.275em}
- .page-month select,.month dd{padding:.2em}
- .month dl, .month dt, .month dd,.page-month h3.entry-title{margin:0;padding:0}
- .month dl{margin:0 -1em 0 -1em}
- .month dl a{font-weight:bold}
- .month dl dt,.month dd a{font-weight:normal}
- .month dl .time{padding:.3em;margin-top:1em;margin-right:-.5em;background:#f7f7f7;border:1px solid#ccc}
- .month dd{font-size:1em}
- .page-month h3.entry-title{display:inline-block;margin-top:1em;margin-right:.6em}
- .overview-commentcount{display:inline-block;padding-bottom:1em;margin-left:-.5em;font-size:100%;color:#ab1414}
- .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}
- @media (max-width:375px){
- .page-month ul select[name="redir_key"]{width:61%}
- }
- /*Tags Page*/
- .tags-container{border-top:1px solid#ccc;padding:0}
- .tags-container h2{font-size:1.4em;padding:.3em 0 .4em 0;border-bottom:1px solid#ccc}
- @media (max-width:1090px){
- .tags-container{margin-top:3.5em}
- }
- .tags-container .contents{margin-left:-1.35em;font-weight:500}
- .tags-container .contents:not(*:root){margin-left:-1.2em;padding:1em 0 1em 0}
- /*Icons Page*/
- .icons-container{margin:-.4em 0 0 0;padding:0 2.5em 0 0}
- .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%}
- @media(max-width:970px){
- .page-icons .header,.page-icons .contents .inner{margin-left:0}
- }
- .sorting-options ul{margin:1em 0 -.3em;padding-left:0}
- .sorting-options ul li{display:inline}
- .page-icons .toppages,.page-icons .bottompages{margin:0 0 -2.7em 0;font-size:100%;padding:1em 0 2.7em 0}
- .page-icons .bottompages{margin:0 0 -2em 0}
- .page-icons .toppages p,.page-icons .bottompages p{display:inline;font-weight:bold}
- .page-icons .toppages p a,.page-icons .bottompages p a{color:#555}
- .icon-default .icon-image{padding-top:1em}
- .default.label{margin-bottom:0}
- .default{border-top:1px solid#ccc;padding-top:1em}
- .icon.icon-default{padding:0 0 2.2em 0}
- .icon-keywords{padding:.4em 0 0 0}
- .icon-keywords ul{display:inline;margin-left:0;padding-left:0}
- .icon-keywords ul li{display:inline}
- .icon-info span{font-weight:bold}
- .icon{width:105%;min-height:78px;margin:1em 3em 0 0;padding:0 0 2.8em 0}
- .icon,.icon-keywords li{border-bottom:1px solid#ccc}
- .icon-image{float:right;clear:both;margin:.15em 0 0 1em}
- .icon-description{margin-bottom:-1em}
- /*Modules*/
- .module-header{text-transform:none!important;font-size:1.35em}
- .module h2{padding-top:.4em;padding-bottom:.4em;text-transform:lowercase;border-top:1px solid#ccc;border-bottom:1px solid#ccc}
- .module-userprofile h2{border-top:0}
- .module-section-one .text-links{display:;margin-top:0!important}
- .module-userprofile .journal-website-name{padding-top:.5em;padding-bottom:.3em}
- .logged-out .module-userprofile{margin-bottom:1.2em}
- ul.userlite-interaction-links{list-style:none}
- ul.userlite-interaction-links li{display:block}
- ul.userlite-interaction-links.icon-links{margin-left:0;padding-left:0}
- ul.userlite-interaction-links.icon-links li{display:inline; padding:0 .20em}
- ul.userlite-interaction-links.text-links{text-align:left}
- ul.userlite-interaction-links.text-links a{padding:0}
- .module-content{padding-top:.8em}
- .module-content ul{list-style:none;margin-left:1em;padding-left:0}
- .module-content li{margin:.5em 0;padding:.3em 0}
- .search-form .search-box-item, .search-form .search-button-item{display:block}
- .search-form .comment_search_checkbox_item{display:inline}
- .search-form{margin-left:-.3em;margin-bottom:1.1em}
- .search-form input,.module-section-one .search-form span{padding:.4em!important;font-size:95%}
- .search-form .comment_search_label{display:inline-block;margin:0 0 0 -.6em!important;font-style:italic}
- .search-form .comment_search_label:after{content:"?"}
- .module-pagesummary,.module-active,.module-typelist2{margin-bottom:1.1em}
- .module-pagesummary .ljuser{white-space:normal!important}
- .module-pagesummary .module-content{word-wrap:break-word}
- .active-entry-label{font-weight:bold}
- .module-section-one{margin:.2em 0 0 .2em;padding-bottom:1em}
- .page-tags .module-section-one,.page-month .module-section-one{margin-top:0}
- .module-section-one ul{margin:0}
- .module-section-one .module-content li{margin:0;padding:.3em 0}
- .module-content{font-size:95%}
- .module-typelist2 .module-content{font-size:100%}
- .module-content li{font-size:1em}
- .module-content,.module-section-one .module-list a{font-style:normal}
- /*Footer*/
- .top,.page-top{margin-top:-1.7em;transform:rotate(-1.7deg)}
- @media(max-width:1200px){
- .top,.page-top{margin-top:-1.6em}
- }
- @media(max-width:1000px){
- .top,.page-top{margin-top:-1.3em}
- }
- @media(max-width:900px){
- .top,.page-top{margin-top:-.7em}
- }
- .top a,.page-top a{padding:15px;padding-top:9px;padding-bottom:9px;font-size:85%;background:#ab1414;border-radius:5%;color:#fff}
- .top a:hover,.page-top a:hover{color:#eee!important}
- #footer{border-top:1px solid#ccc;padding:0;text-transform:lowercase}
- #footer .inner{padding:2em 0}
- /* Misc. Edits */
- ::-moz-selection,::selection{background:#444;color:#fff}
- .entry-content .cuttag_container{display:block;margin-top:2em}
- .entry-content .cuttag_container img{border:0;background:transparent!important}
- .entry-content .cuttag-action-before{margin-left:-.35em}
- /*DW Global Navbar*/
- .has-navstrip .module-navlinks,.has-navstrip .module-navlinks ul{margin-left:0}
- @media (max-width:750px){
- .has-navstrip #header h1{margin-top:.1em}
- }
- /*7-14-19: DW seems to have changed something so made adjustments*/
- /*todo:add on:focus textbox/form bg color*/
- #lj_controlstrip{background:#fff;border-bottom:1px solid#ccc;padding:1em 0 1em 1em;max-width:98.7%}
- #lj_controlstrip tr a:nth-of-type(5){color:#000;background:#f0f0f0;border:1px solid#ccc;padding:.2em .4em 0 .2em}
- #lj_controlstrip form{font-size:.95em}
- #lj_controlstrip a:hover{text-decoration:none;color:#ab1414!important}
- #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}
- #lj_controlstrip_userpic img{width:40px;height:43px}
- #lj_controlstrip_userpic a,#lj_controlstrip_userpic a:hover,.cutTagControls a:hover,.icon-links a:hover{border:0}
- @media (max-width:1300px){
- #lj_controlstrip_userpic{margin-left:.8em;margin-bottom:.3em}
- }
- @media (max-width:450px){
- #lj_controlstrip{padding:1em 2%}
- #lj_controlstrip_userpic{display:none!important}
- #lj_controlstrip_actionlinks{padding-top:1em!important}
- }
- #lj_controlstrip td{font-size:.85em}
- #lj_controlstrip_user{position:relative;top:-.4em}
- #lj_controlstrip_user,#lj_controlstrip_actionlinks{margin-right:}
- #lj_controlstrip #Logout{display:inline-block;font-size:1em!important;margin:0 1.15em .3em .7em;padding:.3em}
- #lj_controlstrip #Logout, #lj_controlstrip input[type='submit'],.page-month input[type='submit']{cursor:pointer}
- #lj_controlstrip input{max-width:40%;padding:.23em!important}
- #lj_controlstrip_login,#lj_controlstrip_actionlinks,#lj_controlstrip_user{margin-bottom:-.6em;border:0!important}
- #lj_controlstrip_search .select{padding:.27em}
- #lj_controlstrip_search .select:not(*:root){padding:.31em}
- span#lj_controlstrip_statustext{position:relative;top:-.5em;color:#444;font-size:100%}
- .appwidget-search{position:relative;bottom:.2em;font-size:85%;min-width:40px}
- .subscribed #lj_controlstrip_actionlinks{margin-top:-.2em!important}
- #lj_controlstrip_login_secondary_controls{margin-top:.5em}
- .logged-out #lj_controlstrip_userpic{visibility:hidden;margin-left:-4.2em}
- .logged-out #lj_controlstrip_userpic:not(*:root){margin-left:-4em}
- .logged-out.has-navstrip td label{font-size:1.2em;padding-left:.3em}
- .logged-out.has-navstrip #lj_controlstrip_actionlinks{margin-right:2%}
- .logged-out.has-navstrip input#xc_user,.logged-out.has-navstrip input#xc_password{min-width:140px}
- .logged-out.has-navstrip td a[tabindex]{font-size:1.1em;font-weight:bold!important;position:relative;left:.2em}
- /*Userpics/usericon hover*/
- .ui-tooltip{-o-box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}
- .ui-tooltip img:hover{-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: transform;transition-property: transform;
- -webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transform: rotate(-270deg);transform: rotate(-270deg)}
- .ui-tooltip.ui-widget{max-width:10.5em;padding:.5em 1em .5em 1em;background:#fff;border-radius:2%;border:1px solid#ccc}
- .ui-tooltip.ui-widget div,.icon:last-of-type,.page-reply .screened{font-size:95%;border:0}
- .ui-tooltip.ui-widget ul{margin:-1em 0 1em -.5em}
- .ui-tooltip.ui-widget li{list-style-type:none}
- .ui-tooltip.ui-widget li a{font-weight:bold;font-size:85%}
- .Relation{padding:1em 0 0 0;max-width:35%}
- .ui-tooltip.ui-widget img{margin:.9em 0 0 1.3em!important;border:1px solid#ccc;background:#fff;width:45px;height:45px}
- .logged-out .ui-tooltip.ui-widget img{margin:.4em 0 -.8em 0}
- /*DW Polls*/
- .poll-container{display:block;margin-top:-.5em}
- .poll-status{display:block;margin:1.2em 0 1em 0}
- .poll-control{display:block;padding:0 0 1.5em 0}
- .poll-title b:after{content:":";font-weight:normal}
- .poll-title i{font-weight:bold}
- .poll-title i:before,.poll-title i:after{content:"''"}
- .poll-inquiry p{margin-top:-.5em;padding-bottom:.5em}
- .poll-inquiry div{display:block;margin-left:0!important}
- .poll-response table{margin-bottom:1.3em}
- .poll-response input{margin-left:0}
- .poll-response{display:inline-block;margin-top:-1em!important;margin-bottom:1em!important}
- .poll-response tr td{margin-left:-.3em}
- .poll-response span{max-width:65%}
- .poll-response p{margin-top:0;margin-bottom:.3em}
- .poll-response input[value=""]{display:block;margin-top:-1.1em;margin-bottom:1.3em;padding:.3em;width:95%;font-size:95%;color:#ab1414}
- .poll-container td img,.poll-container p img{border:0;margin:0;background:none;padding:0}
- .poll-container input.LJ_PollSubmit{padding:.3em 1em;background:#eee;font-size:.93em;cursor:pointer}
- /*MADA (Make America Display:none Again)*/
- .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,
- .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,
- span.comment-from-text,.comment-date-text,.logged-out #userpics br,.deleted,.no-userpic .userpic,.partial .comment-poster span:after,#quotebuttonspan,#randomicon,.module-cuttagcontrols,.active-entry-label,
- .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,
- .month-wrapper .contents caption{display:none!important}
- .bottomcomment,.bottomcomment label input,.bottomcomment input,.bottomcomment select,.multiform-checkbox,.page-entry #qrformdiv .iconselect_trigger_wrapper,.page-day .day-date,.page-archive table caption,
- .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
Add Comment
Please, Sign In to add comment
Advertisement