author | fiki@dell.frantovo.cz |
Wed Jul 01 20:58:36 2009 +0200 (2009-07-01) | |
changeset 46 | da0e675db1cf |
parent 44 | 8ce7c1ad5fde |
child 50 | 1eb68e2ac637 |
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 #napoveda h1 {
116 font-size: 18px;
117 font-weight: bold;
118 }
120 /** Nadpisy bloků */
121 .blok h2 {
122 font-size: 12px;
123 padding: 2px;
124 padding-top: 4px;
125 padding-left: 32px;
126 margin: 0px;
127 color: gray;
128 height: 20px;
129 }
131 #napoveda h2 {
132 background-image: url('grafika/blok-nadpis-320.png');
133 }
135 #navigace {
136 background-image: url('grafika/navigace-pozadi.png');
137 height: 21px;
138 width: 300px;
139 position: relative;
140 bottom: 32px;
141 left: 10px;
142 text-align: center;
143 }
145 #navigace button {
146 height: 20px;
147 border: none;
148 margin-right: 0px;
149 margin-top: 5px;
150 padding: 0px;
151 cursor: pointer;
152 background-repeat: no-repeat;
153 background-color: transparent;
154 background-position: center;
155 width: 20px;
156 position: relative;
157 top: -4px;
158 }
160 #navigace button.zpet {
161 background-image: url('grafika/navigace-zpet.png');
162 margin-right: 32px;
163 }
165 #navigace button.vpred {
166 background-image: url('grafika/navigace-vpred.png');
167 margin-left: 32px;
168 }
170 #navigace button.nasledujici {
171 background-image: url('grafika/navigace-nasledujici.png');
172 margin-left: 42px;
173 }
175 #navigace button.predchozi {
176 background-image: url('grafika/navigace-predchozi.png');
177 margin-right: 42px;
178 }
180 #navigace button.model {
181 background-image: url('grafika/navigace-model.png');
182 }
184 #navigace button.pruvodce {
185 background-image: url('grafika/navigace-pruvodce.png');
186 }
188 /** Vstupně-výstupní část */
189 #io {
190 float: left;
191 }
193 #io h2 {
194 background-image: url('grafika/blok-nadpis-680.png');
195 }
197 /** Blok vstupu */
198 #vstup {
199 width: 680px;
200 }
202 /** Blok výstupu */
203 #vystup {
204 width: 680px;
205 }
207 /** Blok nápovědy */
208 #napoveda {
209 float: right;
210 width: 320px;
211 }
213 /** Formátování (výstupní) tabulky */
214 table {
215 border: 1px solid green;
216 border-collapse:collapse;
217 background-color: white;
218 margin: 3px;
219 }
221 td {
222 border: 1px solid black;
223 padding: 4px;
224 padding-left: 8px;
225 padding-right: 8px;
226 vertical-align: top;
227 text-align: left;
228 }
230 td.cislo {
231 text-align: right;
232 }
234 thead {
235 background: gray;
236 font-weight:bold;
237 background-image: url('grafika/tabulka-zahlavi.png');
238 background-repeat: repeat-x;
239 height: 28px;
240 }
242 thead td a {
243 color: black;
244 text-decoration: none;
245 }
247 thead td {
248 vertical-align: middle;
249 }
251 /** Ikonky pro zprávu k výsledku */
252 #vystupniPole p {
253 background-repeat: no-repeat;
254 padding-left: 22px;
255 }
257 #vystupniPole p.vysledekOK {
258 background-image: url('grafika/vysledek-ok.png');
259 }
261 #vystupniPole p.vysledekVarovani {
262 background-image: url('grafika/vysledek-varovani.png');
263 }
265 #vystupniPole p.vysledekChyba {
266 background-image: url('grafika/vysledek-chyba.png');
267 }
269 #vystupniPole p.vysledekTip {
270 background-image: url('grafika/vysledek-tip.png');
271 color: gray;
272 font-style: italic;
273 }
275 /** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
276 #lokalizace {
277 display: none;
278 }
280 /** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
281 #pruvodceData {
282 display: none;
283 }