java/sql-vyuka/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat May 30 14:49:07 2009 +0200 (2009-05-30)
changeset 20 47de9e8ce93e
parent 10 5d6592e753c0
child 22 e56b79cc18a9
permissions -rw-r--r--
Přidání stavového řádku – zobrazuje se v něm hláška o probíhajícím SQL dotazu.
     1 /** Obrázky s odkazem bez rámečku */
     2 a img {
     3     border: none;
     4 }
     5 
     6 /** Pozadí stránky a text */
     7 html {
     8     background: #42afdc;
     9     color:black;
    10 }
    11 
    12 /** Bezpatkové písmo */
    13 body {
    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 
    67 fieldset {
    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 */
   146 table {
   147     border: 1px solid green;
   148     border-collapse:collapse;
   149     background-color: white;
   150     margin: 3px;
   151 }
   152 
   153 td {
   154     border: 1px solid black;
   155     padding: 4px;
   156     padding-left: 8px;
   157     padding-right: 8px;
   158     vertical-align: top;
   159 }
   160 
   161 td.cislo {
   162     text-align: right;
   163 }
   164 
   165 thead {
   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 
   173 thead td a {
   174     color: black;
   175     text-decoration: none;
   176 }
   177 
   178 thead 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 }