html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Thu, 28 May 2009 21:19:06 +0200
changeset 10 5d6592e753c0
parent 7 11f83eac10b3
child 34 8a75d9b4f88a
permissions -rw-r--r--
HTML → JSP: Přechod k aplikaci.
     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 /** Vstupně-výstupní část */
   113 #io {
   114     float: left;
   115 }
   116 
   117 #io h2 {
   118     background-image: url('grafika/blok-nadpis-680.png');
   119 }
   120 
   121 /** Blok vstupu */
   122 #vstup {
   123     width: 680px;
   124 }
   125 
   126 /** Blok výstupu */
   127 #vystup {
   128     width: 680px;
   129 }
   130 
   131 /** Blok nápovědy */
   132 #napoveda {
   133     float: right;
   134     width: 320px;
   135 }
   136 
   137 /** Formátování (výstupní) tabulky */
   138 table {
   139     border: 1px solid green;
   140     border-collapse:collapse;
   141     background-color: white;
   142     margin: 3px;
   143 }
   144 
   145 td {
   146     border: 1px solid black;
   147     padding: 4px;
   148     padding-left: 8px;
   149     padding-right: 8px;
   150     vertical-align: top;
   151 }
   152 
   153 td.cislo {
   154     text-align: right;
   155 }
   156 
   157 thead {
   158     background: gray;
   159     font-weight:bold;
   160     background-image: url('grafika/tabulka-zahlavi.png');
   161     background-repeat: repeat-x;
   162     height: 28px;
   163 }
   164 
   165 thead td a {
   166     color: black;
   167     text-decoration: none;
   168 }
   169 
   170 thead td {
   171     vertical-align: middle;
   172 }
   173 
   174 /** Ikonky pro zprávu k výsledku */
   175 #vystupniPole p {
   176     background-repeat: no-repeat;
   177     padding-left: 22px;
   178 }
   179 
   180 #vystupniPole p.vysledekOK {
   181     background-image: url('grafika/vysledek-ok.png');
   182 }
   183 
   184 #vystupniPole p.vysledekVarovani {
   185     background-image: url('grafika/vysledek-varovani.png');
   186 }
   187 
   188 #vystupniPole p.vysledekChyba {
   189     background-image: url('grafika/vysledek-chyba.png');
   190 }
   191 
   192 #vystupniPole p.vysledekTip {
   193     background-image: url('grafika/vysledek-tip.png');
   194     color: gray;
   195     font-style: italic;
   196 }