author | František Kučera <franta-hg@frantovo.cz> |
Mon Jun 01 22:06:25 2009 +0200 (2009-06-01) | |
changeset 36 | e117f3aa2129 |
parent 22 | e56b79cc18a9 |
child 38 | 0a865a665698 |
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 /** Prostor pro logo a název programu */
19 #zahlavi {
20 height: 48px;
21 background-image: url('grafika/logo.png');
22 background-repeat: no-repeat;
23 margin-left: 5px;
24 }
26 #zahlavi h1 {
27 display: none;
28 }
30 /** Obal kolem bloků */
31 #bloky {
32 width: 1040px;
33 text-align: justify;
34 }
36 .blok {
37 margin: 10px;
38 }
40 /** Vstup, výstup nebo nápověda */
41 .vnitrekBloku {
42 background-image: url('grafika/blok-pozadi.gif');
43 margin: 0px;
44 padding: 10px;
45 }
47 #vstup .vnitrekBloku {
48 height: 150px;
49 text-align: right;
50 }
52 #stavovePole {
53 width: 300px;
54 border: none;
55 background-color: transparent;
56 color: gray;
57 font-size: 11px;
58 }
60 #vstup textarea {
61 width: 640px;
62 height: 108px;
63 padding: 8px;
64 border: 1px solid silver;
65 }
67 fieldset {
68 display: inline;
69 border: none;
70 padding: 0px;
71 margin: 0px;
72 }
74 #vstup button {
75 height: 20px;
76 border: none;
77 margin-right: 0px;
78 margin-top: 5px;
79 padding: 0px;
80 cursor: pointer;
81 background-repeat: no-repeat;
82 }
84 #vstup button.zobrazitHistorii {
85 background-image: url('grafika/tlacitko-historie.png');
86 background-color: transparent;
87 background-position: center;
88 width: 20px;
89 }
91 #vstup button.vykonatSQL {
92 background-image: url('grafika/tlacitko-sql.png');
93 width: 146px;
94 }
96 #vystup .vnitrekBloku {
97 overflow: auto;
98 height: 280px;
99 }
101 #napoveda .vnitrekBloku {
102 height: 484px;
103 }
105 /** Nadpisy bloků */
106 .blok h2 {
107 font-size: 12px;
108 padding: 2px;
109 padding-top: 4px;
110 padding-left: 32px;
111 margin: 0px;
112 color: gray;
113 height: 20px;
114 }
116 #napoveda h2 {
117 background-image: url('grafika/blok-nadpis-320.png');
118 }
120 #navigace {
121 background-image: url('grafika/navigace-pozadi.png');
122 height: 21px;
123 width: 300px;
124 position: relative;
125 bottom: 32px;
126 left: 10px;
127 text-align: center;
128 }
130 #navigace button {
131 height: 20px;
132 border: none;
133 margin-right: 0px;
134 margin-top: 5px;
135 padding: 0px;
136 cursor: pointer;
137 background-repeat: no-repeat;
138 background-color: transparent;
139 background-position: center;
140 width: 20px;
141 position: relative;
142 top: -4px;
143 }
145 #navigace button.zpet {
146 background-image: url('grafika/navigace-zpet.png');
147 margin-right: 32px;
148 }
150 #navigace button.vpred {
151 background-image: url('grafika/navigace-vpred.png');
152 margin-left: 32px;
153 }
155 #navigace button.nasledujici {
156 background-image: url('grafika/navigace-nasledujici.png');
157 margin-left: 42px;
158 }
160 #navigace button.predchozi {
161 background-image: url('grafika/navigace-predchozi.png');
162 margin-right: 42px;
163 }
165 #navigace button.model {
166 background-image: url('grafika/navigace-model.png');
167 }
169 #navigace button.pruvodce {
170 background-image: url('grafika/navigace-pruvodce.png');
171 }
173 /** Vstupně-výstupní část */
174 #io {
175 float: left;
176 }
178 #io h2 {
179 background-image: url('grafika/blok-nadpis-680.png');
180 }
182 /** Blok vstupu */
183 #vstup {
184 width: 680px;
185 }
187 /** Blok výstupu */
188 #vystup {
189 width: 680px;
190 }
192 /** Blok nápovědy */
193 #napoveda {
194 float: right;
195 width: 320px;
196 }
198 /** Formátování (výstupní) tabulky */
199 table {
200 border: 1px solid green;
201 border-collapse:collapse;
202 background-color: white;
203 margin: 3px;
204 }
206 td {
207 border: 1px solid black;
208 padding: 4px;
209 padding-left: 8px;
210 padding-right: 8px;
211 vertical-align: top;
212 }
214 td.cislo {
215 text-align: right;
216 }
218 thead {
219 background: gray;
220 font-weight:bold;
221 background-image: url('grafika/tabulka-zahlavi.png');
222 background-repeat: repeat-x;
223 height: 28px;
224 }
226 thead td a {
227 color: black;
228 text-decoration: none;
229 }
231 thead td {
232 vertical-align: middle;
233 }
235 /** Ikonky pro zprávu k výsledku */
236 #vystupniPole p {
237 background-repeat: no-repeat;
238 padding-left: 22px;
239 }
241 #vystupniPole p.vysledekOK {
242 background-image: url('grafika/vysledek-ok.png');
243 }
245 #vystupniPole p.vysledekVarovani {
246 background-image: url('grafika/vysledek-varovani.png');
247 }
249 #vystupniPole p.vysledekChyba {
250 background-image: url('grafika/vysledek-chyba.png');
251 }
253 #vystupniPole p.vysledekTip {
254 background-image: url('grafika/vysledek-tip.png');
255 color: gray;
256 font-style: italic;
257 }
259 /** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
260 #lokalizace {
261 display: none;
262 }