diff --git a/boards/static/css/ad/base_page.css b/boards/static/css/ad/base_page.css new file mode 100644 --- /dev/null +++ b/boards/static/css/ad/base_page.css @@ -0,0 +1,633 @@ +/* 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; +} diff --git a/boards/static/css/iw/base_page.css b/boards/static/css/iw/base_page.css new file mode 100644 --- /dev/null +++ b/boards/static/css/iw/base_page.css @@ -0,0 +1,609 @@ +/* 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; +} diff --git a/neboard/settings.py b/neboard/settings.py --- a/neboard/settings.py +++ b/neboard/settings.py @@ -177,6 +177,8 @@ THEMES = [ ('md_centered', 'Mystic Dark (centered)'), ('sw', 'Snow White'), ('pg', 'Photon Gray'), + ('ad', 'Amanita Dark'), + ('iw', 'Inocibe White'), ] IMAGE_VIEWERS = [