html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Tue Jul 14 18:08:07 2009 +0200 (2009-07-14)
changeset 50 1eb68e2ac637
parent 7 11f83eac10b3
permissions -rw-r--r--
Svislý posuvník pro nápovědní pole.
     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 fieldset {
    60     display: inline;
    61     border: none;
    62     padding: 0px;
    63     margin: 0px;
    64 }
    65 
    66 #vstup button {
    67     height: 20px;
    68     border: none;
    69     margin-right: 0px;
    70     margin-top: 5px;
    71     padding: 0px;
    72     cursor: pointer;
    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;
    86 }
    87 
    88 #vystup .vnitrekBloku {
    89     overflow: auto;
    90     height: 280px;
    91 }
    92 
    93 #napoveda .vnitrekBloku {
    94     height: 484px;
    95 }
    96 
    97 /** Nadpisy bloků */
    98 .blok h2 {
    99     font-size: 12px;
   100     padding: 2px;
   101     padding-top: 4px;
   102     padding-left: 32px;
   103     margin: 0px;
   104     color: gray;
   105     height: 20px;
   106 }
   107 
   108 #napoveda h2 {
   109     background-image: url('grafika/blok-nadpis-320.png');
   110 }
   111 
   112 #navigace {
   113     background-image: url('grafika/navigace-pozadi.png');
   114     height: 21px;
   115     width: 300px;
   116     position: relative;
   117     bottom: 32px;
   118     left: 10px;
   119     text-align: center;
   120 }
   121 
   122 #navigace button {
   123     height: 20px;
   124     border: none;
   125     margin-right: 0px;
   126     margin-top: 5px;
   127     padding: 0px;
   128     cursor: pointer;
   129     background-repeat: no-repeat;
   130     background-color: transparent;
   131     background-position: center;
   132     width: 20px;
   133     position: relative;
   134     top: -4px;
   135 }
   136 
   137 #navigace button.zpet {
   138     background-image: url('grafika/navigace-zpet.png');
   139     margin-right: 32px;
   140 }
   141 
   142 #navigace button.vpred {
   143     background-image: url('grafika/navigace-vpred.png');
   144     margin-left: 32px;
   145 }
   146 
   147 #navigace button.nasledujici {
   148     background-image: url('grafika/navigace-nasledujici.png');
   149     margin-left: 42px;
   150 }
   151 
   152 #navigace button.predchozi {
   153     background-image: url('grafika/navigace-predchozi.png');
   154     margin-right: 42px;
   155 }
   156 
   157 #navigace button.model {
   158     background-image: url('grafika/navigace-model.png');
   159 }
   160 
   161 #navigace button.pruvodce {
   162     background-image: url('grafika/navigace-pruvodce.png');
   163 }
   164 
   165 /** Vstupně-výstupní část */
   166 #io {
   167     float: left;
   168 }
   169 
   170 #io h2 {
   171     background-image: url('grafika/blok-nadpis-680.png');
   172 }
   173 
   174 /** Blok vstupu */
   175 #vstup {
   176     width: 680px;
   177 }
   178 
   179 /** Blok výstupu */
   180 #vystup {
   181     width: 680px;
   182 }
   183 
   184 /** Blok nápovědy */
   185 #napoveda {
   186     float: right;
   187     width: 320px;
   188 }
   189 
   190 /** Formátování (výstupní) tabulky */
   191 table {
   192     border: 1px solid green;
   193     border-collapse:collapse;
   194     background-color: white;
   195     margin: 3px;
   196 }
   197 
   198 td {
   199     border: 1px solid black;
   200     padding: 4px;
   201     padding-left: 8px;
   202     padding-right: 8px;
   203     vertical-align: top;
   204 }
   205 
   206 td.cislo {
   207     text-align: right;
   208 }
   209 
   210 thead {
   211     background: gray;
   212     font-weight:bold;
   213     background-image: url('grafika/tabulka-zahlavi.png');
   214     background-repeat: repeat-x;
   215     height: 28px;
   216 }
   217 
   218 thead td a {
   219     color: black;
   220     text-decoration: none;
   221 }
   222 
   223 thead td {
   224     vertical-align: middle;
   225 }
   226 
   227 /** Ikonky pro zprávu k výsledku */
   228 #vystupniPole p {
   229     background-repeat: no-repeat;
   230     padding-left: 22px;
   231 }
   232 
   233 #vystupniPole p.vysledekOK {
   234     background-image: url('grafika/vysledek-ok.png');
   235 }
   236 
   237 #vystupniPole p.vysledekVarovani {
   238     background-image: url('grafika/vysledek-varovani.png');
   239 }
   240 
   241 #vystupniPole p.vysledekChyba {
   242     background-image: url('grafika/vysledek-chyba.png');
   243 }
   244 
   245 #vystupniPole p.vysledekTip {
   246     background-image: url('grafika/vysledek-tip.png');
   247     color: gray;
   248     font-style: italic;
   249 }