Updated some themes

boards/static/css/ad/base_page.css

@@ -1,523 +1,527 b''
 /* Shroom-Themes for Neboard
  * 
  */
 /* Page Styles ============================================================== */
 * {
   text-decoration: none;
   font-weight: inherit;
 }
 p,
 .br {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
 }
 html {
   color: #eee;
   background: #687065;
   font-family: sans-serif;
 }
 body {
   margin: 0 0.5em 0 0.5em;
 }
 .link,
 a {
   color: #bbddff;
   text-decoration: none;
 }
 .link:hover,
 a:hover {
   text-decoration: underline;
 }
 .tag,
 .fav {
   color: #d4aa00;
 }
 .not_fav {
   color: #899;
 }
 .random-images-table {
   width: auto;
 }
 /* Post Styles ====================================================== */
 .post,
 .dead_post,
 .archive_post,
 #posts-table,
 .tag_info,
 #fav-panel {
   background: #405050;
   border: solid 1px #394949;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   box-shadow: 0 0 3px #344;
   margin: 0;
   padding: 0.5em;
+  word-wrap: break-word;
 }
 .metadata {
   border-top: solid 1px #677;
   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: #899;
   margin-bottom: 1ex;
 }
 .title {
   font-size: 1em;
   font-weight: bold;
   color: #eee;
 }
 .post-info > a {
   font-size: 0.9em;
   color: #8c6900;
 }
 a.tripcode {
   color: #899;
 }
 a.post_id {
   font-size: 1em;
   color: #d4aa00;
 }
 .highlight {
   background: #304040;
   border: solid 1px #293939;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   box-shadow: 0 0 3px #233;
 }
 /* Formating */
 .multiquote {
   padding: 0.2em;
   display: inline-block;
   background: #485858;
   border-style: solid;
   border-color: #566;
   border-width: 1px 1px 1px 4px;
   margin-bottom: 0.5em;
   font-size: 0.9em;
 }
 .quote-header {
   border-bottom: 2px solid #566;
   margin-bottom: 0.3em;
   padding-bottom: 0.2em;
   font-size: 1.2em;
 }
 .quote {
   color: #92cf38;
   font-style: italic;
 }
 .user-cast {
   border: solid 1px #566;
   padding: 0.2ex;
   background: #485858;
 }
 .comment {
   color: #899;
 }
 .spoiler {
   color: #eee;
   background: #eee;
 }
 .spoiler:hover {
   color: #eee;
   background: #405050;
 }
 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: #122;
   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 #ab9;
   padding: 0.5em;
   font-size: 0.9em;
   text-align: center;
 }
 .image-mode-tab > a {
   padding: 0.1em;
 }
 .tag_info > img {
   background: #485858;
   border: solid 1px #566;
 }
 .tag_info {
   text-align: center;
 }
 .tag_info > .tag-text-data {
   text-align: left;
   max-width: 30em;
 }
 .bar-value {
   background: #5e665b;
   border-color: #575f54;
   font-size: 0.8em;
   height: 1.3em;
 }
 .bar-bg {
   background: #636b60;
   position: relative;
   border: solid 1px #575f54;
   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: #636b60;
   border: solid 1px #575f54;
 }
+.current_page {
+  font-weight: bold;
+}
 .skipped_replies {
   margin-left: 2.5ex;
   font-size: 0.9em;
   padding: 0.2em;
   margin-bottom: 0.5em;
   background: #636b60;
   border: solid 1px #575f54;
 }
 /* Image Styles */
 .post > .image {
   float: left;
   background: #485858;
   border: solid 1px #566;
   margin: 0 1ex .5ex 0;
   min-width: 1px;
   text-align: center;
   display: table-row;
 }
 .gallery_image {
   background: #485858;
   border: solid 1px #566;
   margin: 0.5em;
   text-align: center;
 }
 .post-image-full {
   margin: 0;
 }
 /* Form Styles ====================================================== */
 .post-form-w {
   background: #404950;
   border: solid 1px #3f484f;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   box-shadow: 0 0 3px #363f46;
   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: #4a535a;
   border: solid 1px #545d64;
   padding: 0.3em;
   margin-right: 1ex;
   margin-bottom: 0.5em;
   display: inline-block;
 }
 .mark_btn:hover {
   background: #5b646b;
   border-color: #656e75;
 }
 .mark_btn > code {
   background: #394249;
   border: dashed 1px #656e75;
   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: #eee;
   background: #4a535a;
   border: solid 1px #545d64;
   padding: 0.2em;
   margin-bottom: 0.5em;
   font: medium sans-serif;
   width: 100%;
 }
 .post-form textarea {
   resize: vertical;
 }
 input[type="submit"],
 button {
   background: #4a535a;
   border: solid 1px #545d64;
   color: #eee;
   padding: 0.2em;
   margin-right: 0.5ex;
 }
 input[type="submit"]:hover,
 button:hover {
   background: #5b646b;
   border-color: #656e75;
 }
 #preview-text {
   background: #405050;
   border: solid 2px #545d64;
   margin: 1ex 0 1ex 0;
   padding: 1ex;
 }
 /* Navbar Styles ==================================================== */
 .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 {
   float: right;
   font-weight: bold;
   margin-left: 1ex;
   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;
 }
 /* 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: #485858;
 }
 .image-metadata {
   font-size: 0.9em;
 }
 .refmap {
   font-size: 0.9em;
   color: #899;
 }
 .from-input {
   display: block;
 }
 #up {
   position: fixed;
   bottom: 0.2em;
   right: 1em;
   border: 2px solid #212a31;
   background: #4a535a;
   padding: 4px;
   opacity: 0.3;
 }
 #up:hover {
   opacity: 1;
 }
 #quote-button {
   background: #4a535a;
   border: solid 2px #212a31;
   padding: 0.2em;
 }
 #quote-button:hover {
   background: #5b646b;
   border: solid 2px #212a31;
 }
 .post-blink {
   background-color: #233;
 }
 .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 #112222;
   margin: 0;
 }
 .global-id {
   font-weight: bolder;
   opacity: .5;
 }
 .img-full {
   background: #485858;
   border: solid 1px #566;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   box-shadow: 0 0 5px #112222;
 }
 .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;
 }
 .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;
 }

boards/static/css/iw/base_page.css

@@ -1,523 +1,527 b''
 /* 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;
 }