Adjust css theme

Fix responsive

templates/themes/recent/recent.css

@@ -48,3 +48,15 @@
 	float: none;
 	margin: 10px auto;
 }
+
+@media screen and (max-width: 696px) {
+	.box-wrap {
+		overflow: visible;
+	}
+	.box {
+		width: 100%;
+	}
+	.box ul {
+		text-align: center;
+	}
+}

templates/themes/recent/recent_dark.css

@@ -1,73 +1,85 @@
 body {
         color: #CCCCCC;
         background: #1E1E1E;
-}
+    }
     
-header div.subtitle, h1 {
+    header div.subtitle, h1 {
         color: #CCCCCC;
-}
+    }
     
-a:link, a:visited, p.intro a.email span.name {
+    a:link, a:visited, p.intro a.email span.name {
             color: #CCCCCC;
             text-decoration: underline;
             font-family: sans-serif;
-}
+    }
-a:link:hover, a:visited:hover {
+    a:link:hover, a:visited:hover {
             color: #FF0000;
             font-family: sans-serif;
             text-decoration: underline overline;
-}
+    }
      
-.box-wrap {
+    .box-wrap {
             max-width: 670px;
             min-width: 332px;
             margin: 30px auto;
             overflow: auto;
             padding: 0;
-}
+    }
-.box {
+    .box {
             background: white;
             border: 1px solid #98E;
             width: 330px;
             margin: 8px 0;
             padding: 0;
-}
+    }
-.box ul {
+    .box ul {
             padding: 2px 15px;
-}
+    }
-.box ul li {
+    .box ul li {
             list-style: none;
             margin: 0;
-}
+    }
-.box.left {
+    .box.left {
             background: #333333;
             color: #CCCCCC;
             border: #555555 1px solid;
             float: left;
-}
+    }
-.box.right {
+    .box.right {
             background: #333333;
             color: #CCCCCC;
             border: #555555 1px solid;
             float: right;
-}
+    }
      
-.box h2 {
+    .box h2 {
             padding: 3px 7px;
             font-size: 12pt;
             border: #555555 1px solid;
-}
+    }
-.box.left h2 {
+    .box.left h2 {
             background: #333333;
             color: #CCCCCC;
             border: #555555 1px solid;
-}
+    }
-.box.right h2 {
+    .box.right h2 {
             background: #333333;
             color: #CCCCCC;
             border: #555555 1px solid;
-}
+    }
-.box img {
+    .box img {
             float: none;
             margin: 10px auto;
-}
+    }
+    
+    @media screen and (max-width: 696px) {
+            .box-wrap {
+                    overflow: visible;
+            }
+            .box {
+                    width: 100%;
+            }
+            .box ul {
+                    text-align: center;
+            }
+    }

templates/themes/recent/recent_fs.css

@@ -55,3 +55,15 @@ body {
 header div.subtitle, h1 {
     color: #888A8C;
 }
+
+@media screen and (max-width: 696px) {
+	.box-wrap {
+		overflow: visible;
+	}
+	.box {
+		width: 100%;
+	}
+	.box ul {
+		text-align: center;
+        }
+}