116 lines
2.8 KiB
CSS
116 lines
2.8 KiB
CSS
* {
|
|
box-sizing: border-box;
|
|
font-family: sans-serif;
|
|
}
|
|
code {
|
|
font-family: revert;
|
|
}
|
|
body {
|
|
margin: 0;
|
|
padding-bottom: 8px;
|
|
color: #000;
|
|
background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPAAAADwBAMAAADMe/ShAAAAHlBMVEX29vb09PTy8vL19fXz8/Px8fHw8PDv7+/u7u739/dHdNvrAAACSElEQVR4AezYNX7DMBiGcafcKTRlC0hdy7T1Z7iAcS5YOkEl38DeQlNOW24YX63fsxr+Ztm2RmvjMiu2bWbOXPmjtW2A7S8YKlfMCK4lKPzeMoJvYhROHYIJno9gggkmmGCCCSaYYIIJJphgggkmGP/PZQZf4XDHCK5JFFYtE7hXkwWYap0awEMPh8NHA7jPNQprv2EAH5zh8MsTDo9vY/xGxuCeLXFYsVMY7nNZwCm/AcM3scZhnTooPBwfafBYP4JwiZvBfgWDh7Xxkc71DmXjY916hOAbLrMxK7ZuTOfKdxC4ZMf6z1Ui2iEh/2Sdssru8L4dy+zXFVGbuVtntyPxK+cqZRc7wr1Ll0v95/qser1DVZv/yVr5bv10Bczq+ML4Rl/als/ww4WfJptbwuACMbgwhaUVfkvgt6LU1icpdkAAAADAEEz/1EKshHOBgMAnwZ7gNgG9DEwybTKpyZiLRCT6ItqUCJuIYqKoosaJlEsMJBki+ZOElwRfkpqSuElcS9Qnd4LcGN3enRUACMRQDFSDJRzg3wIKuNnNzygYA83rGbx9g1cwGAwGg8FgMBgMBoPBYDAYDAaDwWAwGAwGg8FgMBgMBoPB/bFgfx7ZH4TWJ7DB0W9w5hwcdgen7MHxfp8r9IFGkKQEEU6WHWWhVZaWZTFdlg9mwWSdiAZRbJABB+FzkHoHcXuQ82cDBtlkQzVSkc1yZEMk2fRKNjZTzetkg0LlhJK1KjAYDAaDwWAwGAwGg8FgcAD3L/H6J4DLS/j67eEOl9GYoKbAV2YAAAAASUVORK5CYII=');
|
|
background-size: 10px;
|
|
}
|
|
a {
|
|
color: #777;
|
|
}
|
|
h1 {
|
|
display: inline;
|
|
}
|
|
h1 > a {
|
|
color: #000;
|
|
}
|
|
form > input, form > select, form > textarea, form > label {
|
|
display: block;
|
|
margin: 8px 0px;
|
|
width: 100%;
|
|
}
|
|
form > input[type="text"], form > input[type="url"], form > input[type="password"], form > input[type="submit"], /*form > input[type="button"],*/ form > select, textarea {
|
|
min-height: 2em;
|
|
}
|
|
form > textarea {
|
|
font-size: medium;
|
|
}
|
|
form > textarea, form > select[multiple] {
|
|
resize: vertical;
|
|
}
|
|
div#header {
|
|
margin: 0;
|
|
padding: 8px;
|
|
border-bottom: 4px solid #5ac800;
|
|
background: #fff;
|
|
overflow-x: auto;
|
|
white-space: nowrap;
|
|
}
|
|
div#header > * {
|
|
display: inline;
|
|
padding: 0px 0.25em;
|
|
}
|
|
div#main {
|
|
width: 90%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0px 8px;
|
|
}
|
|
div.channels > a {
|
|
display: block;
|
|
min-height: 2em;
|
|
}
|
|
div.channels > a > img {
|
|
width: 2em;
|
|
height: auto;
|
|
}
|
|
div.channels > a > span {
|
|
background: #777;
|
|
color: #fff;
|
|
padding: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
div.posts > article {
|
|
background: #fff;
|
|
padding: 8px;
|
|
margin: 8px;
|
|
border: 1px solid #ccc;
|
|
word-break: break-word;
|
|
}
|
|
div.posts > article > header > a {
|
|
float: right;
|
|
}
|
|
div.posts > article img, div.posts > article video, div.posts > article iframe {
|
|
width: auto;
|
|
height: auto;
|
|
max-width: 100%;
|
|
max-height: 80vh;
|
|
}
|
|
div#transition {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
background: black;
|
|
opacity: 0.25;
|
|
cursor: progress;
|
|
}
|
|
p.notice, blockquote {
|
|
background: white;
|
|
padding: 1em;
|
|
border-width: 4px;
|
|
border-left-width: 1em;
|
|
border-style: solid;
|
|
}
|
|
blockquote {
|
|
border-color: #777;
|
|
}
|
|
p.notice.success {
|
|
border-color: #5ac800;
|
|
}
|
|
p.notice.error {
|
|
border-color: #de0000;
|
|
}
|
|
p.notice.info {
|
|
border-color: #0097ce;
|
|
}
|