slitaz-forge view arm/style.css @ rev 474

pkgs: update pt_BR.po
author Claudinei Pereira <claudinei@slitaz.org>
date Fri Mar 07 00:48:17 2014 +0000 (2014-03-07)
parents 8deb7f374e08
children ed0476257ebb
line source
1 /* CSS style for SliTaz Network (minimal version) */
2
3 html { min-height: 102%; }
4 body { font: 13px 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; border-bottom: 1px dashed #afafaf; padding: 2px 0px;}
8 h3 { color: #666; font-size: 140%; }
9 a { text-decoration: underline; color: #215090; }
10 a:hover { text-decoration: none; }
11 img { border: 0pt none; vertical-align: middle; }
12 pre {
13 overflow: auto;
14 font-size: 98%;
15 }
16
17 /* Header */
18
19 #header {
20 background: #222;
21 height: 40px;
22 border-bottom: 4px solid #afafaf;
23 }
24
25 #header h1 {
26 margin: 0;
27 padding: 8px 0 0 42px;
28 width: 250px;
29 }
30
31 #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 {
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 margin: 40px auto;
97 padding: 0 20px;
98 text-align: justify;
99 max-width: 720px;
100 }
101
102 .box {
103 padding: 6px;
104 margin: 4px 0px;
105 }
106
107 .box-dl {
108 background: url("images/download.png") no-repeat 12px center;
109 padding: 16px 16px 16px 54px;
110 margin: 20px 60px;
111 }
112
113 pre, .box, .box-dl {
114 background-color: #efefef;
115 border: 1px solid #ddd;
116 }
117
118 pre {
119 padding: 10px;
120 }
121
122 pre img { margin: 4px 4px 4px 0px; }
123
124 .error { color: red; }
125 .ok { color: green; }
126 .date { color: #666; font-size: 96%; }
127
128 /* Round corner */
129
130 pre, img, .box, .box-dl, input[type="text"] {
131 -moz-border-radius: 4px;
132 -webkit-border-radius: 4px;
133 border-radius: 4px;
134 }
135
136 /* Footer */
137
138 #footer {
139 text-align: center;
140 padding: 20px;
141 border-top: 1px solid #ddd;
142 font-size: 90%;
143 }
144
145 #footer a { padding: 0 2px; }