base_page.css
167 lines
| 2.3 KiB
| text/css
|
CssLexer
|
r35 | html { | |
background: #555; | |||
color: #ffffff; | |||
} | |||
#admin_panel { | |||
background: #FF0000; | |||
color: #00FF00 | |||
} | |||
.title { | |||
font-weight: bold; | |||
color: #ffcc00; | |||
} | |||
|
r36 | .link, a { | |
|
r35 | color: #afdcec; | |
} | |||
.link:hover { | |||
color: #fff380; | |||
} | |||
.post_id { | |||
color: #ffffff; | |||
} | |||
|
r40 | .block { | |
display: inline-block; | |||
vertical-align: top; | |||
} | |||
|
r35 | .tag { | |
color: #b4cfec; | |||
} | |||
.tag:hover { | |||
color: #d0edb4; | |||
} | |||
.post_id { | |||
color: #fff380; | |||
} | |||
.post { | |||
background: #333; | |||
margin: 5px; | |||
padding: 10px; | |||
border-radius: 5px; | |||
|
r39 | clear: left; | |
|
r35 | } | |
.metadata { | |||
|
r42 | padding: 5px; | |
|
r35 | margin-top: 10px; | |
border: solid 1px #666; | |||
font-size: 0.9em; | |||
|
r39 | color: #ddd; | |
|
r42 | display: table; | |
|
r35 | } | |
#navigation_panel { | |||
background: #444; | |||
margin: 5px; | |||
padding: 10px; | |||
border-radius: 5px; | |||
color: #eee; | |||
} | |||
|
r36 | #navigation_panel .link { | |
border-right: 1px solid #fff; | |||
font-weight: bold; | |||
margin-right: 1ex; | |||
padding-right: 1ex; | |||
} | |||
|
r35 | #navigation_panel .link:last-child { | |
|
r36 | border-left: 1px solid #fff; | |
border-right: none; | |||
|
r35 | float: right; | |
|
r36 | margin-left: 1ex; | |
margin-right: 0; | |||
padding-left: 1ex; | |||
padding-right: 0; | |||
} | |||
|
r39 | #navigation_panel::after, .post::after { | |
|
r36 | clear: both; | |
content: "."; | |||
display: block; | |||
height: 0; | |||
line-height: 0; | |||
visibility: hidden; | |||
} | |||
p { | |||
margin-top: .5em; | |||
margin-bottom: .5em; | |||
} | |||
.post-form-w { | |||
display: table; | |||
background: #333344; | |||
border-radius: 5px; | |||
color: #fff; | |||
padding: 10px; | |||
margin: 5px | |||
} | |||
.form-row { | |||
display: table-row; | |||
} | |||
.form-label, .form-input { | |||
display: table-cell; | |||
} | |||
.form-label { | |||
padding: .25em 1ex .25em 0; | |||
|
r39 | vertical-align: top; | |
|
r36 | } | |
.form-input { | |||
padding: .25em 0; | |||
} | |||
.post-form input, .post-form textarea { | |||
background: #333; | |||
color: #fff; | |||
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: #222; | |||
border: solid 1px #fff; | |||
color: #fff; | |||
} | |||
blockquote { | |||
border-left: solid 2px; | |||
padding-left: 5px; | |||
color: #B1FB17; | |||
margin: 0; | |||
|
r40 | } | |
.post > .image { | |||
float: left; margin: 0 1ex .5ex 0; | |||
} | |||
.post > .metadata { | |||
clear: left; | |||
|
r42 | } | |
.get { | |||
font-weight: bold; | |||
color: #d55; | |||
|
r35 | } |