From 6682f7907dc65124883dd72b4c239b8ffc83cdf8 Mon Sep 17 00:00:00 2001 From: drigato Date: Mon, 1 Jun 2015 15:07:04 -0400 Subject: [PATCH] SAAS-833: Radio page UI improvements/fixes Removed unnecessary/duplicate css classes from radio page css file --- .../public/css/radio-page/radio-page.css | 133 ------------------ 1 file changed, 133 deletions(-) diff --git a/airtime_mvc/public/css/radio-page/radio-page.css b/airtime_mvc/public/css/radio-page/radio-page.css index eb5c46255..5bf80c205 100644 --- a/airtime_mvc/public/css/radio-page/radio-page.css +++ b/airtime_mvc/public/css/radio-page/radio-page.css @@ -126,86 +126,6 @@ input[type="submit"]:hover { background-color: #409187; } -.bottom_bar { - position: fixed; - left: 0px; - right: 0px; - bottom: 0px; - height: 120px; - background: #fff; -} - -.bottom_bar .cont_btn { - width: 120px; - height: 120px; - display: inline-block; - cursor: pointer; -} - -.bottom_bar .cont_btn:hover { - background-color: #409187; -} - -.bottom_bar .play { - background: #459B8F url('img/play.png') no-repeat center center; -} - -.bottom_bar .pause { - background: #459B8F url('img/pause.png') no-repeat center center; -} - -.on_air { - display: inline-block; - margin-left: 40px; -} - -.bottom_bar p { - color: #222222; - font-size: 26px; - font-weight: 300; - float: left; - margin: 28px 0px; -} - -.bottom_bar p span { - display: block; - font-weight: 100; -} - -.bottom_bar .button { - width: 50px; - height: 50px; - display: inline-block; - margin: 35px 40px; - cursor: pointer; -} - -.bottom_bar .schedule_btn { - background: url('img/schedule.png') no-repeat center 0px; -} - -.bottom_bar .schedule_btn.current { - background: url('img/schedule.png') no-repeat center -50px; -} - -.bottom_bar .about_us_btn { - background: url('img/about_us.png') no-repeat center 0px; -} - -.bottom_bar .about_us_btn.current { - background: url('img/about_us.png') no-repeat center -50px; -} - -.bottom_bar .login_btn { - background: url('img/login.png') no-repeat center 0px; - float: right; -} - -.bottom_bar .login_btn.current { - background: url('img/login.png') no-repeat center -50px; - float: right; -} - @media (max-width: 780px) { .logo { display: block; @@ -238,57 +158,4 @@ input[type="submit"]:hover { .about_us p { font-size: 18px; } - - .bottom_bar { - height: 80px; - } - - .bottom_bar .play { - width: 80px; - height: 80px; - float: left; - background-size: 60%; - } - - .bottom_bar p { - font-size: 18px; - margin: 10px 10px; - color: #fff; - white-space: nowrap; - } - - .bottom_bar p span { - display: inline-block; - } - - .on_air { - margin-left: 0px; - position: absolute; - top: -82px; - left: 0px; - right: 0px; - padding-top: 40px; - background: rgba(0,0,0,0); - background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); - background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(69%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); - background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); - background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); - background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 69%, rgba(0,0,0,1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); - } - - .bottom_bar .button { - margin: 15px 20px; - } - - .bottom_bar .schedule_btn.current { - top: 0px; - left: 0px; - } - - .bottom_bar .about_us_btn { - top: 0px; - right: 0px; - } } \ No newline at end of file