html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat May 23 17:14:58 2009 +0200 (2009-05-23)
changeset 0 30215344de7d
child 1 6dced8dcb2e6
permissions -rw-r--r--
Prvotní návrh HTML rozvržení – pevné velikosti měřené na body.
     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 }
    38 
    39 #vstup textarea {
    40     width: 640px;
    41     height: 110px;
    42     padding: 8px;
    43 }
    44 
    45 #vystup .vnitrekBloku {
    46     overflow: auto;
    47     height: 280px;
    48 }
    49 
    50 #napoveda .vnitrekBloku {
    51     height: 484px;
    52 }
    53 
    54 .blok h2 {
    55     font-size: medium;
    56     padding: 2px;
    57     padding-left: 32px;
    58     margin: 0px;
    59     color: gray;
    60 }
    61 
    62 #napoveda h2 {
    63     background-image: url('grafika/blok-nadpis-320.png');
    64 }
    65 
    66 #io h2 {
    67     background-image: url('grafika/blok-nadpis-680.png');
    68 }
    69 
    70 #io {
    71     float: left;
    72 }
    73 
    74 #vstup {
    75     width: 680px;
    76 }
    77 
    78 #vystup {
    79     width: 680px;
    80 }
    81 
    82 #napoveda {
    83     float: right;
    84     width: 320px;
    85 }