13 src: url("DejaVuSansMono.woff"); |
13 src: url("DejaVuSansMono.woff"); |
14 } |
14 } |
15 |
15 |
16 body { |
16 body { |
17 font-family: "lmsans10-regular", sans-serif; |
17 font-family: "lmsans10-regular", sans-serif; |
|
18 background-color: #1e8b8f; |
|
19 background-image: url('../grafika/background.png'); |
18 } |
20 } |
19 |
21 |
20 code { |
22 code { |
21 font-family: "lmmono10-regular", "DejaVuSansMono", monospace; |
23 font-family: "lmmono10-regular", "DejaVuSansMono", monospace; |
22 } |
24 } |
23 |
25 |
24 pre { |
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; |
25 font-family: "DejaVuSansMono", monospace; |
35 font-family: "DejaVuSansMono", monospace; |
|
36 |
26 -moz-tab-size: 4; |
37 -moz-tab-size: 4; |
27 -o-tab-size: 4; |
38 -o-tab-size: 4; |
28 tab-size: 4; |
39 tab-size: 4; |
29 } |
40 } |
30 |
41 |
|
42 pre, .zdroják-ke-stažení span { |
|
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 { |
|
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 |
31 .logo { |
63 .logo { |
32 background-color: black; |
|
33 height: 64px; |
64 height: 64px; |
34 width: 1240px; |
65 width: 1240px; |
35 margin-left: -20px; |
66 margin-left: -20px; |
36 margin-right: -20px; |
67 margin-right: -20px; |
37 margin-top: -5px; |
68 margin-top: -5px; |
38 border-top-right-radius: 8px; |
69 border-top-right-radius: 8px; |
39 border-top-left-radius: 8px; |
70 border-top-left-radius: 8px; |
40 } |
71 } |
41 |
72 |
|
73 .logo, #nabídka, #zápatí p { |
|
74 background-color: #404040; |
|
75 } |
|
76 |
42 .logo img { |
77 .logo img { |
43 margin-top: 8px; |
78 margin-top: 8px; |
44 margin-left: 16px; |
79 margin-left: 16px; |
45 } |
80 } |
46 |
81 |
47 #zápatí p { |
82 #zápatí p { |
48 background-color: black; |
|
49 width: 1240px; |
83 width: 1240px; |
50 min-height: 24px; |
84 min-height: 24px; |
51 padding-top: 4px; |
85 padding-top: 4px; |
52 margin-left: -20px; |
86 margin-left: -20px; |
53 margin-right: -20px; |
87 margin-right: -20px; |
54 margin-bottom: -10px; |
88 margin-bottom: -10px; |
55 border-bottom-right-radius: 8px; |
89 border-bottom-right-radius: 8px; |
56 border-bottom-left-radius: 8px; |
90 border-bottom-left-radius: 8px; |
57 color: grey; |
91 color: #ccc; |
58 } |
92 } |
59 |
93 |
60 #zápatí a { |
94 #zápatí a { |
61 color: grey; |
95 color: #ddd; |
62 text-decoration: none; |
96 text-decoration: none; |
63 } |
97 } |
64 |
98 |
65 #zápatí a[href^="http"]:hover { |
99 #zápatí a[href^="http"]:hover { |
66 color: white; |
100 color: white; |
68 text-decoration: none; |
102 text-decoration: none; |
69 } |
103 } |
70 |
104 |
71 #tělo { |
105 #tělo { |
72 width: 1200px; |
106 width: 1200px; |
73 background-color: #ccc; |
107 background-color: #efefef; |
74 } |
108 } |
75 |
109 |
76 #nabídka { |
110 #nabídka { |
77 width: 14em; |
111 width: 12em; |
78 } |
112 } |
79 |
113 |
80 #nabídka a:hover { |
114 #nabídka a:hover { |
81 color: #d71635; |
115 color: #fff; |
82 text-shadow: none; |
116 text-shadow: none; |
83 } |
117 } |
84 |
118 |
85 #text { |
119 #text { |
86 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; |
87 } |
141 } |
88 |
142 |
89 @media (max-width: 1300px) { |
143 @media (max-width: 1300px) { |
90 #tělo { width: auto; } |
144 #tělo { width: auto; } |
91 .logo { width: auto; } |
145 .logo { width: auto; } |
108 } |
162 } |
109 |
163 |
110 .already-implemented { |
164 .already-implemented { |
111 color: grey; |
165 color: grey; |
112 } |
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 } |