|
@@ -9,98 +9,26 @@ body {
|
|
|
padding:0 10px;
|
|
|
hyphens:auto;
|
|
|
}
|
|
|
-header {
|
|
|
- display:flex;
|
|
|
- justify-content:space-between;
|
|
|
- align-items:center;
|
|
|
- white-space:nowrap;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
|
|
|
-nav {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- justify-content: flex-end;
|
|
|
- gap: 1rem;
|
|
|
+img {
|
|
|
+ max-width:80vw;
|
|
|
}
|
|
|
|
|
|
-nav li { display:inline-block no; margin-right:20px; }
|
|
|
-.navlogo { width:50px; height:50px; }
|
|
|
a { color:#ff6c6b; text-decoration:none; }
|
|
|
a:hover { color:#ff6c6b; text-decoration:underline; }
|
|
|
-h1, h2, h3 {
|
|
|
- display:inline;
|
|
|
+h2 {
|
|
|
+ display:inline;
|
|
|
line-height:1.2;
|
|
|
color:#51afef;
|
|
|
- font-size:1.3em;
|
|
|
-}
|
|
|
-h2 { font-size:1.2em; }
|
|
|
-h3 { font-size:1.1em; }
|
|
|
-.h:hover a[aria-hidden] {
|
|
|
- display:inline;
|
|
|
- color:#ff6c6b;
|
|
|
- size:75%;
|
|
|
-}
|
|
|
-.h a[aria-hidden] { display:none; }
|
|
|
-pre {
|
|
|
- tab-size:4;
|
|
|
- background: #20232a;
|
|
|
- color: #969ba6;
|
|
|
- border: 1px solid lightgrey;
|
|
|
- padding: 5px;
|
|
|
- tab-size:4;
|
|
|
+ font-size:1.2em;
|
|
|
}
|
|
|
-.red { color:#ff6c6b; }
|
|
|
-.green { color:#98be65; }
|
|
|
-input[type=submit] {
|
|
|
- padding:5px 15px;
|
|
|
- background:#51afef;
|
|
|
- border:0 none;
|
|
|
- -webkit-border-radius:10px;
|
|
|
- color: #282c34;
|
|
|
- border-radius:10px;
|
|
|
-}
|
|
|
-input[type=checkbox] { color: #282c34; background-color: #bbc2cf; }
|
|
|
-ul[userlist] { list-style:none; }
|
|
|
-ul[userlist] li[online]::before {
|
|
|
- content:"\2022";
|
|
|
- color:#ff6c6b;
|
|
|
- font-weight:bold;
|
|
|
- display:inline-block;
|
|
|
- width:1.0em;
|
|
|
- margin-left:-1.0em;
|
|
|
-}
|
|
|
-ul[userlist] li[online$=true]::before { color:#98be65; }
|
|
|
-textarea { background-color: #282c34; color: #bbc2cf; }
|
|
|
input { background-color: #282c34; color: #bbc2cf; }
|
|
|
-#TOC {
|
|
|
- border: 1px solid;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-#TOC:before {
|
|
|
- border-bottom: 1px solid;
|
|
|
- content: 'Table of Contents';
|
|
|
- display: block;
|
|
|
- font-weight: bold;
|
|
|
- padding: 5px;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-.date {
|
|
|
- //color: grey;
|
|
|
- display: block;
|
|
|
- font-family: monospace;
|
|
|
- margin-top: 1em;
|
|
|
- overflow: hidden;
|
|
|
- white-space: nowrap;
|
|
|
- width: 16ch;
|
|
|
-}
|
|
|
.pagination {
|
|
|
- margin-right: 1ch;
|
|
|
- text-align: center;
|
|
|
+ margin-right: 1ch;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
.pagination ul > li {
|
|
|
- list-style: none;
|
|
|
- display: inline-block;
|
|
|
- padding-left: 1ch;
|
|
|
+ list-style: none;
|
|
|
+ display: inline-block;
|
|
|
+ padding-left: 1ch;
|
|
|
}
|