Change theme on recent

4 files changed, 162 insertions, 36 deletions

diff --git a/templates/themes/recent/cyberpunk_recent.css b/templates/themes/recent/cyberpunk_recent.css
new file mode 100644
index 00000000..c8dfd246
--- /dev/null
+++ b/templates/themes/recent/cyberpunk_recent.css
@@ -0,0 +1,124 @@
+body {
+    background: #0C0001;
+    color: #FF36AD;
+    font-family: monospace;
+    font-size: 11px;
+}
+@font-face 
+{
+  font-family: 'lain';
+  src: url('./fonts/nrdyyh.woff') format('woff'),
+       url('./fonts/tojcxo.TTF') format('truetype');
+}
+h1 {
+     font-family: monospace, Arial;
+    font-size: 18pt;
+    text-align: center;
+    letter-spacing: 0px;
+}
+div.title, h1 {
+    color: #FF36AD;
+    font-family: lain, Helvetica, sans-serif;
+}
+header div.subtitle {
+color: #00ff00;
+text-align: center;
+}
+div.title p {
+    font-size: 13px;
+}
+a:link, a:visited, p.intro a.email span.name {
+    color: #00ff00;
+    text-decoration: underline;
+    font-family: monospace;
+}
+a:link:hover, a:visited:hover {
+    color: #00ff00;
+    font-family: monospace;;
+    text-decoration: underline overline;
+}
+/*@import url("/stylesheets/dark.css");
+body {
+    color: #CCCCCC;
+    background: #1E1E1E;
+}
+
+header div.subtitle, h1 {
+    color: #32DD72;
+}
+*/
+
+/*a:link, a:visited, p.intro a.email span.name {
+        color: #CCCCCC;
+        text-decoration: none;
+        font-family: sans-serif;
+	transition: text-shadow 0.15s ease 0s color 0.15s ease 0s;
+}*/
+/*a:link:hover, a:visited:hover {
+	color: #32DD72;
+        font-family: sans-serif;
+        text-decoration: none;
+	text-shadow: 0px 0px 5px #FFF;
+}
+*/ 
+.box-wrap {
+        max-width: 670px;
+        min-width: 332px;
+        margin: 0px auto 30px auto;
+        overflow: auto;
+        padding: 0;
+}
+.box {
+        background: transparent;
+        border: 1px solid #33cccc;
+        width: 330px;
+        margin: 8px 0 0 0;
+        padding: 0;
+	-webkit-border-radius: 2px;
+        -khtml-border-radius: 2px;
+        -moz-border-radius: 2px;
+	-o-border-radius: 2px;
+	-ms-border-radius: 2px;
+        border-radius: 2px;
+}
+.box ul {
+        padding: 2px 15px;;
+}
+.box ul li {
+        list-style: none;
+        margin: 0;
+}
+
+.box.left {
+        float: left;
+}
+.box.left ul {
+	text-align: center;
+}
+.box.right {
+        float: right;
+}
+.box strong {
+	color: #32DD72;
+} 
+.box h2 {
+        padding: 3px 7px;
+        font-size: 10pt;
+        border-bottom: #33cccc 1px solid;
+	color: #00ff00;
+	background: #00080C;
+    border-radius: 10px;
+}
+.box img {
+        float: none;
+	box-sizing: border-box;
+
+}
+.box li:not(:nth-child(1)) img {
+	margin-top: 12px;
+}
+
+.topbar {
+    background-color: black;
+    border-bottom: 1px solid #33cccc;
+}
\ No newline at end of file
diff --git a/templates/themes/recent/recent.html b/templates/themes/recent/recent.html
index 637441cb..c3d71144 100644
--- a/templates/themes/recent/recent.html
+++ b/templates/themes/recent/recent.html
@@ -10,12 +10,11 @@
 	{% if config.url_favicon %}<link rel="shortcut icon" href="{{ config.url_favicon }}" />{% endif %}
 </head>
 <body>
