1 line
12 KiB (Stored with Git LFS)
CSS
1 line
12 KiB (Stored with Git LFS)
CSS
*,*::after,*::before{box-sizing:border-box}*:focus{outline:none}:root{color:black;background-color:#eceeec}html{height:100%;font-size:70%}body{width:100%;height:100%;line-height:150%;font-size:1.6rem;font-family:"Hind", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#without-footer{min-height:calc(100% - 60px)}footer{height:60px;line-height:60px;background-color:black;text-align:center;color:white;opacity:0.75;font-size:90%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-overflow-scrolling:touch}a{color:#2462d2;text-decoration:none}a:hover{color:#25283D}p{line-height:1.6;margin:1em 0.5em;color:#232423;text-align:left}i[class^="fa"]{margin-right:5px}i[class^="fa"][class*="right"]{margin-right:unset;margin-left:5px}h1,h2,h3,h4,h5,h6{opacity:0.8;margin-left:0;margin-right:0;font-weight:bold;margin:2em auto 1em}h1{margin:0.67em auto}h2{color:#25283D;font-size:1.7em}h3{font-size:1.2em}h4{font-size:1em}h5{font-size:0.85em}h6{font-size:0.60em}em{font-style:italic}strong{font-weight:bold}blockquote{font-style:italic;margin:2em auto 2em 32px;font-family:"monospace";border-left:6px solid #25283D;padding-left:15px}blockquote::before{content:"\f10d";font-family:"Font Awesome\ 5 Free";font-size:80%;font-weight:900}code.highlighter-rouge{font-size:85%;padding:0.2em;background-color:rgba(0, 0, 0, 0.15);border-radius:3px}div.highlighter-rouge{max-width:1024px;display:block;margin-left:auto;margin-right:auto}.highlight pre{margin:30px auto;color:white;font-size:110%;padding:5px 5px 5px 15px;border-color:grey;border-style:solid;border-width:1px 1px 1px 10px;white-space:pre-wrap;overflow-x:auto;border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px}.highlight pre code[class]:before{content:"language: " attr(data-lang);display:block;text-align:right;font-size:smaller;padding-bottom:5px}hr{border:0;width:100%;height:2px;background-color:#333;background-image:linear-gradient(to right, #ccc, #25283D, #ccc);margin:30px auto}#post-date{font-style:italic;margin:20px;font-size:75%}ul.posts{text-align:left;margin:15px 15%}ul.posts li{margin:10px;padding:15px;border-left:4px solid #708090;border-radius:4px;overflow:auto}ul.posts a{font-weight:bold}span.dates{float:right;padding-left:10px}.post-content{max-width:1024px;margin:20px auto 0;text-align:left}.post-content ul{list-style:none;margin-left:2em;list-style-position:inside}.post-content ul > li > p::before{content:"•";padding-right:5px}.post-content ol{list-style:none;margin-left:2em}.post-content ol > li{counter-increment:step-counter}.post-content ol > li > p::before{content:counter(step-counter) ".";padding-right:5px}#isso-thread,.post-content,.post-gallery,.post-video{max-width:100%;display:block;margin:40px auto}.post-content p > a > img{max-width:100%;border:3px solid #25283D;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;display:block;margin:40px auto}.post-content > p > a > img:hover{opacity:0.75}.post-video{position:relative;padding-bottom:56%;overflow:hidden}.post-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.post-player{margin:100px 0;overflow-y:hidden}#search-input{color:#333;background-color:mintcream;padding:15px;border:1px solid grey;border-radius:5px;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out}#search-input:focus{box-shadow:3px 3px 3px grey}#results-container{padding-top:15px}#image_404{max-width:100%;margin:20px auto;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;visibility:visible;animation:fade-in 1s ease;-webkit-backface-visibility:hidden;-webkit-animation:fade-in 1s ease;-moz-animation:fade-in ease-in-out 1s both;-ms-animation:fade-in ease-in-out 1s both;-o-animation:fade-in ease-in-out 1s both}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}img.emoji{vertical-align:-14%}blockquote img.emoji{vertical-align:-8%}ul.pager{text-align:center;list-style:none}ul.pager li{display:inline;border:1px solid black;border-radius:5px;padding:10px;margin:5px}ul.pager li.selected a{color:black}.cd-auto-hide-header img{border-radius:50%;max-height:80%;margin:6px;vertical-align:middle;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out}.cd-auto-hide-header img:hover{opacity:0.5}@media only screen and (max-width: 140px){.cd-auto-hide-header img{visibility:hidden}}.cd-auto-hide-header h1{margin-left:4px;display:inline-block;vertical-align:middle;font-weight:normal}@media only screen and (max-width: 310px){.cd-auto-hide-header h1{visibility:hidden}}.cd-auto-hide-header{position:fixed;z-index:2;top:0;left:0;width:100%;height:60px;background-color:white;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}.cd-auto-hide-header::after{clear:both;content:"";display:block}.cd-auto-hide-header.is-hidden{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}@media only screen and (min-width: 1024px){.cd-auto-hide-header{height:80px}}.cd-auto-hide-header .nav-trigger{position:absolute;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cd-auto-hide-header .nav-trigger{padding:0 1em;font-size:1.2rem;color:#0d0d0d;font-weight:bold;right:0;border-left:1px solid #0d0d0d}.cd-auto-hide-header .nav-trigger em,.cd-auto-hide-header .nav-trigger em::after,.cd-auto-hide-header .nav-trigger em::before{display:block;position:relative;height:2px;width:22px;background-color:#0d0d0d;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-auto-hide-header .nav-trigger em{margin:6px auto 14px;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.cd-auto-hide-header .nav-trigger em::after,.cd-auto-hide-header .nav-trigger em::before{position:absolute;content:"";left:0;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s}.cd-auto-hide-header .nav-trigger em::before{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}.cd-auto-hide-header .nav-trigger em::after{-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}@media only screen and (min-width: 1024px){.cd-auto-hide-header .nav-trigger{display:none}}.cd-auto-hide-header.nav-open .nav-trigger em{background-color:rgba(255, 255, 255, 0)}.cd-auto-hide-header.nav-open .nav-trigger em::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.cd-auto-hide-header.nav-open .nav-trigger em::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.cd-primary-nav{display:inline-block;float:right;height:100%;padding-right:5%}.cd-primary-nav > ul{position:absolute;z-index:2;top:60px;left:0;width:100%;background-color:white;display:none;box-shadow:0 14px 20px rgba(0, 0, 0, 0.2)}.cd-primary-nav > ul a{display:block;height:50px;line-height:50px;padding-left:5%;font-size:1.8rem;border-top:1px solid black;color:black}.cd-primary-nav > ul a:hover{background-color:black;color:white}@media only screen and (min-width: 1024px){.cd-primary-nav{display:table}.cd-primary-nav > ul{display:table-cell;vertical-align:middle;position:relative;width:auto;top:0;padding:0;background-color:transparent;box-shadow:none}.cd-primary-nav > ul::after{clear:both;content:"";display:block}.cd-primary-nav > ul li{display:inline-block;float:left;margin-right:1.5em}.cd-primary-nav > ul li:last-of-type{margin-right:0}.cd-primary-nav > ul a{height:auto;line-height:normal;padding:10px;border:none;background-color:white}.cd-primary-nav > ul a:hover{border-radius:5%}.cd-primary-nav > ul a.active{border-bottom:black 3px solid}}.cd-primary-nav ul:target,.nav-open .cd-primary-nav ul{display:block}@media only screen and (min-width: 1024px){.cd-primary-nav ul:target,.nav-open .cd-primary-nav ul{display:table-cell}}.cd-secondary-nav{position:absolute;z-index:1;clear:both;width:100%;height:60px;right:0;display:flex;justify-content:center;background-color:black;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}.cd-secondary-nav::after{content:"";position:absolute;z-index:1;top:0;right:0;height:100%;width:35px;background:transparent;background:-webkit-linear-gradient(right, black, rgba(37, 40, 61, 0));background:linear-gradient(to left, black, rgba(37, 40, 61, 0));pointer-events:none;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.cd-secondary-nav.nav-end::after{opacity:0}.cd-secondary-nav a,.cd-secondary-nav li,.cd-secondary-nav ul{height:100%}.cd-secondary-nav ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.cd-secondary-nav ul::after{clear:both;content:"";display:block}.cd-secondary-nav li{display:inline-block;float:left;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.cd-secondary-nav li:last-of-type{padding-right:20px}.cd-secondary-nav a{display:block;color:white;opacity:0.6;line-height:60px;padding:0 1em}.cd-secondary-nav a.active,.cd-secondary-nav a:hover{opacity:1}@media only screen and (min-width: 1024px){.cd-secondary-nav{height:70px;overflow:visible}.cd-secondary-nav li{float:none;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}.cd-secondary-nav a{line-height:70px}.cd-secondary-nav a.active{box-shadow:inset 0 -3px #4169E1}}.cd-secondary-nav.fixed{position:fixed;top:60px}.cd-secondary-nav.slide-up{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}@media only screen and (min-width: 1024px){.cd-secondary-nav.fixed{top:80px;box-shadow:0 -6px 0 #25283D}.cd-secondary-nav.slide-up{-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)}}.cd-main-content{padding:2em 10%;overflow:hidden;margin-top:50px;text-align:center}.cd-main-content.sub-nav{padding-top:110px}.cd-main-content.sub-nav-hero{padding-top:50px}@media only screen and (min-width: 1024px){.cd-main-content{padding-top:80px}.cd-main-content.sub-nav{padding-top:150px}}.cd-main-content.sub-nav-hero:target::before,.cd-main-content.sub-nav:target::before{display:block;content:"";margin-top:-50px;height:50px;visibility:hidden}@media only screen and (min-width: 1024px){.cd-main-content.sub-nav-hero:target::before,.cd-main-content.sub-nav:target::before{margin-top:-70px;height:70px}}#cd-hero{width:100%;margin-top:60px;height:300px;background:url("../img/background.jpg") no-repeat center center;background-size:cover}@media only screen and (min-width: 768px){#cd-hero{height:400px}}@media only screen and (min-width: 1024px){#cd-hero{height:600px;margin-top:80px}}@media (prefers-color-scheme: dark){:root{color:white;background-color:#38444c}a{color:#8fb2f0}a:hover{color:#c9cce0}p{color:#dcdbdc;line-height:1.8}h2{color:#dad7c2}#isso-thread > h4{color:#dad7c2 !important}#isso-thread > .isso-postbox > .form-wrapper > .auth-section input,#isso-thread > .isso-postbox div.textarea,#isso-thread > .isso-postbox div.textarea:focus{color: #dcdbdc !important;border:1px solid #ccc !important;background-color:#2c2c2c !important}#isso-thread > #isso-root > .isso-comment div.text-wrapper .isso-comment-header span.author{color:#dcdbdc !important}hr{background-color:#fffccc;background-image:linear-gradient(to right, #25283D, #ccc, #25283D)}#search-input{color:inherit;background-color:#2c2c2c}#search-input:focus{box-shadow:3px 3px 3px #2c2c2c}ul.pager li{border-color:white}.cd-auto-hide-header{background-color:#2c2c2c}.cd-auto-hide-header .nav-trigger{color:#f2f2f2;border-left-color:#f2f2f2}.cd-auto-hide-header .nav-trigger em,.cd-auto-hide-header .nav-trigger em::after,.cd-auto-hide-header .nav-trigger em::before{background-color:#f2f2f2}.cd-primary-nav > ul a{color:white;background-color:#2c2c2c}.cd-primary-nav > ul a.active{border-bottom-color:white}.cd-primary-nav > ul a:hover{color:black;background-color:white}} |