1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/java/sql-vyuka/web/styl.css Thu May 28 21:19:06 2009 +0200
1.3 @@ -0,0 +1,196 @@
1.4 +/** Obrázky s odkazem bez rámečku */
1.5 +a img {
1.6 + border: none;
1.7 +}
1.8 +
1.9 +/** Pozadí stránky a text */
1.10 +html {
1.11 + background: #42afdc;
1.12 + color:black;
1.13 +}
1.14 +
1.15 +/** Bezpatkové písmo */
1.16 +body {
1.17 + font-family: sans-serif;
1.18 + font-size: 12px;
1.19 +}
1.20 +
1.21 +/** Prostor pro logo a název programu */
1.22 +#zahlavi {
1.23 + height: 48px;
1.24 + background-image: url('grafika/logo.png');
1.25 + background-repeat: no-repeat;
1.26 + margin-left: 5px;
1.27 +}
1.28 +
1.29 +#zahlavi h1 {
1.30 + display: none;
1.31 +}
1.32 +
1.33 +/** Obal kolem bloků */
1.34 +#bloky {
1.35 + width: 1040px;
1.36 + text-align: justify;
1.37 +}
1.38 +
1.39 +.blok {
1.40 + margin: 10px;
1.41 +}
1.42 +
1.43 +/** Vstup, výstup nebo nápověda */
1.44 +.vnitrekBloku {
1.45 + background-image: url('grafika/blok-pozadi.gif');
1.46 + margin: 0px;
1.47 + padding: 10px;
1.48 +}
1.49 +
1.50 +#vstup .vnitrekBloku {
1.51 + height: 150px;
1.52 + text-align: right;
1.53 +}
1.54 +
1.55 +#vstup textarea {
1.56 + width: 640px;
1.57 + height: 108px;
1.58 + padding: 8px;
1.59 + border: 1px solid silver;
1.60 +}
1.61 +
1.62 +fieldset {
1.63 + display: inline;
1.64 + border: none;
1.65 + padding: 0px;
1.66 + margin: 0px;
1.67 +}
1.68 +
1.69 +#vstup button {
1.70 + height: 20px;
1.71 + border: none;
1.72 + margin-right: 0px;
1.73 + margin-top: 5px;
1.74 + padding: 0px;
1.75 + cursor: pointer;
1.76 + background-repeat: no-repeat;
1.77 +}
1.78 +
1.79 +#vstup button.zobrazitHistorii {
1.80 + background-image: url('grafika/tlacitko-historie.png');
1.81 + background-color: transparent;
1.82 + background-position: center;
1.83 + width: 20px;
1.84 +}
1.85 +
1.86 +#vstup button.vykonatSQL {
1.87 + background-image: url('grafika/tlacitko-sql.png');
1.88 + width: 146px;
1.89 +}
1.90 +
1.91 +#vystup .vnitrekBloku {
1.92 + overflow: auto;
1.93 + height: 280px;
1.94 +}
1.95 +
1.96 +#napoveda .vnitrekBloku {
1.97 + height: 484px;
1.98 +}
1.99 +
1.100 +/** Nadpisy bloků */
1.101 +.blok h2 {
1.102 + font-size: 12px;
1.103 + padding: 2px;
1.104 + padding-top: 4px;
1.105 + padding-left: 32px;
1.106 + margin: 0px;
1.107 + color: gray;
1.108 + height: 20px;
1.109 +}
1.110 +
1.111 +#napoveda h2 {
1.112 + background-image: url('grafika/blok-nadpis-320.png');
1.113 +}
1.114 +
1.115 +/** Vstupně-výstupní část */
1.116 +#io {
1.117 + float: left;
1.118 +}
1.119 +
1.120 +#io h2 {
1.121 + background-image: url('grafika/blok-nadpis-680.png');
1.122 +}
1.123 +
1.124 +/** Blok vstupu */
1.125 +#vstup {
1.126 + width: 680px;
1.127 +}
1.128 +
1.129 +/** Blok výstupu */
1.130 +#vystup {
1.131 + width: 680px;
1.132 +}
1.133 +
1.134 +/** Blok nápovědy */
1.135 +#napoveda {
1.136 + float: right;
1.137 + width: 320px;
1.138 +}
1.139 +
1.140 +/** Formátování (výstupní) tabulky */
1.141 +table {
1.142 + border: 1px solid green;
1.143 + border-collapse:collapse;
1.144 + background-color: white;
1.145 + margin: 3px;
1.146 +}
1.147 +
1.148 +td {
1.149 + border: 1px solid black;
1.150 + padding: 4px;
1.151 + padding-left: 8px;
1.152 + padding-right: 8px;
1.153 + vertical-align: top;
1.154 +}
1.155 +
1.156 +td.cislo {
1.157 + text-align: right;
1.158 +}
1.159 +
1.160 +thead {
1.161 + background: gray;
1.162 + font-weight:bold;
1.163 + background-image: url('grafika/tabulka-zahlavi.png');
1.164 + background-repeat: repeat-x;
1.165 + height: 28px;
1.166 +}
1.167 +
1.168 +thead td a {
1.169 + color: black;
1.170 + text-decoration: none;
1.171 +}
1.172 +
1.173 +thead td {
1.174 + vertical-align: middle;
1.175 +}
1.176 +
1.177 +/** Ikonky pro zprávu k výsledku */
1.178 +#vystupniPole p {
1.179 + background-repeat: no-repeat;
1.180 + padding-left: 22px;
1.181 +}
1.182 +
1.183 +#vystupniPole p.vysledekOK {
1.184 + background-image: url('grafika/vysledek-ok.png');
1.185 +}
1.186 +
1.187 +#vystupniPole p.vysledekVarovani {
1.188 + background-image: url('grafika/vysledek-varovani.png');
1.189 +}
1.190 +
1.191 +#vystupniPole p.vysledekChyba {
1.192 + background-image: url('grafika/vysledek-chyba.png');
1.193 +}
1.194 +
1.195 +#vystupniPole p.vysledekTip {
1.196 + background-image: url('grafika/vysledek-tip.png');
1.197 + color: gray;
1.198 + font-style: italic;
1.199 +}