|
1 @font-face { |
|
2 font-family: "lmsans10-regular"; |
|
3 src: url("lmsans10-regular.woff"); |
|
4 } |
|
5 |
|
6 @font-face { |
|
7 font-family: "lmmono10-regular"; |
|
8 src: url("lmmono10-regular.woff"); |
|
9 } |
|
10 |
|
11 @font-face { |
|
12 font-family: "DejaVuSansMono"; |
|
13 src: url("DejaVuSansMono.woff"); |
|
14 } |
|
15 |
|
16 body { |
|
17 font-family: "lmsans10-regular", sans-serif; |
|
18 background-color: #1e8b8f; |
|
19 background-image: url('../grafika/background.png'); |
|
20 } |
|
21 |
|
22 code { |
|
23 font-family: "lmmono10-regular", "DejaVuSansMono", monospace; |
|
24 } |
|
25 |
|
26 pre { |
|
27 margin: 0px; |
|
28 padding-left: 16px; |
|
29 padding-right: 16px; |
|
30 padding-top: 8px; |
|
31 padding-bottom: 8px; |
|
32 border-radius: 4px; |
|
33 max-width: 100%; |
|
34 overflow: auto; |
|
35 font-family: "DejaVuSansMono", monospace; |
|
36 |
|
37 -moz-tab-size: 4; |
|
38 -o-tab-size: 4; |
|
39 tab-size: 4; |
|
40 } |
|
41 |
|
42 pre, .zdroják-ke-stažení span, div.diagram { |
|
43 background-color: rgba(0,0,0,0.035); |
|
44 } |
|
45 |
|
46 .zdroják-ke-stažení { |
|
47 margin-top: 0px; |
|
48 margin-left: 10px; |
|
49 } |
|
50 |
|
51 #tělo, #zápatí p { |
|
52 box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.5); |
|
53 } |
|
54 |
|
55 pre, blockquote, .zdroják-ke-stažení span, div.diagram { |
|
56 box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.08); |
|
57 } |
|
58 |
|
59 #nabídka, table { |
|
60 box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2); |
|
61 } |
|
62 |
1 .logo { |
63 .logo { |
2 background-color: black; |
|
3 height: 64px; |
64 height: 64px; |
4 width: 1240px; |
65 width: 1240px; |
5 margin-left: -20px; |
66 margin-left: -20px; |
6 margin-right: -20px; |
67 margin-right: -20px; |
7 margin-top: -5px; |
68 margin-top: -5px; |
8 border-top-right-radius: 8px; |
69 border-top-right-radius: 8px; |
9 border-top-left-radius: 8px; |
70 border-top-left-radius: 8px; |
10 } |
71 } |
11 |
72 |
|
73 .logo, #nabídka, #zápatí p { |
|
74 background-color: #404040; |
|
75 } |
|
76 |
12 .logo img { |
77 .logo img { |
13 margin-top: 8px; |
78 margin-top: 8px; |
14 margin-left: 16px; |
79 margin-left: 16px; |
15 } |
80 } |
16 |
81 |
17 #zápatí p { |
82 #zápatí p { |
18 background-color: black; |
|
19 width: 1240px; |
83 width: 1240px; |
20 min-height: 24px; |
84 min-height: 24px; |
21 padding-top: 4px; |
85 padding-top: 4px; |
22 margin-left: -20px; |
86 margin-left: -20px; |
23 margin-right: -20px; |
87 margin-right: -20px; |
24 margin-bottom: -10px; |
88 margin-bottom: -10px; |
25 border-bottom-right-radius: 8px; |
89 border-bottom-right-radius: 8px; |
26 border-bottom-left-radius: 8px; |
90 border-bottom-left-radius: 8px; |
27 color: grey; |
91 color: #ccc; |
28 } |
92 } |
29 |
93 |
30 #zápatí a { |
94 #zápatí a { |
31 color: grey; |
95 color: #ddd; |
32 text-decoration: none; |
96 text-decoration: none; |
33 } |
97 } |
34 |
98 |
35 #zápatí a[href^="http"]:hover { |
99 #zápatí a[href^="http"]:hover { |
36 color: white; |
100 color: white; |
38 text-decoration: none; |
102 text-decoration: none; |
39 } |
103 } |
40 |
104 |
41 #tělo { |
105 #tělo { |
42 width: 1200px; |
106 width: 1200px; |
43 background-color: #ccc; |
107 background-color: #efefef; |
44 } |
108 } |
45 |
109 |
46 #nabídka { |
110 #nabídka { |
47 width: 14em; |
111 width: 12em; |
48 } |
112 } |
49 |
113 |
50 #nabídka a:hover { |
114 #nabídka a:hover { |
51 color: #d71635; |
115 color: #fff; |
52 text-shadow: none; |
116 text-shadow: none; |
53 } |
117 } |
54 |
118 |
55 #text { |
119 #text { |
56 margin-left: 15em; |
120 margin-left: 13em; |
|
121 } |
|
122 |
|
123 h1 { |
|
124 font-size: 160%; |
|
125 font-weight: bolder; |
|
126 } |
|
127 |
|
128 h2 { |
|
129 font-size: 130%; |
|
130 font-weight: bolder; |
|
131 } |
|
132 |
|
133 h3 { |
|
134 font-size: 110%; |
|
135 font-weight: bolder; |
|
136 } |
|
137 |
|
138 div.podČarou-poznámky { |
|
139 border-top: 1px solid #ccc; |
|
140 border-bottom: none; |
57 } |
141 } |
58 |
142 |
59 @media (max-width: 1300px) { |
143 @media (max-width: 1300px) { |
60 #tělo { width: auto; } |
144 #tělo { width: auto; } |
61 .logo { width: auto; } |
145 .logo { width: auto; } |
62 #zápatí p { width: auto; } |
146 #zápatí p { width: auto; } |
63 #text { margin-left: auto; } |
147 #text { margin-left: auto; } |
64 } |
148 } |
65 |
149 |
66 .img-container img { max-width: 820px; } |
150 .img-container img { max-width: 100%; } |
67 |
151 |
68 p.flattr { |
152 p.flattr { |
69 text-align: right; |
153 text-align: right; |
70 } |
154 } |
71 |
155 |
78 } |
162 } |
79 |
163 |
80 .already-implemented { |
164 .already-implemented { |
81 color: grey; |
165 color: grey; |
82 } |
166 } |
|
167 |
|
168 a { |
|
169 text-decoration: none; |
|
170 color: #806; |
|
171 } |
|
172 |
|
173 a:visited { |
|
174 color: #608; |
|
175 } |
|
176 |
|
177 a:hover { |
|
178 text-decoration: underline; |
|
179 } |
|
180 |
|
181 a:hover { |
|
182 text-shadow: none; |
|
183 } |
|
184 a[href^="https://"]:hover { |
|
185 text-shadow: none; |
|
186 } |
|
187 a[href^="http://"]:hover { |
|
188 text-shadow: none; |
|
189 } |
|
190 |
|
191 table { |
|
192 border-collapse:collapse; |
|
193 margin-top: 10px; |
|
194 margin-bottom: 10px; |
|
195 } |
|
196 td, th { |
|
197 border: 1px solid black; |
|
198 padding-top: 4px; |
|
199 padding-bottom: 4px; |
|
200 padding-left: 6px; |
|
201 padding-right: 6px; |
|
202 font-weight: normal; |
|
203 } |
|
204 td.číslo { |
|
205 text-align: right; |
|
206 } |
|
207 thead tr { |
|
208 background: #aaa; |
|
209 color:black; |
|
210 } |
|
211 tbody tr:hover { |
|
212 background-color: silver; |
|
213 color:black; |
|
214 } |
|
215 |
|
216 blockquote { |
|
217 margin-left: 0px; |
|
218 margin-right: 0px; |
|
219 margin-top: 8px; |
|
220 margin-bottom: 8px; |
|
221 padding-left: 24px; |
|
222 padding-right: 24px; |
|
223 padding-top: 2px; |
|
224 padding-bottom: 2px; |
|
225 background-color: rgba(0,0,0,0.035); |
|
226 border-radius: 4px; |
|
227 font-style: italic; |
|
228 } |