Adapted the default schedule widget skin to be more like the player skin

This commit is contained in:
Albert Santoni 2015-06-11 14:21:56 -04:00
parent 832f70d663
commit 6007daf601
1 changed files with 29 additions and 5 deletions

View File

@ -10,7 +10,6 @@ body {
max-width: 750px; max-width: 750px;
/*margin: 0 auto;*/ /*margin: 0 auto;*/
margin-bottom: 140px; margin-bottom: 140px;
padding: 10px;
position: absolute; position: absolute;
/*left: 50%; /*left: 50%;
margin-left: -380px;*/ margin-left: -380px;*/
@ -25,7 +24,18 @@ body {
list-style: none; list-style: none;
padding-left: 0px; padding-left: 0px;
margin: 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 { .schedule .tabs li {
@ -71,6 +81,10 @@ body {
max-height: 300px; max-height: 300px;
} }
.tab_content.current ul {
background: rgba(53, 53, 53, 1.0);
}
/*.schedule_content table { /*.schedule_content table {
opacity: 0; opacity: 0;
*//*transition: all 1s ease;*//* *//*transition: all 1s ease;*//*
@ -86,8 +100,8 @@ body {
display: none; display: none;
font-size: 17px; font-size: 17px;
text-align: left; text-align: left;
text-transform: uppercase;
padding: 10px 30px; padding: 10px 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
} }
.schedule_item.active { .schedule_item.active {
@ -102,6 +116,7 @@ body {
.empty-schedule { .empty-schedule {
text-transform: none; text-transform: none;
text-align: center; text-align: center;
color: #aaaaaa;
} }
.schedule_item div.time_grid { .schedule_item div.time_grid {
@ -122,10 +137,19 @@ body {
} }
.weekly-schedule-widget-footer { .weekly-schedule-widget-footer {
border-top: 1px solid #aaaaaa; border-top: 1px solid rgba(255, 255, 255, 0.1);
text-align: right; text-align: right;
padding: 4px 16px; font-size: 11px;
padding: 16px 16px;
background: rgba(53, 53, 53, 0.9); 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 { .weekly-schedule-widget-footer a {