html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Tue, 02 Jun 2009 01:36:17 +0200
changeset 38 0a865a665698
parent 34 8a75d9b4f88a
permissions -rw-r--r--
Průvodce: JavaScript, HTML, CSS.
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@5
    15
    font-size: 12px;
franta-hg@0
    16
}
franta-hg@0
    17
franta-hg@2
    18
/** Prostor pro logo a název programu */
franta-hg@0
    19
#zahlavi {
franta-hg@0
    20
    height: 48px;
franta-hg@4
    21
    background-image: url('grafika/logo.png');
franta-hg@4
    22
    background-repeat: no-repeat;
franta-hg@4
    23
    margin-left: 5px;
franta-hg@4
    24
}
franta-hg@0
    25
franta-hg@4
    26
#zahlavi h1 {
franta-hg@4
    27
    display: none;
franta-hg@0
    28
}
franta-hg@0
    29
franta-hg@0
    30
/** Obal kolem bloků */
franta-hg@0
    31
#bloky {
franta-hg@0
    32
    width: 1040px;
franta-hg@0
    33
    text-align: justify;
franta-hg@0
    34
}
franta-hg@0
    35
franta-hg@0
    36
.blok {
franta-hg@0
    37
    margin: 10px;
franta-hg@0
    38
}
franta-hg@0
    39
franta-hg@0
    40
/** Vstup, výstup nebo nápověda */
franta-hg@0
    41
.vnitrekBloku {
franta-hg@0
    42
    background-image: url('grafika/blok-pozadi.gif');
franta-hg@0
    43
    margin: 0px;
franta-hg@0
    44
    padding: 10px;
franta-hg@0
    45
}
franta-hg@0
    46
franta-hg@0
    47
#vstup .vnitrekBloku {
franta-hg@0
    48
    height: 150px;
franta-hg@1
    49
    text-align: right;
franta-hg@0
    50
}
franta-hg@0
    51
franta-hg@0
    52
#vstup textarea {
franta-hg@0
    53
    width: 640px;
franta-hg@2
    54
    height: 108px;
franta-hg@0
    55
    padding: 8px;
franta-hg@2
    56
    border: 1px solid silver;
franta-hg@0
    57
}
franta-hg@0
    58
franta-hg@7
    59
fieldset {
franta-hg@7
    60
    display: inline;
franta-hg@7
    61
    border: none;
franta-hg@7
    62
    padding: 0px;
franta-hg@7
    63
    margin: 0px;
franta-hg@7
    64
}
franta-hg@7
    65
franta-hg@1
    66
#vstup button {
franta-hg@1
    67
    height: 20px;
franta-hg@1
    68
    border: none;
franta-hg@2
    69
    margin-right: 0px;
franta-hg@2
    70
    margin-top: 5px;
franta-hg@3
    71
    padding: 0px;
franta-hg@3
    72
    cursor: pointer;
franta-hg@5
    73
    background-repeat: no-repeat;
franta-hg@5
    74
}
franta-hg@5
    75
franta-hg@5
    76
#vstup button.zobrazitHistorii {
franta-hg@5
    77
    background-image: url('grafika/historie.png');
franta-hg@5
    78
    background-color: transparent;
franta-hg@5
    79
    background-position: center;
franta-hg@5
    80
    width: 20px;
franta-hg@5
    81
}
franta-hg@5
    82
franta-hg@5
    83
#vstup button.vykonatSQL {
franta-hg@5
    84
    background-image: url('grafika/tlacitko-sql.png');
franta-hg@5
    85
    width: 146px;
franta-hg@1
    86
}
franta-hg@1
    87
franta-hg@0
    88
#vystup .vnitrekBloku {
franta-hg@0
    89
    overflow: auto;
franta-hg@0
    90
    height: 280px;
franta-hg@0
    91
}
franta-hg@0
    92
franta-hg@0
    93
#napoveda .vnitrekBloku {
franta-hg@0
    94
    height: 484px;
franta-hg@0
    95
}
franta-hg@0
    96
franta-hg@2
    97
/** Nadpisy bloků */
franta-hg@0
    98
.blok h2 {
franta-hg@2
    99
    font-size: 12px;
franta-hg@0
   100
    padding: 2px;
franta-hg@2
   101
    padding-top: 4px;
franta-hg@0
   102
    padding-left: 32px;
franta-hg@0
   103
    margin: 0px;
franta-hg@0
   104
    color: gray;
franta-hg@2
   105
    height: 20px;
franta-hg@0
   106
}
franta-hg@0
   107
franta-hg@0
   108
#napoveda h2 {
franta-hg@0
   109
    background-image: url('grafika/blok-nadpis-320.png');
franta-hg@0
   110
}
franta-hg@0
   111
franta-hg@34
   112
#navigace {
franta-hg@34
   113
    background-image: url('grafika/navigace-pozadi.png');
franta-hg@34
   114
    height: 21px;
franta-hg@34
   115
    width: 300px;
franta-hg@34
   116
    position: relative;
franta-hg@34
   117
    bottom: 32px;
franta-hg@34
   118
    left: 10px;
franta-hg@34
   119
    text-align: center;
franta-hg@34
   120
}
franta-hg@34
   121
franta-hg@34
   122
#navigace button {
franta-hg@34
   123
    height: 20px;
franta-hg@34
   124
    border: none;
franta-hg@34
   125
    margin-right: 0px;
franta-hg@34
   126
    margin-top: 5px;
franta-hg@34
   127
    padding: 0px;
franta-hg@34
   128
    cursor: pointer;
franta-hg@34
   129
    background-repeat: no-repeat;
franta-hg@34
   130
    background-color: transparent;
