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