/* Inocibe White theme for Neboard * */ /* Page Styles ====================================================== */ * { text-decoration: none; font-weight: inherit; } p, .br { margin-top: 0.5em; margin-bottom: 0.5em; } html { color: #2f2720; background: #fff7f0; font-family: sans-serif; } body { margin: 0 0.5em 0 0.5em; } .link, a { color: #3737c8; text-decoration: none; } .link:hover, a:hover { text-decoration: underline; } .tag, .fav { color: #c83737; } .not_fav { color: #9f9790; } .random-images-table { width: auto; } /* Post Styles ====================================================== */ .post, .dead_post, .archive_post, #posts-table, .tag_info, #fav-panel { background: #d1e1f1; border: solid 1px #aabaca; border-radius: 2px; box-shadow: 0 0 3px #ccc; margin: 0; padding: 0.5em; } .metadata { border-top: solid 1px #aabaca; padding-top: 0.2em; font-size: 0.9em; color: #899; } .message { padding-left: 1ex; padding-bottom: 0.5em; } .post-info { padding: 0 0 0.2em 0; color: #888; margin-bottom: 1ex; } .title { font-size: 1em; font-weight: bold; color: #2f2720; } .post-info > a { font-size: 0.9em; color: #8787de; } a.tripcode { color: #5f5750; } a.post_id { font-size: 1em; color: #c83737; } .highlight { background: #c5ccff; border: solid 1px #aabaca; border-radius: 2px; box-shadow: 0 0 3px #bbb; } /* Formating */ .multiquote { padding: 0.2em; display: inline-block; background: #c1daf1; border-style: solid; border-color: #a1bdf1; border-width: 1px 1px 1px 4px; margin-bottom: 0.5em; font-size: 0.9em; } .quote-header { border-bottom: 2px solid #a1bdf1; margin-bottom: 0.3em; padding-bottom: 0.2em; font-size: 1.2em; } .quote { color: #668800; font-style: italic; } .user-cast { border: solid 1px #a1bdf1; padding: 0.2ex; background: #c1daf1; } .comment { color: #888; } .spoiler { background: black; color: black; } .spoiler:hover { color: white; } 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 { background: #c1daf1; display: inline-block; } /* .hljs, .hljs-subst, .hljs-tag .hljs-title, .lisp .hljs-title, .clojure .hljs-built_in, .nginx .hljs-title { color: #abb; } */ /* Top */ .image-mode-tab { border-top: dashed 1px #2f2720; padding: 0.5em; font-size: 0.9em; text-align: center; } .image-mode-tab > a { padding: 0.1em; } .tag_info { text-align: center; } .tag_info > .tag-text-data { text-align: left; max-width: 30em; } .bar-value { background: #e1dff0; font-size: 0.8em; height: 1.3em; } .bar-bg { background: #efe7f0; position: relative; border: solid 1px #c7c0d0; overflow: hidden; } .bar-text { font-size: 0.8em; position: absolute; padding: 0.2em; left: 0; top: 0; } .page_link, .current_page { text-align: center; font-size: 0.9em; padding: 0.2em; background: #efe7f0; border: solid 1px #c7c0d0; } .skipped_replies { margin-left: 2ex; padding: 0.2em; margin-bottom: 0.5em; background: #efe7f0; border: solid 1px #c7c0d0; } /* Image Styles */ .post > .image { float: left; background: #c1daf1; border: solid 1px #b1cdf1; margin: 0 1ex .5ex 0; min-width: 1px; text-align: center; display: table-row; } .gallery_image { background: #c1daf1; border: solid 1px #b1cdf1; margin: 0.5em; text-align: center; } .post-image-full { margin: 0; } /* Form Styles ====================================================== */ .post-form-w { background: #daccff; border: solid 1px #cbd; border-radius: 2px; box-shadow: 0 0 3px #ccc; padding: 0.5em; } .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; } input[type="submit"]:hover { background: #8f8; } id_text { width: 100%; } #mark-panel { padding: 1em; display: block; } #id-text { width: 100%; } #mark-panel { padding: 0; } .mark_btn { background: #cabaff; border: solid 1px #baf; padding: 0.3em; margin-right: 1ex; margin-bottom: 0.5em; display: inline-block; } .mark_btn:hover { background: #aaf; } .mark_btn > code { background: #a9f; font-size: 0.8em; } .post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]), .post-form textarea, .post-form select { color: #black; background: #cabaff; border: solid 1px #baf; padding: 0.2em; margin-bottom: 0.5em; font: medium sans-serif; width: 100%; } .post-form textarea { resize: vertical; } input[type="submit"], button { background: #cabaff; border: solid 1px #baf; color: #222; padding: 0.2em; margin-right: 0.5ex; } button:hover { background: #c0b0ff; } #preview-text { background: #d1e1f1; border: solid 2px #baf; margin: 1ex 0 1ex 0; padding: 1ex; } /* Navbar Styles ==================================================== */ .navigation_panel { 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 #2f2720; } header.navigation_panel > a.right-link:last-child { font-weight: bold; float: right; padding-left: 1ex; border-left: solid 1px #2f2720; } .navigation_panel::after, .post::after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } /* Misc ============================================================= */ #admin_panel { background: #FF0000; color: #00FF00 } .input_field_error { color: #FF0000; } .block { display: inline-block; vertical-align: top; } blockquote { border-left: solid 2px; padding-left: 5px; color: #B1FB17; margin: 0; } /** margin bottom */ .last-replies { margin-left: 2ex; } #fav-panel > .post { background: none; border: none; box-shadow: none; margin: 0; padding: 0; } .thread, .last-replies > .post:last-child { margin-bottom: 1.5em; } .image-metadata { font-size: 0.9em; } .refmap { font-size: 0.9em; color: #222; } .from-input { display: block; } #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; } .post-blink { background-color: #aaaaff; } .moderator_info { color: #e99d41; opacity: 0.4; } .moderator_info:hover { opacity: 1; } .post-image-preview { margin: 0; } .post_preview { max-width: 600px; } .post_preview > .post { box-shadow: 0 0 5px #aaa; margin: 0; } .global-id { font-weight: bolder; opacity: .5; } .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; } .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; } .dead_post > .post-info { font-style: italic; } .archive_post > .post-info { text-decoration: line-through; } .post > .metadata { clear: left; } .get { font-weight: bold; } .form-email { display: none; } /* finlaize ========================================================= */ .post, dead_post, .archive_post, .post-form-w, .tag_info, #posts-table, .bar-bg, .page_link, #fav-panel { margin-bottom: 0.5em; } h2 { font-size: 1.5em; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; } b, strong { font-weight: bold; }