温馨提示:代码在线浏览功能只能做为源码浏览参考,不能展示项目的全部,如果想更进一步了解该代码请下载:漂亮许愿墙前台程序源码
当前文件路径:AspNetXuYuanQiang/css/PageZone.css

1body { 2
} 3
4
/* 5
common layout definition 6
*/ 7
dl dt 8
{ 9
/*position:relative;*/ 10
overflow:visible; 11
12
} 13
dl dt img 14
{ 15
16
vertical-align:middle; 17
margin-bottom:-5px; 18
margin-top:-5px; 19
padding-left:5px; 20
} 21
dl dd .Content 22
{ 23
padding:5px; 24
text-align:left; 25
display:block; 26
27
28
} 29
dl dd .CentralContent 30
{ 31
padding:5px; 32
text-align:center; 33
} 34
dl dd 35
{ 36
padding:0px; 37
margin:0px; 38
} 39
.NavList 40
{ 41
margin:0px; 42
padding:0px; 43
} 44
.NavList li 45
{ 46
margin:0px; 47
list-style-type:none; 48
padding:0px; 49
border-bottom:1px solid white; 50
} 51
.NavList li a 52
{ 53
54
display:block; 55
/*padding-top:5px; 56
padding-bottom:5px;*/ 57
background-color: #F8FBFF; 58
border-bottom: 1px solid #DCE1ED; 59
border-top:1px solid white; 60
padding-left:5px; 61
margin-right:0px; 62
padding-right:5px; 63
text-decoration:none; 64
margin-left:0px; 65
line-height:30px; 66
color: #3366cc; 67
} 68
.NavList li a:hover 69
{ 70
text-decoration:underline; 71
} 72
.NavList li a img 73
{ 74
border:0px; 75
vertical-align:middle; 76
margin-right:expression(30-this.width); 77
} 78
dl dd .Bottom 79
{ 80
background-color:#E6F5FE; 81
padding-top:5px; 82
padding-bottom:5px; 83
padding-left:10px; 84
padding-right:10px; 85
text-align:right; 86
87
} 88
dl dd .Bottom a img 89
{ 90
border:0px; 91
vertical-align:middle; 92
} 93
.downArrow 94
{ 95
font-size: 18px; 96
font-family: Webdings; 97
} 98
dl dt .Shadow 99
{ 100
filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#B06401,strength=2); 101
height:23px; 102
display:block; 103
} 104
/* 105
银色导航块 106
*/ 107
.SliverZone 108
{ 109
border:1px solid #9DD6FA; 110
} 111
.SliverZone dt 112
{ 113
background-image:url(../Resources/sliverTBG.gif); 114
height:30px; 115
border-bottom:1px solid #62BDF7; 116
line-height:30px; 117
padding-left:5px; 118
119
} 120
.SliverZone .NavList 121
{ 122
123
} 124
125
/* 126
橙色导航块 127
*/ 128
.OrangeZone 129
{ 130
border: 1px solid #F7B66E; 131
padding:1px; 132
padding-bottom:0px; 133
134
} 135
.OrangeZone dt 136
{ 137
background-color: #F8C01D; 138
background-image:url(../resources/Info_orange_bg.gif); 139
color:White; 140
height:23px; 141
font-size:13px; 142
font-weight:bold; 143
padding-left:2px; 144
border-left: solid 2px #F1B21D; 145
border-top: solid 2px #F1B21D; 146
border-right: solid 2px #F1B21D; 147
148
display:block; 149
} 150
.OrangeZone dd .Bottom 151
{ 152
background-color:#FFF9E7; 153
} 154
/* 155
绿色导航块 156
*/ 157
.GreenZone 158
{ 159
border: 1px solid #7CDF00; 160
padding:1px; 161
padding-bottom:0px; 162
} 163
.GreenZone dt 164
{ 165
background-color: #7CDF00; 166
background-image:url(../resources/Info_green_bg.gif); 167
color:White; 168
height:23px; 169
font-size:13px; 170
font-weight:bold; 171
border-left: solid 2px #80D800; 172
border-top: solid 2px #80D800; 173
border-right: solid 2px #80D800; 174
padding-left:2px; 175
} 176
.GreenZone dd .Bottom 177
{ 178
background-color:#EDFCF1; 179
} 180
/* 181
蓝色导航块 182
*/ 183
.BlueZone 184
{ 185
border: 1px solid #9AC0EF; 186
padding:1px; 187
padding-bottom:0px; 188
} 189
.BlueZone dt 190
{ 191
border-left: solid 2px #64C6F2; 192
border-top: solid 2px #64C6F2; 193
border-right: solid 2px #64C6F2; 194
background-color: #64C6F2; 195
background-image:url(../resources/Info_blue_bg.gif); 196
color:White; 197
height:23px; 198
font-size:13px; 199
font-weight:bold; 200
padding-left:2px; 201
} 202
/* 203
紫色导航块 204
*/ 205
.PurpleZone 206
{ 207
border:1px solid #B18AFF; 208
padding:1px; 209
padding-bottom:0px; 210
} 211
.PurpleZone dt 212
{ 213
border-left: solid 2px #CFB7FF; 214
border-top: solid 2px #CFB7FF; 215
border-right: solid 2px #CFB7FF; 216
background-color: #BC9AEA; 217
background-image:url(../resources/Info_purple_bg.gif); 218
color:White; 219
height:23px; 220
font-size:13px; 221
font-weight:bold; 222
padding-left:2px; 223
} 224
.PurpleZone dd .Bottom 225
{ 226
background-color:#F9F6FF; 227
border-top:1px solid #EDE4FF; 228
} 229
/* 230
导航块内的Tab导航 231
*/ 232
233
.TabScrip 234
{ 235
236
text-align:right; 237
float:right; 238
position:relative; 239
top:-23px; 240
height:20px; 241
bottom:0px; 242
margin:0px; 243
padding:0px; 244
display:block; 245
padding-right:10px; 246
247
} 248
.TabScrip li 249
{ 250
251
margin:0px; 252
padding:0px; 253
display:inline; 254
list-style-type:none; 255
position:relative; 256
top:5px; 257
258
} 259
.TabScrip li a 260
{ 261
margin-left:2px; 262
margin-right:2px; 263
margin-bottom:0px; 264
margin-top:0px; 265
border-left:1px solid gray; 266
border-right:1px solid gray; 267
border-top:1px solid gray; 268
padding-left:5px; 269
padding-right:5px; 270
padding-top:3px; 271
padding-bottom:2px; 272
/*border-bottom:1px solid #62BDF7;*/ 273
274
background-color:#F3FAFE; 275
276
font-weight:bold; 277
color:#787878; 278
text-decoration:none; 279
position:relative; 280
top:-1px; 281
282
} 283
.TabScrip li a:hover 284
{ 285
text-decoration:underline; 286
} 287
288
.TabScrip li.Active a 289
{ 290
291
background-color:White; 292
color:Black; 293
top:0px;border-bottom:1px solid white; 294
295
} 296
297
dl dd .More 298
{ 299
display:inline; 300
position:relative; 301
text-align:right; 302
float:right; 303
top:-25px; 304
padding-right:10px; 305
306
307
} 308
dl dd .More a 309
{ 310
color: #CA73D6; 311
font-size:12px; 312
} 313
dl dd .More a img 314
{ 315
vertical-align:middle; 316
border:0px; 317
} 318
319
dl dd .Content .UserLink 320
{ 321
display:inline; 322
width: 80px; 323
text-align: center; 324
margin:4px; 325




common layout definition

padding-bottom:5px;