SAAS-836: Create a new schedule widget skin

This commit is contained in:
drigato 2015-06-04 16:09:19 -04:00
parent cae5f85b0a
commit 8386145cb9
3 changed files with 40 additions and 7 deletions

View File

@ -86,8 +86,10 @@ class EmbedController extends Zend_Controller_Action
$widgetStyle = $request->getParam('style');
if ($widgetStyle == "premium") {
$this->view->widgetStyle = "premium";
$this->view->css = Application_Common_HTTPHelper::getStationUrl() . "/css/embed/weekly-schedule-widget.css?" . $CC_CONFIG['airtime_version'];
} else {
$this->view->widgetStyle = "basic";
$this->view->css = Application_Common_HTTPHelper::getStationUrl() . "/css/embed/weekly-schedule-widget-basic.css?" . $CC_CONFIG['airtime_version'];
}
$this->view->jquery = Application_Common_HTTPHelper::getStationUrl() . "widgets/js/jquery-1.6.1.min.js?".$CC_CONFIG['airtime_version'];

View File

@ -50,6 +50,10 @@
echo "</tbody></table></div>";
}?>
</div>
<div class="weekly-schedule-widget-footer" <?php if ($this->widgetStyle == "premium") echo "style='display:none'"; ?>>
<a href="https://airtime.pro" target="_blank">Powered by <span>Airtime Pro</span></a>
</div>
</div>
</body>

View File

@ -25,7 +25,7 @@ body {
list-style: none;
padding-left: 0px;
margin: 0px;
background: rgba(69, 155, 143, 0.8);
background: rgba(170, 170, 170, 0.9);
}
.schedule .tabs li {
@ -44,19 +44,20 @@ body {
}
.schedule .tabs li.active {
background: #459B8F;
background: rgba(150, 150, 150, 0.9);
}
.schedule .tabs li.active:hover {
background: #459B8F;
background: rgba(170, 170, 170, 0.9);
background: #aaa
}
.schedule .tabs li:hover {
background: rgba(69, 155, 143, 0.6)
background: rgba(160, 160, 160, 0.7);
}
.schedule_content {
background: rgba(0, 0, 0, 0.3);
background: rgba(53, 53, 53, 0.9);
max-height: 0px;
transition: max-height 2s ease;
@ -84,7 +85,7 @@ body {
font-size: 17px;
text-align: left;
text-transform: uppercase;
padding: 30px 40px;
padding: 10px 30px;
}
.schedule_item.active {
@ -97,7 +98,7 @@ body {
}
.schedule_item .name_grid {
padding-left: 30px;
padding-left: 10px;
}
.schedule_item h4 {
@ -105,6 +106,22 @@ body {
font-weight: 400;
}
.weekly-schedule-widget-footer {
border-top: 1px solid #aaaaaa;
text-align: right;
padding: 4px 16px;
background: rgba(53, 53, 53, 0.9);
}
.weekly-schedule-widget-footer a {
color: #fff;
text-decoration: none;
}
.weekly-schedule-widget-footer span {
color: #ff5d1a;
}
@media (max-width: 730px) {
.tab_content {
margin-top: 0px;
@ -122,3 +139,13 @@ body {
}
}
@media (max-width: 520px) {
.schedule_item {
padding: 0px 10px;
}
.schedule_item .time_grid, .schedule_item .name_grid {
font-size: 14px;
}
}