slitaz-forge view irc/style.css @ rev 561

makegraphs: align graphs
author Pascal Bellard <pascal.bellard@slitaz.org>
date Thu May 15 14:46:54 2014 +0000 (2014-05-15)
parents
children
line source
1 /* CSS style for SliTaz IRC */
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; } 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 {
19 background: #222;
20 height: 40px;
21 border-bottom: 4px solid #afafaf;
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 /* Search */
71
72 #search {
73 position: absolute;
74 right: 20px;
75 top: 60px;
76 }
77
78 #search input[type="text"] {
79 width: 200px;
80
81 padding: 4px;
82 margin: 4px 0px;
83 font-size: 14px;
84 line-height: 1.2em;
85 background: #fefefe;
86 border: 2px solid #afafaf;
87 -webkit-appearance: none;
88 -webkit-padding-end: 12px;
89 -webkit-padding-start: 6px;
90 }
91
92 /* Content */
93
94 #content {
95 margin: 40px auto;
96 padding: 0 20px;
97 text-align: justify;
98 max-width: 720px;
99 }
100
101 .box {
102 padding: 6px;
103 margin: 4px 0px;
104 }
105
106 pre, .box {
107 background-color: #f8f8f8;
108 border: 1px solid #ddd;
109 }
110
111 pre {
112 padding: 10px;
113 }
114
115 pre img { margin: 4px 4px 4px 0px; }
116
117 .error { color: red; }
118 .ok { color: green; }
119 .date { color: #666; font-size: 96%; }
120
121 /* Round corner */
122
123 pre, img, .box, input[type="text"] {
124 -moz-border-radius: 4px;
125 -webkit-border-radius: 4px;
126 border-radius: 4px;
127 }
128
129 /* Footer */
130
131 #footer {
132 text-align: center;
133 padding: 20px;
134 border-top: 1px solid #ddd;
135 font-size: 90%;
136 }
137
138 #footer a { padding: 0 2px; }