html/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat, 15 Jan 2011 23:04:15 +0100
changeset 175 a121def64733
parent 155 0a2943a82c82
permissions -rw-r--r--
Správná „maxlength“ ve formulářích (podle DB).
franta-hg@154
     1
ul.stitky {
franta-hg@154
     2
	margin: 0;
franta-hg@154
     3
	padding: 0 0 32px 0;
franta-hg@154
     4
	
franta-hg@154
     5
	list-style: none;
franta-hg@154
     6
}	
franta-hg@154
     7
franta-hg@154
     8
ul.stitky li, ul.stitky a {
franta-hg@154
     9
	float: left;
franta-hg@154
    10
	height: 20px;
franta-hg@154
    11
	line-height: 20px;
franta-hg@154
    12
	position: relative;
franta-hg@154
    13
	font-size: 11px;
franta-hg@154
    14
}	
franta-hg@154
    15
	
franta-hg@154
    16
ul.stitky a {
franta-hg@154
    17
	margin-left: 20px;
franta-hg@154
    18
	padding: 0 10px 0 12px;
franta-hg@154
    19
	background: silver;
franta-hg@154
    20
	color: #666;
franta-hg@154
    21
	text-decoration: none;
franta-hg@154
    22
	-moz-border-radius-bottomright: 4px;
franta-hg@154
    23
	-webkit-border-bottom-right-radius: 4px;	
franta-hg@154
    24
	border-bottom-right-radius: 4px;
franta-hg@154
    25
	-moz-border-radius-topright: 4px;
franta-hg@154
    26
	-webkit-border-top-right-radius: 4px;	
franta-hg@154
    27
	border-top-right-radius: 4px;	
franta-hg@154
    28
}
franta-hg@154
    29
	
franta-hg@154
    30
ul.stitky a:before {
franta-hg@154
    31
	content: "";
franta-hg@154
    32
	float: left;
franta-hg@154
    33
	position: absolute;
franta-hg@154
    34
	top: 0;
franta-hg@154
    35
	left: -10px;
franta-hg@154
    36
	width: 0;
franta-hg@154
    37
	height: 0;
franta-hg@154
    38
	border-color: transparent silver transparent transparent;
franta-hg@154
    39
	border-style: solid;
franta-hg@154
    40
	border-width: 10px 10px 10px 0;		
franta-hg@154
    41
}
franta-hg@154
    42
	
franta-hg@154
    43
ul.stitky a:after {
franta-hg@154
    44
	content: "";
franta-hg@154
    45
	position: absolute;
franta-hg@154
    46
	top: 9px;
franta-hg@154
    47
	left: 0;
franta-hg@154
    48
	float: left;
franta-hg@154
    49
	width: 4px;
franta-hg@154
    50
	height: 4px;
franta-hg@154
    51
	-moz-border-radius: 2px;
franta-hg@154
    52
	-webkit-border-radius: 2px;
franta-hg@154
    53
	border-radius: 2px;
franta-hg@154
    54
	background: #fff;
franta-hg@154
    55
	-moz-box-shadow: -1px -1px 2px grey;
franta-hg@154
    56
	-webkit-box-shadow: -1px -1px 2px grey;
franta-hg@154
    57
	box-shadow: -1px -1px 2px #004977;
franta-hg@154
    58
}
franta-hg@154
    59
franta-hg@154
    60
ul.stitky a:hover{
franta-hg@154
    61
	background: #555;
franta-hg@154
    62
	color: #ccc;
franta-hg@154
    63
}	
franta-hg@154
    64
franta-hg@154
    65
ul.stitky a:hover:before{
franta-hg@154
    66
	border-color:transparent #555 transparent transparent;
franta-hg@154
    67
}
franta-hg@154
    68
franta-hg@154
    69
franta-hg@155
    70
#prepinaniJazyku a:hover img {
franta-hg@155
    71
	-moz-transform: translate(0.5px, 0.5px);
franta-hg@155
    72
	-webkit-transform: translate(0.5px, 0.5px);
franta-hg@155
    73
	-o-transform: translate(0.5px, 0.5px);
