java/nekurak.net-web/web/styl.css
author František Kučera <franta-hg@frantovo.cz>
Sun Jan 09 16:27:44 2011 +0100 (2011-01-09)
changeset 158 e1ac3efcd140
parent 154 bf21a4abea9b
child 162 7ea45e9b10cb
permissions -rw-r--r--
vylepšen detail podniku, modularizace, značky, css
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@40
   118
fieldset {
franta-hg@40
   119
	border: none;
franta-hg@40
   120
}
franta-hg@40
   121
franta-hg@40
   122
form {
franta-hg@40
   123
	text-align: right;
franta-hg@40
   124
	max-width: 400px;
franta-hg@40
   125
}
franta-hg@40
   126
franta-hg@149
   127
#chat form {
franta-hg@149
   128
	max-width: 666px;
franta-hg@149
   129
}
franta-hg@149
   130
franta-hg@149
   131
input.chatOd {
franta-hg@149
   132
    width: 120px;
franta-hg@149
   133
}
franta-hg@149
   134
franta-hg@149
   135
input.chatText {
franta-hg@149
   136
    width: 410px;
franta-hg@149
   137
}
franta-hg@149
   138
franta-hg@149
   139
button.chatOdeslat {
franta-hg@149
   140
    width: 80px;
franta-hg@149
   141
}
franta-hg@149
   142
franta-hg@149
   143
#vypisZprav {
franta-hg@149
   144
    width: 960px;
franta-hg@149
   145
    height: 320px;
franta-hg@149
   146
    overflow: auto;
franta-hg@149
   147
}
franta-hg@149
   148
franta-hg@149
   149
#vypisZprav ul {
franta-hg@149
   150
    list-style: none;
franta-hg@149
   151
}
franta-hg@149
   152
franta-hg@149
   153
#chat .zprava h2 {
franta-hg@149
   154
    font-size: medium;
franta-hg@149
   155
    font-weight: bolder;
franta-hg@149
   156
    display: inline;
franta-hg@149
   157
}
franta-hg@149
   158
franta-hg@149
   159
#chat .autorDatum {
franta-hg@149
   160
    font-size: smaller;
franta-hg@149
   161
    color: gray;
franta-hg@149
   162
    margin-left: 4px;
franta-hg@149
   163
}
franta-hg@149
   164
franta-hg@131
   165
input, textarea, select	{
franta-hg@40
   166
	width:200px;
franta-hg@42
   167
	margin-left: 2px;
franta-hg@40
   168
}
franta-hg@53
   169
franta-hg@142
   170
#formularKomentuj input, #formularKomentuj textarea, #formularKomentuj select {
franta-hg@142
   171
	width:300px;
franta-hg@142
   172
}
franta-hg@142
   173
franta-hg@142
   174
#formularKomentuj form {
franta-hg@142
   175
    float: left;
franta-hg@142
   176
}
franta-hg@142
   177
franta-hg@142
   178
#formularKomentuj .vystup {
franta-hg@142
   179
    margin-left: 400px;
franta-hg@142
   180
}
franta-hg@142
   181
franta-hg@53
   182
.chybovaHlaska {
franta-hg@53
   183
    background-image: url('grafika/chyba.png');
franta-hg@53
   184
    background-repeat: no-repeat;
franta-hg@53
   185
    background-position: 8px 8px;
franta-hg@53
   186
    min-height: 33px;
franta-hg@53
   187
    padding-top: 15px;
franta-hg@53
   188
    padding-left: 50px;
franta-hg@53
   189
    margin-top: 10px;
franta-hg@53
   190
    margin-bottom: 10px;
franta-hg@53
   191
    border: 2px solid orange;
franta-hg@53
   192
    background-color: #ffc65e;
franta-hg@53
   193
}
franta-hg@53
   194
franta-hg@83
   195
.informacniHlaska {
franta-hg@83
   196
    background-image: url('grafika/info.png');
franta-hg@83
   197
    background-repeat: no-repeat;
franta-hg@83
   198
    background-position: 8px 8px;
franta-hg@83
   199
    min-height: 33px;
franta-hg@83
   200
    padding-top: 15px;
franta-hg@83
   201
    padding-left: 50px;
franta-hg@83
   202
    margin-top: 10px;
franta-hg@83
   203
    margin-bottom: 10px;
franta-hg@83
   204
    border: 2px solid #99ccff;
franta-hg@83
   205
    background-color: #bfdfff;
franta-hg@83
   206
}
franta-hg@83
   207
franta-hg@53
   208
.registraceKontrolaUdaju {
franta-hg@53
   209
    color: gray;
franta-hg@55
   210
}
franta-hg@58
   211
franta-hg@58
   212
.podnik .adresa {
franta-hg@58
   213
    float: left;
franta-hg@58
   214
    width: 500px;
franta-hg@58
   215
}
franta-hg@58
   216
.podnik .hlasovani {
franta-hg@58
   217
    float: left;
franta-hg@106
   218
    width: 200px;
franta-hg@58
   219
    height: 280px;
franta-hg@106
   220
    padding-top: 16px;
franta-hg@106
   221
    margin-right: 20px;
franta-hg@106
   222
}
franta-hg@106
   223
franta-hg@106
   224
