java/nekurak.net-web/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Wed Jan 26 03:23:32 2011 +0100 (2011-01-26)
changeset 179 2ed9f3231a28
parent 167 21fa832b26aa
child 190 68703e6baff0
permissions -rw-r--r--
Servlety: základ, detail podniku se už zobrazuje přes servlet
URL budou hezčí, lépe struktorvaná – ale nemůžou se používat relativní jako dotěď,
musíme začínat vždy / (contextPath)

TODO:
- postupně předělat všechny stránky
- opravit javascript
- zkontrolovat další relativní URL
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@38
    26
}
franta-hg@38
    27
franta-hg@38
    28
#horniPruh h1 {
franta-hg@38
    29
    margin-left: 10px;
franta-hg@38
    30
}
franta-hg@38
    31
franta-hg@38
    32
#nabidka {
franta-hg@38
    33
    width: 980px;
franta-hg@38
    34
    border: 1px solid silver;
franta-hg@38
    35
    margin-top: 4px;
franta-hg@38
    36
    margin-bottom: 4px;
franta-hg@38
    37
    padding-top: 2px;
franta-hg@38
    38
    padding-left: 10px;
franta-hg@38
    39
    padding-right: 10px;
franta-hg@38
    40
    background-image: url('grafika/pozadi-nabidky.png');
franta-hg@38
    41
    height: 23px;
franta-hg@38
    42
    display: block;
franta-hg@38
    43
}
franta-hg@38
    44
franta-hg@38
    45
#nabidka li {
franta-hg@38
    46
    display: inline;
franta-hg@38
    47
    font-size: 14px;
franta-hg@40
    48
    margin-left: 12px;
franta-hg@38
    49
}
franta-hg@38
    50
franta-hg@38
    51
#nabidka li a {
franta-hg@38
    52
    color: black;
franta-hg@38
    53
    text-decoration: none;
franta-hg@38
    54
}
franta-hg@38
    55
#nabidka li a:hover {
franta-hg@38
    56
    color: orange;
franta-hg@38
    57
}
franta-hg@38
    58
franta-hg@40
    59
#prihlasenyUzivatel {
franta-hg@40
    60
    color: gray;
franta-hg@40
    61
}
franta-hg@40
    62
franta-hg@44
    63
#prepinaniJazyku {
franta-hg@44
    64
    position: relative;
franta-hg@49
    65
    left: 910px;
franta-hg@44
    66
    top: -29px;
franta-hg@49
    67
    width: 90px;
franta-hg@44
    68
    margin: 0px;
franta-hg@44
    69
    padding: 0px;
franta-hg@44
    70
}
franta-hg@44
    71
franta-hg@44
    72
#prepinaniJazyku a {
franta-hg@44
    73
    margin-left: 4px;
franta-hg@44
    74
}
franta-hg@44
    75
franta-hg@44
    76
#prepinaniJazyku img {
franta-hg@44
    77
    border: none;
franta-hg@44
    78
}
franta-hg@44
    79
franta-hg@38
    80
#obsah {
franta-hg@38
    81
    width: 980px;
franta-hg@38
    82
    border: 1px solid silver;
franta-hg@44
    83
    margin-top: -28px;
franta-hg@38
    84
    margin-bottom: 4px;
franta-hg@38
    85
    padding-left: 10px;
franta-hg@38
    86
    padding-right: 10px;
franta-hg@30
    87
}
franta-hg@30
    88
franta-hg@32
    89
#paticka {
franta-hg@38
    90
    width: 1000px;
franta-hg@32
    91
    border: 1px solid silver;
franta-hg@38
    92
    background-color: #e6e6e6;
franta-hg@32
    93
    font-size: smaller;
franta-hg@38
    94
    padding-top: 3px;
franta-hg@38
    95
    padding-bottom: 3px;
franta-hg@32
    96
    text-align: center;
franta-hg@32
    97
}
franta-hg@32
    98
franta-hg@26
    99
table {
franta-hg@26
   100
    border: 1px solid gray;
franta-hg@26
   101
    border-collapse: collapse;
franta-hg@26
   102
}
franta-hg@26
   103
franta-hg@26
   104
td {
franta-hg@26
   105
    border: 1px solid gray;
franta-hg@26
   106
    padding: 2px 4px;
franta-hg@26
   107
}
franta-hg@26
   108
franta-hg@26
   109
thead {
franta-hg@26
   110
    background-color: silver;
franta-hg@26
   111
    font-weight: bold;
franta-hg@26
   112
}
franta-hg@26
   113
franta-hg@140
   114
#horniPruh h1 a {
franta-hg@140
   115
    color: black;
franta-hg@140
   116
}
franta-hg@140
   117
franta-hg@47
   118
.podnik h2 a {
franta-hg@40
   119
    color: black;
franta-hg@40
   120
}
franta-hg@40
   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@167
   218
    width: 555px;
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@158
   252
.oddelovac {
franta-hg@158
   253
	border-top: 1px dashed silver;
franta-hg@158
   254
}
franta-hg@158
   255
franta-hg@58
   256
.slider_prev  {
franta-hg@58
   257
    background-image: url('grafika/fotkyPodnikuPredchozi.png');
franta-hg@58
   258
    width: 32px;
franta-hg@58
   259
    height: 32px;
franta-hg@58
   260
    text-indent: 1000px;
franta-hg@58
   261
}
franta-hg@58
   262
franta-hg@58
   263
.slider_next {
franta-hg@58
   264
    background-image: url('grafika/fotkyPodnikuDalsi.png');
franta-hg@58
   265
    width: 32px;
franta-hg@58
   266
    height: 32px;
franta-hg@58
   267
    text-indent: 1000px;
franta-hg@58
   268
}
franta-hg@126
   269
