root/html/styl.css @ 87:5fff85c7f980

Revision 34:8a75d9b4f88a, 4.5 KB (checked in by František Kučera <franta-hg@…>, 15 years ago)

Navigační pole (pro nápovědu): přidáno, zatím nic nedělá.

Line 
1/** Obrázky s odkazem bez rámečku */
2a img {
3    border: none;
4}
5
6/** Pozadí stránky a text */
7html {
8    background: #42afdc;
9    color:black;
10}
11
12/** Bezpatkové písmo */
13body {
14    font-family: sans-serif;
15    font-size: 12px;
16}
17
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}
25
26#zahlavi h1 {
27    display: none;
28}
29
30/** Obal kolem bloků */
31#bloky {
32    width: 1040px;
33    text-align: justify;
34}
35
36.blok {
37    margin: 10px;
38}
39
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}
46
47#vstup .vnitrekBloku {
48    height: 150px;
49    text-align: right;
50}
51
52#vstup textarea {
53    width: 640px;
54    height: 108px;
55    padding: 8px;
56    border: 1px solid silver;
57}
58
59fieldset {
60    display: inline;
61    border: none;
62    padding: 0px;
63    margin: 0px;
64}
65
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}
75
76#vstup button.zobrazitHistorii {
77    background-image: url('grafika/historie.png');
78    background-color: transparent;
79    background-position: center;
80    width: 20px;
81}
82
83#vstup button.vykonatSQL {
84    background-image: url('grafika/tlacitko-sql.png');
85    width: 146px;
86}
87
88#vystup .vnitrekBloku {
89    overflow: auto;
90    height: 280px;
91}
92
93#napoveda .vnitrekBloku {
94    height: 484px;
95}
96
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}
107
108#napoveda h2 {
109    background-image: url('grafika/blok-nadpis-320.png');
110}
111
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}
121
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}
136
137#navigace button.zpet {
138    background-image: url('grafika/navigace-zpet.png');
139    margin-right: 32px;
140}
141
142#navigace button.vpred {
143    background-image: url('grafika/navigace-vpred.png');
144    margin-left: 32px;
145}
146
147#navigace button.nasledujici {
148    background-image: url('grafika/navigace-nasledujici.png');
149    margin-left: 42px;
150}
151
152#navigace button.predchozi {
153    background-image: url('grafika/navigace-predchozi.png');
154    margin-right: 42px;
155}
156
157#navigace button.model {
158    background-image: url('grafika/navigace-model.png');
159}
160
161#navigace button.pruvodce {
162    background-image: url('grafika/navigace-pruvodce.png');
163}
164
165/** Vstupně-výstupní část */
166#io {
167    float: left;
168}
169
170#io h2 {
171    background-image: url('grafika/blok-nadpis-680.png');
172}
173
174/** Blok vstupu */
175#vstup {
176    width: 680px;
177}
178
179/** Blok výstupu */
180#vystup {
181    width: 680px;
182}
183
184/** Blok nápovědy */
185#napoveda {
186    float: right;
187    width: 320px;
188}
189
190/** Formátování (výstupní) tabulky */
191table {
192    border: 1px solid green;
193    border-collapse:collapse;
194    background-color: white;
195    margin: 3px;
196}
197
198td {
199    border: 1px solid black;
200    padding: 4px;
201    padding-left: 8px;
202    padding-right: 8px;
203    vertical-align: top;
204}
205
206td.cislo {
207    text-align: right;
208}
209
210thead {
211    background: gray;
212    font-weight:bold;
213    background-image: url('grafika/tabulka-zahlavi.png');
214    background-repeat: repeat-x;
215    height: 28px;
216}
217
218thead td a {
219    color: black;
220    text-decoration: none;
221}
222
223thead td {
224    vertical-align: middle;
225}
226
227/** Ikonky pro zprávu k výsledku */
228#vystupniPole p {
229    background-repeat: no-repeat;
230    padding-left: 22px;
231}
232
233#vystupniPole p.vysledekOK {
234    background-image: url('grafika/vysledek-ok.png');
235}
236
237#vystupniPole p.vysledekVarovani {
238    background-image: url('grafika/vysledek-varovani.png');
239}
240
241#vystupniPole p.vysledekChyba {
242    background-image: url('grafika/vysledek-chyba.png');
243}
244
245#vystupniPole p.vysledekTip {
246    background-image: url('grafika/vysledek-tip.png');
247    color: gray;
248    font-style: italic;
249}
Note: See TracBrowser for help on using the browser.