franta-hg@34
   131
    background-position: center;
franta-hg@34
   132
    width: 20px;
franta-hg@34
   133
    position: relative;
franta-hg@34
   134
    top: -4px;
franta-hg@34
   135
}
franta-hg@34
   136
franta-hg@34
   137
#navigace button.zpet {
franta-hg@34
   138
    background-image: url('grafika/navigace-zpet.png');
franta-hg@34
   139
    margin-right: 32px;
franta-hg@34
   140
}
franta-hg@34
   141
franta-hg@34
   142
#navigace button.vpred {
franta-hg@34
   143
    background-image: url('grafika/navigace-vpred.png');
franta-hg@34
   144
    margin-left: 32px;
franta-hg@34
   145
}
franta-hg@34
   146
franta-hg@34
   147
#navigace button.nasledujici {
franta-hg@34
   148
    background-image: url('grafika/navigace-nasledujici.png');
franta-hg@34
   149
    margin-left: 42px;
franta-hg@34
   150
}
franta-hg@34
   151
franta-hg@34
   152
#navigace button.predchozi {
franta-hg@34
   153
    background-image: url('grafika/navigace-predchozi.png');
franta-hg@34
   154
    margin-right: 42px;
franta-hg@34
   155
}
franta-hg@34
   156
franta-hg@34
   157
#navigace button.model {
franta-hg@34
   158
    background-image: url('grafika/navigace-model.png');
franta-hg@34
   159
}
franta-hg@34
   160
franta-hg@34
   161
#navigace button.pruvodce {
franta-hg@34
   162
    background-image: url('grafika/navigace-pruvodce.png');
franta-hg@34
   163
}
franta-hg@34
   164
franta-hg@2
   165
/** Vstupně-výstupní část */
franta-hg@2
   166
#io {
franta-hg@2
   167
    float: left;
franta-hg@2
   168
}
franta-hg@2
   169
franta-hg@0
   170
#io h2 {
franta-hg@0
   171
    background-image: url('grafika/blok-nadpis-680.png');
franta-hg@0
   172
}
franta-hg@0
   173
franta-hg@2
   174
/** Blok vstupu */
franta-hg@0
   175
#vstup {
franta-hg@0
   176
    width: 680px;
franta-hg@0
   177
}
franta-hg@0
   178
franta-hg@2
   179
/** Blok výstupu */
franta-hg@0
   180
#vystup {
franta-hg@0
   181
    width: 680px;
franta-hg@0
   182
}
franta-hg@0
   183
franta-hg@2
   184
/** Blok nápovědy */
franta-hg@0
   185
#napoveda {
franta-hg@0
   186
    float: right;
franta-hg@0
   187
    width: 320px;
franta-hg@2
   188
}
franta-hg@2
   189
franta-hg@2
   190
/** Formátování (výstupní) tabulky */
franta-hg@2
   191
table {
franta-hg@2
   192
    border: 1px solid green;
franta-hg@2
   193
    border-collapse:collapse;
franta-hg@5
   194
    background-color: white;
franta-hg@5
   195
    margin: 3px;
franta-hg@2
   196
}
franta-hg@2
   197
franta-hg@2
   198
td {
franta-hg@2
   199
    border: 1px solid black;
franta-hg@2
   200
    padding: 4px;
franta-hg@2
   201
    padding-left: 8px;
franta-hg@2
   202
    padding-right: 8px;
franta-hg@5
   203
    vertical-align: top;
franta-hg@2
   204
}
franta-hg@2
   205
franta-hg@2
   206
td.cislo {
franta-hg@2
   207
    text-align: right;
franta-hg@2
   208
}
franta-hg@2
   209
franta-hg@2
   210
thead {
franta-hg@5
   211
    background: gray;
franta-hg@2
   212
    font-weight:bold;
franta-hg@5
   213
    background-image: url('grafika/tabulka-zahlavi.png');
franta-hg@5
   214
    background-repeat: repeat-x;
franta-hg@5
   215
    height: 28px;
franta-hg@2
   216
}
franta-hg@2
   217
franta-hg@2
   218
thead td a {
franta-hg@2
   219
    color: black;
franta-hg@2
   220
    text-decoration: none;
franta-hg@2
   221
}
franta-hg@4
   222
franta-hg@5
   223
thead td {
franta-hg@5
   224
    vertical-align: middle;
franta-hg@5
   225
}
franta-hg@5
   226
franta-hg@4
   227
/** Ikonky pro zprávu k výsledku */
franta-hg@4
   228
#vystupniPole p {
franta-hg@4
   229
    background-repeat: no-repeat;
franta-hg@4
   230
    padding-left: 22px;
franta-hg@4
   231
}
franta-hg@4
   232
franta-hg@4
   233
#vystupniPole p.vysledekOK {
franta-hg@4
   234
    background-image: url('grafika/vysledek-ok.png');
franta-hg@4
   235
}
franta-hg@4
   236
franta-hg@4
   237
#vystupniPole p.vysledekVarovani {
franta-hg@4
   238
    background-image: url('grafika/vysledek-varovani.png');
franta-hg@4
   239
}
franta-hg@4
   240
franta-hg@4
   241
#vystupniPole p.vysledekChyba {
franta-hg@4
   242
    background-image: url('grafika/vysledek-chyba.png');
franta-hg@4
   243
}
franta-hg@4
   244
franta-hg@4
   245
#vystupniPole p.vysledekTip {
franta-hg@4
   246
    background-image: url('grafika/vysledek-tip.png');
franta-hg@4
   247
    color: gray;
franta-hg@4
   248
    font-style: italic;
franta-hg@4
   249
}