root/html/styl.css @ 7:11f83eac10b3

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

Opravy, aby XHTML bylo validní.

RevLine 
[2]1/** Obrázky s odkazem bez rámečku */
[0]2a img {
3    border: none;
4}
5
[2]6/** Pozadí stránky a text */
[0]7html {
8    background: #42afdc;
9    color:black;
10}
[2]11
12/** Bezpatkové písmo */
[0]13body {
14    font-family: sans-serif;
[5]15    font-size: 12px;
[0]16}
17
[2]18/** Prostor pro logo a název programu */
[0]19#zahlavi {
20    height: 48px;
[4]21    background-image: url('grafika/logo.png');
22    background-repeat: no-repeat;
23    margin-left: 5px;
24}
[0]25
[4]26#zahlavi h1 {
27    display: none;
[0]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;
[1]49    text-align: right;
[0]50}
51
52#vstup textarea {
53    width: 640px;
[2]54    height: 108px;
[0]55    padding: 8px;
[2]56    border: 1px solid silver;
[0]57}
58
[7]59fieldset {
60    display: inline;
61    border: none;
62    padding: 0px;
63    margin: 0px;
64}
65
[1]66#vstup button {
67    height: 20px;
68    border: none;
[2]69    margin-right: 0px;
70    margin-top: 5px;
[3]71    padding: 0px;
72    cursor: pointer;
[5]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;
[1]86}
87
[0]88#vystup .vnitrekBloku {
89    overflow: auto;
90    height: 280px;
91}
92
93#napoveda .vnitrekBloku {
94    height: 484px;
95}
96
[2]97/** Nadpisy bloků */
[0]98.blok h2 {
[2]99    font-size: 12px;
[0]100    padding: 2px;
[2]101    padding-top: 4px;
[0]102    padding-left: 32px;
103    margin: 0px;
104    color: gray;
[2]105    height: 20px;
[0]106}
107
108#napoveda h2 {
109    background-image: url('grafika/blok-nadpis-320.png');
110}
111
[2]112/** Vstupně-výstupní část */
113#io {
114    float: left;
115}
116
[0]117#io h2 {
118    background-image: url('grafika/blok-nadpis-680.png');
119}
120
[2]121/** Blok vstupu */
[0]122#vstup {
123    width: 680px;
124}
125
[2]126/** Blok výstupu */
[0]127#vystup {
128    width: 680px;
129}
130
[2]131/** Blok nápovědy */
[0]132#napoveda {
133    float: right;
134    width: 320px;
[2]135}
136
137/** Formátování (výstupní) tabulky */
138table {
139    border: 1px solid green;
140    border-collapse:collapse;
[5]141    background-color: white;
142    margin: 3px;
[2]143}
144
145td {
146    border: 1px solid black;
147    padding: 4px;
148    padding-left: 8px;
149    padding-right: 8px;
[5]150    vertical-align: top;
[2]151}
152
153td.cislo {
154    text-align: right;
155}
156
157thead {
[5]158    background: gray;
[2]159    font-weight:bold;
[5]160    background-image: url('grafika/tabulka-zahlavi.png');
161    background-repeat: repeat-x;
162    height: 28px;
[2]163}
164
165thead td a {
166    color: black;
167    text-decoration: none;
168}
[4]169
[5]170thead td {
171    vertical-align: middle;
172}
173
[4]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.