##// END OF EJS Templates
Insert new posts in the pub time position instead of the end (js). Used when the posts are synced to the middle of the thread
Insert new posts in the pub time position instead of the end (js). Used when the posts are synced to the middle of the thread

File last commit:

r1850:e43e0640 default
r2105:fd2a304e default
Show More
base_page.css
527 lines | 8.5 KiB | text/css | CssLexer
/* Shroom-Themes 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: #847c75;
}
.random-images-table {
width: auto;
}
/* Post Styles ====================================================== */
.post,
.dead_post,
.archive_post,
#posts-table,
.tag_info,
#fav-panel {
background: #d7e3f4;
border: solid 1px #cedef4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0 3px #d8e3f4;
margin: 0;
padding: 0.5em;
word-wrap: break-word;
}
.metadata {
border-top: solid 1px #aabaca;
padding-top: 0.2em;
font-size: 0.9em;
color: #847c75;
}
.message {
padding-left: 1ex;
padding-bottom: 0.5em;
}
.post-info {
padding: 0 0 0.2em 0;
color: #847c75;
margin-bottom: 1ex;
}
.title {
font-size: 1em;
font-weight: bold;
color: #2f2720;
}
.post-info > a {
font-size: 0.9em;
color: #9797e3;
}
a.tripcode {
color: #847c75;
}
a.post_id {
font-size: 1em;
color: #c83737;
}
.highlight {
background: #9cc5f4;
border: solid 1px #92c0f4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0 3px #a6caf4;
}
/* Formating */
.multiquote {
padding: 0.2em;
display: inline-block;
background: #c4d9f4;
border-style: solid;
border-color: #a6caf4;
border-width: 1px 1px 1px 4px;
margin-bottom: 0.5em;
font-size: 0.9em;
}
.quote-header {
border-bottom: 2px solid #a6caf4;
margin-bottom: 0.3em;
padding-bottom: 0.2em;
font-size: 1.2em;
}
.quote {
color: #668800;
font-style: italic;
}
.user-cast {
border: solid 1px #a6caf4;
padding: 0.2ex;
background: #c4d9f4;
}
.comment {
color: #847c75;
}
.spoiler {
color: #2f2720;
background: #2f2720;
}
.spoiler:hover {
color: #2f2720;
background: #d7e3f4;
}
pre {
white-space: pre-wrap;
overflow: auto;
}
code {
border: dashed 1px #92c0f4;
background: #c4d9f4;
padding: 2px;
font-size: 1.2em;
display: inline-block;
}
/* Code highlighter */
.hljs {
background: #c4d9f4;
display: inline-block;
}
.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.lisp .hljs-title,
.clojure .hljs-built_in,
.nginx .hljs-title {
color: #2f2720;
}
/* Top */
.image-mode-tab {
border-top: dashed 1px black;
padding: 0.5em;
font-size: 0.9em;
text-align: center;
}
.image-mode-tab > a {
padding: 0.1em;
}
.tag_info > img {
background: #c4d9f4;
border: solid 1px #a6caf4;
}
.tag_info {
text-align: center;
}
.tag_info > .tag-text-data {
text-align: left;
max-width: 30em;
}
.bar-value {
background: #e5ddd6;
border-color: #ddd5ce;
font-size: 0.8em;
height: 1.3em;
}
.bar-bg {
background: #eee6df;
position: relative;
border: solid 1px #ddd5ce;
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: #eee6df;
border: solid 1px #ddd5ce;
}
.current_page {
font-weight: bold;
}
.skipped_replies {
margin-left: 2.5ex;
font-size: 0.9em;
padding: 0.2em;
margin-bottom: 0.5em;
background: #eee6df;
border: solid 1px #ddd5ce;
}
/* Image Styles */
.post > .image {
float: left;
background: #c4d9f4;
border: solid 1px #a6caf4;
margin: 0 1ex .5ex 0;
min-width: 1px;
text-align: center;
display: table-row;
}
.gallery_image {
background: #c4d9f4;
border: solid 1px #a6caf4;
margin: 0.5em;
text-align: center;
}
.post-image-full {
margin: 0;
}
/* Form Styles ====================================================== */
.post-form-w {
background: #dad8f4;
border: solid 1px #d5cef4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 0 3px #dddcf4;
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;
}
id_text {
width: 100%;
}
#mark-panel {
padding: 1em;
display: block;
}
#id-text {
width: 100%;
}
#mark-panel {
padding: 0;
}
.mark_btn {
background: #d1c4f4;
border: solid 1px #c2a6f4;
padding: 0.3em;
margin-right: 1ex;
margin-bottom: 0.5em;
display: inline-block;
}
.mark_btn:hover {
background: #c2a6f4;
border-color: #b388f4;
}
.mark_btn > code {
background: #c2a6f4;
border: dashed 1px #b388f4;
padding: 0.1ex;
font-size: 0.8em;
}
.post-form input:not([name="image"]):not([type="checkbox"]):not([type="submit"]),
.post-form textarea,
.post-form select {
color: #2f2720;
background: #d1c4f4;
border: solid 1px #c2a6f4;
padding: 0.2em;
margin-bottom: 0.5em;
font: medium sans-serif;
width: 100%;
}
.post-form textarea {
resize: vertical;
}
input[type="submit"],
button {
background: #d1c4f4;
border: solid 1px #c2a6f4;
color: #2f2720;
padding: 0.2em;
margin-right: 0.5ex;
}
input[type="submit"]:hover,
button:hover {
background: #c2a6f4;
border-color: #b388f4;
}
#preview-text {
background: #d7e3f4;
border: solid 2px #c2a6f4;
margin: 1ex 0 1ex 0;
padding: 1ex;
}
/* Navbar Styles ==================================================== */
.navigation_panel {
color: black;
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 black;
}
header.navigation_panel > a.right-link {
float: right;
font-weight: bold;
margin-left: 1ex;
padding-left: 1ex;
border-left: solid 1px black;
}
.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;
}
.thread,
.last-replies > .post:last-child {
margin-bottom: 1.5em;
}
#fav-panel > .post {
background: none;
border: none;
box-shadow: none;
margin: 0;
padding: 0;
}
#thread-fav-button:hover {
background: #c4d9f4;
}
.image-metadata {
font-size: 0.9em;
}
.refmap {
font-size: 0.9em;
color: #847c75;
}
.from-input {
display: block;
}
#up {
position: fixed;
bottom: 0.2em;
right: 1em;
border: 2px solid #b388f4;
background: #d1c4f4;
padding: 4px;
opacity: 0.3;
}
#up:hover {
opacity: 1;
}
#quote-button {
background: #d1c4f4;
border: solid 2px #c2a6f4;
padding: 0.2em;
}
#quote-button:hover {
background: #c2a6f4;
border: solid 2px #b388f4;
}
.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 #b6c1d2;
margin: 0;
}
.global-id {
font-weight: bolder;
opacity: .5;
}
.img-full {
background: #c4d9f4;
border: solid 1px #a6caf4;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
box-shadow: 0 0 5px #b6c1d2;
}
.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 #61a7f3;
}
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;
}
.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;
}