base_page.css
409 lines
| 5.8 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; | ||||
} | ||||
|
r1049 | .navigation_panel .right-link { | ||
|
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; | ||||
} | ||||
|
r532 | |||
|
r36 | .form-row { | ||
|
r680 | display: table; | ||
width: 100%; | ||||
|
r35 | } | ||
|
r36 | .form-label, .form-input { | ||
|
r35 | display: table-cell; | ||
|
r36 | vertical-align: top; | ||
} | ||||
.form-label { | ||||
padding: .25em 1ex .25em 0; | ||||
|
r532 | width: 14ex; | ||
|
r36 | } | ||
.form-input { | ||||
|
r35 | padding: .25em 0; | ||
} | ||||
|
r36 | .form-input > * { | ||
background: #fff; | ||||
color: #000; | ||||
border: none; | ||||
padding: 0; | ||||
resize: vertical; | ||||
|
r680 | } | ||
.form-input > :not(.file_wrap) { | ||||
|
r36 | width: 100%; | ||
} | ||||
|
r680 | |||
|
r36 | .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 { | ||
|
r680 | text-align: left; | ||
|
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; | ||
|
r258 | background: #FFF; | ||
padding: 1ex; | ||||
border: 1px solid #666; | ||||
box-shadow: 1px 1px 2px 1px #666; | ||||
|
r59 | } | ||
|
r258 | |||
|
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 | } | ||
|
r748 | .quote, .multiquote { | ||
|
r56 | color: #182F6F; | ||
} | ||||
.spoiler { | ||||
background: black; | ||||
color: black; | ||||
} | ||||
.spoiler:hover { | ||||
background: #ffffff; | ||||
} | ||||
.comment { | ||||
|
r59 | color: #557055; | ||
} | ||||
.last-replies { | ||||
margin-left: 6ex; | ||||
} | ||||
.thread > .post > .message > .post-info { | ||||
|
r258 | border-bottom: 1px solid #ccc; | ||
|
r59 | padding-bottom: .5em; | ||
} | ||||
|
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 | } | ||
|
r343 | .tag_info, .page_link { | ||
|
r76 | margin: 1em 0; | ||
text-align: center; | ||||
} | ||||
.form-errors { | ||||
margin-left: 1ex; | ||||
|
r124 | } | ||
|
r112 | .moderator_info { | ||
font-weight: bold; | ||||
float: right; | ||||
|
r137 | } | ||
|
r124 | .refmap { | ||
border: 1px dashed #aaa; | ||||
padding: 0.5em; | ||||
display: table; | ||||
|
r137 | } | ||
|
r179 | |||
.fav { | ||||
color: blue; | ||||
} | ||||
.not_fav { | ||||
color: #ccc; | ||||
|
r203 | } | ||
.role { | ||||
text-decoration: underline; | ||||
|
r207 | } | ||
.form-email { | ||||
display: none; | ||||
} | ||||
|
r281 | |||
.bar-value { | ||||
background: #E3E7F2; | ||||
padding: .1em 1ex; | ||||
|
r282 | moz-box-sizing: border-box; | ||
box-sizing: border-box; | ||||
height: 1.5em; | ||||
|
r281 | } | ||
.bar-bg { | ||||
background: #EA4649; | ||||
border: 1px solid #666; | ||||
margin: 0 1ex 1em 1ex; | ||||
|
r282 | position: relative; | ||
overflow: hidden; | ||||
} | ||||
.bar-text { | ||||
padding: 2px; | ||||
position: absolute; | ||||
left: 0; | ||||
top: 0; | ||||
|
r414 | } | ||
.skipped_replies { | ||||
margin: 1ex; | ||||
} | ||||
|
r438 | |||
#mark-panel { | ||||
background: #eee; | ||||
border-bottom: 1px solid #182F6F; | ||||
} | ||||
.mark_btn { | ||||
display: inline-block; | ||||
padding: .2em 1ex; | ||||
border-left: 1px solid #182F6F; | ||||
} | ||||
.mark_btn:first-child { | ||||
border-left: none; | ||||
} | ||||
.mark_btn:last-child { | ||||
border-right: 1px solid #182F6F; | ||||
|
r459 | } | ||
.current_page { | ||||
border-bottom: 1px solid #FFF; | ||||
padding: 0px 0.5ex; | ||||
} | ||||
.image-mode-tab a { | ||||
text-decoration: none; | ||||
} | ||||
.image-mode-tab .current_mode::before { | ||||
content: "✓ "; | ||||
padding: 0 0 0 .5ex; | ||||
color: #182F6F; | ||||
background: #FFF; | ||||
} | ||||
.image-mode-tab .current_mode { | ||||
padding: 0 .5ex 0 0; | ||||
color: #182F6F; | ||||
background: #FFF; | ||||
|
r460 | } | ||
.gallery_image_metadata { | ||||
margin-bottom: 1em; | ||||
|
r676 | } | ||
|
r1038 | .gallery_image { | ||
padding: 4px; | ||||
margin: .5em 0 0 1ex; | ||||
text-align: center; | ||||
vertical-align: top; | ||||
} | ||||
|
r676 | .swappable-form-full > form { | ||
display: table; | ||||
width: 100%; | ||||
|
r696 | } | ||
#id_models li { | ||||
list-style: none; | ||||
} | ||||
#id_q { | ||||
margin-left: 1ex; | ||||
} | ||||
|
r942 | |||
.br { | ||||
margin-top: 0.5em; | ||||
margin-bottom: 0.5em; | ||||
} | ||||
|
r943 | |||
.message, .refmap { | ||||
margin-top: .5em; | ||||
} | ||||
|
r990 | |||
.user-cast { | ||||
padding: 0.2em .5ex; | ||||
background: #008; | ||||
color: #FFF; | ||||
display: inline-block; | ||||
text-decoration: none; | ||||
|
r1035 | } | ||
.highlight { | ||||
background-color: #D4F0F9; | ||||
} | ||||
|
r1039 | |||
.dead_post { | ||||
border-right: 1ex solid #666; | ||||
} | ||||
|
r1217 | |||
#preview-text { | ||||
border: solid 1px white; | ||||
margin: 1ex 0 1ex 0; | ||||
padding: 1ex; | ||||
} | ||||