mediabox annotate lib/style.css @ rev 2

Add lib/ with header.html radio.list and style.css
author Christophe Lincoln <pankso@slitaz.org>
date Thu Feb 23 21:45:12 2017 +0100 (2017-02-23)
parents
children
rev   line source
pankso@2 1 /* CSS style for CGI/SHell Media Box */
pankso@2 2
pankso@2 3 body { font-size: 94%; margin: 0; }
pankso@2 4 h1, h2 { color: #e6e6e6; margin: 8px 16px; }
pankso@2 5 ul { padding: 20px 40px;}
pankso@2 6 li { list-style-type: none; }
pankso@2 7 a { text-decoration: none; }
pankso@2 8
pankso@2 9 /* Home page style */
pankso@2 10 #home {
pankso@2 11 max-width: 600px;
pankso@2 12 margin: 40px auto;
pankso@2 13 }
pankso@2 14 #home nav a {
pankso@2 15 display: block;
pankso@2 16 color: #777777;
pankso@2 17 font-size: 120%;
pankso@2 18 font-weight: bold;
pankso@2 19 background-color: #efefef;
pankso@2 20 padding: 12px;
pankso@2 21 margin: 8px;
pankso@2 22 transition-property: background-color;
pankso@2 23 transition-duration: 0.8s;
pankso@2 24 }
pankso@2 25
pankso@2 26 #home nav a:hover {
pankso@2 27 background-color: #e8e8e8;
pankso@2 28 color: #555555;
pankso@2 29 }
pankso@2 30
pankso@2 31 /* Header navigation */
pankso@2 32 header nav {
pankso@2 33 position: fixed;
pankso@2 34 width: 100%;
pankso@2 35 top: 18px;
pankso@2 36 right: 5px;
pankso@2 37 text-align: right;
pankso@2 38 }
pankso@2 39 header nav a {
pankso@2 40 color: #888;
pankso@2 41 padding: 0 5px;
pankso@2 42 }
pankso@2 43
pankso@2 44 /* Round corners */
pankso@2 45 img, nav a, #settings {
pankso@2 46 border-radius: 4px;
pankso@2 47 -moz-border-radius: 4px;
pankso@2 48 -webkit-border-radius: 4px;
pankso@2 49 }
pankso@2 50
pankso@2 51 /* Audio/Videos Players */
pankso@2 52 #audio-player, #video-player {
pankso@2 53 text-align: center;
pankso@2 54 background-color: #ededed;
pankso@2 55 /*border: 1px solid #cccccc;*/
pankso@2 56 }
pankso@2 57 #audio-title, audio, #video-title, video { color: #666; }
pankso@2 58
pankso@2 59 #audio-player { height: 60px; }
pankso@2 60 audio { margin: 30px 0 0 0; width: 480px; }
pankso@2 61
pankso@2 62 #audio-title {
pankso@2 63 width: 100%;
pankso@2 64 position: absolute;
pankso@2 65 text-align: center;
pankso@2 66 font-size: 80%;
pankso@2 67 margin-top: 10px;
pankso@2 68 }
pankso@2 69
pankso@2 70 #audio-list li span, #audio-list li a, #videos-list li span,
pankso@2 71 #videos-list li a, #radio-list li a {
pankso@2 72 display: block;
pankso@2 73 color: #666;
pankso@2 74 background-color: #f4f4f4;
pankso@2 75 line-height: 1.8em;
pankso@2 76 margin: 4px;
pankso@2 77 padding: 0 5px;
pankso@2 78 font-size: 88%;
pankso@2 79 border-radius: 2px;
pankso@2 80 }
pankso@2 81 #audio-list li span, #videos-list li span, #radio-list li span {
pankso@2 82 color: #444; }
pankso@2 83
pankso@2 84 #audio-list li a:hover, #videos-list li a:hover,
pankso@2 85 #radio-list li a:hover {
pankso@2 86 color: #222;
pankso@2 87 background-color: #efefef;
pankso@2 88 }
pankso@2 89
pankso@2 90 #radio-list li a span {
pankso@2 91 position: absolute;
pankso@2 92 right: 50px;
pankso@2 93 }
pankso@2 94
pankso@2 95 #video-player { height: 315px; }
pankso@2 96 video { margin: 0; }
pankso@2 97
pankso@2 98 #video-title {
pankso@2 99 width: 100%;
pankso@2 100 position: absolute;
pankso@2 101 font-size: 80%;
pankso@2 102 text-align: center;
pankso@2 103 margin-top: 6px;
pankso@2 104 }
pankso@2 105
pankso@2 106 /* Settings page */
pankso@2 107 #settings {
pankso@2 108 max-width: 600px;
pankso@2 109 margin: 40px auto;
pankso@2 110 padding: 10px;
pankso@2 111 color: #333;
pankso@2 112 background-color: #efefef;
pankso@2 113 }
pankso@2 114
pankso@2 115 /* Footer */
pankso@2 116 footer {
pankso@2 117 color: #efefef;
pankso@2 118 font-size: 150%;
pankso@2 119 text-align: center;
pankso@2 120 }