author | František Kučera <franta-hg@frantovo.cz> |
Tue, 02 Jun 2009 01:36:17 +0200 | |
changeset 38 | 0a865a665698 |
parent 34 | 8a75d9b4f88a |
permissions | -rw-r--r-- |
franta-hg@2 | 1 |
/** Obrázky s odkazem bez rámečku */ |
franta-hg@0 | 2 |
a img { |
franta-hg@0 | 3 |
border: none; |
franta-hg@0 | 4 |
} |
franta-hg@0 | 5 |
|
franta-hg@2 | 6 |
/** Pozadí stránky a text */ |
franta-hg@0 | 7 |
html { |
franta-hg@0 | 8 |
background: #42afdc; |
franta-hg@0 | 9 |
color:black; |
franta-hg@0 | 10 |
} |
franta-hg@2 | 11 |
|
franta-hg@2 | 12 |
/** Bezpatkové písmo */ |
franta-hg@0 | 13 |
body { |
franta-hg@0 | 14 |
font-family: sans-serif; |
franta-hg@5 | 15 |
font-size: 12px; |
franta-hg@0 | 16 |
} |
franta-hg@0 | 17 |
|
franta-hg@2 | 18 |
/** Prostor pro logo a název programu */ |
franta-hg@0 | 19 |
#zahlavi { |
franta-hg@0 | 20 |
height: 48px; |
franta-hg@4 | 21 |
background-image: url('grafika/logo.png'); |
franta-hg@4 | 22 |
background-repeat: no-repeat; |
franta-hg@4 | 23 |
margin-left: 5px; |
franta-hg@4 | 24 |
} |
franta-hg@0 | 25 |
|
franta-hg@4 | 26 |
#zahlavi h1 { |
franta-hg@4 | 27 |
display: none; |
franta-hg@0 | 28 |
} |
franta-hg@0 | 29 |
|
franta-hg@0 | 30 |
/** Obal kolem bloků */ |
franta-hg@0 | 31 |
#bloky { |
franta-hg@0 | 32 |
width: 1040px; |
franta-hg@0 | 33 |
text-align: justify; |
franta-hg@0 | 34 |
} |
franta-hg@0 | 35 |
|
franta-hg@0 | 36 |
.blok { |
franta-hg@0 | 37 |
margin: 10px; |
franta-hg@0 | 38 |
} |
franta-hg@0 | 39 |
|
franta-hg@0 | 40 |
/** Vstup, výstup nebo nápověda */ |
franta-hg@0 | 41 |
.vnitrekBloku { |
franta-hg@0 | 42 |
background-image: url('grafika/blok-pozadi.gif'); |
franta-hg@0 | 43 |
margin: 0px; |
franta-hg@0 | 44 |
padding: 10px; |
franta-hg@0 | 45 |
} |
franta-hg@0 | 46 |
|
franta-hg@0 | 47 |
#vstup .vnitrekBloku { |
franta-hg@0 | 48 |
height: 150px; |
franta-hg@1 | 49 |
text-align: right; |
franta-hg@0 | 50 |
} |
franta-hg@0 | 51 |
|
franta-hg@0 | 52 |
#vstup textarea { |
franta-hg@0 | 53 |
width: 640px; |
franta-hg@2 | 54 |
height: 108px; |
franta-hg@0 | 55 |
padding: 8px; |
franta-hg@2 | 56 |
border: 1px solid silver; |
franta-hg@0 | 57 |
} |
franta-hg@0 | 58 |
|
franta-hg@7 | 59 |
fieldset { |
franta-hg@7 | 60 |
display: inline; |
franta-hg@7 | 61 |
border: none; |
franta-hg@7 | 62 |
padding: 0px; |
franta-hg@7 | 63 |
margin: 0px; |
franta-hg@7 | 64 |
} |
franta-hg@7 | 65 |
|
franta-hg@1 | 66 |
#vstup button { |
franta-hg@1 | 67 |
height: 20px; |
franta-hg@1 | 68 |
border: none; |
franta-hg@2 | 69 |
margin-right: 0px; |
franta-hg@2 | 70 |
margin-top: 5px; |
franta-hg@3 | 71 |
padding: 0px; |
franta-hg@3 | 72 |
cursor: pointer; |
franta-hg@5 | 73 |
background-repeat: no-repeat; |
franta-hg@5 | 74 |
} |
franta-hg@5 | 75 |
|
franta-hg@5 | 76 |
#vstup button.zobrazitHistorii { |
franta-hg@5 | 77 |
background-image: url('grafika/historie.png'); |
franta-hg@5 | 78 |
background-color: transparent; |
franta-hg@5 | 79 |
background-position: center; |
franta-hg@5 | 80 |
width: 20px; |
franta-hg@5 | 81 |
} |
franta-hg@5 | 82 |
|
franta-hg@5 | 83 |
#vstup button.vykonatSQL { |
franta-hg@5 | 84 |
background-image: url('grafika/tlacitko-sql.png'); |
franta-hg@5 | 85 |
width: 146px; |
franta-hg@1 | 86 |
} |
franta-hg@1 | 87 |
|
franta-hg@0 | 88 |
#vystup .vnitrekBloku { |
franta-hg@0 | 89 |
overflow: auto; |
franta-hg@0 | 90 |
height: 280px; |
franta-hg@0 | 91 |
} |
franta-hg@0 | 92 |
|
franta-hg@0 | 93 |
#napoveda .vnitrekBloku { |
franta-hg@0 | 94 |
height: 484px; |
franta-hg@0 | 95 |
} |
franta-hg@0 | 96 |
|
franta-hg@2 | 97 |
/** Nadpisy bloků */ |
franta-hg@0 | 98 |
.blok h2 { |
franta-hg@2 | 99 |
font-size: 12px; |
franta-hg@0 | 100 |
padding: 2px; |
franta-hg@2 | 101 |
padding-top: 4px; |
franta-hg@0 | 102 |
padding-left: 32px; |
franta-hg@0 | 103 |
margin: 0px; |
franta-hg@0 | 104 |
color: gray; |
franta-hg@2 | 105 |
height: 20px; |
franta-hg@0 | 106 |
} |
franta-hg@0 | 107 |
|
franta-hg@0 | 108 |
#napoveda h2 { |
franta-hg@0 | 109 |
background-image: url('grafika/blok-nadpis-320.png'); |
franta-hg@0 | 110 |
} |
franta-hg@0 | 111 |
|
franta-hg@34 | 112 |
#navigace { |
franta-hg@34 | 113 |
background-image: url('grafika/navigace-pozadi.png'); |
franta-hg@34 | 114 |
height: 21px; |
franta-hg@34 | 115 |
width: 300px; |
franta-hg@34 | 116 |
position: relative; |
franta-hg@34 | 117 |
bottom: 32px; |
franta-hg@34 | 118 |
left: 10px; |
franta-hg@34 | 119 |
text-align: center; |
franta-hg@34 | 120 |
} |
franta-hg@34 | 121 |
|
franta-hg@34 | 122 |
#navigace button { |
franta-hg@34 | 123 |
height: 20px; |
franta-hg@34 | 124 |
border: none; |
franta-hg@34 | 125 |
margin-right: 0px; |
franta-hg@34 | 126 |
margin-top: 5px; |
franta-hg@34 | 127 |
padding: 0px; |
franta-hg@34 | 128 |
cursor: pointer; |
franta-hg@34 | 129 |
background-repeat: no-repeat; |
franta-hg@34 | 130 |
background-color: transparent; |
franta-hg@34 | 131 |
background-position: center; |
franta-hg@34 | 132 |
width: 20px; |
franta-hg@34 | 133 |
position: relative; |
franta-hg@34 | 134 |
top: -4px; |
franta-hg@34 | 135 |
} |
franta-hg@34 | 136 |
|
franta-hg@34 | 137 |
#navigace button.zpet { |
franta-hg@34 | 138 |
background-image: url('grafika/navigace-zpet.png'); |
franta-hg@34 | 139 |
margin-right: 32px; |
franta-hg@34 | 140 |
} |
franta-hg@34 | 141 |
|
franta-hg@34 | 142 |
#navigace button.vpred { |
franta-hg@34 | 143 |
background-image: url('grafika/navigace-vpred.png'); |
franta-hg@34 | 144 |
margin-left: 32px; |
franta-hg@34 | 145 |
} |
franta-hg@34 | 146 |
|
franta-hg@34 | 147 |
#navigace button.nasledujici { |
franta-hg@34 | 148 |
background-image: url('grafika/navigace-nasledujici.png'); |
franta-hg@34 | 149 |
margin-left: 42px; |
franta-hg@34 | 150 |
} |
franta-hg@34 | 151 |
|
franta-hg@34 | 152 |
#navigace button.predchozi { |
franta-hg@34 | 153 |
background-image: url('grafika/navigace-predchozi.png'); |
franta-hg@34 | 154 |
margin-right: 42px; |
franta-hg@34 | 155 |
} |
franta-hg@34 | 156 |
|
franta-hg@34 | 157 |
#navigace button.model { |
franta-hg@34 | 158 |
background-image: url('grafika/navigace-model.png'); |
franta-hg@34 | 159 |
} |
franta-hg@34 | 160 |
|
franta-hg@34 | 161 |
#navigace button.pruvodce { |
franta-hg@34 | 162 |
background-image: url('grafika/navigace-pruvodce.png'); |
franta-hg@34 | 163 |
} |
franta-hg@34 | 164 |
|
franta-hg@2 | 165 |
/** Vstupně-výstupní část */ |
franta-hg@2 | 166 |
#io { |
franta-hg@2 | 167 |
float: left; |
franta-hg@2 | 168 |
} |
franta-hg@2 | 169 |
|
franta-hg@0 | 170 |
#io h2 { |
franta-hg@0 | 171 |
background-image: url('grafika/blok-nadpis-680.png'); |
franta-hg@0 | 172 |
} |
franta-hg@0 | 173 |
|
franta-hg@2 | 174 |
/** Blok vstupu */ |
franta-hg@0 | 175 |
#vstup { |
franta-hg@0 | 176 |
width: 680px; |
franta-hg@0 | 177 |
} |
franta-hg@0 | 178 |
|
franta-hg@2 | 179 |
/** Blok výstupu */ |
franta-hg@0 | 180 |
#vystup { |
franta-hg@0 | 181 |
width: 680px; |
franta-hg@0 | 182 |
} |
franta-hg@0 | 183 |
|
franta-hg@2 | 184 |
/** Blok nápovědy */ |
franta-hg@0 | 185 |
#napoveda { |
franta-hg@0 | 186 |
float: right; |
franta-hg@0 | 187 |
width: 320px; |
franta-hg@2 | 188 |
} |
franta-hg@2 | 189 |
|
franta-hg@2 | 190 |
/** Formátování (výstupní) tabulky */ |
franta-hg@2 | 191 |
table { |
franta-hg@2 | 192 |
border: 1px solid green; |
franta-hg@2 | 193 |
border-collapse:collapse; |
franta-hg@5 | 194 |
background-color: white; |
franta-hg@5 | 195 |
margin: 3px; |
franta-hg@2 | 196 |
} |
franta-hg@2 | 197 |
|
franta-hg@2 | 198 |
td { |
franta-hg@2 | 199 |
border: 1px solid black; |
franta-hg@2 | 200 |
padding: 4px; |
franta-hg@2 | 201 |
padding-left: 8px; |
franta-hg@2 | 202 |
padding-right: 8px; |
franta-hg@5 | 203 |
vertical-align: top; |
franta-hg@2 | 204 |
} |
franta-hg@2 | 205 |
|
franta-hg@2 | 206 |
td.cislo { |
franta-hg@2 | 207 |
text-align: right; |
franta-hg@2 | 208 |
} |
franta-hg@2 | 209 |
|
franta-hg@2 | 210 |
thead { |
franta-hg@5 | 211 |
background: gray; |
franta-hg@2 | 212 |
font-weight:bold; |
franta-hg@5 | 213 |
background-image: url('grafika/tabulka-zahlavi.png'); |
franta-hg@5 | 214 |
background-repeat: repeat-x; |
franta-hg@5 | 215 |
height: 28px; |
franta-hg@2 | 216 |
} |
franta-hg@2 | 217 |
|
franta-hg@2 | 218 |
thead td a { |
franta-hg@2 | 219 |
color: black; |
franta-hg@2 | 220 |
text-decoration: none; |
franta-hg@2 | 221 |
} |
franta-hg@4 | 222 |
|
franta-hg@5 | 223 |
thead td { |
franta-hg@5 | 224 |
vertical-align: middle; |
franta-hg@5 | 225 |
} |
franta-hg@5 | 226 |
|
franta-hg@4 | 227 |
/** Ikonky pro zprávu k výsledku */ |
franta-hg@4 | 228 |
#vystupniPole p { |
franta-hg@4 | 229 |
background-repeat: no-repeat; |
franta-hg@4 | 230 |
padding-left: 22px; |
franta-hg@4 | 231 |
} |
franta-hg@4 | 232 |
|
franta-hg@4 | 233 |
#vystupniPole p.vysledekOK { |
franta-hg@4 | 234 |
background-image: url('grafika/vysledek-ok.png'); |
franta-hg@4 | 235 |
} |
franta-hg@4 | 236 |
|
franta-hg@4 | 237 |
#vystupniPole p.vysledekVarovani { |
franta-hg@4 | 238 |
background-image: url('grafika/vysledek-varovani.png'); |
franta-hg@4 | 239 |
} |
franta-hg@4 | 240 |
|
franta-hg@4 | 241 |
#vystupniPole p.vysledekChyba { |
franta-hg@4 | 242 |
background-image: url('grafika/vysledek-chyba.png'); |
franta-hg@4 | 243 |
} |
franta-hg@4 | 244 |
|
franta-hg@4 | 245 |
#vystupniPole p.vysledekTip { |
franta-hg@4 | 246 |
background-image: url('grafika/vysledek-tip.png'); |
franta-hg@4 | 247 |
color: gray; |
franta-hg@4 | 248 |
font-style: italic; |
franta-hg@4 | 249 |
} |