author | František Kučera <franta-hg@frantovo.cz> |
Mon Jul 27 22:53:01 2009 +0200 (2009-07-27) | |
changeset 64 | b9a61f912f6a |
parent 63 | afc20221a495 |
child 67 | d1d39e07d65b |
permissions | -rw-r--r-- |
1 /** Obrázky s odkazem bez rámečku */
2 a img {
3 border: none;
4 }
6 /** Pozadí stránky a text */
7 html {
8 background: #42afdc;
9 color:black;
10 }
12 /** Bezpatkové písmo */
13 body {
14 font-family: sans-serif;
15 font-size: 12px;
16 }
18 /** České uvozovky: „ */
19 q:before {
20 content: "\201E";
21 }
23 /** České uvozovky: “ */
24 q:after {
25 content: "\201C";
26 }
28 /** Prostor pro logo a název programu */
29 #zahlavi {
30 height: 48px;
31 background-image: url('grafika/logo.png');
32 background-repeat: no-repeat;
33 margin-left: 5px;
34 }
36 #zahlavi h1 {
37 display: none;
38 }
40 /** Obal kolem bloků */
41 #bloky {
42 width: 1040px;
43 text-align: justify;
44 }
46 .blok {
47 margin: 10px;
48 }
50 /** Vstup, výstup nebo nápověda */
51 .vnitrekBloku {
52 background-image: url('grafika/blok-pozadi.gif');
53 margin: 0px;
54 padding: 10px;
55 }
57 #vstup .vnitrekBloku {
58 height: 150px;
59 text-align: right;
60 }
62 #stavovePole {
63 width: 300px;
64 border: none;
65 background-color: transparent;
66 color: gray;
67 font-size: 11px;
68 }
70 #vstup textarea {
71 width: 640px;
72 height: 108px;
73 padding: 8px;
74 border: 1px solid silver;
75 }
77 fieldset {
78 display: inline;
79 border: none;
80 padding: 0px;
81 margin: 0px;
82 }
84 #vstup button {
85 height: 20px;
86 border: none;
87 margin-right: 0px;
88 margin-top: 5px;
89 padding: 0px;
90 cursor: pointer;
91 background-repeat: no-repeat;
92 }
94 #vstup button.zobrazitHistorii {
95 background-image: url('grafika/tlacitko-historie.png');
96 background-color: transparent;
97 background-position: center;
98 width: 20px;
99 }
101 #vstup button.vykonatSQL {
102 background-image: url('grafika/tlacitko-sql.png');
103 width: 146px;
104 }
106 #vystup .vnitrekBloku {
107 overflow: auto;
108 height: 280px;
109 }
111 #napoveda .vnitrekBloku {
112 height: 484px;
113 }
115 #napovedniPole {
116 overflow: auto;
117 margin: 0px;
118 padding: 0px;
119 height: 460px;
120 }
122 #napoveda h1 {
123 font-size: 18px;
124 font-weight: bold;
125 }
127 /** Nadpisy bloků */
128 .blok h2 {
129 font-size: 12px;
130 padding: 2px;
131 padding-top: 4px;
132 padding-left: 32px;
133 margin: 0px;
134 color: gray;
135 height: 20px;
136 }
138 #napoveda h2 {
139 background-image: url('grafika/blok-nadpis-320.png');
140 }
142 #napoveda #napovedniPole h2 {
143 background-image: none;
144 font-size: 14px;
145 padding: 0px;
146 margin: 0px;
147 color: black;
148 height: auto;
149 }
151 #napoveda pre {
152 color: gray;
153 cursor: pointer;
154 }
156 #napoveda ol.obsah {
157 margin-top: -4px;
158 margin-bottom: -16px;
160 }
162 #napoveda a {
163 text-decoration: none;
164 }
166 #napoveda a:hover {
167 text-decoration: underline;
168 }
170 #navigace {
171 background-image: url('grafika/navigace-pozadi.png');
172 height: 21px;
173 width: 300px;
174 position: relative;
175 bottom: 32px;
176 left: 10px;
177 text-align: center;
178 }
180 #navigace button {
181 height: 20px;
182 border: none;
183 margin-right: 0px;
184 margin-top: 5px;
185 padding: 0px;
186 cursor: pointer;
187 background-repeat: no-repeat;
188 background-color: transparent;
189 background-position: center;
190 width: 20px;
191 position: relative;
192 top: -4px;
193 }
195 #navigace button.zpet {
196 background-image: url('grafika/navigace-zpet.png');
197 margin-right: 32px;
198 }
200 #navigace button.vpred {
201 background-image: url('grafika/navigace-vpred.png');
202 margin-left: 32px;
203 }
205 #navigace button.nasledujici {
206 background-image: url('grafika/navigace-nasledujici.png');
207 margin-left: 42px;
208 }
210 #navigace button.predchozi {
211 background-image: url('grafika/navigace-predchozi.png');
212 margin-right: 42px;
213 }
215 #navigace button.model {
216 background-image: url('grafika/navigace-model.png');
217 }
219 #navigace button.pruvodce {
220 background-image: url('grafika/navigace-pruvodce.png');
221 }
223 /** Vstupně-výstupní část */
224 #io {
225 float: left;
226 }
228 #io h2 {
229 background-image: url('grafika/blok-nadpis-680.png');
230 }
232 /** Blok vstupu */
233 #vstup {
234 width: 680px;
235 }
237 /** Blok výstupu */
238 #vystup {
239 width: 680px;
240 }
242 /** Blok nápovědy */
243 #napoveda {
244 float: right;
245 width: 320px;
246 }
248 /** Formátování (výstupní) tabulky */
249 table {
250 border: 1px solid green;
251 border-collapse:collapse;
252 background-color: white;
253 margin: 3px;
254 }
256 td {
257 border: 1px solid black;
258 padding: 4px;
259 padding-left: 8px;
260 padding-right: 8px;
261 vertical-align: top;
262 text-align: left;
263 }
265 td.cislo {
266 text-align: right;
267 }
269 thead {
270 background: gray;
271 font-weight:bold;
272 background-image: url('grafika/tabulka-zahlavi.png');
273 background-repeat: repeat-x;
274 height: 28px;
275 }
277 thead td a {
278 color: black;
279 text-decoration: none;
280 }
282 thead td {
283 vertical-align: middle;
284 }
286 /** Ikonky pro zprávu k výsledku */
287 #vystupniPole p {
288 background-repeat: no-repeat;
289 padding-left: 22px;
290 }
292 #vystupniPole p.vysledekOK {
293 background-image: url('grafika/vysledek-ok.png');
294 }
296 #vystupniPole p.vysledekVarovani {
297 background-image: url('grafika/vysledek-varovani.png');
298 }
300 #vystupniPole p.vysledekChyba {
301 background-image: url('grafika/vysledek-chyba.png');
302 }
304 #vystupniPole p.vysledekTip {
305 background-image: url('grafika/vysledek-tip.png');
306 color: gray;
307 font-style: italic;
308 }
310 /** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
311 #lokalizace {
312 display: none;
313 }
315 /** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
316 #pruvodceData {
317 display: none;
318 }