slitaz-base-files view rootfs/var/www/style.css @ rev 343

fix ipinfo
author Pascal Bellard <pascal.bellard@slitaz.org>
date Sun Oct 04 14:28:55 2020 +0000 (2020-10-04)
parents 09c5df0a9e5f
children
line source
1 /* CSS style for SliTaz Network (minimal version) */
2
3 /*html { min-height: 102%; }*/
4 body { font: 88% sans-serif, vernada, arial; 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: 98%;
14 }
15
16 /* Header */
17
18 #header, header {
19 position: absolute; left: 0; right: 0; top: 0;
20 background: #222;
21 height: 40px;
22 border-bottom: 4px solid #afafaf;
23 }
24
25 #header h1, header h1 {
26 margin: 0;
27 padding: 8px 0 0 4px;
28 width: 250px;
29 }
30
31 #header h1 a, header h1 a {
32 color: white;
33 text-decoration: none;
34 font-size: 20px;
35 font-style: italic;
36 }
37
38 #header h1 a:hover, header h1 a:hover {
39 color: #afafaf;
40 }
41
42 /* Header links */
43
44 #network {
45 float: right;
46 padding: 14px 5px 0;
47 font-size: 12px;
48 }
49
50 #network a, #network span {
51 padding: 0 4px;
52 color: #fff;
53 font-weight: bold;
54 text-decoration: none;
55 }
56
57 #network a:hover, #network span { color: #afafaf; }
58
59 /* Logo */
60
61 #logo {
62 background: url(images/logo.png) no-repeat left;
63 position: absolute;
64 float: left;
65 left: 0px;
66 top: 0px;
67 width: 40px;
68 height: 40px;
69 }
70
71 /* Search */
72
73 #search {
74 position: absolute;
75 right: 20px;
76 top: 60px;
77 }
78
79 #search input[type="text"] {
80 width: 200px;
81
82 padding: 4px;
83 margin: 4px 0px;
84 font-size: 14px;
85 line-height: 1.2em;
86 background: #fefefe;
87 border: 2px solid #afafaf;
88 -webkit-appearance: none;
89 -webkit-padding-end: 12px;
90 -webkit-padding-start: 6px;
91 }
92
93 /* Content */
94
95 #content {
96 position: absolute; left: 0; right: 0; top: 44px; bottom: 1rem;
97 overflow-x: hidden; overflow-y: auto;
98 margin-bottom: 1px;
99 padding: 0 20px;
100 text-align: justify;
101 max-width: 720px;
102 }
103
104 .box {
105 padding: 6px;
106 margin: 4px 0px;
107 }
108
109 pre, .box {
110 background-color: #f8f8f8;
111 border: 1px solid #ddd;
112 }
113
114 pre {
115 padding: 10px;
116 }
117
118 pre img { margin: 4px 4px 4px 0px; }
119
120 .error { color: red; }
121 .ok { color: green; }
122 .date { color: #666; font-size: 96%; }
123
124 /* Round corner */
125
126 pre, img, .box, input[type="text"] {
127 -moz-border-radius: 4px;
128 -webkit-border-radius: 4px;
129 border-radius: 4px;
130 }
131
132 /* Footer */
133
134 #footer, footer {
135 position: absolute; left: 0; right: 0; bottom: 0;
136 height: 1rem;
137 background-color: #fff;
138 text-align: center;
139 display: table-cell;
140 border-top: 1px solid #ddd;
141 font-size: 90%;
142 }
143
144 /*#footer a, footer a { padding: 0 2px; }*/
145
146 html, body { width: 100%; height: 100%; margin: 0; padding: 0; }