html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Thu, 28 May 2009 21:19:06 +0200
changeset 10 5d6592e753c0
parent 7 11f83eac10b3
child 34 8a75d9b4f88a
permissions -rw-r--r--
HTML → JSP: Přechod k aplikaci.
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@2
   112
/** Vstupně-výstupní část */
franta-hg@2
   113
#io {
franta-hg@2
   114
    float: left;
franta-hg@2
   115
}
franta-hg@2
   116
franta-hg@0
   117
#io h2 {
franta-hg@0
   118
    background-image: url('grafika/blok-nadpis-680.png');
franta-hg@0
   119
}
franta-hg@0
   120
franta-hg@2
   121
/** Blok vstupu */
franta-hg@0
   122
#vstup {
franta-hg@0
   123
    width: 680px;
franta-hg@0
   124
}
franta-hg@0
   125
franta-hg@2
   126
/** Blok výstupu */
franta-hg@0
   127
#vystup {
franta-hg@0
   128
    width: 680px;
franta-hg@0
   129
}
franta-hg@0
   130
franta-hg@2
   131
/** Blok nápovědy */
franta-hg@0
   132
#napoveda {
franta-hg@0
   133
    float: right;
franta-hg@0
   134
    width: 320px;
franta-hg@2
   135
}
franta-hg@2
   136
franta-hg@2
   137
/** Formátování (výstupní) tabulky */
franta-hg@2
   138
table {
franta-hg@2
   139
    border: 1px solid green;
franta-hg@2
   140
    border-collapse:collapse;
franta-hg@5
   141
    background-color: white;
franta-hg@5
   142
    margin: 3px;
franta-hg@2
   143
}
franta-hg@2
   144
franta-hg@2
   145
td {
franta-hg@2
   146
    border: 1px solid black;
franta-hg@2
   147
    padding: 4px;
franta-hg@2
   148
    padding-left: 8px;
franta-hg@2
   149
    padding-right: 8px;
franta-hg@5
   150
    vertical-align: top;
franta-hg@2
   151
}
franta-hg@2
   152
franta-hg@2
   153
td.cislo {
franta-hg@2
   154
    text-align: right;
franta-hg@2
   155
}
franta-hg@2
   156
franta-hg@2
   157
thead {
franta-hg@5
   158
    background: gray;
franta-hg@2
   159
    font-weight:bold;
franta-hg@5
   160
    background-image: url('grafika/tabulka-zahlavi.png');
franta-hg@5
   161
    background-repeat: repeat-x;
franta-hg@5
   162
    height: 28px;
franta-hg@2
   163
}
franta-hg@2
   164
franta-hg@2
   165
thead td a {
franta-hg@2
   166
    color: black;
franta-hg@2
   167
    text-decoration: none;
franta-hg@2
   168
}
franta-hg@4
   169
franta-hg@5
   170
thead td {
franta-hg@5
   171
    vertical-align: middle;
franta-hg@5
   172
}
franta-hg@5
   173
franta-hg@4
   174
/** Ikonky pro zprávu k výsledku */
franta-hg@4
   175
#vystupniPole p {
franta-hg@4
   176
    background-repeat: no-repeat;
franta-hg@4
   177
    padding-left: 22px;
franta-hg@4
   178
}
franta-hg@4
   179
franta-hg@4
   180
#vystupniPole p.vysledekOK {
franta-hg@4
   181
    background-image: url('grafika/vysledek-ok.png');
franta-hg@4
   182
}
franta-hg@4
   183
franta-hg@4
   184
#vystupniPole p.vysledekVarovani {
franta-hg@4
   185
    background-image: url('grafika/vysledek-varovani.png');
franta-hg@4
   186
}
franta-hg@4
   187
franta-hg@4
   188
#vystupniPole p.vysledekChyba {
franta-hg@4
   189
    background-image: url('grafika/vysledek-chyba.png');
franta-hg@4
   190
}
franta-hg@4
   191
franta-hg@4
   192
#vystupniPole p.vysledekTip {
franta-hg@4
   193
    background-image: url('grafika/vysledek-tip.png');
franta-hg@4
   194
    color: gray;
franta-hg@4
   195
    font-style: italic;
franta-hg@4
   196
}