html {
background: #555;
color: #ffffff;
}
#admin_panel {
background: #FF0000;
color: #00FF00
}
.title {
font-weight: bold;
color: #ffcc00;
}
.link, a {
color: #afdcec;
}
.link:hover {
color: #fff380;
}
.post_id:hover {
color: #ccc555;
}
.block {
display: inline-block;
vertical-align: top;
}
.tag {
color: #b4cfec;
}
.tag:hover {
color: #d0edb4;
}
.post_id {
color: #fff380;
}
.post {
background: #333;
margin: 5px;
padding: 10px;
border-radius: 5px;
clear: left;
}
.metadata {
padding: 5px;
margin-top: 10px;
border: solid 1px #666;
font-size: 0.9em;
color: #ddd;
display: table;
}
.navigation_panel {
background: #444;
margin: 5px;
padding: 10px;
border-radius: 5px;
color: #eee;
}
.navigation_panel .link {
border-right: 1px solid #fff;
font-weight: bold;
margin-right: 1ex;
padding-right: 1ex;
}
.navigation_panel .link:last-child {
border-left: 1px solid #fff;
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;
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;
vertical-align: top;
}
.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;
}
.post > .image {
float: left; margin: 0 1ex .5ex 0;
}
.post > .metadata {
clear: left;
}
.get {
font-weight: bold;
color: #d55;
}
* {
text-decoration: none;
}