html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sun May 24 00:24:48 2009 +0200 (2009-05-24)
changeset 5 71c6de7f0a38
parent 4 49903d1fe188
child 7 11f83eac10b3
permissions -rw-r--r--
Licence (žádná), historie SQL příkazů, drobnosti v CSS.
     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 #vstup textarea {
    53     width: 640px;
    54     height: 108px;
    55     padding: 8px;
    56     border: 1px solid silver;
    57 }
    58 
    59 #vstup button {
    60     height: 20px;
    61     border: none;
    62     margin-right: 0px;
    63     margin-top: 5px;
    64     padding: 0px;
    65     cursor: pointer;
    66     background-repeat: no-repeat;
    67 }
    68 
    69 #vstup button.zobrazitHistorii {
    70     background-image: url('grafika/historie.png');
    71     background-color: transparent;
    72     background-position: center;
    73     width: 20px;
    74 }
    75 
    76 #vstup button.vykonatSQL {
    77     background-image: url('grafika/tlacitko-sql.png');
    78     width: 146px;
    79 }
    80 
    81 #vystup .vnitrekBloku {
    82     overflow: auto;
    83     height: 280px;
    84 }
    85 
    86 #napoveda .vnitrekBloku {
    87     height: 484px;
    88 }
    89 
    90 /** Nadpisy bloků */
    91 .blok h2 {
    92     font-size: 12px;
    93     padding: 2px;
    94     padding-top: 4px;
    95     padding-left: 32px;
    96     margin: 0px;
    97     color: gray;
    98     height: 20px;
    99 }
   100 
   101 #napoveda h2 {
   102     background-image: url('grafika/blok-nadpis-320.png');
   103 }
   104 
   105 /** Vstupně-výstupní část */
   106 #io {
   107     float: left;
   108 }
   109 
   110 #io h2 {
   111     background-image: url('grafika/blok-nadpis-680.png');
   112 }
   113 
   114 /** Blok vstupu */
   115 #vstup {
   116     width: 680px;
   117 }
   118 
   119 /** Blok výstupu */
   120 #vystup {
   121     width: 680px;
   122 }
   123 
   124 /** Blok nápovědy */
   125 #napoveda {
   126     float: right;
   127     width: 320px;
   128 }
   129 
   130 /** Formátování (výstupní) tabulky */
   131 table {
   132     border: 1px solid green;
   133     border-collapse:collapse;
   134     background-color: white;
   135     margin: 3px;
   136 }
   137 
   138 td {
   139     border: 1px solid black;
   140     padding: 4px;
   141     padding-left: 8px;
   142     padding-right: 8px;
   143     vertical-align: top;
   144 }
   145 
   146 td.cislo {
   147     text-align: right;
   148 }
   149 
   150 thead {
   151     background: gray;
   152     font-weight:bold;
   153     background-image: url('grafika/tabulka-zahlavi.png');
   154     background-repeat: repeat-x;
   155     height: 28px;
   156 }
   157 
   158 thead td a {
   159     color: black;
   160     text-decoration: none;
   161 }
   162 
   163 thead td {
   164     vertical-align: middle;
   165 }
   166 
   167 /** Ikonky pro zprávu k výsledku */
   168 #vystupniPole p {
   169     background-repeat: no-repeat;
   170     padding-left: 22px;
   171 }
   172 
   173 #vystupniPole p.vysledekOK {
   174     background-image: url('grafika/vysledek-ok.png');
   175 }
   176 
   177 #vystupniPole p.vysledekVarovani {
   178     background-image: url('grafika/vysledek-varovani.png');
   179 }
   180 
   181 #vystupniPole p.vysledekChyba {
   182     background-image: url('grafika/vysledek-chyba.png');
   183 }
   184 
   185 #vystupniPole p.vysledekTip {
   186     background-image: url('grafika/vysledek-tip.png');
   187     color: gray;
   188     font-style: italic;
   189 }