.podnik .hlasovani object {
franta-hg@106
   225
    overflow: hidden;
franta-hg@106
   226
    width: 200px;
franta-hg@106
   227
    height: 200px;
franta-hg@58
   228
}
franta-hg@58
   229
franta-hg@58
   230
.podnik .fotky {
franta-hg@58
   231
    float: left;
franta-hg@58
   232
    width: 200px;
franta-hg@58
   233
    height: 280px;
franta-hg@58
   234
}
franta-hg@58
   235
franta-hg@68
   236
.podnik .fotky img {
franta-hg@68
   237
    border: none;
franta-hg@68
   238
}
franta-hg@68
   239
franta-hg@58
   240
.podnik {
franta-hg@58
   241
    clear: both;
franta-hg@58
   242
}
franta-hg@58
   243
franta-hg@58
   244
.cistic {
franta-hg@58
   245
    clear: both;
franta-hg@58
   246
}
franta-hg@58
   247
franta-hg@158
   248
.oddelovac {
franta-hg@158
   249
	border-top: 1px dashed silver;
franta-hg@158
   250
}
franta-hg@158
   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@127
   267
    margin-bottom: 8px;
franta-hg@126
   268
}
franta-hg@127
   269
franta-hg@127
   270
.komentar {
franta-hg@127
   271
    border-top: 1px solid #e7e6e6;
franta-hg@127
   272
}
franta-hg@127
   273
franta-hg@127
   274
.komentar h4 {
franta-hg@127
   275
    font-size: medium;
franta-hg@127
   276
    font-weight: bold;
franta-hg@127
   277
    margin-top: 8px;
franta-hg@127
   278
    margin-bottom: 0px;
franta-hg@127
   279
}
franta-hg@127
   280
franta-hg@127
   281
.komentar p {
franta-hg@127
   282
    margin-top: 8px;
franta-hg@127
   283
    margin-bottom: 8px;
franta-hg@149
   284
}
franta-hg@154
   285
franta-hg@154
   286
ul.stitky {
franta-hg@154
   287
	margin: 0;
franta-hg@154
   288
	padding: 0 0 32px 0;
franta-hg@154
   289
franta-hg@154
   290
	list-style: none;
franta-hg@154
   291
}
franta-hg@154
   292
franta-hg@154
   293
ul.stitky li, ul.stitky a {
franta-hg@154
   294
	float: left;
franta-hg@154
   295
	height: 20px;
franta-hg@154
   296
	line-height: 20px;
franta-hg@154
   297
	position: relative;
franta-hg@154
   298
	font-size: 11px;
franta-hg@154
   299
}
franta-hg@154
   300
franta-hg@154
   301
ul.stitky a {
franta-hg@154
   302
	margin-left: 20px;
franta-hg@154
   303
	padding: 0 10px 0 12px;
franta-hg@154
   304
	background: silver;
franta-hg@154
   305
	color: #666;
franta-hg@154
   306
	text-decoration: none;
franta-hg@154
   307
	-moz-border-radius-bottomright: 4px;
franta-hg@154
   308
	-webkit-border-bottom-right-radius: 4px;
franta-hg@154
   309
	border-bottom-right-radius: 4px;
franta-hg@154
   310
	-moz-border-radius-topright: 4px;
franta-hg@154
   311
	-webkit-border-top-right-radius: 4px;
franta-hg@154
   312
	border-top-right-radius: 4px;
franta-hg@154
   313
}
franta-hg@154
   314
franta-hg@154
   315
ul.stitky a:before {
franta-hg@154
   316
	content: "";
franta-hg@154
   317
	float: left;
franta-hg@154
   318
	position: absolute;
franta-hg@154
   319
	top: 0;
franta-hg@154
   320
	left: -10px;
franta-hg@154
   321
	width: 0;
franta-hg@154
   322
	height: 0;
franta-hg@154
   323
	border-color: transparent silver transparent transparent;
franta-hg@154
   324
	border-style: solid;
franta-hg@154
   325
	border-width: 10px 10px 10px 0;
franta-hg@154
   326
}
franta-hg@154
   327
franta-hg@154
   328
ul.stitky a:after {
franta-hg@154
   329
	content: "";
franta-hg@154
   330
	position: absolute;
franta-hg@154
   331
	top: 9px;
franta-hg@154
   332
	left: 0;
franta-hg@154
   333
	float: left;
franta-hg@154
   334
	width: 4px;
franta-hg@154
   335
	height: 4px;
franta-hg@154
   336
	-moz-border-radius: 2px;
franta-hg@154
   337
	-webkit-border-radius: 2px;
franta-hg@154
   338
	border-radius: 2px;
franta-hg@154
   339
	background: #fff;
franta-hg@154
   340
	-moz-box-shadow: -1px -1px 2px grey;
franta-hg@154
   341
	-webkit-box-shadow: -1px -1px 2px grey;
franta-hg@154
   342
	box-shadow: -1px -1px 2px #004977;
franta-hg@154
   343
}
franta-hg@154
   344
franta-hg@154
   345
ul.stitky a:hover{
franta-hg@154
   346
	background: #555;
franta-hg@154
   347
	color: #ccc;
franta-hg@154
   348
}
franta-hg@154
   349
franta-hg@154
   350
ul.stitky a:hover:before{
franta-hg@154
   351
	border-color:transparent #555 transparent transparent;
franta-hg@154
   352
}