html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat May 23 17:47:39 2009 +0200 (2009-05-23)
changeset 1 6dced8dcb2e6
parent 0 30215344de7d
child 2 26a11fc8e3e4
permissions -rw-r--r--
Tlačítko a jeho pozadí
     1 a img {
     2     border: none;
     3 }
     4 
     5 html {
     6     background: #42afdc;
     7     color:black;
     8 }
     9 body {
    10     font-family: sans-serif;
    11 }
    12 
    13 #zahlavi {
    14     height: 48px;
    15 
    16 }
    17 
    18 /** Obal kolem bloků */
    19 #bloky {
    20     width: 1040px;
    21     text-align: justify;
    22 }
    23 
    24 .blok {
    25     margin: 10px;
    26 }
    27 
    28 /** Vstup, výstup nebo nápověda */
    29 .vnitrekBloku {
    30     background-image: url('grafika/blok-pozadi.gif');
    31     margin: 0px;
    32     padding: 10px;
    33 }
    34 
    35 #vstup .vnitrekBloku {
    36     height: 150px;
    37     text-align: right;
    38 }
    39 
    40 #vstup textarea {
    41     width: 640px;
    42     height: 110px;
    43     padding: 8px;
    44 }
    45 
    46 #vstup button {
    47     width: 128px;
    48     height: 20px;
    49     border: none;
    50     background-image: url('grafika/tlacitko.png');
    51     padding: 2px;
    52     font-size: 12px;
    53     margin-right: 3px;
    54 }
    55 
    56 #vystup .vnitrekBloku {
    57     overflow: auto;
    58     height: 280px;
    59 }
    60 
    61 #napoveda .vnitrekBloku {
    62     height: 484px;
    63 }
    64 
    65 .blok h2 {
    66     font-size: medium;
    67     padding: 2px;
    68     padding-left: 32px;
    69     margin: 0px;
    70     color: gray;
    71 }
    72 
    73 #napoveda h2 {
    74     background-image: url('grafika/blok-nadpis-320.png');
    75 }
    76 
    77 #io h2 {
    78     background-image: url('grafika/blok-nadpis-680.png');
    79 }
    80 
    81 #io {
    82     float: left;
    83 }
    84 
    85 #vstup {
    86     width: 680px;
    87 }
    88 
    89 #vystup {
    90     width: 680px;
    91 }
    92 
    93 #napoveda {
    94     float: right;
    95     width: 320px;
    96 }