java/nekurak.net-web/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sat, 08 Jan 2011 21:51:54 +0100
changeset 155 0a2943a82c82
parent 154 bf21a4abea9b
child 158 e1ac3efcd140
permissions -rw-r--r--
formátování a tip na efekt u jazykových tlačítek.
franta-hg@30
     1
body {
franta-hg@38
     2
    color: black;
franta-hg@38
     3
    background-color: white;
franta-hg@30
     4
    font-family: sans-serif;
franta-hg@38
     5
    text-align: center;
franta-hg@38
     6
}
franta-hg@38
     7
franta-hg@40
     8
a {
franta-hg@40
     9
    text-decoration: none;
franta-hg@40
    10
}
franta-hg@40
    11
franta-hg@38
    12
.body {
franta-hg@38
    13
    width: 1000px;
franta-hg@38
    14
    text-align: left;
franta-hg@38
    15
    margin: 0 auto;
franta-hg@38
    16
}
franta-hg@38
    17
franta-hg@38
    18
#horniPruh {
franta-hg@38
    19
    width: 1000px;
franta-hg@38
    20
    border: 1px solid silver;
franta-hg@38
    21
    background-color: #e6e6e6;
franta-hg@38
    22
}
franta-hg@38
    23
franta-hg@38
    24
#horniPruh h1 {
franta-hg@38
    25
    margin-left: 10px;
franta-hg@38
    26
}
franta-hg@38
    27
franta-hg@38
    28
#nabidka {
franta-hg@38
    29
    width: 980px;
franta-hg@38
    30
    border: 1px solid silver;
franta-hg@38
    31
    margin-top: 4px;
franta-hg@38
    32
    margin-bottom: 4px;
franta-hg@38
    33
    padding-top: 2px;
franta-hg@38
    34
    padding-left: 10px;
franta-hg@38
    35
    padding-right: 10px;
franta-hg@38
    36
    background-image: url('grafika/pozadi-nabidky.png');
franta-hg@38
    37
    height: 23px;
franta-hg@38
    38
    display: block;
franta-hg@38
    39
}
franta-hg@38
    40
franta-hg@38
    41
#nabidka li {
franta-hg@38
    42
    display: inline;
franta-hg@38
    43
    font-size: 14px;
franta-hg@40
    44
    margin-left: 12px;
franta-hg@38
    45
}
franta-hg@38
    46
franta-hg@38
    47
#nabidka li a {
franta-hg@38
    48
    color: black;
franta-hg@38
    49
    text-decoration: none;
franta-hg@38
    50
}
franta-hg@38
    51
#nabidka li a:hover {
franta-hg@38
    52
    color: orange;
franta-hg@38
    53
}
franta-hg@38
    54
franta-hg@40
    55
#prihlasenyUzivatel {
franta-hg@40
    56
    color: gray;
franta-hg@40
    57
}
franta-hg@40
    58
franta-hg@44
    59
#prepinaniJazyku {
franta-hg@44
    60
    position: relative;
franta-hg@49
    61
    left: 910px;
franta-hg@44
    62
    top: -29px;
franta-hg@49
    63
    width: 90px;
franta-hg@44
    64
    margin: 0px;
franta-hg@44
    65
    padding: 0px;
franta-hg@44
    66
}
franta-hg@44
    67
franta-hg@44
    68
#prepinaniJazyku a {
franta-hg@44
    69
    margin-left: 4px;
franta-hg@44
    70
}
franta-hg@44
    71
franta-hg@44
    72
#prepinaniJazyku img {
franta-hg@44
    73
    border: none;
franta-hg@44
    74
}
franta-hg@44
    75
franta-hg@38
    76
#obsah {
franta-hg@38
    77
    width: 980px;
franta-hg@38
    78
    border: 1px solid silver;
franta-hg@44
    79
    margin-top: -28px;
franta-hg@38
    80
    margin-bottom: 4px;
franta-hg@38
    81
    padding-left: 10px;
franta-hg@38
    82
    padding-right: 10px;
franta-hg@30
    83
}
franta-hg@30
    84
franta-hg@32
    85
#paticka {
franta-hg@38
    86
    width: 1000px;
