diff --git a/sand.css b/sand.css index 0d49e00..b25047d 100644 --- a/sand.css +++ b/sand.css @@ -1,177 +1 @@ -.flashyboi { - animation: blinker 1s step-start infinite; -} - -@keyframes blinker { - 50% { - opacity: 0; - } -} - -/* I FUCKING STOLE IT */ -/* $color-text: #dedce5; */ -/* Sakura.css v1.0.0 - * ================ - * Minimal css theme. - * Project: https://github.com/oxalorg/sakura - */ -/* Body */ -html { - font-size: 62.5%; - font-family: Roboto; } - -body { - font-size: 1.8rem; - line-height: 1.618; - max-width: 38em; - margin: auto; - color: #c9c9c9; - background-color: #222222; - padding: 13px; } - -@media (max-width: 684px) { - body { - font-size: 1.53rem; } } - -@media (max-width: 382px) { - body { - font-size: 1.35rem; } } - -h1, h2, h3, h4, h5, h6 { - line-height: 1.1; - font-family: Roboto, Roboto, sans-serif; - font-weight: 700; - overflow-wrap: break-word; - word-wrap: break-word; - -ms-word-break: break-all; - word-break: break-word; - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; } - -h1 { - font-size: 2.35em; } - -h2 { - font-size: 2.00em; } - -h3 { - font-size: 1.75em; } - -h4 { - font-size: 1.5em; } - -h5 { - font-size: 1.25em; } - -h6 { - font-size: 1em; } - -small, sub, sup { - font-size: 75%; } - -hr { - border-color: #ffffff; } - -a { - text-decoration: none; - color: #ffffff; } - a:hover { - color: #c9c9c9; - border-bottom: 2px solid #c9c9c9; } - -ul { - padding-left: 1.4em; } - -li { - margin-bottom: 0.4em; } - -blockquote { - font-style: italic; - margin-left: 1.5em; - padding-left: 1em; - border-left: 3px solid #ffffff; } - -img { - max-width: 100%; } - -/* Pre and Code */ -pre { - background-color: #4a4a4a; - display: block; - padding: 1em; - overflow-x: auto; } - -code { - font-size: 0.9em; - padding: 0 0.5em; - background-color: #4a4a4a; - white-space: pre-wrap; } - -pre > code { - padding: 0; - background-color: transparent; - white-space: pre; } - -/* Tables */ -table { - text-align: justify; - width: 100%; - border-collapse: collapse; } - -td, th { - padding: 0.5em; - border-bottom: 1px solid #4a4a4a; } - -/* Buttons, forms and input */ -input, textarea { - border: 1px solid #c9c9c9; } - input:focus, textarea:focus { - border: 1px solid #ffffff; } - -textarea { - width: 100%; } - -.button, button, input[type="submit"], input[type="reset"], input[type="button"] { - display: inline-block; - padding: 5px 10px; - text-align: center; - text-decoration: none; - white-space: nowrap; - background-color: #ffffff; - color: #222222; - border-radius: 1px; - border: 1px solid #ffffff; - cursor: pointer; - box-sizing: border-box; } - .button[disabled], button[disabled], input[type="submit"][disabled], input[type="reset"][disabled], input[type="button"][disabled] { - cursor: default; - opacity: .5; } - .button:focus, .button:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="button"]:focus, input[type="button"]:hover { - background-color: #c9c9c9; - border-color: #c9c9c9; - color: #222222; - outline: 0; } - -textarea, select, input[type] { - color: #c9c9c9; - padding: 6px 10px; - /* The 6px vertically centers text on FF, ignored by Webkit */ - margin-bottom: 10px; - background-color: #4a4a4a; - border: 1px solid #4a4a4a; - border-radius: 4px; - box-shadow: none; - box-sizing: border-box; } - textarea:focus, select:focus, input[type]:focus { - border: 1px solid #ffffff; - outline: 0; } - -input[type="checkbox"]:focus { - outline: 1px dotted #ffffff; } - -label, legend, fieldset { - display: block; - margin-bottom: .5rem; - font-weight: 600; } +body{background-color:#000}img{display:block;margin-left:auto;margin-right:auto;width:100%;padding-bottom:15px}@font-face{font-family:cyberpunkwaifus;src:url(CyberpunkWaifus.woff) format('woff');font-weight:400;font-style:normal}a{text-decoration:none;display:block;text-align:center;font-family:cyberpunkwaifus;font-size:20px;color:#fff}.boarda{text-align:left;font-size:17px;font-family:cyberpunkwaifus;color:#fff}.boardb{text-align:right}#newthread{font-size:30px;color:#fff;display:block;text-decoration:none;text-align:center;font-family:cyberpunkwaifus}#newthread:hover{text-decoration:underline}a:hover{text-decoration:underline}.redtext{color:#ed145b;font-size:18px;font-family:cyberpunkwaifus;word-wrap:break-word}div{display:block;margin-left:auto;margin-right:auto}#sitecorner{border-radius:25px;border:2px solid #fff;padding:20px;width:395px;height:auto}#maincontainer{width:100vw;border-radius:25px;border:2px solid #fff;max-width:568px;height:auto;margin:0 auto;position:relative;padding:20px}textarea,#draggable>form>input[type=text],.text_input{resize:none;background-color:#262626;color:#fff;border:none;border-radius:4px}#title,.title{font-size:30px;color:#fff;font-family:cyberpunkwaifus;font-weight:900;padding-bottom:15px}.comment,.comment-styled{font-size:18px;color:#fff;font-family:cyberpunkwaifus;word-wrap:break-word}#boardtitle{text-align:center;font-family:cyberpunkwaifus;color:#fff;font-size:19px}#boardcontainer{text-align:center;height:20px;width:auto}#boardid{display:inline}.pagecount{display:inline;font-size:smaller}#pagecount_container{text-align:center}#modlogo{max-width:395px;width:auto}#container_login{text-align:center}input[type=submit]{margin-top:3px}.fa{color:#fff}.fa:hover{text-decoration:underline}small{color:#fff}.fa-unlock-alt,.fa-lock,.offset-left{margin-left:6px}input,textarea{font-size:16px}.burg{width:50%}.sticky-1{color:#006400}.sticky-2{color:#faa757}.sticky-3{color:#ff8080}.sticky-4{color:#4891d9}.sticky-5{color:#cc2e2d}.sticky-6{color:#90f}.sticky-7{color:#db9863}.sticky-8{color:#6e4b2a}.locked{color:#7a7a7a}.button_styled{border:1px solid #fff;padding:4px;color:#fff;background-color:#000;font-family:cyberpunkwaifus}.special_styled{border:1px solid #ed145b;padding:4px;color:#fff;background-color:#000;font-family:cyberpunkwaifus}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}hr{border:none;box-shadow:none;height:5px;border-top:1px solid #343434}@media only screen and (max-width:479px){#maincontainer{margin:0;border:none;padding:0;borderradius:0;width:100%}#sitecorner{margin:0;border:none;padding:0;width:100%}img{width:100%;height:auto}#boardcontainer{margin-bottom:25px}}#header{height:130px}.header-unbound{width:395px}#maincontainer{overflow:hidden;color:#fff;padding;10px}.red{color:#ed145b}footer,.footer{font-size:xx-small!important;text-align:center}a.footer{display:inline-block}#submit{float:right;height:20px;line-height:0}.all_extra_board{color:grey}#index-news{text-align:center}#index-boards{margin:20px;line-height:1.5;columns:2}.boarda-margin{margin:20px}.a-like:hover{text-decoration:underline}.search-form{line-height:1.2}.autogenerated-link{font-size:18px;display:inline-block;text-align:left;word-break:break-all}.center{text-align:center}.thread-metadata{font-size:11px}.thread-lock{display:block!important;text-align:center}.referencer{display:inline-block}.spoiler:hover{color:#fff;border-bottom:1px solid #eee}.spoiler{color:#000;border-bottom:1px solid #333}.redtext>.spoiler:hover{color:#ed145b;border-bottom:1px solid #ed145b}.redtext>.spoiler{border-bottom:1px solid #401}#thread_watcher{z-index:440;border:1px solid #fff;position:fixed;top:50px;right:50px;color:#fff;font-family:CyberpunkWaifus;padding-top:10px;padding-bottom:10px;background-color:#000}.thread_watcher_padding{padding-left:10px;padding-right:10px}#thread_watcher_box>div{border-top:1px solid #fff;border-bottom:1px solid #fff;padding-left:10px;padding-right:10px}.thread_watcher_new{color:#ed145b}