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.
franta-hg@0
     1
a img {
franta-hg@0
     2
    border: none;
franta-hg@0
     3
}
franta-hg@0
     4
franta-hg@0
     5
html {
franta-hg@0
     6
    background: #42afdc;
franta-hg@0
     7
    color:black;
franta-hg@0
     8
}
franta-hg@0
     9
body {
franta-hg@0
    10
    font-family: sans-serif;
franta-hg@0
    11
}
franta-hg@0
    12
franta-hg@0
    13
#zahlavi {
franta-hg@0
    14
    height: 48px;
franta-hg@0
    15
franta-hg@0
    16
}
franta-hg@0
    17
franta-hg@0
    18
/** Obal kolem bloků */
franta-hg@0
    19
#bloky {
franta-hg@0
    20
    width: 1040px;
franta-hg@0
    21
    text-align: justify;
franta-hg@0
    22
}
franta-hg@0
    23
franta-hg@0
    24
.blok {
franta-hg@0
    25
    margin: 10px;
franta-hg@0
    26
}
franta-hg@0
    27
franta-hg@0
    28
/** Vstup, výstup nebo nápověda */
franta-hg@0
    29
.vnitrekBloku {
franta-hg@0
    30
    background-image: url('grafika/blok-pozadi.gif');
franta-hg@0
    31
    margin: 0px;
franta-hg@0
    32
    padding: 10px;
franta-hg@0
    33
}
franta-hg@0
    34
franta-hg@0
    35
#vstup .vnitrekBloku {
franta-hg@0
    36
    height: 150px;
franta-hg@0
    37
}
franta-hg@0
    38
franta-hg@0
    39
#vstup textarea {
franta-hg@0
    40
    width: 640px;
franta-hg@0
    41
    height: 110px;
franta-hg@0
    42
    padding: 8px;
franta-hg@0
    43
}
franta-hg@0
    44
franta-hg@0
    45
#vystup .vnitrekBloku {
franta-hg@0
    46
    overflow: auto;
franta-hg@0
    47
    height: 280px;
franta-hg@0
    48
}
franta-hg@0
    49
franta-hg@0
    50
#napoveda .vnitrekBloku {
franta-hg@0
    51
    height: 484px;
franta-hg@0
    52
}
franta-hg@0
    53
franta-hg@0
    54
.blok h2 {
franta-hg@0
    55
    font-size: medium;
franta-hg@0
    56
    padding: 2px;
franta-hg@0
    57
    padding-left: 32px;
franta-hg@0
    58
    margin: 0px;
franta-hg@0
    59
    color: gray;
franta-hg@0
    60
}
franta-hg@0
    61
franta-hg@0
    62
#napoveda h2 {
franta-hg@0
    63
    background-image: url('grafika/blok-nadpis-320.png');
franta-hg@0
    64
}
franta-hg@0
    65
franta-hg@0
    66
#io h2 {
franta-hg@0
    67
    background-image: url('grafika/blok-nadpis-680.png');
franta-hg@0
    68
}
franta-hg@0
    69
franta-hg@0
    70
#io {
franta-hg@0
    71
    float: left;
franta-hg@0
    72
}
franta-hg@0
    73
franta-hg@0
    74
#vstup {
franta-hg@0
    75
    width: 680px;
franta-hg@0
    76
}
franta-hg@0
    77
franta-hg@0
    78
#vystup {
franta-hg@0
    79
    width: 680px;
franta-hg@0
    80
}
franta-hg@0
    81
franta-hg@0
    82
#napoveda {
franta-hg@0
    83
    float: right;
franta-hg@0
    84
    width: 320px;
franta-hg@0
    85
}