base_page.css
316 lines
| 4.1 KiB
| text/css
|
CssLexer
|
r193 | html { | |
background: rgb(238, 238, 238); | |||
color: rgb(51, 51, 51); | |||
} | |||
#admin_panel { | |||
background: #FF0000; | |||
color: #00FF00 | |||
} | |||
.input_field { | |||
} | |||
.input_field_name { | |||
} | |||
.input_field_error { | |||
color: #FF0000; | |||
} | |||
.title { | |||
font-weight: bold; | |||
color: #333; | |||
font-size: 2ex; | |||
} | |||
.link, a { | |||
color: rgb(255, 102, 0); | |||
} | |||
.block { | |||
display: inline-block; | |||
vertical-align: top; | |||
} | |||
.tag { | |||
color: #222; | |||
} | |||
.post_id:hover { | |||
color: #11f; | |||
} | |||
.post_id { | |||
color: #444; | |||
} | |||
.post, .dead_post, #posts-table { | |||
margin: 5px; | |||
padding: 10px; | |||
background: rgb(221, 221, 221); | |||
border: 1px solid rgb(204, 204, 204); | |||
border-radius: 5px 5px 5px 5px; | |||
clear: left; | |||
word-wrap: break-word; | |||
display: table; | |||
} | |||
.metadata { | |||
padding: 5px; | |||
margin-top: 10px; | |||
border: solid 1px #666; | |||
font-size: 0.9em; | |||
display: table; | |||
} | |||
.navigation_panel, .tag_info { | |||
margin: 5px; | |||
padding: 10px; | |||
border: 1px solid rgb(204, 204, 204); | |||
border-radius: 5px 5px 5px 5px; | |||
} | |||
.navigation_panel .link { | |||
border-right: 1px solid #000; | |||
font-weight: bold; | |||
margin-right: 1ex; | |||
padding-right: 1ex; | |||
} | |||
.navigation_panel .link:last-child { | |||
border-left: 1px solid #000; | |||
border-right: none; | |||
float: right; | |||
margin-left: 1ex; | |||
margin-right: 0; | |||
padding-left: 1ex; | |||
padding-right: 0; | |||
} | |||
.navigation_panel::after, .post::after { | |||
clear: both; | |||
content: "."; | |||
display: block; | |||
height: 0; | |||
line-height: 0; | |||
visibility: hidden; | |||
} | |||
p { | |||
margin-top: .5em; | |||
margin-bottom: .5em; | |||
} | |||
.post-form-w { | |||
display: table; | |||
padding: 10px; | |||
margin: 5px | |||
} | |||
.form-row { | |||
display: table-row; | |||
} | |||
.form-label, .form-input, .form-errors { | |||
display: table-cell; | |||
} | |||
.form-label { | |||
padding: .25em 1ex .25em 0; | |||
vertical-align: top; | |||
} | |||
.form-input { | |||
padding: .25em 0; | |||
} | |||
.form-errors { | |||
padding-left: 1ex; | |||
font-weight: bold; | |||
vertical-align: middle; | |||
} | |||
.post-form input, .post-form textarea { | |||
background: #fff; | |||
color: #000; | |||
border: solid 1px; | |||
padding: 0; | |||
width: 100%; | |||
} | |||
.form-submit { | |||
border-bottom: 2px solid #ddd; | |||
margin-bottom: .5em; | |||
padding-bottom: .5em; | |||
} | |||
.form-title { | |||
font-weight: bold; | |||
} | |||
input[type="submit"] { | |||
background: #fff; | |||
border: solid 1px #000; | |||
color: #000; | |||
} | |||
blockquote { | |||
border-left: solid 2px; | |||
padding-left: 5px; | |||
color: #B1FB17; | |||
margin: 0; | |||
} | |||
.post > .image { | |||
float: left; | |||
margin: 0 1ex .5ex 0; | |||
min-width: 1px; | |||
text-align: center; | |||
display: table-row; | |||
height: 150px; | |||
} | |||
.post > .metadata { | |||
clear: left; | |||
} | |||
.get { | |||
font-weight: bold; | |||
color: #d55; | |||
} | |||
* { | |||
text-decoration: none; | |||
} | |||
.dead_post { | |||
background-color: #ecc; | |||
} | |||
.quote { | |||
|
r194 | color: #080; | |
|
r193 | font-style: italic; | |
} | |||
.spoiler { | |||
background: white; | |||
color: white; | |||
} | |||
.spoiler:hover { | |||
color: black; | |||
} | |||
.comment { | |||
|
r194 | color: #8B6914; | |
|
r193 | font-style: italic; | |
} | |||
a:hover { | |||
text-decoration: underline; | |||
} | |||
.last-replies { | |||
margin-left: 3ex; | |||
} | |||
.thread { | |||
margin-bottom: 3ex; | |||
} | |||
.post:target { | |||
|
r198 | border: solid 2px black; | |
|
r193 | } | |
pre{ | |||
white-space:pre-wrap | |||
} | |||
li { | |||
list-style-position: inside; | |||
} | |||
.fancybox-skin { | |||
position: relative; | |||
background-color: #fff; | |||
color: #ddd; | |||
text-shadow: none; | |||
} | |||
.fancybox-image { | |||
border: 1px solid black; | |||
} | |||
.image-mode-tab { | |||
display: table; | |||
margin: 5px; | |||
padding: 5px; | |||
background: rgb(221, 221, 221); | |||
border: 1px solid rgb(204, 204, 204); | |||
border-radius: 5px 5px 5px 5px; | |||
} | |||
.image-mode-tab > label { | |||
margin: 0 1ex; | |||
} | |||
.image-mode-tab > label > input { | |||
margin-right: .5ex; | |||
} | |||
#posts-table { | |||
margin: 5px; | |||
} | |||
.tag_info { | |||
display: table; | |||
} | |||
.tag_info > h2 { | |||
margin: 0; | |||
} | |||
.moderator_info { | |||
color: #e99d41; | |||
border: dashed 1px; | |||
padding: 3px; | |||
} | |||
.refmap { | |||
font-size: 0.9em; | |||
color: #444; | |||
margin-top: 1em; | |||
} | |||
input[type="submit"]:hover { | |||
background: #ccc; | |||
} | |||
.fav { | |||
color: rgb(255, 102, 0); | |||
} | |||
.not_fav { | |||
color: #555; | |||
|
r203 | } | |
.role { | |||
text-decoration: underline; | |||
|
r207 | } | |
.form-email { | |||
display: none; | |||
} | |||
|
r243 | ||
.mark_btn { | |||
padding: 2px 4px; | |||
border: 1px solid; | |||
} | |||
.mark_btn:hover { | |||
background: #ccc; | |||
} |