franta-hg@155
    74
	transform: translate(0.5px, 0.5px);
franta-hg@155
    75
}
franta-hg@154
    76
franta-hg@154
    77
franta-hg@154
    78
franta-hg@154
    79
franta-hg@154
    80
franta-hg@154
    81
franta-hg@154
    82
franta-hg@154
    83
franta-hg@154
    84
franta-hg@154
    85
franta-hg@154
    86
franta-hg@154
    87
franta-hg@154
    88
franta-hg@154
    89
franta-hg@154
    90
franta-hg@154
    91
franta-hg@154
    92
franta-hg@154
    93
franta-hg@60
    94
.chybovaHlaska {
franta-hg@60
    95
    background-image: url('grafika/dialog-error.png');
franta-hg@60
    96
    background-repeat: no-repeat;
franta-hg@60
    97
    background-position: 8px 8px;
franta-hg@60
    98
    min-height: 33px;
franta-hg@60
    99
    padding-top: 15px;
franta-hg@60
   100
    padding-left: 50px;
franta-hg@60
   101
    margin-top: 10px;
franta-hg@60
   102
    margin-bottom: 10px;
franta-hg@60
   103
    border: 2px solid orange;
franta-hg@60
   104
    background-color: #ffc65e;
franta-hg@60
   105
}
franta-hg@60
   106
franta-hg@60
   107
franta-hg@60
   108
body {
franta-hg@60
   109
    color: black;
franta-hg@60
   110
    background-color: white;
franta-hg@60
   111
    font-family: sans-serif;
franta-hg@60
   112
    text-align: center;
franta-hg@60
   113
}
franta-hg@60
   114
franta-hg@60
   115
a {
franta-hg@60
   116
    text-decoration: none;
franta-hg@60
   117
}
franta-hg@60
   118
franta-hg@60
   119
.body {
franta-hg@60
   120
    width: 1000px;
franta-hg@60
   121
    text-align: left;
franta-hg@60
   122
    margin: 0 auto;
franta-hg@60
   123
}
franta-hg@60
   124
franta-hg@60
   125
#horniPruh {
franta-hg@60
   126
    width: 1000px;
franta-hg@60
   127
    border: 1px solid silver;
franta-hg@60
   128
    background-color: #e6e6e6;
franta-hg@60
   129
}
franta-hg@60
   130
franta-hg@60
   131
#horniPruh h1 {
franta-hg@60
   132
    margin-left: 10px;
franta-hg@60
   133
}
franta-hg@60
   134
franta-hg@60
   135
#nabidka {
franta-hg@60
   136
    width: 980px;
franta-hg@60
   137
    border: 1px solid silver;
franta-hg@60
   138
    margin-top: 4px;
franta-hg@60
   139
    margin-bottom: 4px;
franta-hg@60
   140
    padding-top: 2px;
franta-hg@60
   141
    padding-left: 10px;
franta-hg@60
   142
    padding-right: 10px;
franta-hg@60
   143
    background-image: url('grafika/pozadi-nabidky.png');
franta-hg@60
   144
    height: 23px;
franta-hg@60
   145
    display: block;
franta-hg@60
   146
}
franta-hg@60
   147
franta-hg@60
   148
#nabidka li {
franta-hg@60
   149
    display: inline;
franta-hg@60
   150
    font-size: 14px;
franta-hg@60
   151
    margin-left: 12px;
franta-hg@60
   152
}
franta-hg@60
   153
franta-hg@60
   154
#nabidka li a {
franta-hg@60
   155
    color: black;
franta-hg@60
   156
    text-decoration: none;
franta-hg@60
   157
}
franta-hg@60
   158
#nabidka li a:hover {
franta-hg@60
   159
    color: orange;
franta-hg@60
   160
}
franta-hg@60
   161
franta-hg@60
   162
#prihlasenyUzivatel {
franta-hg@60
   163
    color: gray;
franta-hg@60
   164
}
franta-hg@60
   165
franta-hg@60
   166
#prepinaniJazyku {
franta-hg@60
   167
    position: relative;
franta-hg@60
   168
    left: 910px;
franta-hg@60
   169
    top: -29px;
