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;
/*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 {