1 line
2.4 KiB
Plaintext
1 line
2.4 KiB
Plaintext
@charset "UTF-8";body{background-color:#fafafa;color:#333;font-family:raleway,sans-serif;line-height:1.5}body>header{align-items:center;color:#f4f4f4;display:flex;background-color:#4d3c9b;justify-content:space-between;padding:20px 40px}body>header #title{font-size:24px;font-weight:700}body>header a{color:#f4f4f4;text-decoration:none}body>header a:hover{text-decoration:underline}body>header nav{display:inline}body>header nav ul{margin:0;padding:0;float:right}body>header nav ul li{display:inline;padding-right:10px}body>header nav ul li:last-child{padding-right:0}body>header .show-menu{display:none;margin-top:10px;padding:10px;text-align:center;width:100%}body>header input[type=checkbox]{display:none}@media screen and (max-width:1000px){body>header{border-radius:initial;flex-direction:column}body>header nav{display:none;text-align:center;width:100%}body>header nav ul{float:unset}body>header nav ul li{display:block;padding:0}body>header nav ul li a{display:block;padding:10px 0}body>header .show-menu{display:block}body>header input[type=checkbox]:checked~nav{display:block}}main{background-color:#fff;border:solid 2px #4d3c9b;box-shadow:1px 1px 5px #888;margin:100px auto;max-width:1000px;padding:40px}main article{margin:40px 0}main h1,main h2{font-size:3em;margin:20px 0 0;padding:0;text-decoration:underline;text-decoration-color:#4d3c9b;text-decoration-thickness:4px}main h2{font-size:2em;margin:40px 0 0;text-decoration-thickness:3px}main h2 a{color:#333;text-decoration-color:#4d3c9b}main h2 a:hover{text-decoration:none}main figure{margin:0}main figure img{width:100%}main a{color:#4d3c9b;text-decoration:none}main a:hover{text-decoration:underline}main code{font-family:hermit,monospace}main .btn{color:#f4f4f4;background:#4d3c9b;padding:8px 16px;border-radius:20px;line-height:3;white-space:nowrap}main .highlight>pre{border-radius:2px;overflow-y:auto;padding:20px}main .pagination{text-align:center}main .page-item{display:inline;padding-right:10px}main .page-item:last-child{padding-right:0}main .comment-notice{margin-top:50px;font-size:14px}main #tags>a,main #categories>a{font-size:14px;color:#fff;padding:4px 8px;border-radius:20px;white-space:nowrap}main #tags>a{background:#8171c8}main #categories>a{background:#4d3c9b}@media screen and (max-width:1000px){main{border:none;box-shadow:none;margin:0 auto}}footer{background-color:#4d3c9b;color:#f4f4f4;padding:40px;text-align:center}footer a{color:#f4f4f4;text-decoration:none}footer a:hover{text-decoration:underline} |