franta-hg@32
    87
    border: 1px solid silver;
franta-hg@38
    88
    background-color: #e6e6e6;
franta-hg@32
    89
    font-size: smaller;
franta-hg@38
    90
    padding-top: 3px;
franta-hg@38
    91
    padding-bottom: 3px;
franta-hg@32
    92
    text-align: center;
franta-hg@32
    93
}
franta-hg@32
    94
franta-hg@26
    95
table {
franta-hg@26
    96
    border: 1px solid gray;
franta-hg@26
    97
    border-collapse: collapse;
franta-hg@26
    98
}
franta-hg@26
    99
franta-hg@26
   100
td {
franta-hg@26
   101
    border: 1px solid gray;
franta-hg@26
   102
    padding: 2px 4px;
franta-hg@26
   103
}
franta-hg@26
   104
franta-hg@26
   105
thead {
franta-hg@26
   106
    background-color: silver;
franta-hg@26
   107
    font-weight: bold;
franta-hg@26
   108
}
franta-hg@26
   109
franta-hg@140
   110
#horniPruh h1 a {
franta-hg@140
   111
    color: black;
franta-hg@140
   112
}
franta-hg@140
   113
franta-hg@47
   114
.podnik h2 a {
franta-hg@40
   115
    color: black;
franta-hg@40
   116
}
franta-hg@40
   117
franta-hg@49
   118
.podnik {
franta-hg@49
   119
    border-top: 1px dashed silver;
franta-hg@49
   120
}
franta-hg@49
   121
franta-hg@40
   122
fieldset {
franta-hg@40
   123
	border: none;
franta-hg@40
   124
}
franta-hg@40
   125
franta-hg@40
   126
form {
franta-hg@40
   127
	text-align: right;
franta-hg@40
   128
	max-width: 400px;
franta-hg@40
   129
}
franta-hg@40
   130
franta-hg@149
   131
#chat form {
franta-hg@149
   132
	max-width: 666px;
franta-hg@149
   133
}
franta-hg@149
   134
franta-hg@149
   135
input.chatOd {
franta-hg@149
   136
    width: 120px;
franta-hg@149
   137
}
franta-hg@149
   138
franta-hg@149
   139
input.chatText {
franta-hg@149
   140
    width: 410px;
franta-hg@149
   141
}
franta-hg@149
   142
franta-hg@149
   143
button.chatOdeslat {
franta-hg@149
   144
    width: 80px;
franta-hg@149
   145
}
franta-hg@149
   146
franta-hg@149
   147
#vypisZprav {
franta-hg@149
   148
    width: 960px;
franta-hg@149
   149
    height: 320px;
franta-hg@149
   150
    overflow: auto;
franta-hg@149
   151
}
franta-hg@149
   152
franta-hg@149
   153
#vypisZprav ul {
franta-hg@149
   154
    list-style: none;
franta-hg@149
   155
}
franta-hg@149
   156
franta-hg@149
   157
#chat .zprava h2 {
franta-hg@149
   158
    font-size: medium;
franta-hg@149
   159
    font-weight: bolder;
franta-hg@149
   160
    display: inline;
franta-hg@149
   161
}
franta-hg@149
   162
franta-hg@149
   163
#chat .autorDatum {
franta-hg@149
   164
    font-size: smaller;
franta-hg@149
   165
    color: gray;
franta-hg@149
   166
    margin-left: 4px;
franta-hg@149
   167
}
franta-hg@149
   168
franta-hg@131
   169
input, textarea, select	{
franta-hg@40
   170
	width:200px;
franta-hg@42
   171
	margin-left: 2px;
franta-hg@40
   172
}
franta-hg@53
   173
franta-hg@142
   174
#formularKomentuj input, #formularKomentuj textarea, #formularKomentuj select {
franta-hg@142
   175
	width:300px;
franta-hg@142
   176
}
franta-hg@142
   177
franta-hg@142
   178
#formularKomentuj form {
franta-hg@142
   179
    float: left;
franta-hg@142
   180
}
franta-hg@142
   181
franta-hg@142
   182
#formularKomentuj .vystup {
franta-hg@142
   183
    margin-left: 400px;
