%TITLE%

# HG changeset patch # User Christophe Lincoln # Date 1487882712 -3600 # Node ID b7d1c89c30a44b44102510fd115c0af5367c081d # Parent 482996fb9b2f1cb18402a08ac41bc0aa699f6167 Add lib/ with header.html radio.list and style.css diff -r 482996fb9b2f -r b7d1c89c30a4 lib/header.html --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/lib/header.html Thu Feb 23 21:45:12 2017 +0100 @@ -0,0 +1,8 @@ + + + + + %TITLE% + + + diff -r 482996fb9b2f -r b7d1c89c30a4 lib/radio.list --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/lib/radio.list Thu Feb 23 21:45:12 2017 +0100 @@ -0,0 +1,6 @@ +http://streaming.radionomy.com/all-smooth-jazz|Jazz +http://streaming.radionomy.com/ABC-Lounge|Ambient +http://streaming.radionomy.com/100-CHILL|Lounge +http://streaming.radionomy.com/4U-70s|Rock +http://streaming.radionomy.com/The-Buffalo|Rock +http://streaming.radionomy.com/CurveRadio|Dubstep diff -r 482996fb9b2f -r b7d1c89c30a4 lib/style.css --- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/lib/style.css Thu Feb 23 21:45:12 2017 +0100 @@ -0,0 +1,120 @@ +/* CSS style for CGI/SHell Media Box */ + +body { font-size: 94%; margin: 0; } +h1, h2 { color: #e6e6e6; margin: 8px 16px; } +ul { padding: 20px 40px;} +li { list-style-type: none; } +a { text-decoration: none; } + +/* Home page style */ +#home { + max-width: 600px; + margin: 40px auto; +} +#home nav a { + display: block; + color: #777777; + font-size: 120%; + font-weight: bold; + background-color: #efefef; + padding: 12px; + margin: 8px; + transition-property: background-color; + transition-duration: 0.8s; +} + +#home nav a:hover { + background-color: #e8e8e8; + color: #555555; +} + +/* Header navigation */ +header nav { + position: fixed; + width: 100%; + top: 18px; + right: 5px; + text-align: right; +} +header nav a { + color: #888; + padding: 0 5px; +} + +/* Round corners */ +img, nav a, #settings { + border-radius: 4px; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} + +/* Audio/Videos Players */ +#audio-player, #video-player { + text-align: center; + background-color: #ededed; + /*border: 1px solid #cccccc;*/ +} +#audio-title, audio, #video-title, video { color: #666; } + +#audio-player { height: 60px; } +audio { margin: 30px 0 0 0; width: 480px; } + +#audio-title { + width: 100%; + position: absolute; + text-align: center; + font-size: 80%; + margin-top: 10px; +} + +#audio-list li span, #audio-list li a, #videos-list li span, +#videos-list li a, #radio-list li a { + display: block; + color: #666; + background-color: #f4f4f4; + line-height: 1.8em; + margin: 4px; + padding: 0 5px; + font-size: 88%; + border-radius: 2px; +} +#audio-list li span, #videos-list li span, #radio-list li span { + color: #444; } + +#audio-list li a:hover, #videos-list li a:hover, +#radio-list li a:hover { + color: #222; + background-color: #efefef; +} + +#radio-list li a span { + position: absolute; + right: 50px; +} + +#video-player { height: 315px; } +video { margin: 0; } + +#video-title { + width: 100%; + position: absolute; + font-size: 80%; + text-align: center; + margin-top: 6px; +} + +/* Settings page */ +#settings { + max-width: 600px; + margin: 40px auto; + padding: 10px; + color: #333; + background-color: #efefef; +} + +/* Footer */ +footer { + color: #efefef; + font-size: 150%; + text-align: center; +}