base_page.css
265 lines
| 3.9 KiB
| text/css
|
CssLexer
|
r35 | * { | |
font-size: inherit; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
html { | |||
background: #fff; | |||
color: #000; | |||
font: medium sans-serif; | |||
} | |||
a { | |||
color: inherit; | |||
text-decoration: underline; | |||
} | |||
|
r67 | li { | |
list-style-position: inside; | |||
} | |||
|
r35 | ||
#admin_panel { | |||
background: #182F6F; | |||
color: #fff; | |||
padding: .5ex 1ex .5ex 1ex; | |||
} | |||
|
r44 | .navigation_panel { | |
|
r35 | background: #182F6F; | |
color: #B4CFEC; | |||
margin-bottom: 1em; | |||
padding: .5ex 1ex 1ex 1ex; | |||
} | |||
|
r44 | .navigation_panel::after { | |
|
r35 | clear: both; | |
content: "."; | |||
display: block; | |||
height: 0; | |||
line-height: 0; | |||
visibility: hidden; | |||
} | |||
|
r44 | .navigation_panel a:link, .navigation_panel a:visited, .navigation_panel a:hover { | |
|
r35 | text-decoration: none; | |
} | |||
|
r44 | .navigation_panel .link { | |
|
r35 | border-right: 1px solid #fff; | |
color: #fff; | |||
font-weight: bold; | |||
margin-right: 1ex; | |||
padding-right: 1ex; | |||
} | |||
|
r44 | .navigation_panel .link:last-child { | |
|
r35 | border-left: 1px solid #fff; | |
border-right: none; | |||
float: right; | |||
margin-left: 1ex; | |||
margin-right: 0; | |||
padding-left: 1ex; | |||
padding-right: 0; | |||
} | |||
|
r44 | .navigation_panel .tag { | |
|
r35 | color: #fff; | |
} | |||
|
r75 | .input_field { | |
} | |||
.input_field_name { | |||
} | |||
.input_field_error { | |||
color: #FF0000; | |||
} | |||
|
r35 | .title { | |
color: #182F6F; | |||
font-weight: bold; | |||
} | |||
|
r36 | .post-form-w { | |
|
r35 | background: #182F6F; | |
border-radius: 1ex; | |||
color: #fff; | |||
margin: 1em 1ex; | |||
padding: 1ex; | |||
} | |||
|
r36 | .post-form { | |
display: table; | |||
border-collapse: collapse; | |||
width: 100%; | |||
|
r35 | ||
|
r36 | } | |
.form-row { | |||
|
r35 | display: table-row; | |
} | |||
|
r36 | .form-label, .form-input { | |
|
r35 | display: table-cell; | |
|
r36 | vertical-align: top; | |
} | |||
.form-label { | |||
padding: .25em 1ex .25em 0; | |||
} | |||
.form-input { | |||
|
r35 | padding: .25em 0; | |
} | |||
|
r36 | .form-input > * { | |
background: #fff; | |||
color: #000; | |||
border: none; | |||
padding: 0; | |||
resize: vertical; | |||
width: 100%; | |||
} | |||
.form-submit { | |||
border-bottom: 1px solid #666; | |||
margin-bottom: .5em; | |||
padding-bottom: .5em; | |||
} | |||
.form-title { | |||
font-weight: bold; | |||
margin-bottom: .5em; | |||
} | |||
.post-form .settings_item { | |||
margin: .5em 0; | |||
} | |||
.form-submit input { | |||
margin-top: .5em; | |||
|
r35 | padding: .2em 1ex; | |
} | |||
|
r36 | .form-label { | |
text-align: right; | |||
|
r35 | } | |
.block { | |||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.post_id { | |||
color: #a00; | |||
} | |||
.post { | |||
|
r59 | clear: left; | |
|
r35 | margin: 0 1ex 1em 1ex; | |
overflow-x: auto; | |||
|
r73 | word-wrap: break-word; | |
|
r59 | } | |
|
r67 | .last-replies > .post, #posts > .post { | |
|
r59 | border-bottom: 1px solid #182F6F; | |
|
r35 | padding-bottom: 1em; | |
} | |||
|
r67 | #posts > .post:last-child { | |
border-bottom: none; | |||
padding-bottom: 0; | |||
} | |||
|
r35 | ||
.metadata { | |||
background: #C0E4E8; | |||
border: 1px solid #7F9699; | |||
border-radius: .4ex; | |||
display: table; | |||
margin-top: .5em; | |||
padding: .4em; | |||
|
r36 | } | |
.post ul, .post ol { | |||
margin: .5em 0 .5em 3ex; | |||
} | |||
.post li { | |||
margin: .2em 0; | |||
} | |||
.post p { | |||
margin: .5em 0; | |||
} | |||
.post blockquote { | |||
border-left: 3px solid #182F6F; | |||
margin: .5em 0 .5em 3ex; | |||
padding-left: 1ex; | |||
} | |||
.post blockquote > blockquote { | |||
padding-top: .1em; | |||
|
r41 | } | |
.post > .image { | |||
float: left; | |||
margin-right: 1ex; | |||
} | |||
.post > .metadata { | |||
clear: left; | |||
} | |||
|
r42 | ||
.post > .message .get { | |||
color: #182F6F; font-weight: bold; | |||
|
r48 | } | |
.dead_post > .metadata { | |||
background: #eee; | |||
|
r53 | } | |
.quote { | |||
|
r56 | color: #182F6F; | |
|
r53 | padding-left: 5px; | |
border-left: solid 2px blue; | |||
|
r56 | } | |
.spoiler { | |||
background: black; | |||
color: black; | |||
} | |||
.spoiler:hover { | |||
background: #ffffff; | |||
} | |||
.comment { | |||
|
r59 | color: #557055; | |
} | |||
.last-replies { | |||
margin-left: 6ex; | |||
} | |||
.thread > .post > .message > .post-info { | |||
border-bottom: 2px solid #182F6F; | |||
padding-bottom: .5em; | |||
} | |||
.last-replies > .post:last-child { | |||
border-bottom: none; | |||
padding-bottom: 0; | |||
|
r62 | } | |
:target .post_id { | |||
background: #182F6F; | |||
color: #FFF; | |||
text-decoration: none; | |||
|
r63 | } | |
|
r66 | .image-mode-tab { | |
background: #182F6F; | |||
color: #FFF; | |||
display: table; | |||
margin: 1em auto 1em 0; | |||
padding: .2em .5ex; | |||
} | |||
.image-mode-tab > label { | |||
margin: 0 1ex; | |||
} | |||
.image-mode-tab > label > input { | |||
margin-right: .5ex; | |||
|
r76 | } | |
.tag_info { | |||
margin: 1em 0; | |||
text-align: center; | |||
} | |||
.form-errors { | |||
margin-left: 1ex; | |||
|
r42 | } |