slitaz-forge view play.slitaz.me/style.css @ rev 678

Small up to pangolin web interface
author Christophe Lincoln <pankso@slitaz.org>
date Thu Mar 16 22:33:19 2017 +0100 (2017-03-16)
parents 4f02c4f0eea5
children 6f8ee67f014d
line source
1 /* CSS style for play.SliTaz.me */
2
3 html { min-height: 102%; }
4 body { font-size: 90%; margin: 0; }
5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
6 h1 a { color: #fff; text-decoration: none; }
7 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
8 a { text-decoration: underline; color: #215090; }
9 a:hover { text-decoration: none; }
10 img { border: 0pt none; vertical-align: middle; }
11 pre {
12 overflow: auto;
13 font-size: 110%;
14 }
15
16 /* Header */
17
18 #header {
19 background: #222;
20 height: 40px;
21 border-bottom: 4px solid #682368;
22 }
23
24 #header h1 {
25 margin: 0;
26 padding: 8px 0 0 42px;
27 width: 250px;
28 }
29
30 #header h1 a {
31 color: white;
32 text-decoration: none;
33 font-size: 20px;
34 font-style: italic;
35 }
36
37 #header h1 a:hover {
38 color: #afafaf;
39 }
40
41 /* Header links */
42
43 #network {
44 float: right;
45 padding: 14px 5px 0;
46 font-size: 12px;
47 }
48
49 #network a, #network span {
50 padding: 0 4px;
51 color: #fff;
52 font-weight: bold;
53 text-decoration: none;
54 }
55
56 #network a:hover, #network span { color: #afafaf; }
57
58 /* Logo */
59
60 #logo {
61 background: url(images/logo.png) no-repeat left;
62 position: absolute;
63 float: left;
64 left: 0px;
65 top: 0px;
66 width: 40px;
67 height: 40px;
68 }
69
70 /* Content */
71
72 #content {
73 margin: 40px auto;
74 padding: 0 20px;
75 text-align: justify;
76 max-width: 720px;
77 }
78
79 /* Round corner */
80
81 pre, img, .box, input[type="text"] {
82 -moz-border-radius: 4px;
83 -webkit-border-radius: 4px;
84 border-radius: 4px;
85 }
86
87 /* Footer */
88
89 #footer {
90 text-align: center;
91 padding: 20px;
92 border-top: 1px solid #ddd;
93 font-size: 90%;
94 }
95
96 #footer a { padding: 0 2px; }