author | František Kučera <franta-hg@frantovo.cz> |
Sat, 06 Jun 2009 23:40:52 +0200 | |
changeset 43 | 8d1a92f64110 |
parent 34 | 8a75d9b4f88a |
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 #vstup textarea {
53 width: 640px;
54 height: 108px;
55 padding: 8px;
56 border: 1px solid silver;
57 }
59 fieldset {
60 display: inline;
61 border: none;
62 padding: 0px;
63 margin: 0px;
64 }
66 #vstup button {
67 height: 20px;
68 border: none;
69 margin-right: 0px;
70 margin-top: 5px;
71 padding: 0px;
72 cursor: pointer;
73 background-repeat: no-repeat;
74 }
76 #vstup button.zobrazitHistorii {
77 background-image: url('grafika/historie.png');
78 background-color: transparent;
79 background-position: center;
80 width: 20px;
81 }
83 #vstup button.vykonatSQL {
84 background-image: url('grafika/tlacitko-sql.png');
85 width: 146px;
86 }
88 #vystup .vnitrekBloku {
89 overflow: auto;
90 height: 280px;
91 }
93 #napoveda .vnitrekBloku {
94 height: 484px;
95 }
97 /** Nadpisy bloků */
98 .blok h2 {
99 font-size: 12px;
100 padding: 2px;
101 padding-top: 4px;
102 padding-left: 32px;
103 margin: 0px;
104 color: gray;
105 height: 20px;
106 }
108 #napoveda h2 {
109 background-image: url('grafika/blok-nadpis-320.png');
110 }
112 #navigace {
113 background-image: url('grafika/navigace-pozadi.png');
114 height: 21px;
115 width: 300px;
116 position: relative;
117 bottom: 32px;
118 left: 10px;
119 text-align: center;
120 }
122 #navigace button {
123 height: 20px;
124 border: none;
125 margin-right: 0px;
126 margin-top: 5px;
127 padding: 0px;
128 cursor: pointer;
129 background-repeat: no-repeat;
130 background-color: transparent;
131 background-position: center;
132 width: 20px;
133 position: relative;
134 top: -4px;
135 }
137 #navigace button.zpet {
138 background-image: url('grafika/navigace-zpet.png');
139 margin-right: 32px;
140 }
142 #navigace button.vpred {
143 background-image: url('grafika/navigace-vpred.png');
144 margin-left: 32px;
145 }
147 #navigace button.nasledujici {
148 background-image: url('grafika/navigace-nasledujici.png');
149 margin-left: 42px;
150 }
152 #navigace button.predchozi {
153 background-image: url('grafika/navigace-predchozi.png');
154 margin-right: 42px;
155 }
157 #navigace button.model {
158 background-image: url('grafika/navigace-model.png');
159 }
161 #navigace button.pruvodce {
162 background-image: url('grafika/navigace-pruvodce.png');
163 }
165 /** Vstupně-výstupní část */
166 #io {
167 float: left;
168 }
170 #io h2 {
171 background-image: url('grafika/blok-nadpis-680.png');
172 }
174 /** Blok vstupu */
175 #vstup {
176 width: 680px;
177 }
179 /** Blok výstupu */
180 #vystup {
181 width: 680px;
182 }
184 /** Blok nápovědy */
185 #napoveda {
186 float: right;
187 width: 320px;
188 }
190 /** Formátování (výstupní) tabulky */
191 table {
192 border: 1px solid green;
193 border-collapse:collapse;
194 background-color: white;
195 margin: 3px;
196 }
198 td {
199 border: 1px solid black;
200 padding: 4px;
201 padding-left: 8px;
202 padding-right: 8px;
203 vertical-align: top;
204 }
206 td.cislo {
207 text-align: right;
208 }
210 thead {
211 background: gray;
212 font-weight:bold;
213 background-image: url('grafika/tabulka-zahlavi.png');
214 background-repeat: repeat-x;
215 height: 28px;
216 }
218 thead td a {
219 color: black;
220 text-decoration: none;
221 }
223 thead td {
224 vertical-align: middle;
225 }
227 /** Ikonky pro zprávu k výsledku */
228 #vystupniPole p {
229 background-repeat: no-repeat;
230 padding-left: 22px;
231 }
233 #vystupniPole p.vysledekOK {
234 background-image: url('grafika/vysledek-ok.png');
235 }
237 #vystupniPole p.vysledekVarovani {
238 background-image: url('grafika/vysledek-varovani.png');
239 }
241 #vystupniPole p.vysledekChyba {
242 background-image: url('grafika/vysledek-chyba.png');
243 }
245 #vystupniPole p.vysledekTip {
246 background-image: url('grafika/vysledek-tip.png');
247 color: gray;
248 font-style: italic;
249 }