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