base_page.css
590 lines
| 8.4 KiB
| text/css
|
CssLexer
|
r927 | * { | ||
text-decoration: none; | ||||
font-weight: inherit; | ||||
} | ||||
|
r953 | b, strong { | ||
|
r927 | font-weight: bold; | ||
} | ||||
|
r35 | html { | ||
background: #555; | ||||
color: #ffffff; | ||||
} | ||||
|
r663 | body { | ||
margin: 0; | ||||
} | ||||
|
r35 | #admin_panel { | ||
background: #FF0000; | ||||
color: #00FF00 | ||||
} | ||||
|
r75 | .input_field_error { | ||
color: #FF0000; | ||||
} | ||||
|
r35 | .title { | ||
font-weight: bold; | ||||
color: #ffcc00; | ||||
} | ||||
|
r36 | .link, a { | ||
|
r35 | color: #afdcec; | ||
} | ||||
|
r40 | .block { | ||
display: inline-block; | ||||
vertical-align: top; | ||||
} | ||||
|
r35 | .tag { | ||
|
r531 | color: #FFD37D; | ||
|
r35 | } | ||
.post_id { | ||||
color: #fff380; | ||||
} | ||||
|
r484 | .post, .dead_post, .archive_post, #posts-table { | ||
|
r35 | background: #333; | ||
padding: 10px; | ||||
|
r39 | clear: left; | ||
|
r73 | word-wrap: break-word; | ||
|
r665 | border-top: 1px solid #777; | ||
|
r666 | border-bottom: 1px solid #777; | ||
|
r35 | } | ||
|
r667 | .post + .post { | ||
border-top: none; | ||||
} | ||||
.dead_post + .dead_post { | ||||
border-top: none; | ||||
} | ||||
.archive_post + .archive_post { | ||||
border-top: none; | ||||
} | ||||
|
r35 | .metadata { | ||
|
r349 | padding-top: 5px; | ||
|
r35 | margin-top: 10px; | ||
|
r349 | border-top: solid 1px #666; | ||
|
r39 | color: #ddd; | ||
|
r35 | } | ||
|
r76 | .navigation_panel, .tag_info { | ||
|
r843 | background: #222; | ||
|
r663 | margin-bottom: 5px; | ||
margin-top: 5px; | ||||
|
r35 | padding: 10px; | ||
|
r663 | border-bottom: solid 1px #888; | ||
border-top: solid 1px #888; | ||||
|
r35 | color: #eee; | ||
} | ||||
|
r1049 | .navigation_panel .link:first-child { | ||
|
r36 | border-right: 1px solid #fff; | ||
font-weight: bold; | ||||
margin-right: 1ex; | ||||
padding-right: 1ex; | ||||
} | ||||
|
r1049 | |||
.navigation_panel .right-link { | ||||
|
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; | ||||
} | ||||
|
r1049 | .navigation_panel .link { | ||
font-weight: bold; | ||||
} | ||||
|
r44 | .navigation_panel::after, .post::after { | ||
|
r36 | clear: both; | ||
content: "."; | ||||
display: block; | ||||
height: 0; | ||||
line-height: 0; | ||||
visibility: hidden; | ||||
} | ||||
|
r1329 | .tag_info { | ||
text-align: center; | ||||
} | ||||
|
r1330 | .tag_info > .tag-text-data { | ||
text-align: left; | ||||
|
r1454 | max-width: 30em; | ||
|
r1330 | } | ||
|
r1676 | header.navigation_panel { | ||
|
r844 | border-bottom: solid 2px #ccc; | ||
|
r842 | margin-bottom: 5px; | ||
border-top: none; | ||||
margin-top: 0; | ||||
} | ||||
|
r1676 | footer.navigation_panel { | ||
|
r844 | border-top: solid 2px #ccc; | ||
|
r842 | margin-top: 5px; | ||
border-bottom: none; | ||||
margin-bottom: 0; | ||||
} | ||||
|
r831 | p, .br { | ||
|
r36 | margin-top: .5em; | ||
margin-bottom: .5em; | ||||
} | ||||
.post-form-w { | ||||
background: #333344; | ||||
|
r663 | border-top: solid 1px #888; | ||
border-bottom: solid 1px #888; | ||||
|
r36 | color: #fff; | ||
padding: 10px; | ||||
|
r663 | margin-bottom: 5px; | ||
margin-top: 5px; | ||||
|
r36 | } | ||
.form-row { | ||||
|
r680 | width: 100%; | ||
|
r1132 | display: table-row; | ||
|
r36 | } | ||
.form-label { | ||||
padding: .25em 1ex .25em 0; | ||||
|
r39 | vertical-align: top; | ||
|
r1132 | display: table-cell; | ||
|
r36 | } | ||
.form-input { | ||||
padding: .25em 0; | ||||
|
r1132 | width: 100%; | ||
display: table-cell; | ||||
|
r36 | } | ||
|
r76 | .form-errors { | ||
|
r426 | font-weight: bolder; | ||
|
r144 | vertical-align: middle; | ||
|
r1132 | display: table-cell; | ||
|
r76 | } | ||
|
r1293 | .post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { | ||
|
r36 | background: #333; | ||
color: #fff; | ||||
border: solid 1px; | ||||
padding: 0; | ||||
|
r680 | font: medium sans-serif; | ||
width: 100%; | ||||
|
r36 | } | ||
|
r920 | .post-form textarea { | ||
resize: vertical; | ||||
} | ||||
|
r36 | .form-submit { | ||
|
r426 | display: table; | ||
margin-bottom: 1ex; | ||||
|
r676 | margin-top: 1ex; | ||
|
r36 | } | ||
.form-title { | ||||
font-weight: bold; | ||||
|
r676 | font-size: 2ex; | ||
margin-bottom: 0.5ex; | ||||
|
r36 | } | ||
|
r1313 | input[type="submit"], button { | ||
|
r36 | background: #222; | ||
|
r426 | border: solid 2px #fff; | ||
|
r36 | color: #fff; | ||
|
r426 | padding: 0.5ex; | ||
|
r1317 | margin-right: 0.5ex; | ||
|
r426 | } | ||
input[type="submit"]:hover { | ||||
background: #060; | ||||
|
r36 | } | ||
|
r1318 | .form-submit > button:hover { | ||
|
r1313 | background: #006; | ||
} | ||||
|
r36 | blockquote { | ||
border-left: solid 2px; | ||||
padding-left: 5px; | ||||
color: #B1FB17; | ||||
margin: 0; | ||||
|
r40 | } | ||
.post > .image { | ||||
|
r88 | float: left; | ||
margin: 0 1ex .5ex 0; | ||||
min-width: 1px; | ||||
text-align: center; | ||||
display: table-row; | ||||
|
r40 | } | ||
.post > .metadata { | ||||
clear: left; | ||||
|
r42 | } | ||
.get { | ||||
font-weight: bold; | ||||
color: #d55; | ||||
|
r44 | } | ||
* { | ||||
text-decoration: none; | ||||
|
r46 | } | ||
|
r1271 | .dead_post > .post-info { | ||
font-style: italic; | ||||
|
r52 | } | ||
|
r1271 | .archive_post > .post-info { | ||
text-decoration: line-through; | ||||
|
r484 | } | ||
|
r229 | .mark_btn { | ||
border: 1px solid; | ||||
|
r438 | padding: 2px 2ex; | ||
|
r1133 | display: inline-block; | ||
margin: 0 5px 4px 0; | ||||
|
r240 | } | ||
.mark_btn:hover { | ||||
background: #555; | ||||
|
r229 | } | ||
|
r52 | .quote { | ||
|
r90 | color: #92cf38; | ||
|
r136 | font-style: italic; | ||
|
r56 | } | ||
|
r736 | .multiquote { | ||
|
r740 | padding: 3px; | ||
|
r736 | display: inline-block; | ||
|
r740 | background: #222; | ||
|
r773 | border-style: solid; | ||
|
r1984 | border-width: 1px 1px 1px 8px; | ||
|
r773 | font-size: 0.9em; | ||
|
r736 | } | ||
|
r56 | .spoiler { | ||
|
r1050 | background: black; | ||
color: black; | ||||
|
r56 | } | ||
.spoiler:hover { | ||||
|
r1050 | color: #ddd; | ||
|
r56 | } | ||
.comment { | ||||
|
r99 | color: #eb2; | ||
|
r57 | } | ||
a:hover { | ||||
text-decoration: underline; | ||||
} | ||||
|
r59 | |||
.last-replies { | ||||
margin-left: 3ex; | ||||
|
r532 | margin-right: 3ex; | ||
|
r787 | border-left: solid 1px #777; | ||
border-right: solid 1px #777; | ||||
|
r59 | } | ||
|
r826 | .last-replies > .post:first-child { | ||
border-top: none; | ||||
} | ||||
|
r59 | .thread { | ||
margin-bottom: 3ex; | ||||
|
r665 | margin-top: 1ex; | ||
|
r59 | } | ||
.post:target { | ||||
border: solid 2px white; | ||||
|
r62 | } | ||
pre{ | ||||
white-space:pre-wrap | ||||
|
r63 | } | ||
li { | ||||
list-style-position: inside; | ||||
|
r65 | } | ||
.fancybox-skin { | ||||
position: relative; | ||||
background-color: #fff; | ||||
color: #ddd; | ||||
text-shadow: none; | ||||
} | ||||
.fancybox-image { | ||||
border: 1px solid black; | ||||
|
r66 | } | ||
.image-mode-tab { | ||||
background: #444; | ||||
color: #eee; | ||||
|
r663 | margin-top: 5px; | ||
|
r66 | padding: 5px; | ||
|
r663 | border-top: 1px solid #888; | ||
border-bottom: 1px solid #888; | ||||
|
r66 | } | ||
.image-mode-tab > label { | ||||
margin: 0 1ex; | ||||
} | ||||
.image-mode-tab > label > input { | ||||
margin-right: .5ex; | ||||
} | ||||
#posts-table { | ||||
|
r663 | margin-top: 5px; | ||
margin-bottom: 5px; | ||||
|
r76 | } | ||
|
r1617 | .tag-text-data > h2 { | ||
|
r76 | margin: 0; | ||
|
r1617 | font-size: 2.5em; | ||
|
r94 | } | ||
.post-info { | ||||
color: #ddd; | ||||
|
r668 | margin-bottom: 1ex; | ||
|
r94 | } | ||
|
r124 | |||
|
r112 | .moderator_info { | ||
color: #e99d41; | ||||
|
r972 | opacity: 0.4; | ||
} | ||||
.moderator_info:hover { | ||||
opacity: 1; | ||||
|
r137 | } | ||
|
r124 | .refmap { | ||
font-size: 0.9em; | ||||
color: #ccc; | ||||
margin-top: 1em; | ||||
|
r131 | } | ||
|
r138 | |||
|
r179 | .fav { | ||
color: yellow; | ||||
} | ||||
.not_fav { | ||||
color: #ccc; | ||||
|
r203 | } | ||
|
r207 | .form-email { | ||
display: none; | ||||
} | ||||
|
r220 | |||
|
r281 | .bar-value { | ||
background: rgba(50, 55, 164, 0.45); | ||||
font-size: 0.9em; | ||||
|
r282 | height: 1.5em; | ||
|
r281 | } | ||
.bar-bg { | ||||
|
r282 | position: relative; | ||
|
r663 | border-top: solid 1px #888; | ||
border-bottom: solid 1px #888; | ||||
margin-top: 5px; | ||||
|
r282 | overflow: hidden; | ||
} | ||||
.bar-text { | ||||
padding: 2px; | ||||
position: absolute; | ||||
left: 0; | ||||
top: 0; | ||||
|
r298 | } | ||
|
r343 | |||
.page_link { | ||||
background: #444; | ||||
|
r683 | border-top: solid 1px #888; | ||
border-bottom: solid 1px #888; | ||||
|
r343 | padding: 5px; | ||
color: #eee; | ||||
|
r683 | font-size: 2ex; | ||
|
r1333 | margin-top: .5ex; | ||
margin-bottom: .5ex; | ||||
|
r349 | } | ||
|
r414 | |||
.skipped_replies { | ||||
|
r802 | padding: 5px; | ||
margin-left: 3ex; | ||||
margin-right: 3ex; | ||||
border-left: solid 1px #888; | ||||
border-right: solid 1px #888; | ||||
|
r826 | border-bottom: solid 1px #888; | ||
|
r802 | background: #000; | ||
|
r414 | } | ||
|
r455 | |||
|
r473 | .current_page { | ||
|
r455 | padding: 2px; | ||
|
r845 | background-color: #afdcec; | ||
color: #000; | ||||
|
r460 | } | ||
|
r473 | .current_mode { | ||
font-weight: bold; | ||||
} | ||||
|
r460 | .gallery_image { | ||
|
r1736 | border: solid 1px #999; | ||
|
r460 | margin: 0.5ex; | ||
text-align: center; | ||||
|
r1335 | padding: 1ex; | ||
|
r469 | } | ||
code { | ||||
border: dashed 1px #ccc; | ||||
background: #111; | ||||
padding: 2px; | ||||
font-size: 1.2em; | ||||
display: inline-block; | ||||
} | ||||
|
r476 | |||
pre { | ||||
overflow: auto; | ||||
} | ||||
|
r505 | |||
.img-full { | ||||
background: #222; | ||||
border: solid 1px white; | ||||
} | ||||
|
r511 | |||
.tag_item { | ||||
display: inline-block; | ||||
|
r531 | } | ||
|
r696 | |||
#id_models li { | ||||
list-style: none; | ||||
} | ||||
#id_q { | ||||
margin-left: 1ex; | ||||
} | ||||
ul { | ||||
padding-left: 0px; | ||||
} | ||||
|
r703 | |||
|
r755 | .quote-header { | ||
border-bottom: 2px solid #ddd; | ||||
margin-bottom: 1ex; | ||||
padding-bottom: .5ex; | ||||
color: #ddd; | ||||
font-size: 1.2em; | ||||
} | ||||
|
r820 | .global-id { | ||
font-weight: bolder; | ||||
opacity: .5; | ||||
} | ||||
|
r712 | /* Reflink preview */ | ||
|
r703 | .post_preview { | ||
|
r711 | border-left: 1px solid #777; | ||
border-right: 1px solid #777; | ||||
|
r1041 | max-width: 600px; | ||
|
r703 | } | ||
|
r712 | |||
/* Code highlighter */ | ||||
.hljs { | ||||
color: #fff; | ||||
background: #000; | ||||
display: inline-block; | ||||
} | ||||
|
r751 | |||
.hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { | ||||
color: #fff; | ||||
} | ||||
|
r974 | |||
#up { | ||||
position: fixed; | ||||
bottom: 5px; | ||||
|
r975 | right: 5px; | ||
|
r974 | border: 1px solid #777; | ||
background: #000; | ||||
padding: 4px; | ||||
|
r1323 | opacity: 0.3; | ||
} | ||||
#up:hover { | ||||
opacity: 1; | ||||
|
r974 | } | ||
|
r990 | |||
.user-cast { | ||||
border: solid #ffffff 1px; | ||||
padding: .2ex; | ||||
background: #152154; | ||||
color: #fff; | ||||
|
r1035 | } | ||
.highlight { | ||||
|
r1271 | background: #222; | ||
|
r1035 | } | ||
|
r1039 | |||
.post-button-form > button:hover { | ||||
text-decoration: underline; | ||||
} | ||||
|
r1180 | |||
.tree_reply > .post { | ||||
margin-top: 1ex; | ||||
border-left: solid 1px #777; | ||||
|
r1245 | padding-right: 0; | ||
|
r1180 | } | ||
|
r1217 | |||
#preview-text { | ||||
border: solid 1px white; | ||||
margin: 1ex 0 1ex 0; | ||||
padding: 1ex; | ||||
} | ||||
|
r1245 | .image-metadata { | ||
font-size: 0.9em; | ||||
|
r1261 | } | ||
|
r1303 | |||
.tripcode { | ||||
color: white; | ||||
} | ||||
|
r1340 | |||
#fav-panel { | ||||
border: 1px solid white; | ||||
} | ||||
|
r1412 | |||
.post-blink { | ||||
background-color: #000; | ||||
} | ||||
|
r1521 | |||
#quote-button { | ||||
background-color: black; | ||||
border: solid white 1px; | ||||
padding: 2px; | ||||
} | ||||
#quote-button:hover { | ||||
background-color: #2d3955; | ||||
|
r1617 | } | ||
|
r1793 | |||
.landing-threads > .thread { | ||||
border-left: solid 1px #777; | ||||
border-right: solid 1px #777; | ||||
} | ||||