author | František Kučera <franta-hg@frantovo.cz> |
Tue Jun 02 01:36:17 2009 +0200 (2009-06-02) | |
changeset 38 | 0a865a665698 |
parent 34 | 8a75d9b4f88a |
child 44 | 8ce7c1ad5fde |
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 #napoveda h1 {
106 font-size: 18px;
107 font-weight: bold;
108 }
110 /** Nadpisy bloků */
111 .blok h2 {
112 font-size: 12px;
113 padding: 2px;
114 padding-top: 4px;
115 padding-left: 32px;
116 margin: 0px;
117 color: gray;
118 height: 20px;
119 }
121 #napoveda h2 {
122 background-image: url('grafika/blok-nadpis-320.png');
123 }
125 #navigace {
126 background-image: url('grafika/navigace-pozadi.png');
127 height: 21px;
128 width: 300px;
129 position: relative;
130 bottom: 32px;
131 left: 10px;
132 text-align: center;
133 }
135 #navigace button {
136 height: 20px;
137 border: none;
138 margin-right: 0px;
139 margin-top: 5px;
140 padding: 0px;
141 cursor: pointer;
142 background-repeat: no-repeat;
143 background-color: transparent;
144 background-position: center;
145 width: 20px;
146 position: relative;
147 top: -4px;
148 }
150 #navigace button.zpet {
151 background-image: url('grafika/navigace-zpet.png');
152 margin-right: 32px;
153 }
155 #navigace button.vpred {
156 background-image: url('grafika/navigace-vpred.png');
157 margin-left: 32px;
158 }
160 #navigace button.nasledujici {
161 background-image: url('grafika/navigace-nasledujici.png');
162 margin-left: 42px;
163 }
165 #navigace button.predchozi {
166 background-image: url('grafika/navigace-predchozi.png');
167 margin-right: 42px;
168 }
170 #navigace button.model {
171 background-image: url('grafika/navigace-model.png');
172 }
174 #navigace button.pruvodce {
175 background-image: url('grafika/navigace-pruvodce.png');
176 }
178 /** Vstupně-výstupní část */
179 #io {
180 float: left;
181 }
183 #io h2 {
184 background-image: url('grafika/blok-nadpis-680.png');
185 }
187 /** Blok vstupu */
188 #vstup {
189 width: 680px;
190 }
192 /** Blok výstupu */
193 #vystup {
194 width: 680px;
195 }
197 /** Blok nápovědy */
198 #napoveda {
199 float: right;
200 width: 320px;
201 }
203 /** Formátování (výstupní) tabulky */
204 table {
205 border: 1px solid green;
206 border-collapse:collapse;
207 background-color: white;
208 margin: 3px;
209 }
211 td {
212 border: 1px solid black;
213 padding: 4px;
214 padding-left: 8px;
215 padding-right: 8px;
216 vertical-align: top;
217 }
219 td.cislo {
220 text-align: right;
221 }
223 thead {
224 background: gray;
225 font-weight:bold;
226 background-image: url('grafika/tabulka-zahlavi.png');
227 background-repeat: repeat-x;
228 height: 28px;
229 }
231 thead td a {
232 color: black;
233 text-decoration: none;
234 }
236 thead td {
237 vertical-align: middle;
238 }
240 /** Ikonky pro zprávu k výsledku */
241 #vystupniPole p {
242 background-repeat: no-repeat;
243 padding-left: 22px;
244 }
246 #vystupniPole p.vysledekOK {
247 background-image: url('grafika/vysledek-ok.png');
248 }
250 #vystupniPole p.vysledekVarovani {
251 background-image: url('grafika/vysledek-varovani.png');
252 }
254 #vystupniPole p.vysledekChyba {
255 background-image: url('grafika/vysledek-chyba.png');
256 }
258 #vystupniPole p.vysledekTip {
259 background-image: url('grafika/vysledek-tip.png');
260 color: gray;
261 font-style: italic;
262 }
264 /** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
265 #lokalizace {
266 display: none;
267 }
269 /** Skrytý formulář sloužící pro uchování ID průvodce z databáze */
270 #pruvodceData {
271 display: none;
272 }