SAAS-836: Create a new schedule widget skin
This commit is contained in:
parent
cae5f85b0a
commit
8386145cb9
|
@ -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'];
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue