@-moz-document domain("chan.sankakucomplex.com"), domain("idol.sankakucomplex.com") { /* Sankaku Light Version 2.32 */ /* News Articals */ #headerthumbs { /* Thumbnail positioning */ background: #FAFAFA; border-width: 0 2px 2px; border-style: solid; border-color: #DDD; padding-top: 2em !important; padding-bottom: 22px !important; margin-left: -302px !important; height: 150px !important; width: 600px !important; left: 50% !important; position: absolute; } #headerthumbs { /* Hider Top */ box-shadow: 0 2px 6px rgba(0,0,0,0.3); transform: translateY(-95%); transition: transform 0.4s; transition-delay: 0.5s; z-index: 10001 !important; } #headerthumbs:hover { /* Hover to expand */ transform: translateY(-10%); transition: transform 0.4s; transition-delay: 0.14s; z-index: 10001 !important; } #headerthumbs ul { /* Thumbnail container */ padding-left: 1.25em !important; margin: 0 auto !important; width: 560px } /* Hide Sankaku logo */ #headerlogo > a > img, #header > div > a { display: none !important; } /* Notifications */ #news-ticker { position: fixed; bottom: 15px; right: 15px; max-width: 300px !important; z-index: 1000 } #notice { /* Red text on top */ position: fixed !important; box-shadow: 0px 0px 8px rgba(0,0,0,0.7); color: #F00 !important; font-size: 14pt !important; padding: 5px 10px !important; width: auto !important; top: 10px !important; left: 10px !important; } .scad, .scad-i, .sidebar iframe { /* Hide all Ads (Sorry) */ display: none !important; } /* Header */ #site-title { /* Global spacing top */ margin: 0 !important; } #header { /* Space between Header and Content */ cursor: default; margin-bottom: 0 !important; } #site-title, #navbar > li, #subnavbar >li { /* Font size */ font-size: 15px !important; } #navbar { min-width: 985px !important; } #subnavbar { /* Sub navbar spacing top */ border-left: 0 !important; padding: 0.2em 0 0 17px !important; margin-bottom: 0 !important; } #header ul#subnavbar { /* Sub navbar container */ height: 2em !important; } #header ul#navbar li { /* Current page fix */ padding: 0 10px 5px !important; } #header ul#navbar li > ul { /* Hover background fix */ height: 21px !important; } #header ul#navbar li > ul > li { /* Hover elements fix */ background: none !important; border: 0 solid #FFF !important; padding-bottom: 2px !important; } /* Side Bar */ #sticky, #post-view .sidebar { position: absolute; width: 184px !important; top: 98px; left: 0px !important; } #sticky.stick { /* Fix no-click container */ width: 1px !important; overflow: visible !important; } .sidebar { background: #FFF; padding-right: 10px !important; margin-right: 0 !important; width: 184px !important; } @-moz-document url-prefix("https://chan.sankakucomplex.com/post/similar") { .sidebar { position: absolute !important; top: 98px; left: 0px; } } @media screen and (max-width: 1600px) { #post-list .sidebar, #post-view .sidebar{ transform: translateX(-95%); transition: transform 0.3s; transition-delay: 0.5s; } #post-list .sidebar:hover, #post-view .sidebar:hover{ transform: translateX(0%); transition-delay: 0s; } } .sidebar #user-excerpt { padding-right: 1.2em !important; } #wiki-show .sidebar { position: sticky; width: 184px !important; top: 1em; } #tags { /* Text box Styling */ border-radius: 0 !important; margin: 0.1em 0 0.1em -0.4em !important; padding: 2px 5px !important; width: 175px !important; overflow: visible !important; } #blacklisted-sidebar { display: initial !important; } /* Login */ #user-login { margin: 0 auto !important; } @-moz-document url("https://chan.sankakucomplex.com/user/reset_password"), url("https://chan.sankakucomplex.com/user/signup") { #content > div { margin: 0 auto !important; } #content form .form { width: 100% !important; } } #user-login > form > .form { width: 100% !important; } /* My Account */ .user-home-heading img { margin: 5px 18px 5px 5px !important; } #user-index { padding: 1em !important; margin: 0 auto !important; width: 600px !important; } /* My Profile */ .user-show-heading { margin-bottom: 0 !important; text-align: center !important; } .user-show-heading h2 { display: inherit !important; } .user-show-preview h4 { margin: 0 auto 5px !important; width: 860px !important; } .user-show-preview div { display: table !important; margin: 0 auto !important; } .user-show-preview { padding: 1em 0 0 !important; float: none !important; width: 100% !important; } /* Global */ #content { padding: 0 0 30px !important; margin: 1em auto 0 !important; max-width: 1200px; } #share { display: none !important; } #artist-update, #right-col #edit, #right-col #comments { float: none !important; width: 750px !important; margin: 0 auto !important; } /* Post List */ #post-list .content { position: initial; padding-left: 0; width: 100%; } #post-list .blacklisted { display: none !important; } /* Comments & Forum Posts */ #comments .no-comments:after { content: " :("; } .comment { padding: 1em 1em 11px !important; } .comment > .author { padding: 5px 5px 2px; width: 106px !important; } .comment .content { float: left !important; padding-bottom: 20px !important; margin-left: 2em !important; min-height: 123px; width: 570px !important; } .comment .footer { position: absolute; left: 0px; bottom: 0px; margin: 0 !important; } #comment-list .post { margin: 0 0 3em 25px !important; } #forum, #respond-link { padding-left: 180px; margin: 0 !important; } #forum .comment { padding: 1em 1em !important; width: 800px !important; } #forum .comment > .author { width: 158px !important; } #forum .comment .content { min-height: 179px; width: 602px !important; } #preview { margin-left: 100px !important; } #reply { margin-left: 180px; } blockquote, #preview, #comments .preview, .col2 .preview { padding: 5px 8px !important; margin: 0 0 1em 1em !important; } blockquote p { margin-bottom: 0 !important; } @-moz-document url-prefix("https://chan.sankakucomplex.com/forum/index") { #forum { padding-left: 0 !important; } } /* Image View Page */ .status-notice { /* Notice parents/childs related */ margin: 0 auto 1em !important; padding: 0 !important; height: auto !important; max-width: 960px !important; } .status-notice:hover #parent-preview, .status-notice:hover #child-preview { display: inline-block !important; } #parent-preview, #child-preview { /* Preview height fix */ margin: 6px 0 4px !important; display: none !important; } #parent-preview .thumb, #child-preview .thumb { /* Preview height fix */ height: auto !important; } #post-view #right-col { position: inherit !important; padding-left: 0 !important; margin: 0px auto 1em !important; width: 100% !important; } #post-view #right-col #recommended { float: none !important; margin: 1em auto 0 !important; width: 850px !important; } #post-content { padding-top: 0 !important; } #post-content #image { display: block !important; margin: 0 auto !important; width: auto !important; max-width: 100vw; height: auto !important; } #non-image-content { margin: 0 !important; text-align: center !important; } #note-container { margin-left: 0; } #note-count { text-align: center; } @-moz-document url-prefix("https://chan.sankakucomplex.com/post/show/") { #content { max-width: 100vw !important; } } #edit-form { width: 737px !important; } #edit-form #post_source, #edit-form #post_tags{ width: 98.5% !important; } #edit-form #post_tags { padding: 0.2em; } /* Mail */ #has-mail-notice { padding: 15px 0 !important; margin: 15px 0 !important; } #has-mail-notice a { padding: 14px 120px; } #mail-show { display: block !important; margin: 0 auto !important; padding: 1em !important; width: 66em !important; min-height: 18em !important; overflow-x: auto !important; } .message-user { padding: 4px 4px 0 !important; margin: 0 1em 0 0 !important; } #response > form > table { margin-left: 16em !important; } #mail-show div.message { margin-bottom: 0 !important; } #content #preview { margin-left: 10% !important; width: 40% !important; } #dmail_body { width: 99% !important; } /*More page*/ @-moz-document url("https://chan.sankakucomplex.com/static/more") { body.en #content #header > div > a > img { display: none !important; } #content > #header > div > #headerthumbs { /* News articles fix */ transform: translateY(-102%) !important; } #content > #header > div > #headerthumbs:hover { /* News articles fix */ transform: translateY(-16%) !important; } #static-more { /* Fix weird header merge bug */ padding: 10px 0 10px 30px !important; width: 700px; position: absolute !important; top: 300px !important; left: 50% !important; margin-right: -50% !important; transform: translate(-50%, -50%) !important; } } /* Paginator Stuff */ #paginator { padding: 5px 0 15px !important; } }