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

SAAS-1158: Station podcast on Radio Page design implementation

Browse source 
Fix some pagination functionality
This commit is contained in:
drigato 2015-11-09 13:44:45 -05:00
parent ea9f0c8929
commit 372e28f82e
7 changed files with 78 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
airtime_mvc/public/css/radio-page/img/arrow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 262 B

BIN
airtime_mvc/public/css/radio-page/img/podcast_download.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
airtime_mvc/public/css/radio-page/img/podcast_play.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

45
airtime_mvc/public/css/radio-page/station-podcast.css
View file

@ -124,7 +124,7 @@ div.jp-volume-max span:hover {
div.jp-time-block {
position: absolute;
top: 32px;
left: 145px;
left: 230px;
}
div.jp-progress {
@ -191,7 +191,7 @@ div.jp-audio div.jp-type-single a.jp-unmute {
div.jp-volume-block {
position: absolute;
top: 33px;
left: 350px;
left: 500px;
width: 120px;
}
@ -275,7 +275,7 @@ div.jp-title,
max-height: 2000px;
}
.podcast .jp-playlist ul {
/*.podcast .jp-playlist ul, .podcast ul {
list-style: none;
padding-left: 0px;
text-align: left;
@ -311,6 +311,44 @@ div.jp-title,
margin: 5px 20px 2px 0px;
display: inline-block;
color: #888;
}*/
.podcast ul, .podcast ul {
list-style: none;
padding-left: 0px;
text-align: left;
}
.podcast ul li {
padding: 15px 0px 15px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
transition: border-bottom 0.4s ease;
padding-right: 100px;
position: relative;
}
.podcast ul li:hover {
border-bottom: 1px solid rgba(253,137,19,0.4);
}
.podcast ul li a {
text-decoration: none;
font-size: 17px;
color: #fff;
font-weight: 400;
display: block;
text-transform: uppercase;
clear: both;
}
.podcast ul li .podcast_info {
display: inline-block;
}
.podcast ul li span {
margin: 5px 20px 2px 0px;
display: inline-block;
color: #888;
}
@ -357,6 +395,7 @@ div.jp-title,
}
ul.pagination li {
color: #fff;
display: inline-block;
cursor: pointer;
text-align: center;