diff options
Diffstat (limited to 'static/css/txt/cuteanarchy.css')
-rw-r--r-- | static/css/txt/cuteanarchy.css | 227 |
1 files changed, 110 insertions, 117 deletions
diff --git a/static/css/txt/cuteanarchy.css b/static/css/txt/cuteanarchy.css index 8a9d9e1..9715342 100644 --- a/static/css/txt/cuteanarchy.css +++ b/static/css/txt/cuteanarchy.css @@ -1,302 +1,295 @@ /* 、-'''"´ ̄ ̄`"''''(´・ω・`) / と、 ) - / ● ,,. .,, ● (_ノ CuteAnarchy Redo 29/03/19 - | (__人__) | By Renard + / ● ,,. .,, ● (_ノ CuteAnarchy Redo 29/03/19 + | (__人__) | By Renard ''-、、,,,,,,______,,,,,,、、-'´ */ body { - background: #ffd9c6; - color: #CED1CF + background:#ffd9c6; + color: #CED1CF } body.mainpage { - background-image: url('/static/css/img/shobon.png'); - background-repeat: no-repeat; - background-attachment: fixed; - background-position-x: calc(100%); - background-position-y: bottom; + background:#ffd9c6 url('/static/css/img/shobon.png') no-repeat fixed right bottom; } body.threadpage { - - background: #ffe8dc; - color: #5d475a; + background: #ffe8dc; + color: #5d475a; } h4 { - color: #ad9ecc; + color: #ad9ecc; } .msg a { - color: #827699; + color: #827699; } a:hover, a:focus, -#n2:active { - text-decoration: none; - color: #edc1e8; +#n2:hover { + text-decoration: none; + color: #edc1e8; } hr { - border: 1px inset #f4daf1 + border: 1px inset #f4daf1 } input[type="text"], input[type="submit"], input[type="button"], textarea { - background: #e2ffeb; - border: 1px solid #b4ccbc; - color: #5d475a + background: #e2ffeb; + border: 1px solid #b4ccbc; + color: #5d475a } input[type="submit"], input[type="button"] { - background: #e2ffeb; - padding: 2px 10px; - color: #5d475a; + background: #e2ffeb; + padding: 1px 9px; + color: #5d475a; } input[type="submit"]:active, input[type="button"]:active { - background: #f2d3df + background: #f2d3df } .threadlinks { - font-size: small; - text-align: center; - margin-top: 0.5em; + font-size: small; + text-align: center; + margin-top: 0.5em; } h1 { - color: #dc9656; - font-size: 26px; - margin-top: -5px; - text-align: center + color: #dc9656; + font-size: 26px; + margin-top: -5px; + text-align: center } h2 a { - color: #e9b2e3; + color: #e9b2e3; } h2 small { - color: #999; - font-size: inherit; - font-weight: normal + color: #999; + font-size: inherit; + font-weight: normal } h3 { - color: #ab4642 + color: #ab4642 } h3 span { - color: #999 + color: #999 } #main_nav { - background: #000; - color: #7cafc2 + background: #000; + color: #7cafc2; + z-index: 9; } .banner { - -webkit-filter: grayscale(60%); - filter: grayscale(60%) + -webkit-filter: grayscale(60%); + filter: grayscale(60%) } .outerbox { - margin: 0 auto; - margin-top: 1em; - margin-bottom: 1em; - max-width: 1000px; - background: #ffeae0; - border: 1px solid #ffa67a; - color: #777879 + margin: 1em auto; + max-width: 1000px; + background: #ffeae0; + border: 1px solid #ffa67a; + color: #777879 } #titlebox .threadnav { - margin: -6px + margin: -6px } #threadlist { - background: #ffd9c6; - border: 1px solid #ffb793 + background: #ffd9c6; + border: 1px solid #ffb793 } #threadlist a { - color: #d1a0cc; + border-right:1px solid #ffb793; + border-bottom:1px solid #ffb793; + color: #d1a0cc; } .mainpage .thread, #content { - margin: 0 auto; - margin-bottom: 2em; - background: #ffebe2; - border: 5px double #FFFFFF; - color: #5d475a; - max-width: 1000px; - box-shadow: #000 5px; - -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); - -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); - box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + margin: 0 auto 2em; + background: #ffebe2; + border: 5px double #FFF; + color: #5d475a; + max-width: 1000px; + box-shadow: #000 5px; + -webkit-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + -moz-box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); + box-shadow: 7px 7px 0px 0px rgba(204, 188, 180, 1); } .reply { - margin-bottom: 1em; + margin-bottom: 24px; } .threadpage .thread { - color: #5d475a + color: #5d475a } a, a .name, #n2 { - color: #e39edc; - text-decoration: none + color: #e39edc; + text-decoration: none } .name { - color: #7ca380; - font-weight: bold; - text-shadow: 2px 0px 11px #ffd7c6; - background: url('/static/css/img/bg1.gif'); + color: #7ca380; + text-shadow: 2px 0 11px #ffd7c6; + background-image: url('/static/css/img/bg1.gif'); } .name, .abbrev { - color: #e9b2c8 + color: #e9b2c8 } .name em { - color: #88f + color: #88f } .del a { - color: #ab4642 + color: #ab4642 } h4 .date { - font-size: small; - font-family: 'Courier New', Courier, monospace; + font-size: small; + font-family: 'Courier New', Courier, monospace; + vertical-align: middle; } h4 .date, .quoted { - color: #4e4e4e; + color: #4e4e4e; } .msg { - margin: 4px 40px 24px + margin: 4px 40px 0 } a.thumb { - margin-top: 4px + margin-top: 4px } .q { - color: #666 + color: #666 } .yt { - background: #ffe2e8; - border: 1px solid gray; - color: #998d87 + background: #ffe2e8; + border: 1px solid gray; + color: #998d87 } .yt:hover { - text-decoration: none + text-decoration: none } .deleted { - color: #999; - margin-bottom: 12px + color: #999; + margin-bottom: 12px } #q-p { - /*border: 1px solid #999*/ - background: #ffd9c6; - border: 1px solid #efc9d8; - border-radius: 3px; - color: #66564f; + /*border: 1px solid #999*/ + background: #ffd9c6; + border: 1px solid #efc9d8; + border-radius: 3px; + color: #66564f; } #q-p .msg, #q-p a.thumb { - margin-bottom: 8px + margin-bottom: 8px } .lastposts #n2 { - text-decoration: none + text-decoration: none } #size { - color: #e9b2c8 + color: #e9b2c8 } .end { - font-size: small; - font-family: monospace; + font-size: small; + font-family: monospace; } form .msg { - background: #383838; - border: 1px dotted #000 + background: #383838; + border: 1px dotted #000 } - .postform { - margin: 0 auto; - margin-left: 3em; + margin: 0 auto; + margin-left: 3em; } .mainpage .postform, .formpad { - padding-left: 0px !important; + padding-left: 0px; } .formpad { - margin: 0 auto; - padding-left: 0; - margin-top: 0.25em; + margin: 0 auto; + padding-left: 0; + margin-top: 0.25em; } #footer { - color: #FFF6C6 + color: #FFF6C6 } #footer::after { - content: "ヽ(*・ω・)ノ"; + content: "ヽ(*・ω・)ノ"; } .threads h1 { - text-align: left + text-align: left } #content.list #header div { - background: #111213 + background: #111213 } #content.list .row:nth-child(odd), #content.grid .row:hover { - background: #191B1D + background: #191B1D } #content.grid { - border: 1px solid #4B4E55; - padding: 1px + border: 1px solid #4B4E55; + padding: 1px } #content.grid .row { - border: 1px solid #4B4E55; - margin: 1px + border: 1px solid #4B4E55; + margin: 1px } @media(max-width:720px) { - .msg { - margin: 2px 8px 16px - } + h1 {font-size:18px} + .postform {margin-left:0} }
\ No newline at end of file |