From 6007daf601bcf4dbbe70e7e6ed8088d8aebc20b4 Mon Sep 17 00:00:00 2001
From: Albert Santoni <albert.santoni@sourcefabric.org>
Date: Thu, 11 Jun 2015 14:21:56 -0400
Subject: [PATCH] Adapted the default schedule widget skin to be more like the
 player skin

---
 .../embed/weekly-schedule-widget-basic.css    | 34 ++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css b/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
index b9c577a22..f19d03853 100644
--- a/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
+++ b/airtime_mvc/public/css/embed/weekly-schedule-widget-basic.css
@@ -10,7 +10,6 @@ body {
     max-width: 750px;
     /*margin: 0 auto;*/
     margin-bottom: 140px;
-    padding: 10px;
     position: absolute;
     /*left: 50%;
     margin-left: -380px;*/
@@ -25,7 +24,18 @@ body {
     list-style: none;
     padding-left: 0px;
     margin: 0px;
-    background: rgba(170, 170, 170, 0.9);
+    background: rgba(53, 53, 53, 0.9);
+
+    -moz-border-top-left-radius: 4px;
+    -moz-border-top-right-radius: 4px;
+    -webkit-border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+
+    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.1) inset,0 1px 0 rgba(255,255,255,0.1),0 0 1px #000 inset;
+    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.1) inset,0 1px 0 rgba(255,255,255,0.1),0 0 1px #000 inset;
+    box-shadow: 0 3px 5px rgba(0,0,0,0.1) inset,0 1px 0 rgba(255,255,255,0.1),0 0 1px #000 inset;
 }
 
 .schedule .tabs li {
@@ -71,6 +81,10 @@ body {
     max-height: 300px;
 }
 
+.tab_content.current ul {
+background: rgba(53, 53, 53, 1.0);
+}
+
 /*.schedule_content table {
     opacity: 0;
     *//*transition: all 1s ease;*//*
@@ -86,8 +100,8 @@ body {
     display: none;
     font-size: 17px;
     text-align: left;
-    text-transform: uppercase;
     padding: 10px 30px;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 .schedule_item.active {
@@ -102,6 +116,7 @@ body {
 .empty-schedule {
     text-transform: none;
     text-align: center;
+    color: #aaaaaa;
 }
 
 .schedule_item div.time_grid {
@@ -122,10 +137,19 @@ body {
 }
 
 .weekly-schedule-widget-footer {
-    border-top: 1px solid #aaaaaa;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
     text-align: right;
-    padding: 4px 16px;
+    font-size: 11px;
+    padding: 16px 16px;
     background: rgba(53, 53, 53, 0.9);
+
+    -moz-border-bottom-left-radius: 4px;
+    -moz-border-bottom-right-radius: 4px;
+    -webkit-border-bottom-left-radius: 4px;
+    -webkit-border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+
 }
 
 .weekly-schedule-widget-footer a {