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