franta-hg@142
   184
}
franta-hg@142
   185
franta-hg@53
   186
.chybovaHlaska {
franta-hg@53
   187
    background-image: url('grafika/chyba.png');
franta-hg@53
   188
    background-repeat: no-repeat;
franta-hg@53
   189
    background-position: 8px 8px;
franta-hg@53
   190
    min-height: 33px;
franta-hg@53
   191
    padding-top: 15px;
franta-hg@53
   192
    padding-left: 50px;
franta-hg@53
   193
    margin-top: 10px;
franta-hg@53
   194
    margin-bottom: 10px;
franta-hg@53
   195
    border: 2px solid orange;
franta-hg@53
   196
    background-color: #ffc65e;
franta-hg@53
   197
}
franta-hg@53
   198
franta-hg@83
   199
.informacniHlaska {
franta-hg@83
   200
    background-image: url('grafika/info.png');
franta-hg@83
   201
    background-repeat: no-repeat;
franta-hg@83
   202
    background-position: 8px 8px;
franta-hg@83
   203
    min-height: 33px;
franta-hg@83
   204
    padding-top: 15px;
franta-hg@83
   205
    padding-left: 50px;
franta-hg@83
   206
    margin-top: 10px;
franta-hg@83
   207
    margin-bottom: 10px;
franta-hg@83
   208
    border: 2px solid #99ccff;
franta-hg@83
   209
    background-color: #bfdfff;
franta-hg@83
   210
}
franta-hg@83
   211
franta-hg@53
   212
.registraceKontrolaUdaju {
franta-hg@53
   213
    color: gray;
franta-hg@55
   214
}
franta-hg@58
   215
franta-hg@58
   216
.podnik .adresa {
franta-hg@58
   217
    float: left;
franta-hg@58
   218
    width: 500px;
franta-hg@58
   219
}
franta-hg@58
   220
.podnik .hlasovani {
franta-hg@58
   221
    float: left;
franta-hg@106
   222
    width: 200px;
franta-hg@58
   223
    height: 280px;
franta-hg@106
   224
    padding-top: 16px;
franta-hg@106
   225
    margin-right: 20px;
franta-hg@106
   226
}
franta-hg@106
   227
franta-hg@106
   228
.podnik .hlasovani object {
franta-hg@106
   229
    overflow: hidden;
franta-hg@106
   230
    width: 200px;
franta-hg@106
   231
    height: 200px;
franta-hg@58
   232
}
franta-hg@58
   233
franta-hg@58
   234
.podnik .fotky {
franta-hg@58
   235
    float: left;
franta-hg@58
   236
    width: 200px;
franta-hg@58
   237
    height: 280px;
franta-hg@58
   238
}
franta-hg@58
   239
franta-hg@68
   240
.podnik .fotky img {
franta-hg@68
   241
    border: none;
franta-hg@68
   242
}
franta-hg@68
   243
franta-hg@58
   244
.podnik {
franta-hg@58
   245
    clear: both;
franta-hg@58
   246
}
franta-hg@58
   247
franta-hg@58
   248
.cistic {
franta-hg@58
   249
    clear: both;
franta-hg@58
   250
}
franta-hg@58
   251
franta-hg@58
   252
.slider_prev  {
franta-hg@58
   253
    background-image: url('grafika/fotkyPodnikuPredchozi.png');
franta-hg@58
   254
    width: 32px;
franta-hg@58
   255
    height: 32px;
franta-hg@58
   256
    text-indent: 1000px;
franta-hg@58
   257
}
franta-hg@58
   258
franta-hg@58
   259
.slider_next {
franta-hg@58
   260
    background-image: url('grafika/fotkyPodnikuDalsi.png');
franta-hg@58
   261
    width: 32px;
franta-hg@58
   262
    height: 32px;
franta-hg@58
   263
    text-indent: 1000px;
franta-hg@58
   264
}
franta-hg@126
   265
franta-hg@126
   266
.komentare {
franta-hg@126
   267
    border-top: 1px dashed silver;
franta-hg@127
   268
    margin-bottom: 8px;
franta-hg@126
   269
}
franta-hg@127
   270
franta-hg@127
   271
