diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 199 |
1 files changed, 199 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..b820e63 --- /dev/null +++ b/style.css | |||
@@ -0,0 +1,199 @@ | |||
1 | body { | ||
2 | background-color: #ffcc00; | ||
3 | margin:0; | ||
4 | } | ||
5 | |||
6 | #header { | ||
7 | background-image: url(anonbox.png); | ||
8 | background-repeat: no-repeat; | ||
9 | background-attachment: absolute; | ||
10 | background-position: 20px 8px; | ||
11 | width:100%; | ||
12 | height:75px; | ||
13 | border-bottom:1px solid silver; | ||
14 | background-color: #ffcc00; | ||
15 | z-index: 1; | ||
16 | } | ||
17 | |||
18 | #content { | ||
19 | background-color: #ffffff; | ||
20 | padding-top: 20px; | ||
21 | margin: 0; | ||
22 | width:100%; | ||
23 | z-index: 0; | ||
24 | } | ||
25 | |||
26 | #footer { | ||
27 | background-color: #ffcc00; | ||
28 | border-top:1px solid silver; | ||
29 | margin: 0; | ||
30 | padding-top: 4px; | ||
31 | text-align: center; | ||
32 | width: 100%; | ||
33 | height: 30px; | ||
34 | font-size: small; | ||
35 | z-index: 1; | ||
36 | } | ||
37 | |||
38 | dl { | ||
39 | margin-bottom: 0px; | ||
40 | padding-left: 20px; | ||
41 | padding-right: 20px; | ||
42 | } | ||
43 | |||
44 | dt { | ||
45 | font-variant:small-caps; | ||
46 | border-top:1px solid silver; | ||
47 | color: #667766; | ||
48 | padding-top:4px; | ||
49 | } | ||
50 | |||
51 | dd { | ||
52 | padding-top:20px; | ||
53 | } | ||
54 | |||
55 | p { | ||
56 | margin: 0px; | ||
57 | padding: 0px; | ||
58 | padding-bottom: 10px; | ||
59 | } | ||
60 | |||
61 | code { | ||
62 | font-size: small; | ||
63 | } | ||
64 | |||
65 | .lang { | ||
66 | border-top:2px solid white; | ||
67 | border-bottom:2px solid white; | ||
68 | border-left:3px solid white; | ||
69 | border-right:3px solid white; | ||
70 | z-index: 1; | ||
71 | } | ||
72 | |||
73 | .langbox { | ||
74 | border-top:1px solid silver; | ||
75 | position: relative; | ||
76 | z-index: 2; | ||
77 | top: 69px; | ||
78 | left: 20px; | ||
79 | margin-right: 10px; | ||
80 | float: left; | ||
81 | } | ||
82 | |||
83 | .knotenmain { | ||
84 | border:none; | ||
85 | position: relative; | ||
86 | z-index: 3; | ||
87 | bottom: -6px; | ||
88 | right: 25px; | ||
89 | float: right; | ||
90 | } | ||
91 | |||
92 | .knoten { | ||
93 | border:none; | ||
94 | position: absolute; | ||
95 | z-index: 1; | ||
96 | top: 76px; | ||
97 | right: 25px; | ||
98 | float: right; | ||
99 | } | ||
100 | |||
101 | .action { | ||
102 | border-top:1px solid silver; | ||
103 | position: relative; | ||
104 | z-index: 1; | ||
105 | top: 69px; | ||
106 | left: 20px; | ||
107 | margin-right: 10px; | ||
108 | padding: 2px 3px 2px 3px; | ||
109 | float: left; | ||
110 | background-color: white; | ||
111 | font-size: small; | ||
112 | text-transform: uppercase; | ||
113 | } | ||
114 | |||
115 | a:link { | ||
116 | color: #0000aa; | ||
117 | border: none; | ||
118 | text-decoration: none; | ||
119 | } | ||
120 | |||
121 | a:visited { | ||
122 | color: #000022; | ||
123 | border: none; | ||
124 | text-decoration: none; | ||
125 | } | ||
126 | |||
127 | a:hover { | ||
128 | text-decoration: underline; | ||
129 | } | ||
130 | |||
131 | .eMail { | ||
132 | border: dotted; | ||
133 | border-color: silver; | ||
134 | margin-left: auto; | ||
135 | margin-right: auto; | ||
136 | margin-bottom: 10px; | ||
137 | padding: 10px; | ||
138 | padding-bottom: 20px; | ||
139 | width: 80%; | ||
140 | } | ||
141 | |||
142 | .eMailHeader { | ||
143 | border: none; | ||
144 | padding: 10px; | ||
145 | margin-bottom: 10px; | ||
146 | background-color: #f0f0f0; | ||
147 | } | ||
148 | |||
149 | .eMailHeaderVisible { | ||
150 | font-size: large; | ||
151 | color: black; | ||
152 | } | ||
153 | |||
154 | a.eMailHeaderVisible { | ||
155 | color: black; | ||
156 | text-decoration: underline; | ||
157 | } | ||
158 | |||
159 | .eMailHeaderInvisible { | ||
160 | padding-left: 8px; | ||
161 | font-size: 0.7em; | ||
162 | color: #606060; | ||
163 | } | ||
164 | |||
165 | .eMailPlaintext { | ||
166 | font-family: Times; | ||
167 | border-bottom: dotted; | ||
168 | border-color: silver; | ||
169 | } | ||
170 | |||
171 | .eMailBody { | ||
172 | padding: 5px; | ||
173 | } | ||
174 | |||
175 | .data-uri-image { | ||
176 | position: relative; | ||
177 | left: 25px; | ||
178 | clear: right; | ||
179 | margin-bottom: 5px; | ||
180 | } | ||
181 | |||
182 | .data-uri-image-hint { | ||
183 | font-size: small; | ||
184 | color: silver; | ||
185 | } | ||
186 | |||
187 | .data-uri-download { | ||
188 | width: 400px; | ||
189 | border: dotted; | ||
190 | border-color: silver; | ||
191 | margin-top: 5px; | ||
192 | margin-bottom: 5px; | ||
193 | padding: 5px; | ||
194 | } | ||
195 | |||
196 | .vspace { | ||
197 | height: 10px; | ||
198 | background: 0xffffff; | ||
199 | } | ||