franta-hg@126
   270
.komentare {
franta-hg@127
   271
    margin-bottom: 8px;
franta-hg@126
   272
}
franta-hg@127
   273
franta-hg@127
   274
.komentar {
franta-hg@127
   275
    border-top: 1px solid #e7e6e6;
franta-hg@127
   276
}
franta-hg@127
   277
franta-hg@127
   278
.komentar h4 {
franta-hg@127
   279
    font-size: medium;
franta-hg@127
   280
    font-weight: bold;
franta-hg@127
   281
    margin-top: 8px;
franta-hg@127
   282
    margin-bottom: 0px;
franta-hg@127
   283
}
franta-hg@127
   284
franta-hg@127
   285
.komentar p {
franta-hg@127
   286
    margin-top: 8px;
franta-hg@127
   287
    margin-bottom: 8px;
franta-hg@149
   288
}
franta-hg@154
   289
franta-hg@154
   290
ul.stitky {
franta-hg@154
   291
	margin: 0;
franta-hg@154
   292
	padding: 0 0 32px 0;
franta-hg@154
   293
	list-style: none;
franta-hg@164
   294
	width: 680px;
franta-hg@154
   295
}
franta-hg@154
   296
franta-hg@154
   297
ul.stitky li, ul.stitky a {
franta-hg@154
   298
	float: left;
franta-hg@154
   299
	height: 20px;
franta-hg@154
   300
	line-height: 20px;
franta-hg@154
   301
	position: relative;
franta-hg@154
   302
	font-size: 11px;
franta-hg@164
   303
	margin-bottom: 4px;
franta-hg@154
   304
}
franta-hg@154
   305
franta-hg@154
   306
ul.stitky a {
franta-hg@154
   307
	margin-left: 20px;
franta-hg@154
   308
	padding: 0 10px 0 12px;
franta-hg@154
   309
	text-decoration: none;
franta-hg@162
   310
	-moz-border-radius-bottomright:		4px;
franta-hg@162
   311
	-webkit-border-bottom-right-radius:	4px;
franta-hg@162
   312
	border-bottom-right-radius:			4px;
franta-hg@162
   313
	-moz-border-radius-topright:		4px;
franta-hg@162
   314
	-webkit-border-top-right-radius:	4px;
franta-hg@162
   315
	border-top-right-radius:			4px;
franta-hg@154
   316
}
franta-hg@154
   317
franta-hg@154
   318
ul.stitky a:before {
franta-hg@154
   319
	content: "";
franta-hg@154
   320
	float: left;
franta-hg@154
   321
	position: absolute;
franta-hg@154
   322
	top: 0;
franta-hg@154
   323
	left: -10px;
franta-hg@154
   324
	width: 0;
franta-hg@154
   325
	height: 0;
franta-hg@154
   326
	border-style: solid;
franta-hg@154
   327
	border-width: 10px 10px 10px 0;
franta-hg@154
   328
}
franta-hg@154
   329
franta-hg@154
   330
ul.stitky a:after {
franta-hg@154
   331
	content: "";
franta-hg@154
   332
	position: absolute;
franta-hg@154
   333
	top: 9px;
franta-hg@154
   334
	left: 0;
franta-hg@154
   335
	float: left;
franta-hg@154
   336
	width: 4px;
franta-hg@154
   337
	height: 4px;
franta-hg@154
   338
	background: #fff;
franta-hg@162
   339
	-moz-border-radius:		2px;
franta-hg@162
   340
	-webkit-border-radius:	2px;
franta-hg@162
   341
	border-radius:			2px;
franta-hg@162
   342
	-moz-box-shadow:	-1px -1px 2px grey;
franta-hg@154
   343
	-webkit-box-shadow: -1px -1px 2px grey;
franta-hg@162
   344
	box-shadow:			-1px -1px 2px grey;
franta-hg@154
   345
}
franta-hg@154
   346
franta-hg@166
   347
/** Noromální štítek */
franta-hg@166
   348
ul.stitky li.normalni a { background: silver; color: #444 }
franta-hg@166
   349
ul.stitky li.normalni a:before{ border-color: transparent silver transparent transparent; }
franta-hg@166
   350
ul.stitky li.normalni a:hover { background: #555; color: #ccc; }
franta-hg@166
   351
ul.stitky li.normalni a:hover:before{ border-color:transparent #555 transparent transparent; }
franta-hg@154
   352
franta-hg@166
   353
/** Nevýrazný štítek – negativní nebo neutrální */
franta-hg@166
   354
ul.stitky li.nevyrazny a { background: #eee; color: #444 }
franta-hg@166
   355
ul.stitky li.nevyrazny a:before{ border-color: transparent #eee transparent transparent; }
franta-hg@166
   356
ul.stitky li.nevyrazny a:hover { background: #555; color: #ccc; }
franta-hg@166
   357
ul.stitky li.nevyrazny a:hover:before{ border-color:transparent #555 transparent transparent; }
franta-hg@164
   358
franta-hg@166
   359
/** Kladný štítek */
franta-hg@166
   360
ul.stitky li.kladny a { background: #4d4; color: #444 }
franta-hg@166
   361
ul.stitky li.kladny a:before{ border-color: transparent #4d4 transparent transparent; }
franta-hg@166
   362
ul.stitky li.kladny a:hover { background: #555; color: #ccc; }
franta-hg@166
   363
ul.stitky li.kladny a:hover:before{ border-color:transparent #555 transparent transparent; }