-	{{ boardlist.top }}
-
+	<div class="topbar">
+		{{ boardlist.top }}
+	</div>
+        <img class="board_image" src="{{ config.url_banner }}"style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};height:{{ config.banner_height }}px;" alt="" />
         <header>
-                <p class="bic">
-                        <img class="board_image" src="{{ config.url_banner }}"style="{% if config.banner_width %}width:{{ config.banner_width }}px{% endif %};height:{{ config.banner_height }}px;" alt="" />
-                </p>
 <h1>{{ settings.title }}</h1>
                 <div class="subtitle">PRESENT DAY. PRESENT TIME. HAHAHAHAHA</div>
                         </header>
diff --git a/templates/themes/recent/recent_dark.css b/templates/themes/recent/recent_dark.css
index 5e1bed71..e9c3aed1 100644
--- a/templates/themes/recent/recent_dark.css
+++ b/templates/themes/recent/recent_dark.css
@@ -1,75 +1,79 @@
-body {
+@import url("/stylesheets/dark.css");
+/*body {
     color: #CCCCCC;
     background: #1E1E1E;
 }
 
 header div.subtitle, h1 {
-    color: #CCCCCC;
+    color: #32DD72;
 }
+*/
 
-a:link, a:visited, p.intro a.email span.name {
+/*a:link, a:visited, p.intro a.email span.name {
         color: #CCCCCC;
         text-decoration: none;
         font-family: sans-serif;
 	transition: text-shadow 0.15s ease 0s color 0.15s ease 0s;
-}
-a:link:hover, a:visited:hover {
+}*/
+/*a:link:hover, a:visited:hover {
 	color: #32DD72;
         font-family: sans-serif;
         text-decoration: none;
 	text-shadow: 0px 0px 5px #FFF;
 }
- 
+*/ 
 .box-wrap {
         max-width: 670px;
         min-width: 332px;
-        margin: 30px auto;
+        margin: 0px auto 30px auto;
         overflow: auto;
         padding: 0;
 }
 .box {
-        background: white;
-        border: 1px solid #98E;
+        background: transparent;
+        border: 1px solid #555555;
         width: 330px;
-        margin: 8px 0;
+        margin: 8px 0 0 0;
         padding: 0;
+	-webkit-border-radius: 2px;
+        -khtml-border-radius: 2px;
+        -moz-border-radius: 2px;
+	-o-border-radius: 2px;
+	-ms-border-radius: 2px;
+        border-radius: 2px;
 }
 .box ul {
-        padding: 2px 15px;
+        padding: 2px 15px;;
 }
 .box ul li {
         list-style: none;
         margin: 0;
 }
+
 .box.left {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
         float: left;
 }
+.box.left ul {
+	text-align: center;
+}
 .box.right {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
         float: right;
 }
- 
+.box strong {
+	color: #32DD72;
+} 
 .box h2 {
         padding: 3px 7px;
         font-size: 12pt;
-        border: #555555 1px solid;
-}
-.box.left h2 {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
-}
-.box.right h2 {
-        background: #333333;
-        color: #CCCCCC;
-        border: #555555 1px solid;
+        border-bottom: #555555 1px solid;
+	color: #32DD72;
+	background: #333333;
 }
 .box img {
         float: none;
-        margin: 10px auto;
+	box-sizing: border-box;
+
+}
+.box li:not(:nth-child(1)) img {
+	margin-top: 12px;
 }
diff --git a/templates/themes/recent/theme.php b/templates/themes/recent/theme.php
index b1153477..ad6f99e4 100644
--- a/templates/themes/recent/theme.php
+++ b/templates/themes/recent/theme.php
@@ -124,7 +124,6 @@
 			$query = query($query) or error(db_error());
 			$stats['unique_posters'] = number_format($query->fetchColumn());
 			
-			// Active content
 			/*$query = 'SELECT SUM(`filesize`) FROM (';
 			foreach ($boards as &$_board) {
 				if (in_array($_board['uri'], $this->excluded))