Added icon for CSS. Updated AD and IW styles (thx anonymous #52335 and #52336)

boards/static/css/ad/base_page.css

@@ -1,633 +1,523 b''
-/* Amanita Dark theme for Neboard
+/* Shroom-Themes for Neboard
  * 
  */
- 
+/* Page Styles ============================================================== */
 * {
    text-decoration: none;
    font-weight: inherit;
 }
-
-b, strong {
-   font-weight: bold;
+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;
 }
-
-#admin_panel {
-    background: #FF0000;
-    color: #00FF00
-}
-
-.input_field_error {
-    color: #FF0000;
-}
-
-.title {
-	font-weight: bold;
-	color: #fff;
-}
-
-.image {
-	text-align: center
-}
-
-.link, a {
+.link,
+a {
 	color: #bbddff;
 	text-decoration: none;
 }
-
-.link:hover, a:hover {
+.link:hover,
+a:hover {
 	text-decoration: underline;
 }
-
-.tag, .post_id {
+.tag,
+.fav {
 	color: #d4aa00;
 }
-
-.block {
-    display: inline-block;
-    vertical-align: top;
+.not_fav {
+  color: #899;
+}
+.random-images-table {
+  width: auto;
 }
-
-.post, dead_post, .archive_post, #posts-table, .tag_info, #fav-panel {
+/* 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;
 }
-
-.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;
 }
-
+.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;
+}
+.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:last-child {
+header.navigation_panel > a.right-link {
+  float: right;
 	font-weight: bold;
-	float: right;
+  margin-left: 1ex;
 	padding-left: 1ex;
 	border-left: solid 1px #ab9;
 }
-
-.navigation_panel::after, .post::after {
+.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;
+/* Misc ============================================================= */
+#admin_panel {
+  background: #FF0000;
+  color: #00FF00;
 }
-
-.bar-value {
-    background: #564;
-    font-size: 0.8em;
-    height: 1.3em;
+.input_field_error {
+  color: #FF0000;
 }
-
-.bar-bg {
-	background: #675;
-    position: relative;
-    border: solid 1px #455535;
-    overflow: hidden;
+.block {
+  display: inline-block;
+  vertical-align: top;
 }
-
-.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;
+.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, .last-replies > .post:last-child {
-	margin-bottom: 1.5em;
-}
-
-.post-info {
-	font-size: 1em;
-	color: #aaa;
+#thread-fav-button:hover {
+  background: #485858;
 }
-
-.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;
+  color: #899;
 }
-
-#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;
+  border: 2px solid #212a31;
+  background: #4a535a;
     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;
+  background: #4a535a;
+  border: solid 2px #212a31;
     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;
+  background: #5b646b;
+  border: solid 2px #212a31;
 }
-
-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;
+  box-shadow: 0 0 5px #112222;
 	margin: 0;
 }
-
 .global-id {
     font-weight: bolder;
     opacity: .5;
 }
-
-.multiquote {
-    padding: 0.2em;
-    display: inline-block;
+.img-full {
     background: #485858;
-    border-style: solid;
-    border-color: #677;
-    border-width: 1px 1px 1px 4px;
-    margin-bottom: 0.5em;
-    font-size: 0.9em;
+  border: solid 1px #566;
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
+  border-radius: 1px;
+  box-shadow: 0 0 5px #112222;
 }
-
-.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;
+.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,609 +1,523 b''
-/* Inocibe White theme for Neboard
+/* Shroom-Themes for Neboard
  * 
  */
- 
-/* Page Styles ====================================================== */
-
+/* Page Styles ============================================================== */
 * {
    text-decoration: none;
    font-weight: inherit;
 }
-
-p, .br {
+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 {
+.link,
+a {
 	color: #3737c8;
 	text-decoration: none;
 }
-
-.link:hover, a:hover {
+.link:hover,
+a:hover {
 	text-decoration: underline;
 }
-
-.tag, .fav {
+.tag,
+.fav {
 	color: #c83737;
 }
-
 .not_fav {
-    color: #9f9790;
+  color: #847c75;
 }
-
 .random-images-table {
 	width: auto;
 }
-
-
-
 /* Post Styles ====================================================== */
-
-.post, .dead_post, .archive_post, #posts-table, .tag_info, #fav-panel {
-	background: #d1e1f1;
-	border: solid 1px #aabaca;
+.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 #ccc;
+  box-shadow: 0 0 3px #d8e3f4;
 	margin: 0;
 	padding: 0.5em;
 }
-
-
-
 .metadata {
 	border-top: solid 1px #aabaca;
 	padding-top: 0.2em;
 	font-size: 0.9em;
-	color: #899;
+  color: #847c75;
 }
-
 .message {
 	padding-left: 1ex;
 	padding-bottom: 0.5em;
 }
-
 .post-info {
 	padding: 0 0 0.2em 0;
-    color: #888;
+  color: #847c75;
     margin-bottom: 1ex;
 }
-
 .title {
 	font-size: 1em;
 	font-weight: bold;
 	color: #2f2720;
 }
-
 .post-info > a {
 	font-size: 0.9em;
-	color: #8787de;
+  color: #9797e3;
 }
-
 a.tripcode {
-	color: #5f5750;
+  color: #847c75;
 }
-
 a.post_id {
 	font-size: 1em;
 	color: #c83737;
 }
-
 .highlight {
-    background: #c5ccff;
-    border: solid 1px #aabaca;
+  background: #9cc5f4;
+  border: solid 1px #92c0f4;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
 	border-radius: 2px;
-	box-shadow: 0 0 3px #bbb;
+  box-shadow: 0 0 3px #a6caf4;
 }
-
 /* Formating */
-
 .multiquote {
     padding: 0.2em;
     display: inline-block;
-    background: #c1daf1;
+  background: #c4d9f4;
     border-style: solid;
-    border-color: #a1bdf1;
+  border-color: #a6caf4;
     border-width: 1px 1px 1px 4px;
     margin-bottom: 0.5em;
     font-size: 0.9em;
 }
-
 .quote-header {
-    border-bottom: 2px solid #a1bdf1;
+  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 #a1bdf1;
+  border: solid 1px #a6caf4;
     padding: 0.2ex;
-    background: #c1daf1;
+  background: #c4d9f4;
 }
-
 .comment {
-    color: #888;
+  color: #847c75;
 }
-
 .spoiler {
-    background: black;
-    color: black;
+  color: #2f2720;
+  background: #2f2720;
 }
-
 .spoiler:hover {
-    color: white;
+  color: #2f2720;
+  background: #d7e3f4;
 }
-
 pre {
 	white-space: pre-wrap;
     overflow: auto;
 }
-
 code {
-    border: dashed 1px #788;
-    background: #122;
+  border: dashed 1px #92c0f4;
+  background: #c4d9f4;
     padding: 2px;
     font-size: 1.2em;
     display: inline-block;
 }
-
 /* Code highlighter */
 .hljs {
-    background: #c1daf1;
+  background: #c4d9f4;
     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: #2f2720;
 }
-*/
-
 /* Top */
-
 .image-mode-tab {
-	border-top: dashed 1px #2f2720;
+  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: #e1dff0;
+  background: #e5ddd6;
+  border-color: #ddd5ce;
     font-size: 0.8em;
     height: 1.3em;
 }
-
 .bar-bg {
-	background: #efe7f0;
+  background: #eee6df;
     position: relative;
-    border: solid 1px #c7c0d0;
+  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 {
+.page_link,
+.current_page {
 	text-align: center;
 	font-size: 0.9em;
 	padding: 0.2em;
-	background: #efe7f0;
-	border: solid 1px #c7c0d0;
+  background: #eee6df;
+  border: solid 1px #ddd5ce;
 }
-
 .skipped_replies {
-	margin-left: 2ex;
+  margin-left: 2.5ex;
+  font-size: 0.9em;
 	padding: 0.2em;
 	margin-bottom: 0.5em;
-	background: #efe7f0;
-	border: solid 1px #c7c0d0;
+  background: #eee6df;
+  border: solid 1px #ddd5ce;
 }
-
 /* Image Styles */
-
 .post > .image {
     float: left;
-    background: #c1daf1;
-	border: solid 1px #b1cdf1;
+  background: #c4d9f4;
+  border: solid 1px #a6caf4;
     margin: 0 1ex .5ex 0;
     min-width: 1px;
     text-align: center;
     display: table-row;
 }
-
 .gallery_image {
-	background: #c1daf1;
-	border: solid 1px #b1cdf1;
+  background: #c4d9f4;
+  border: solid 1px #a6caf4;
 	margin: 0.5em;
 	text-align: center;
 }
-
 .post-image-full {
 	margin: 0;
 }
-
-
-
 /* Form Styles ====================================================== */
-
 .post-form-w {
-	background: #daccff;
-	border: solid 1px #cbd;
+  background: #dad8f4;
+  border: solid 1px #d5cef4;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
 	border-radius: 2px;
-	box-shadow: 0 0 3px #ccc;
+  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;
 }
-
-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;
+  background: #d1c4f4;
+  border: solid 1px #c2a6f4;
 	padding: 0.3em;
 	margin-right: 1ex;
 	margin-bottom: 0.5em;
 	display: inline-block;
 }
-
-
-
 .mark_btn:hover {
-	background: #aaf;
+  background: #c2a6f4;
+  border-color: #b388f4;
 }
-
 .mark_btn > code {
-	background: #a9f;
+  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: #black;
-	background: #cabaff;
-	border: solid 1px #baf;
+.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: #cabaff;
-	border: solid 1px #baf;
-    color: #222;
+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: #c0b0ff;
+  background: #c2a6f4;
+  border-color: #b388f4;
 }
-
 #preview-text {
-	background: #d1e1f1;
-    border: solid 2px #baf;
+  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 #2f2720;
+  border-right: solid 1px black;
 }
-
-header.navigation_panel > a.right-link:last-child {
-	font-weight: bold;
+header.navigation_panel > a.right-link {
 	float: right;
+  font-weight: bold;
+  margin-left: 1ex;
 	padding-left: 1ex;
-	border-left: solid 1px #2f2720;
+  border-left: solid 1px black;
 }
-
-.navigation_panel::after, .post::after {
+.navigation_panel::after,
+.post::after {
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
 }
-
 /* Misc ============================================================= */
-
 #admin_panel {
     background: #FF0000;
-    color: #00FF00
+  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, .last-replies > .post:last-child {
-	margin-bottom: 1.5em;
+#thread-fav-button:hover {
+  background: #c4d9f4;
 }
-
 .image-metadata {
 	font-size: 0.9em;
 }
-
 .refmap {
 	font-size: 0.9em;
-	color: #222;
+  color: #847c75;
 }
-
-
-
 .from-input {
 	display: block;
 }
-
 #up {
     position: fixed;
     bottom: 0.2em;
     right: 1em;
-    border: 1px solid #777;
-    background: #000;
+  border: 2px solid #b388f4;
+  background: #d1c4f4;
     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;
+  background: #d1c4f4;
+  border: solid 2px #c2a6f4;
     padding: 0.2em;
 }
-
 #quote-button:hover {
-    background-color: #546;
-    border: solid 1px #493959;
+  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 #aaa;
+  box-shadow: 0 0 5px #b6c1d2;
 	margin: 0;
 }
-
 .global-id {
     font-weight: bolder;
     opacity: .5;
 }
-
 .img-full {
-    background: #222;
-    border: solid 1px #677;
+  background: #c4d9f4;
+  border: solid 1px #a6caf4;
+  -webkit-border-radius: 1px;
+  -moz-border-radius: 1px;
     border-radius: 1px;
-    box-shadow: 0 0 3px #233;
+  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 #abb;
+  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;
 }
-
-/* finlaize ========================================================= */
-
-.post, dead_post, .archive_post, .post-form-w, .tag_info, #posts-table, .bar-bg, .page_link, #fav-panel {
+.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 {
+b,
+strong {
    font-weight: bold;
 }