mirror of
https://github.com/ivuorinen/rss-audio-player.git
synced 2026-02-11 02:50:13 +00:00
RSSAudioPlayer 1.0
Quick system to play your (currently my) favourite podcast feeds and stuff.
This commit is contained in:
66
assets/style.css
Normal file
66
assets/style.css
Normal file
@@ -0,0 +1,66 @@
|
||||
.audiojs {
|
||||
width: 100%;
|
||||
}
|
||||
ol {
|
||||
display: block;
|
||||
padding: 0px; margin: 0px 20px; list-style: decimal-leading-zero inside;
|
||||
color: #ccc; border-top: 1px solid #ccc; font-size: 0.9em;
|
||||
}
|
||||
.play-pause {
|
||||
width: 38px !important;
|
||||
}
|
||||
.scrubber {
|
||||
width: 80% !important;
|
||||
}
|
||||
ol li { position: relative; margin: 0px; padding: 9px 5px 10px; border-bottom: 1px solid #ccc; cursor: pointer; }
|
||||
ol li:hover { background: #fff; }
|
||||
ol li a { display: block; text-indent: -3.3ex; padding: 0px 0px 0px 20px; }
|
||||
li.playing { color: #aaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); }
|
||||
li.playing a { color: #000; }
|
||||
li.playing:before {
|
||||
content: '♬'; width: 14px; height: 14px; padding: 3px; line-height: 14px;
|
||||
margin: 0px; position: absolute; left: -24px; top: 9px; color: #000;
|
||||
font-size: 13px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.feeds-list ul {
|
||||
padding: 0px;
|
||||
margin: 0px 20px;
|
||||
list-style: none;
|
||||
}
|
||||
.feeds-list li {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
padding: 5px 0px;
|
||||
}
|
||||
|
||||
#bottom p,
|
||||
#bottom li {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 13px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#shortcuts {
|
||||
position: fixed; bottom: 0px; width: 100%; color: #666; font-size: 0.9em;
|
||||
margin: 60px 0px 0px; padding: 20px 20px 15px;
|
||||
background: #f3f3f3; background: rgba(240, 240, 240, 0.7);
|
||||
}
|
||||
#shortcuts div { width: 90%; margin: 0px auto; }
|
||||
#shortcuts h1 { margin: 0px 0px 6px; }
|
||||
#shortcuts p { margin: 0px 0px 18px; }
|
||||
#shortcuts em {
|
||||
font-style: normal; background: #d3d3d3; padding: 3px 9px;
|
||||
position: relative; left: -3px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
Reference in New Issue
Block a user