franta-hg@60
   170
    width: 90px;
franta-hg@60
   171
    margin: 0px;
franta-hg@60
   172
    padding: 0px;
franta-hg@60
   173
}
franta-hg@60
   174
franta-hg@60
   175
#prepinaniJazyku a {
franta-hg@60
   176
    margin-left: 4px;
franta-hg@60
   177
}
franta-hg@60
   178
franta-hg@60
   179
#prepinaniJazyku img {
franta-hg@60
   180
    border: none;
franta-hg@60
   181
}
franta-hg@60
   182
franta-hg@60
   183
#obsah {
franta-hg@60
   184
    width: 980px;
franta-hg@60
   185
    border: 1px solid silver;
franta-hg@60
   186
    margin-top: -28px;
franta-hg@60
   187
    margin-bottom: 4px;
franta-hg@60
   188
    padding-left: 10px;
franta-hg@60
   189
    padding-right: 10px;
franta-hg@60
   190
}
franta-hg@60
   191
franta-hg@60
   192
#paticka {
franta-hg@60
   193
    width: 1000px;
franta-hg@60
   194
    border: 1px solid silver;
franta-hg@60
   195
    background-color: #e6e6e6;
franta-hg@60
   196
    font-size: smaller;
franta-hg@60
   197
    padding-top: 3px;
franta-hg@60
   198
    padding-bottom: 3px;
franta-hg@60
   199
    text-align: center;
franta-hg@60
   200
}
franta-hg@60
   201
franta-hg@60
   202
table {
franta-hg@60
   203
    border: 1px solid gray;
franta-hg@60
   204
    border-collapse: collapse;
franta-hg@60
   205
}
franta-hg@60
   206
franta-hg@60
   207
td {
franta-hg@60
   208
    border: 1px solid gray;
franta-hg@60
   209
    padding: 2px 4px;
franta-hg@60
   210
}
franta-hg@60
   211
franta-hg@60
   212
thead {
franta-hg@60
   213
    background-color: silver;
franta-hg@60
   214
    font-weight: bold;
franta-hg@60
   215
}
franta-hg@60
   216
franta-hg@60
   217
.podnik h2 a {
franta-hg@60
   218
    color: black;
franta-hg@60
   219
}
franta-hg@60
   220
franta-hg@60
   221
.podnik {
franta-hg@60
   222
    border-top: 1px dashed silver;
franta-hg@60
   223
}
franta-hg@60
   224
franta-hg@60
   225
fieldset {
franta-hg@60
   226
    border: none;
franta-hg@60
   227
}
franta-hg@60
   228
franta-hg@60
   229
form {
franta-hg@60
   230
    text-align: right;
franta-hg@60
   231
    max-width: 400px;
franta-hg@60
   232
}
franta-hg@60
   233
franta-hg@60
   234
input	{
franta-hg@60
   235
    width:200px;
franta-hg@60
   236
    margin-left: 2px;
franta-hg@60
   237
}
franta-hg@60
   238
franta-hg@60
   239
.podnik .adresa {
franta-hg@60
   240
    float: left;
franta-hg@60
   241
    color: #fff;
franta-hg@60
   242
    background-color: #0066B3;
franta-hg@60
   243
    width: 480px;
franta-hg@60
   244
}
franta-hg@60
   245
.podnik .hlasovani {
franta-hg@60
   246
    float: left;
franta-hg@60
   247
    color: #fff;
franta-hg@60
   248
    background-color: #E60066;
franta-hg@60
   249
    width: 250px;
franta-hg@60
   250
    height: 200px;
franta-hg@60
   251
}
franta-hg@60
   252
franta-hg@60
   253
.podnik .fotky {
franta-hg@60
   254
    float: left;
franta-hg@60
   255
    color: #fff;
franta-hg@60
   256
    background-color: #E60099;
franta-hg@60
   257
    width: 250px;
franta-hg@60
   258
    height: 200px;
franta-hg@60
   259
}
franta-hg@60
   260
franta-hg@60
   261
.podnik {
franta-hg@60
   262
    clear: both;
franta-hg@60
   263
}