java/sql-vyuka/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat May 30 15:35:10 2009 +0200 (2009-05-30)
changeset 22 e56b79cc18a9
parent 20 47de9e8ce93e
child 34 8a75d9b4f88a
permissions -rw-r--r--
JavaScript: lokalizace a zjednodušení.
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@20
    52
#stavovePole {
franta-hg@20
    53
    width: 300px;
franta-hg@20
    54
    border: none;
franta-hg@20
    55
    background-color: transparent;
franta-hg@20
    56
    color: gray;
franta-hg@20
    57
    font-size: 11px;
franta-hg@20
    58
}
franta-hg@20
    59
franta-hg@0
    60
#vstup textarea {
franta-hg@0
    61
    width: 640px;
franta-hg@2
    62
    height: 108px;
franta-hg@0
    63
    padding: 8px;
franta-hg@2
    64
    border: 1px solid silver;
franta-hg@0
    65
}
franta-hg@0
    66
franta-hg@7
    67
fieldset {
franta-hg@7
    68
    display: inline;
franta-hg@7
    69
    border: none;
franta-hg@7
    70
    padding: 0px;
franta-hg@7
    71
    margin: 0px;
franta-hg@7
    72
}
franta-hg@7
    73
franta-hg@1
    74
#vstup button {
franta-hg@1
    75
    height: 20px;
franta-hg@1
    76
    border: none;
franta-hg@2
    77
    margin-right: 0px;
franta-hg@2
    78
    margin-top: 5px;
franta-hg@3
    79
    padding: 0px;
franta-hg@3
    80
    cursor: pointer;
franta-hg@5
    81
    background-repeat: no-repeat;
franta-hg@5
    82
}
franta-hg@5
    83
franta-hg@5
    84
#vstup button.zobrazitHistorii {
franta-hg@10
    85
    background-image: url('grafika/tlacitko-historie.png');
franta-hg@5
    86
    background-color: transparent;
franta-hg@5
    87
    background-position: center;
franta-hg@5
    88
    width: 20px;
franta-hg@5
    89
}
franta-hg@5
    90
franta-hg@5
    91
#vstup button.vykonatSQL {
franta-hg@5
    92
    background-image: url('grafika/tlacitko-sql.png');
franta-hg@5
    93
    width: 146px;
franta-hg@1
    94
}
franta-hg@1
    95
franta-hg@0
    96
#vystup .vnitrekBloku {
franta-hg@0
    97
    overflow: auto;
franta-hg@0
    98
    height: 280px;
franta-hg@0
    99
}
franta-hg@0
   100
franta-hg@0
   101
#napoveda .vnitrekBloku {
franta-hg@0
   102
    height: 484px;
franta-hg@0
   103
}
franta-hg@0
   104
franta-hg@2
   105
/** Nadpisy bloků */
franta-hg@0
   106
.blok h2 {
franta-hg@2
   107
    font-size: 12px;
franta-hg@0
   108
    padding: 2px;
franta-hg@2
   109
    padding-top: 4px;
franta-hg@0
   110
    padding-left: 32px;
franta-hg@0
   111
    margin: 0px;
franta-hg@0
   112
    color: gray;
franta-hg@2
   113
    height: 20px;
franta-hg@0
   114
}
franta-hg@0
   115
franta-hg@0
   116
#napoveda h2 {
franta-hg@0
   117
    background-image: url('grafika/blok-nadpis-320.png');
franta-hg@0
   118
}
franta-hg@0
   119
franta-hg@2
   120
/** Vstupně-výstupní část */
franta-hg@2
   121
#io {
franta-hg@2
   122
    float: left;
franta-hg@2
   123
}
franta-hg@2
   124
franta-hg@0
   125
#io h2 {
franta-hg@0
   126
    background-image: url('grafika/blok-nadpis-680.png');
franta-hg@0
   127
}
franta-hg@0
   128
franta-hg@2
   129
/** Blok vstupu */
franta-hg@0
   130
#vstup {
franta-hg@0
   131
    width: 680px;
franta-hg@0
   132
}
franta-hg@0
   133
franta-hg@2
   134
/** Blok výstupu */
franta-hg@0
   135
#vystup {
franta-hg@0
   136
    width: 680px;
franta-hg@0
   137
}
franta-hg@0
   138
franta-hg@2
   139
/** Blok nápovědy */
franta-hg@0
   140
#napoveda {
franta-hg@0
   141
    float: right;
franta-hg@0
   142
    width: 320px;
franta-hg@2
   143
}
franta-hg@2
   144
franta-hg@2
   145
/** Formátování (výstupní) tabulky */
franta-hg@2
   146
table {
franta-hg@2
   147
    border: 1px solid green;
franta-hg@2
   148
    border-collapse:collapse;
franta-hg@5
   149
    background-color: white;
franta-hg@5
   150
    margin: 3px;
franta-hg@2
   151
}
franta-hg@2
   152
franta-hg@2
   153
td {
franta-hg@2
   154
    border: 1px solid black;
franta-hg@2
   155
    padding: 4px;
franta-hg@2
   156
    padding-left: 8px;
franta-hg@2
   157
    padding-right: 8px;
franta-hg@5
   158
    vertical-align: top;
franta-hg@2
   159
}
franta-hg@2
   160
franta-hg@2
   161
td.cislo {
franta-hg@2
   162
    text-align: right;
franta-hg@2
   163
}
franta-hg@2
   164
franta-hg@2
   165
thead {
franta-hg@5
   166
    background: gray;
franta-hg@2
   167
    font-weight:bold;
franta-hg@5
   168
    background-image: url('grafika/tabulka-zahlavi.png');
franta-hg@5
   169
    background-repeat: repeat-x;
franta-hg@5
   170
    height: 28px;
franta-hg@2
   171
}
franta-hg@2
   172
franta-hg@2
   173
thead td a {
franta-hg@2
   174
    color: black;
franta-hg@2
   175
    text-decoration: none;
franta-hg@2
   176
}
franta-hg@4
   177
franta-hg@5
   178
thead td {
franta-hg@5
   179
    vertical-align: middle;
franta-hg@5
   180
}
franta-hg@5
   181
franta-hg@4
   182
/** Ikonky pro zprávu k výsledku */
franta-hg@4
   183
#vystupniPole p {
franta-hg@4
   184
    background-repeat: no-repeat;
franta-hg@4
   185
    padding-left: 22px;
franta-hg@4
   186
}
franta-hg@4
   187
franta-hg@4
   188
#vystupniPole p.vysledekOK {
franta-hg@4
   189
    background-image: url('grafika/vysledek-ok.png');
franta-hg@4
   190
}
franta-hg@4
   191
franta-hg@4
   192
#vystupniPole p.vysledekVarovani {
franta-hg@4
   193
    background-image: url('grafika/vysledek-varovani.png');
franta-hg@4
   194
}
franta-hg@4
   195
franta-hg@4
   196
#vystupniPole p.vysledekChyba {
franta-hg@4
   197
    background-image: url('grafika/vysledek-chyba.png');
franta-hg@4
   198
}
franta-hg@4
   199
franta-hg@4
   200
#vystupniPole p.vysledekTip {
franta-hg@4
   201
    background-image: url('grafika/vysledek-tip.png');
franta-hg@4
   202
    color: gray;
franta-hg@4
   203
    font-style: italic;
franta-hg@4
   204
}
franta-hg@22
   205
franta-hg@22
   206
/** Skrytý formulář sloužící pro lokalizaci JavaScriptu */
franta-hg@22
   207
#lokalizace {
franta-hg@22
   208
    display: none;
franta-hg@22
   209
}