root/java/sql-vyuka/web/styl.css @ 22:e56b79cc18a9

Revision 22:e56b79cc18a9, 3.6 KB (checked in by František Kučera <franta-hg@…>, 15 years ago)

JavaScript?: lokalizace a zjednodušení.

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#stavovePole {
53    width: 300px;
54    border: none;
55    background-color: transparent;
56    color: gray;
57    font-size: 11px;
58}
59
60#vstup textarea {
61    width: 640px;
62    height: 108px;
63    padding: 8px;
64    border: 1px solid silver;
65}
66
67fieldset {
68    display: inline;
69    border: none;
70    padding: 0px;
71    margin: 0px;
72}
73
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}
83
84#vstup button.zobrazitHistorii {
85    background-image: url('grafika/tlacitko-historie.png');
86    background-color: transparent;
87    background-position: center;
88    width: 20px;
89}
90
91#vstup button.vykonatSQL {
92    background-image: url('grafika/tlacitko-sql.png');
93    width: 146px;
94}
95
96#vystup .vnitrekBloku {
97    overflow: auto;
98    height: 280px;
99}
100
101#napoveda .vnitrekBloku {
102    height: 484px;
103}
104
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}
115
116#napoveda h2 {
117    background-image: url('grafika/blok-nadpis-320.png');
118}
119
120/** Vstupně-výstupní část */
121#io {
122    float: left;
123}
124
125#io h2 {
126    background-image: url('grafika/blok-nadpis-680.png');
127}
128
129/** Blok vstupu */
130#vstup {
131    width: 680px;
132}
133
134/** Blok výstupu */
135#vystup {
136    width: 680px;
137}
138
139/** Blok nápovědy */
140#napoveda {
141    float: right;
142    width: 320px;
143}
144
145/** Formátování (výstupní) tabulky */
146table {
147    border: 1px solid green;
148    border-collapse:collapse;
149    background-color: white;
150    margin: 3px;
151}
152
153td {
154    border: 1px solid black;
155    padding: 4px;
156    padding-left: 8px;
157    padding-right: 8px;
158    vertical-align: top;
159}
160
161td.cislo {
162    text-align: right;
163}
164
165thead {
166    background: gray;
167    font-weight:bold;
168    background-image: url('grafika/tabulka-zahlavi.png');
169    background-repeat: repeat-x;
170    height: 28px;
171}
172
173thead td a {
174    color: black;
175    text-decoration: none;
176}
177
178thead td {
179    vertical-align: middle;
180}
181
182/** Ikonky pro zprávu k výsledku */
183#vystupniPole p {
184    background-repeat: no-repeat;
185    padding-left: 22px;
186}
187
188#vystupniPole p.vysledekOK {
189    background-image: url('grafika/vysledek-ok.png');
190}
191
192#vystupniPole p.vysledekVarovani {
193    background-image: url('grafika/vysledek-varovani.png');
194}
195
196#vystupniPole p.vysledekChyba {
197    background-image: url('grafika/vysledek-chyba.png');
198}
199
200#vystupniPole p.vysledekTip {
201    background-image: url('grafika/vysledek-tip.png');
202    color: gray;
203    font-style: italic;
204}
205
206/** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
207#lokalizace {
208    display: none;
209}
Note: See TracBrowser for help on using the browser.