root/html/styl.css @ 21:b7574b90e272

Revision 7:11f83eac10b3, 3.3 KB (checked in by František Kučera <franta-hg@…>, 15 years ago)

Opravy, aby XHTML bylo validní.

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/** Vstupně-výstupní část */
113#io {
114    float: left;
115}
116
117#io h2 {
118    background-image: url('grafika/blok-nadpis-680.png');
119}
120
121/** Blok vstupu */
122#vstup {
123    width: 680px;
124}
125
126/** Blok výstupu */
127#vystup {
128    width: 680px;
129}
130
131/** Blok nápovědy */
132#napoveda {
133    float: right;
134    width: 320px;
135}
136
137/** Formátování (výstupní) tabulky */
138table {
139    border: 1px solid green;
140    border-collapse:collapse;
141    background-color: white;
142    margin: 3px;
143}
144
145td {
146    border: 1px solid black;
147    padding: 4px;
148    padding-left: 8px;
149    padding-right: 8px;
150    vertical-align: top;
151}
152
153td.cislo {
154    text-align: right;
155}
156
157thead {
158    background: gray;
159    font-weight:bold;
160    background-image: url('grafika/tabulka-zahlavi.png');
161    background-repeat: repeat-x;
162    height: 28px;
163}
164
165thead td a {
166    color: black;
167    text-decoration: none;
168}
169
170thead td {
171    vertical-align: middle;
172}
173
174/** Ikonky pro zprávu k výsledku */
175#vystupniPole p {
176    background-repeat: no-repeat;
177    padding-left: 22px;
178}
179
180#vystupniPole p.vysledekOK {
181    background-image: url('grafika/vysledek-ok.png');
182}
183
184#vystupniPole p.vysledekVarovani {
185    background-image: url('grafika/vysledek-varovani.png');
186}
187
188#vystupniPole p.vysledekChyba {
189    background-image: url('grafika/vysledek-chyba.png');
190}
191
192#vystupniPole p.vysledekTip {
193    background-image: url('grafika/vysledek-tip.png');
194    color: gray;
195    font-style: italic;
196}
Note: See TracBrowser for help on using the browser.