html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat May 23 20:59:09 2009 +0200 (2009-05-23)
changeset 3 35e9706113b0
parent 2 26a11fc8e3e4
child 4 49903d1fe188
permissions -rw-r--r--
Obrázkové tlačítko pro vykonání SQL dotazu.
franta-hg@2
     1
/** Obrázky s odkazem bez rámečku */
franta-hg@0
     2
a img {
franta-hg@0
     3
    border: none;
franta-hg@0
     4
}
franta-hg@0
     5
franta-hg@2
     6
/** Pozadí stránky a text */
franta-hg@0
     7
html {
franta-hg@0
     8
    background: #42afdc;
franta-hg@0
     9
    color:black;
franta-hg@0
    10
}
franta-hg@2
    11
franta-hg@2
    12
/** Bezpatkové písmo */
franta-hg@0
    13
body {
franta-hg@0
    14
    font-family: sans-serif;
franta-hg@0
    15
}
franta-hg@0
    16
franta-hg@2
    17
/** Prostor pro logo a název programu */
franta-hg@0
    18
#zahlavi {
franta-hg@0
    19
    height: 48px;
franta-hg@0
    20
franta-hg@0
    21
}
franta-hg@0
    22
franta-hg@0
    23
/** Obal kolem bloků */
franta-hg@0
    24
#bloky {
franta-hg@0
    25
    width: 1040px;
franta-hg@0
    26
    text-align: justify;
franta-hg@0
    27
}
franta-hg@0
    28
franta-hg@0
    29
.blok {
franta-hg@0
    30
    margin: 10px;
franta-hg@0
    31
}
franta-hg@0
    32
franta-hg@0
    33
/** Vstup, výstup nebo nápověda */
franta-hg@0
    34
.vnitrekBloku {
franta-hg@0
    35
    background-image: url('grafika/blok-pozadi.gif');
franta-hg@0
    36
    margin: 0px;
franta-hg@0
    37
    padding: 10px;
franta-hg@0
    38
}
franta-hg@0
    39
franta-hg@0
    40
#vstup .vnitrekBloku {
franta-hg@0
    41
    height: 150px;
franta-hg@1
    42
    text-align: right;
franta-hg@0
    43
}
franta-hg@0
    44
franta-hg@0
    45
#vstup textarea {
franta-hg@0
    46
    width: 640px;
franta-hg@2
    47
    height: 108px;
franta-hg@0
    48
    padding: 8px;
franta-hg@2
    49
    border: 1px solid silver;
franta-hg@0
    50
}
franta-hg@0
    51
franta-hg@1
    52
#vstup button {
franta-hg@3
    53
    width: 146px;
franta-hg@1
    54
    height: 20px;
franta-hg@1
    55
    border: none;
franta-hg@3
    56
    background-image: url('grafika/tlacitko-sql.png');
franta-hg@2
    57
    margin-right: 0px;
franta-hg@2
    58
    margin-top: 5px;
franta-hg@3
    59
    padding: 0px;
franta-hg@3
    60
    cursor: pointer;
franta-hg@1
    61
}
franta-hg@1
    62
franta-hg@0
    63
#vystup .vnitrekBloku {
franta-hg@0
    64
    overflow: auto;
franta-hg@0
    65
    height: 280px;
franta-hg@0
    66
}
franta-hg@0
    67
franta-hg@0
    68
#napoveda .vnitrekBloku {
franta-hg@0
    69
    height: 484px;
franta-hg@0
    70
}
franta-hg@0
    71
franta-hg@2
    72
/** Nadpisy bloků */
franta-hg@0
    73
.blok h2 {
franta-hg@2
    74
    font-size: 12px;
franta-hg@0
    75
    padding: 2px;
franta-hg@2
    76
    padding-top: 4px;
franta-hg@0
    77
    padding-left: 32px;
franta-hg@0
    78
    margin: 0px;
franta-hg@0
    79
    color: gray;
franta-hg@2
    80
    height: 20px;
franta-hg@0
    81
}
franta-hg@0
    82
franta-hg@0
    83
#napoveda h2 {
franta-hg@0
    84
    background-image: url('grafika/blok-nadpis-320.png');
franta-hg@0
    85
}
franta-hg@0
    86
franta-hg@2
    87
/** Vstupně-výstupní část */
franta-hg@2
    88
#io {
franta-hg@2
    89
    float: left;
franta-hg@2
    90
}
franta-hg@2
    91
franta-hg@0
    92
#io h2 {
franta-hg@0
    93
    background-image: url('grafika/blok-nadpis-680.png');
franta-hg@0
    94
}
franta-hg@0
    95
franta-hg@2
    96
/** Blok vstupu */
franta-hg@0
    97
#vstup {
franta-hg@0
    98
    width: 680px;
franta-hg@0
    99
}
franta-hg@0
   100
franta-hg@2
   101
/** Blok výstupu */
franta-hg@0
   102
#vystup {
franta-hg@0
   103
    width: 680px;
franta-hg@0
   104
}
franta-hg@0
   105
franta-hg@2
   106
/** Blok nápovědy */
franta-hg@0
   107
#napoveda {
franta-hg@0
   108
    float: right;
franta-hg@0
   109
    width: 320px;
franta-hg@2
   110
}
franta-hg@2
   111
franta-hg@2
   112
/** Formátování (výstupní) tabulky */
franta-hg@2
   113
table {
franta-hg@2
   114
    border: 1px solid green;
franta-hg@2
   115
    border-collapse:collapse;
franta-hg@2
   116
}
franta-hg@2
   117
franta-hg@2
   118
td {
franta-hg@2
   119
    border: 1px solid black;
franta-hg@2
   120
    padding: 4px;
franta-hg@2
   121
    padding-left: 8px;
franta-hg@2
   122
    padding-right: 8px;
franta-hg@2
   123
}
franta-hg@2
   124
franta-hg@2
   125
td.cislo {
franta-hg@2
   126
    text-align: right;
franta-hg@2
   127
}
franta-hg@2
   128
franta-hg@2
   129
thead {
franta-hg@2
   130
    background: silver;
franta-hg@2
   131
    font-weight:bold;
franta-hg@2
   132
}
franta-hg@2
   133
franta-hg@2
   134
thead td a {
franta-hg@2
   135
    color: black;
franta-hg@2
   136
    text-decoration: none;
franta-hg@2
   137
}