Add lainchan styles

1 files changed, 99 insertions, 50 deletions

diff --git a/stylesheets/dark.css b/stylesheets/dark.css
index 91a9435f..ffa9a291 100644..100755
--- a/stylesheets/dark.css
+++ b/stylesheets/dark.css
@@ -1,6 +1,6 @@
 /**
  * dark.css
- * For AwsumChan by Circlepuller
+ * Stolen from circlepuller who stole it from derpcat
  */
 body {
 	background: #1E1E1E;
@@ -11,12 +11,22 @@ body {
 span.quote {
     color:#B8D962;
 }
+@font-face {
+  font-family: 'lain';
+  src: url('./fonts/nrdyyh.woff') format('woff'),
+       url('./fonts/tojcxo.TTF') format('truetype');
+}
 h1 {
+	font-family: 'lain', tahoma;
+	letter-spacing: -2px;
 	font-size: 20pt;
 	text-align: center;
-	letter-spacing: 0px;
+	color: #32DD72;
 }
-div.title, h1 {
+header div.subtitle {
+    color: #32DD72;
+}
+div.title {
 	color: #32DD72;
 	font-family: Arial, Helvetica, sans-serif;
 }
@@ -28,27 +38,46 @@ a:link, a:visited, p.intro a.email span.name {
 	text-decoration: none;
 	font-family: sans-serif;
 }
+a:link, a:visited, p.intro a.email span.name{
+        -moz-transition: 0.15s text-shadow, 0.15s color;
+	-webkit-transition: 0.15s text-shadow, 0.15s color;
+	-khtml-transition: 0.15s text-shadow, 0.15s color;
+	-o-transition: 0.15s text-shadow, 0.15s color;
+	-ms-transition: 0.15s text-shadow, 0.15s color;
+	transition: 0.15s text-shadow, 0.15s color;
+}
+input[type="text"], textarea {
+	-moz-transition: 0.15s border-color;
+	-webkit-transition: 0.15s border-color;
+	-khtml-transition: 0.15s border-color;
+	-o-transition: 0.15s border-color;
+	-ms-transition: 0.15s border-color;
+	transition: 0.15s border-color;
+}
+input[type="submit"] {
+	-moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
+	-webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
+	-khtml-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
+	-o-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
+	-ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
+	transition: 0.15s border-color, 0.15s background-color, 0.15s color;
+}
 a:link:hover, a:visited:hover {
-	color: #fff;
+	color: #32DD72;
 	font-family: sans-serif;
 	text-decoration: none;
-
+	text-shadow: 0px 0px 5px #fff;
 }
 a.post_no {
-	color: #AAAAAA;
+	color: #AAA;
 	text-decoration: none;
 }
-a.post_no:hover {
-	color: #32DD72 !important;
-	text-decoration: underline overline;
+p.intro a.post_no:hover {
+        color: #32DD72!important;
 }
 div.post.reply {
 	background: #333333;
 	border: #555555 1px solid;
-        -webkit-border-radius: 10px;
-        -khtml-border-radius: 10px;
-        -moz-border-radius: 10px;
-        border-radius: 10px;
 
 }
 div.post.reply.highlighted {
@@ -82,10 +111,6 @@ input[type="text"], textarea, select {
 	background: #333333;
 	color: #CCCCCC;
 	border: #666666 1px solid;
-	padding-left: 5px;
-	padding-right: -5px;
-	font-family: sans-serif;
-	font-size: 10pt;
 }
 input[type="password"] {
 	background: #333333;
@@ -95,75 +120,82 @@ input[type="password"] {
 form table tr th {
 	background: #333333;
 	color: #AAAAAA;
-	font-weight: 800;
+	font-weight: 600;
 	text-align: left;
-	padding: 0;
 }
 div.banner {
-	background: #32DD72;
-	color: #000;
+	background: #E04000;
+	border: 1px solid hsl(17, 100%, 60%);
+	color: #EEE;
 	text-align: center;
-	width: 250px;
-	padding: 4px;
-	padding-left: 12px;
-	padding-right: 12px;
+	height: 17px;
+	width: calc(100% - 4px);
+	padding: 3px 1px;
 	margin-left: auto;
 	margin-right: auto;
-	font-size: 12px;
 }
 div.banner a {
     color:#000;
 }
 input[type="submit"] {
 	background: #333333;
-	border: #888888 1px solid;
+	border: #666 1px solid;
 	color: #CCCCCC;
 }
 input[type="submit"]:hover {
-	background: #555555;
-	border: #888888 1px solid;
+	background: #555;
+	border: #888 1px solid;
 	color: #32DD72;
 }
-input[type="text"]:focus {
-    border:#aaa 1px solid;
+input[type="text"]:focus, textarea:focus {
+    border:#888 1px solid;
 }
 p.fileinfo a:hover {
 	text-decoration: underline;
 }
 span.trip {
-	color: #AAAAAA;
+	color: #AAA;
 }
 div.pages {
-	color: #AAAAAA;
-	background: #333333;
-	border: #666666 1px solid;
+	color: #AAA;
+	background: #333;
+	border: #666 1px solid;
 	font-family: sans-serif;
 	font-size: 10pt;
 }
 div.pages a.selected {
-	color: #CCCCCC;
+	color: #CCC;
 }
 hr {
 	height: 1px;
-	border: #333333 1px solid;
+	border: #333 1px solid;
 }
 div.boardlist {
-	color: #999999;
+	color: #999;
     background-color: rgba(12%, 12%, 12%, 0.10);
 }
 
 div.ban {
 	background-color: transparent;
-	border: transparent 0px solid;
+	border: 1px solid #555;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	text-align: left!important;
 }
 div.ban h2 {
-	background: transparent;
-	color: lime;
-	font-size: 12px;
+	background: #333;
+	color: #32DD72;
+	padding: 3px 7px;
+	font-size: 12pt;
+	border-bottom: 1px solid #555;
+}
+div.ban h2:not(:nth-child(1)) {
+	border-top: 1px solid #555;
 }
 table.modlog tr th {
-	background: #333333;
-	color: #AAAAAA;
+	background: #333;
+	color: #AAA;
 }
 
 .desktop-style div.boardlist:nth-child(1) {
@@ -171,21 +203,38 @@ table.modlog tr th {
 }
 
 
-.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
+/*.desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
   background-color: rgba(30%, 30%, 30%, 0.65);
-}
+}*/
 
 div.report {
-	color: #666666;
+	color: #666;
+}
+.pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{
+        -webkit-border-radius: 2px;
+        -khtml-border-radius: 2px;
+        -moz-border-radius: 2px;
+	-o-border-radius: 2px;
+	-ms-border-radius: 2px;
+        border-radius: 2px;
+}
+.blur {
+    filter: blur(20px);
+    -webkit-filter: blur(23px);
+    -moz-filter: blur(23px);
+    -o-filter: blur(23px);
+    -ms-filter: blur(23px);
+    filter: url(svg/blur.svg#blur);
 }
 
 /* options.js */
 #options_div {
-	background: #333333;
+       background: #333333;
 }
 .options_tab_icon {
-	color: #AAAAAA;
+       color: #AAAAAA;
 }
 .options_tab_icon.active {
-	color: #FFFFFF;
+       color: #FFFFFF;
 }
+