base_page.css
633 lines
| 8.3 KiB
| text/css
|
CssLexer
|
r1773 | /* Amanita Dark theme for Neboard | ||
* | ||||
*/ | ||||
* { | ||||
text-decoration: none; | ||||
font-weight: inherit; | ||||
} | ||||
b, strong { | ||||
font-weight: bold; | ||||
} | ||||
html { | ||||
color: #eee; | ||||
background: #687065; | ||||
font-family: sans-serif; | ||||
} | ||||
body { | ||||
margin: 0 0.5em 0 0.5em; | ||||
} | ||||
#admin_panel { | ||||
background: #FF0000; | ||||
color: #00FF00 | ||||
} | ||||
.input_field_error { | ||||
color: #FF0000; | ||||
} | ||||
.title { | ||||
font-weight: bold; | ||||
color: #fff; | ||||
} | ||||
.image { | ||||
text-align: center | ||||
} | ||||
.link, a { | ||||
color: #bbddff; | ||||
text-decoration: none; | ||||
} | ||||
.link:hover, a:hover { | ||||
text-decoration: underline; | ||||
} | ||||
.tag, .post_id { | ||||
color: #d4aa00; | ||||
} | ||||
.block { | ||||
display: inline-block; | ||||
vertical-align: top; | ||||
} | ||||
.post, dead_post, .archive_post, #posts-table, .tag_info, #fav-panel { | ||||
background: #405050; | ||||
border: solid 1px #394949; | ||||
border-radius: 2px; | ||||
box-shadow: 0 0 3px #344; | ||||
margin: 0; | ||||
padding: 0.5em; | ||||
} | ||||
.post, .form-form-w { | ||||
color: #eff; | ||||
} | ||||
.highlight { | ||||
background: #304040; | ||||
border: solid 1px #293939; | ||||
border-radius: 2px; | ||||
box-shadow: 0 0 3px #233; | ||||
} | ||||
.post, dead_post, .archive_post, .post-form-w, .tag_info, #posts-table, .bar-bg, .page_link, #fav-panel { | ||||
margin-bottom: 0.5em; | ||||
} | ||||
.post-info { | ||||
padding: 0 0 0.2em 0; | ||||
} | ||||
.metadata { | ||||
border-top: solid 1px #677; | ||||
padding-top: 0.2em; | ||||
font-size: 0.9em; | ||||
color: #899; | ||||
} | ||||
.navigation_panel { | ||||
color: white; | ||||
padding-top: 0.5em; | ||||
padding-bottom: 0.5em; | ||||
} | ||||
footer.navigation_panel { | ||||
padding-top: 0; | ||||
} | ||||
header.navigation_panel > a.link:first-child { | ||||
font-weight: bold; | ||||
padding-right: 1ex; | ||||
border-right: solid 1px #ab9; | ||||
} | ||||
header.navigation_panel > a.right-link:last-child { | ||||
font-weight: bold; | ||||
float: right; | ||||
padding-left: 1ex; | ||||
border-left: solid 1px #ab9; | ||||
} | ||||
.navigation_panel::after, .post::after { | ||||
clear: both; | ||||
content: "."; | ||||
display: block; | ||||
height: 0; | ||||
line-height: 0; | ||||
visibility: hidden; | ||||
} | ||||
.tag_info { | ||||
text-align: center; | ||||
} | ||||
.tag_info > .tag-text-data { | ||||
text-align: left; | ||||
max-width: 30em; | ||||
} | ||||
p, .br { | ||||
margin-top: 0.5em; | ||||
margin-bottom: 0.5em; | ||||
} | ||||
.bar-value { | ||||
background: #564; | ||||
font-size: 0.8em; | ||||
height: 1.3em; | ||||
} | ||||
.bar-bg { | ||||
background: #675; | ||||
position: relative; | ||||
border: solid 1px #455535; | ||||
overflow: hidden; | ||||
} | ||||
.bar-text { | ||||
font-size: 0.8em; | ||||
position: absolute; | ||||
padding: 0.2em; | ||||
left: 0; | ||||
top: 0; | ||||
} | ||||
blockquote { | ||||
border-left: solid 2px; | ||||
padding-left: 5px; | ||||
color: #B1FB17; | ||||
margin: 0; | ||||
} | ||||
/* ----------------*/ | ||||
.post-info > a { | ||||
color: #aa7; | ||||
font-size: 0.9em; | ||||
} | ||||
a.post_id { | ||||
font-size: 1em; | ||||
color: #d4aa00; | ||||
} | ||||
a.tripcode { | ||||
color: #abb; | ||||
} | ||||
h2 { | ||||
font-size: 1.5em; | ||||
font-weight: bold; | ||||
margin-top: 0.5em; | ||||
margin-bottom: 0.5em; | ||||
text-align: center; | ||||
} | ||||
/** margin bottom */ | ||||
.page_link, .current_page { | ||||
text-align: center; | ||||
text-size: 0.9em; | ||||
padding: 0.2em; | ||||
background: #564; | ||||
border: solid 1px #455535; | ||||
} | ||||
.last-replies { | ||||
margin-left: 2ex; | ||||
} | ||||
.skipped_replies { | ||||
margin-left: 2ex; | ||||
padding: 0.2em; | ||||
margin-bottom: 0.5em; | ||||
background: #564; | ||||
border: solid 1px #453; | ||||
} | ||||
#fav-panel > .post { | ||||
background: none; | ||||
border: none; | ||||
box-shadow: none; | ||||
margin: 0; | ||||
padding: 0; | ||||
} | ||||
.thread, .last-replies > .post:last-child { | ||||
margin-bottom: 1.5em; | ||||
} | ||||
.post-info { | ||||
font-size: 1em; | ||||
color: #aaa; | ||||
} | ||||
.message { | ||||
color: #eee; | ||||
padding-left: 1ex; | ||||
padding-right: 1ex; | ||||
padding-top: 0.5em; | ||||
padding-bottom: 0.5em; | ||||
} | ||||
.image-metadata { | ||||
font-size: 0.9em; | ||||
} | ||||
.refmap { | ||||
font-size: 0.9em; | ||||
color: #aaa; | ||||
} | ||||
.image-mode-tab { | ||||
border-top: dashed 1px #ab9; | ||||
padding: 0.5em; | ||||
font-size: 0.9em; | ||||
text-align: center; | ||||
} | ||||
.image-mode-tab > a { | ||||
padding: 0.1em; | ||||
} | ||||
/* Purple */ | ||||
.post-form-w { | ||||
background: #304550; | ||||
border: solid 1px #294449; | ||||
border-radius: 2px; | ||||
box-shadow: 0 0 3px #203439; | ||||
padding: 1ex; | ||||
} | ||||
.form-row { | ||||
width: 100%; | ||||
display: table-row; | ||||
} | ||||
.form-title { | ||||
font-weight: bold; | ||||
margin-bottom: 0.5em; | ||||
} | ||||
.form-label { | ||||
padding: 0.5ex; | ||||
margin: 1em; | ||||
vertical-align: top; | ||||
display: table-cell; | ||||
} | ||||
.form-input { | ||||
width: 100%; | ||||
display: table-cell; | ||||
} | ||||
.form-submit { | ||||
text-align: center; | ||||
margin-bottom: 0.5em; | ||||
} | ||||
id_text { | ||||
width: 100%; | ||||
} | ||||
label { | ||||
color: #eee; | ||||
} | ||||
#mark-panel { | ||||
padding: 1em; | ||||
display: block; | ||||
} | ||||
#id-text { | ||||
width: 100%; | ||||
} | ||||
#mark-panel { | ||||
padding: 0; | ||||
} | ||||
.mark_btn { | ||||
background: #405560; | ||||
border: solid 1px #557080; | ||||
padding: 0.3em; | ||||
margin-right: 1ex; | ||||
margin-bottom: 0.5em; | ||||
display: inline-block; | ||||
} | ||||
.mark_btn:hover { | ||||
background: #456070; | ||||
} | ||||
.mark_btn > code { | ||||
font-size: 0.8em; | ||||
} | ||||
.post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { | ||||
color: #eff; | ||||
background: #405560; | ||||
border: solid 1px #557080; | ||||
padding: 0.2em; | ||||
margin-bottom: 0.5em; | ||||
font: medium sans-serif; | ||||
width: 100%; | ||||
} | ||||
.post-form textarea { | ||||
resize: vertical; | ||||
} | ||||
.spoiler { | ||||
background: black; | ||||
color: black; | ||||
} | ||||
input[type="submit"], button { | ||||
background: #405560; | ||||
border: solid 1px #557080; | ||||
color: #eff; | ||||
padding: 0.2em; | ||||
margin-right: 0.5ex; | ||||
} | ||||
.from-input { | ||||
display: block; | ||||
} | ||||
.spoiler:hover { | ||||
color: #eff; | ||||
} | ||||
#up { | ||||
position: fixed; | ||||
bottom: 0.2em; | ||||
right: 1em; | ||||
border: 1px solid #777; | ||||
background: #000; | ||||
padding: 4px; | ||||
opacity: 0.3; | ||||
} | ||||
#up:hover { | ||||
opacity: 1; | ||||
} | ||||
#quote-button { | ||||
background-color: #435; | ||||
border: solid 1px #392949; | ||||
border-radius: 2px; | ||||
box-shadow: 0 0 2px black; | ||||
padding: 0.2em; | ||||
} | ||||
#quote-button:hover { | ||||
background-color: #546; | ||||
border: solid 1px #493959; | ||||
} | ||||
.quote { | ||||
color: #92cf38; | ||||
font-style: italic; | ||||
} | ||||
.fav { | ||||
color: #d4aa00; | ||||
} | ||||
.not_fav { | ||||
color: #ccc; | ||||
} | ||||
pre { | ||||
white-space: pre-wrap; | ||||
overflow: auto; | ||||
} | ||||
code { | ||||
border: dashed 1px #788; | ||||
background: #122; | ||||
padding: 2px; | ||||
font-size: 1.2em; | ||||
display: inline-block; | ||||
} | ||||
/* Code highlighter */ | ||||
.hljs { | ||||
color: #abb; | ||||
background: #122; | ||||
display: inline-block; | ||||
} | ||||
.hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | ||||
color: #abb; | ||||
} | ||||
.hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | ||||
color: #abb; | ||||
} | ||||
.image { | ||||
background: #485858; | ||||
} | ||||
.post-blink { | ||||
background-color: #233; | ||||
} | ||||
.moderator_info { | ||||
color: #e99d41; | ||||
opacity: 0.4; | ||||
} | ||||
.moderator_info:hover { | ||||
opacity: 1; | ||||
} | ||||
.tag_info { | ||||
text-align: center; | ||||
} | ||||
.gallery_image { | ||||
background: #485858; | ||||
border: solid 1px #566; | ||||
margin: 0.5em; | ||||
} | ||||
.post-image-preview { | ||||
margin: 0; | ||||
} | ||||
.gallery_image > img { | ||||
border: none; | ||||
} | ||||
#preview-text { | ||||
background: #455; | ||||
border: solid 2px #788; | ||||
margin: 1ex 0 1ex 0; | ||||
padding: 1ex; | ||||
} | ||||
.user-cast { | ||||
border: solid #677 1px; | ||||
padding: 0.2ex; | ||||
background: #566; | ||||
color: #fff; | ||||
} | ||||
.post_preview { | ||||
max-width: 600px; | ||||
} | ||||
.post_preview > .post { | ||||
box-shadow: 0 0 5px #233; | ||||
margin: 0; | ||||
} | ||||
.global-id { | ||||
font-weight: bolder; | ||||
opacity: .5; | ||||
} | ||||
.multiquote { | ||||
padding: 0.2em; | ||||
display: inline-block; | ||||
background: #485858; | ||||
border-style: solid; | ||||
border-color: #677; | ||||
border-width: 1px 1px 1px 4px; | ||||
margin-bottom: 0.5em; | ||||
font-size: 0.9em; | ||||
} | ||||
.quote-header { | ||||
border-bottom: 2px solid #677; | ||||
margin-bottom: 0.3em; | ||||
padding-bottom: 0.2em; | ||||
color: #ddd; | ||||
font-size: 1.2em; | ||||
} | ||||
.img-full { | ||||
background: #222; | ||||
border: solid 1px #677; | ||||
border-radius: 1px; | ||||
box-shadow: 0 0 3px #233; | ||||
} | ||||
.tag_item { | ||||
display: inline-block; | ||||
} | ||||
#id_models li { | ||||
list-style: none; | ||||
} | ||||
#id_q { | ||||
margin-left: 1ex; | ||||
} | ||||
ul { | ||||
padding-left: 0px; | ||||
} | ||||
.current_mode { | ||||
font-weight: bold; | ||||
} | ||||
.post-info { | ||||
color: #ddd; | ||||
margin-bottom: 1ex; | ||||
} | ||||
.fancybox-skin { | ||||
position: relative; | ||||
background-color: #fff; | ||||
color: #ddd; | ||||
text-shadow: none; | ||||
} | ||||
.fancybox-image { | ||||
border: 1px solid black; | ||||
} | ||||
.post:target { | ||||
border: solid 2px #abb; | ||||
} | ||||
li { | ||||
list-style-position: inside; | ||||
} | ||||
.comment { | ||||
color: #899; | ||||
} | ||||
.dead_post > .post-info { | ||||
font-style: italic; | ||||
} | ||||
.archive_post > .post-info { | ||||
text-decoration: line-through; | ||||
} | ||||
.post > .image { | ||||
float: left; | ||||
border: solid 1px #556565; | ||||
margin: 0 1ex .5ex 0; | ||||
min-width: 1px; | ||||
text-align: center; | ||||
display: table-row; | ||||
} | ||||
.post > .metadata { | ||||
clear: left; | ||||
} | ||||
.get { | ||||
font-weight: bold; | ||||
color: #d55; | ||||
} | ||||
.post-image-full { | ||||
margin: 0; | ||||
} | ||||
input[type="submit"]:hover { | ||||
background: #464; | ||||
} | ||||
.random-images-table { | ||||
width: auto; | ||||
} | ||||
.form-email { | ||||
display: none; | ||||
} | ||||
time { | ||||
color: #9aa; | ||||
font-size: 0.9em; | ||||
} | ||||