Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

SAAS-813: Wire up schedule widget on Radio Page

Browse source
This commit is contained in:
drigato 2015-05-27 13:50:25 -04:00
parent a569387c5a
commit 27868fbfe5
6 changed files with 154 additions and 227 deletions
Download patch file Download diff file Expand all files Collapse all files

88
airtime_mvc/public/css/radio-page/radio-page.css
View file

@ -26,13 +26,13 @@ body {
margin: 70px 0px 0px 60px;
}
.tab_content {
#schedule_iframe, .tab_content {
color: #fff;
text-align: center;
/*display: none;*/
visibility: hidden;
height: 100%;
width: 100%;
max-width: 740px;
max-width: 750px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 140px;
@ -49,88 +49,6 @@ body {
visibility: visible;
}
.schedule .tabs {
list-style: none;
padding-left: 0px;
margin: 0px;
background: rgba(69, 155, 143, 0.8);
}
.schedule .tabs li {
width: 105px;
height: 80px;
display: inline-block;
font-size: 14px;
padding: 15px;
box-sizing: border-box;
cursor: pointer;
}
.schedule .tabs li span {
font-size: 30px;
display: block;
}
.schedule .tabs li.active {
background: #459B8F;
}
.schedule .tabs li.active:hover {
background: #459B8F;
}
.schedule .tabs li:hover {
background: rgba(69, 155, 143, 0.6)
}
.schedule_content {
background: rgba(0, 0, 0, 0.3);
max-height: 0px;
transition: max-height 2s ease;
/*transition-delay: 1s;*/
}
.schedule.current .schedule_content {
max-height: 2000px;
}
.schedule_content table {
opacity: 0;
/*transition: all 1s ease;*/
}
.schedule.current .schedule_content table {
opacity: 1;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.schedule_item {
display: none;
font-size: 17px;
text-align: left;
text-transform: uppercase;
padding: 30px 40px;
}
.schedule_item.active {
display: block;
}
.schedule_item .time_grid {
font-weight: 300;
color: #AAAAAA;
}
.schedule_item .name_grid {
padding-left: 30px;
}
.schedule_item h4 {
margin: 10px 0px;
font-weight: 400;
}
.about_us {
-webkit-transition-delay: 2s;
transition-delay: 2s;

109
airtime_mvc/public/css/radio-page/weekly-schedule-widget.css Normal file
View file

@ -0,0 +1,109 @@
body {
font-family: 'Roboto', sans-serif;
margin: 0px;
}
.tab_content {
color: #fff;
text-align: center;
/*display: none;*/
visibility: hidden;
width: 100%;
max-width: 740px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 140px;
padding: 10px;
position: absolute;
left: 50%;
margin-left: -380px;
/* -webkit-transition-delay: 1s;
transition-delay: 1s;*/
}
.tab_content.current {
/*display: block;*/
visibility: visible;
}
.schedule .tabs {
list-style: none;
padding-left: 0px;
margin: 0px;
background: rgba(69, 155, 143, 0.8);
}
.schedule .tabs li {
width: 105px;
height: 80px;
display: inline-block;
font-size: 14px;
padding: 15px;
box-sizing: border-box;
cursor: pointer;
}
.schedule .tabs li span {
font-size: 30px;
display: block;
}
.schedule .tabs li.active {
background: #459B8F;
}
.schedule .tabs li.active:hover {
background: #459B8F;
}
.schedule .tabs li:hover {
background: rgba(69, 155, 143, 0.6)
}
.schedule_content {
background: rgba(0, 0, 0, 0.3);
max-height: 0px;
transition: max-height 2s ease;
/*transition-delay: 1s;*/
}
.schedule.current .schedule_content {
max-height: 2000px;
}
.schedule_content table {
opacity: 0;
/*transition: all 1s ease;*/
}
.schedule.current .schedule_content table {
opacity: 1;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.schedule_item {
display: none;
font-size: 17px;
text-align: left;
text-transform: uppercase;
padding: 30px 40px;
}
.schedule_item.active {
display: block;
}
.schedule_item .time_grid {
font-weight: 300;
color: #AAAAAA;
}
.schedule_item .name_grid {
padding-left: 30px;
}
.schedule_item h4 {
margin: 10px 0px;
font-weight: 400;
}