温馨提示:代码在线浏览功能只能做为源码浏览参考,不能展示项目的全部,如果想更进一步了解该代码请下载:51aspx日期控件演示及源码
当前文件路径:CalendarDemo/51aspxResource/Calendar.css

1TABLE.calendar{ 2
font-family : Tahoma; 3
font-size : 12 ; 4
border-left:1px solid cccccc; 5
border-top:1px solid cccccc; 6
border-right:1px solid #888888; 7
border-bottom:1px solid #888888; 8
width:200px; 9
10
} 11
TD.lastMonth{ color:bbbbbb; } 12
TD.nextMonth{ color:bbbbbb; } 13
TD.normal{color:black;} 14
TD.smallFont{font-size:10px;} 15
TD.tdCurDate{color:white;background:url(../Common/Calendar/Images/bgCurDate.gif) no-repeat center center;} 16
TD.tdToday{color:black;background:url(../Common/Calendar/Images/bgToday1.gif) no-repeat center center;} 17
TD.tdTodayCurDate{color:white;background:url(../Common/Calendar/Images/bgToday2.gif) no-repeat center center;} 18
TD.tdHoliday{ color:darkred; } 19
TD.Day_MouseOver{background-color:#cecece;color:Red} 20
TD.Month_MouseOver{ background-color:#444444; color:Red;} 21
TD.Month_MouseOut{ background-color:White ; color:Red;} 22
.dropItem{ background-color:Gray ;} 23
24
.DPFrame 25
{ 26
27
border-right: #D6D3CE 2px inset; 28
border-top: #D6D3CE 2px inset; 29
font-weight: normal; 30
font-size: 9pt; 31
border-left: #D6D3CE 2px inset; 32
33
border-bottom: #D6D3CE 2px inset; 34
font-style: normal; 35
line-height:0px; 36
height: 25px; 37
background-color: transparent; 38
font-variant: normal; 39
margin:0 0 0 0; 40
padding:0 0 0 0; 41
overflow:hidden ; 42
position:relative ; 43
top:-1px; 44
45
46
} 47
48
49
50
.DPSpan 51
{ 52
position:relative ; 53
top:-8px; 54
55
font-weight:bold; 56
57
} 58
59
.DPimg 60
{ 61
left: 0px; 62
overflow: hidden; 63
cursor: hand; 64
border-top-style: none; 65
border-right-style: none; 66
border-left-style: none; 67
position:relative ; 68
border-bottom-style: none; 69
} 70
.DPTitle 71
{ 72
font-weight: normal; 73
font-size: 11pt; 74
border-left-color: #ffff00; 75
border-bottom-color: #ffff00; 76
color: black; 77
border-top-style: double; 78
border-top-color: #ffff00; 79
line-height: normal; 80
font-style: normal; 81
border-right-style: double; 82
border-left-style: double; 83
background-color: ghostwhite; 84
text-align: center; 85
font-variant: normal; 86
border-right-color: #ffff00; 87
border-bottom-style: double; 88
} 89
.DPWeekName 90
{ 91
font-weight: normal; 92
font-size: 9pt; 93
color: white; 94
line-height: normal; 95
border-bottom: black 1px solid; 96
font-style: normal; 97
background-color: #929100; 98
text-align: center; 99
font-variant: normal; 100
} 101
102
.DPWeekend 103
{ 104
color:Red; 105
} 106
.DPCellOther 107
{ 108
border-right: mintcream 1px solid; 109
border-top: mintcream 1px solid; 110
font-weight: normal; 111
font-size: 10pt; 112
border-left: mintcream 1px solid; 113
color: #9db9de; 114
line-height: normal; 115
border-bottom: mintcream 1px solid; 116
font-style: normal; 117
background-color: #e0ded1; 118
text-align: center; 119
font-variant: normal; 120
} 121
.DPCell 122
{ 123
border-right: ghostwhite 1px solid; 124
padding-right: 6px; 125
border-top: ghostwhite 1px solid; 126
padding-left: 6px; 127
font-weight: normal; 128
font-size: 10pt; 129
padding-bottom: 1px; 130
border-left: ghostwhite 1px solid; 131
cursor: hand; 132
color: #000000; 133
line-height: normal; 134
padding-top: 1px; 135
border-bottom: ghostwhite 1px solid; 136
font-style: normal; 137
background-color: #d4dfc6; 138
text-align: center; 139
font-variant: normal; 140
} 141
.DPCellSelect 142
{ 143
border-right: #ccccff 1px double; 144
border-top: #ccccff 1px double; 145
font-weight: bold; 146
font-size: 10pt; 147
border-left: #ccccff 1px double; 148
cursor: hand; 149
color: #000000; 150
line-height: normal; 151
border-bottom: #ccccff 1px double; 152
font-style: normal; 153
background-color: #ccffd9; 154
text-align: center; 155
font-variant: normal; 156
} 157
.DPYear 158
{ 159
BACKGROUND-COLOR: transparent; 160
BORDER-BOTTOM: 0px; 161
BORDER-LEFT: 0px; 162
BORDER-RIGHT: 0px; 163
BORDER-TOP: 0px; 164
COLOR:Black ; 165
FONT-SIZE: 9pt; 166
FONT-STYLE: normal; 167
FONT-VARIANT: normal; 168
FONT-WEIGHT: normal; 169
LINE-HEIGHT: normal; 170
TEXT-ALIGN: right; 171
width:32px; 172
height:16px; 173
padding:0,0,0,0; 174
margin:0,0,0,0; 175
position:relative; 176
top :-6px; 177
font-weight:bold; 178
179
} 180
.DPYearDes 181
{ 182
BACKGROUND-COLOR: transparent; 183
margin:0,0,0,0; 184
WIDTH: 1px; 185
height:16px; 186
} 187
.DPMonth 188
{ 189
position:relative; 190
top :-6px; 191
border-right: 0px; 192
border-top: 0px; 193
font-weight: normal; 194
font-size: 9pt; 195
border-left: 0px; 196
color: Black ; 197
line-height: normal; 198
border-bottom: 0px; 199
font-style: normal; 200
background-color: transparent; 201
text-align: right; 202
margin:0,0,0,0; 203
padding:0,0,0,0; 204
font-variant: normal; 205
width:16px; 206
height:16px; 207
font-weight:bold; 208
} 209
.DPMonthDes 210
{ 211
BACKGROUND-COLOR: transparent; 212
margin:0,0,0,0; 213
padding:0,0,0,0; 214
WIDTH: 1px; 215
height:16px; 216
} 217
.DPDay 218
{ 219
position:relative; 220
top :-6px; 221
BACKGROUND-COLOR: transparent; 222
BORDER-BOTTOM: 0px; 223
BORDER-LEFT: 0px; 224
BORDER-RIGHT: 0px; 225
BORDER-TOP: 0px; 226
COLOR: Black ; 227
FONT-SIZE: 9pt; 228
FONT-STYLE: normal; 229
FONT-VARIANT: normal; 230
FONT-WEIGHT: normal; 231
LINE-HEIGHT: normal; 232
height:16px; 233
margin:0,0,0,0; 234
padding:0,0,0,0; 235
TEXT-ALIGN: right; 236
width:16px; 237
font-weight:bold; 238
} 239
.DPDayDes 240
{ 241
BACKGROUND-COLOR: transparent; 242
height:16px; 243
WIDTH: 1px 244
} 245
.DPSep 246
{ 247
BACKGROUND-COLOR: transparent; 248
height:16px; 249
WIDTH: 8px 250
} 251
252
253



font-family
