css for nextshow is almost done (needs testing)

1 files changed, 55 insertions, 4 deletions

diff --git a/www/styles/nextshows.css b/www/styles/nextshows.css
index b45514e..73efce8 100644
--- a/www/styles/nextshows.css
+++ b/www/styles/nextshows.css
@@ -19,20 +19,22 @@
  *  along with rhrdweb. If not, see <http://www.gnu.org/licenses/>.
  */
 
-body, #container {
+body {
+  font-family: "Droid Sans", Helvetica, Arial, Sans;
   margin: 0;
   padding: 0;
-  font-size: 42px;
+  font-size: 48px;
 }
 
+
 #header {
-  background-color: #101010;
+  background-color: #36373B;
   width: 100%;
   color: white;
 }
 
 #clock {
-  padding: 0.4em;
+  padding: 0.1em;
 }
 
 #clock span {
@@ -52,3 +54,52 @@ body, #container {
   padding: 0.1em;
   font-weight: bold;
 }
+
+
+
+#shows div.show {
+  padding: 0.1em 0;
+}
+
+#shows div:nth-child(odd) {
+  background-color: white;
+}
+
+#shows div:nth-child(even) {
+  background-color: #E0E0E0;
+}
+
+div.show span {
+  font-weight: bold;
+  margin: 0.1em 0.22em;
+}
+
+div.show span.show-start, div.show span.show-end {
+  font-size: 0.75em;
+  margin-left: 1em;
+  margin-right: 1em;
+}
+
+span.show-start {
+  float: left;
+}
+
+span.show-end {
+  float: right;
+}
+
+span.show-title {
+  white-space:nowrap;
+  overflow:hidden;
+  clear: both;
+  display: block;
+  text-align: center;
+}
+
+#shows div:first-child {
+  padding-bottom: 0.5em;
+}
+
+#shows div:first-child span.show-title {
+  font-size: 1.2em;
+}