.komentar {
franta-hg@127
   272
    border-top: 1px solid #e7e6e6;
franta-hg@127
   273
}
franta-hg@127
   274
franta-hg@127
   275
.komentar h4 {
franta-hg@127
   276
    font-size: medium;
franta-hg@127
   277
    font-weight: bold;
franta-hg@127
   278
    margin-top: 8px;
franta-hg@127
   279
    margin-bottom: 0px;
franta-hg@127
   280
}
franta-hg@127
   281
franta-hg@127
   282
.komentar p {
franta-hg@127
   283
    margin-top: 8px;
franta-hg@127
   284
    margin-bottom: 8px;
franta-hg@149
   285
}
franta-hg@154
   286
franta-hg@154
   287
ul.stitky {
franta-hg@154
   288
	margin: 0;
franta-hg@154
   289
	padding: 0 0 32px 0;
franta-hg@154
   290
franta-hg@154
   291
	list-style: none;
franta-hg@154
   292
}
franta-hg@154
   293
franta-hg@154
   294
ul.stitky li, ul.stitky a {
franta-hg@154
   295
	float: left;
franta-hg@154
   296
	height: 20px;
franta-hg@154
   297
	line-height: 20px;
franta-hg@154
   298
	position: relative;
franta-hg@154
   299
	font-size: 11px;
franta-hg@154
   300
}
franta-hg@154
   301
franta-hg@154
   302
ul.stitky a {
franta-hg@154
   303
	margin-left: 20px;
franta-hg@154
   304
	padding: 0 10px 0 12px;
franta-hg@154
   305
	background: silver;
franta-hg@154
   306
	color: #666;
franta-hg@154
   307
	text-decoration: none;
franta-hg@154
   308
	-moz-border-radius-bottomright: 4px;
franta-hg@154
   309
	-webkit-border-bottom-right-radius: 4px;
franta-hg@154
   310
	border-bottom-right-radius: 4px;
franta-hg@154
   311
	-moz-border-radius-topright: 4px;
franta-hg@154
   312
	-webkit-border-top-right-radius: 4px;
franta-hg@154
   313
	border-top-right-radius: 4px;
franta-hg@154
   314
}
franta-hg@154
   315
franta-hg@154
   316
ul.stitky a:before {
franta-hg@154
   317
	content: "";
franta-hg@154
   318
	float: left;
franta-hg@154
   319
	position: absolute;
franta-hg@154
   320
	top: 0;
franta-hg@154
   321
	left: -10px;
franta-hg@154
   322
	width: 0;
franta-hg@154
   323
	height: 0;
franta-hg@154
   324
	border-color: transparent silver transparent transparent;
franta-hg@154
   325
	border-style: solid;
franta-hg@154
   326
	border-width: 10px 10px 10px 0;
franta-hg@154
   327
}
franta-hg@154
   328
franta-hg@154
   329
ul.stitky a:after {
franta-hg@154
   330
	content: "";
franta-hg@154
   331
	position: absolute;
franta-hg@154
   332
	top: 9px;
franta-hg@154
   333
	left: 0;
franta-hg@154
   334
	float: left;
franta-hg@154
   335
	width: 4px;
franta-hg@154
   336
	height: 4px;
franta-hg@154
   337
	-moz-border-radius: 2px;
franta-hg@154
   338
	-webkit-border-radius: 2px;
franta-hg@154
   339
	border-radius: 2px;
franta-hg@154
   340
	background: #fff;
franta-hg@154
   341
	-moz-box-shadow: -1px -1px 2px grey;
franta-hg@154
   342
	-webkit-box-shadow: -1px -1px 2px grey;
franta-hg@154
   343
	box-shadow: -1px -1px 2px #004977;
franta-hg@154
   344
}
franta-hg@154
   345
franta-hg@154
   346
ul.stitky a:hover{
franta-hg@154
   347
	background: #555;
franta-hg@154
   348
	color: #ccc;
franta-hg@154
   349
}
franta-hg@154
   350
franta-hg@154
   351
ul.stitky a:hover:before{
franta-hg@154
   352
	border-color:transparent #555 transparent transparent;
franta-hg@154
   353
}