常用CSS样式

/**//*按钮样式*/
2

.ButtonCss {}{
3

font-family: "Tahoma", "宋体";
4

font-size:9pt; color: #003399;
5

border: 1px #003399 solid;
6

color:006699;
7

BORDER-BOTTOM: #93bee2 1px solid;
8

BORDER-LEFT: #93bee2 1px solid;
9

BORDER-RIGHT: #93bee2 1px solid;
10

BORDER-TOP: #93bee2 1px solid;
11

background-image:url(../Images/bluebuttonbg.gif);
12

background-color: #e8f4ff;
13

CURSOR: hand;
14

font-style: normal ;
15

60px;
16

height:22px;
17

}
18

/**//*蓝色按钮样式*/
20

.blueButtonCss {}{
21

font-family: "Tahoma", "宋体";
22

font-size: 9pt; color: #003366;
23

border: 0px #93bee2 solid;
24

/**//* BORDER-BOTTOM: #93bee2 1px solid;
25

BORDER-LEFT: #93bee2 1px solid;
26

BORDER-RIGHT: #93bee2 1px solid;
27

BORDER-TOP: #93bee2 1px solid;*/
28

background-image:url(../Images/blue_button_bg.gif);
29

background-color: #ffffff;
30

CURSOR: hand;
31

font-style: normal ;
32

}
33

/**//*红色按钮样式*/
35

.redButtonCss {}{
36

font-family: "Tahoma", "宋体";
37

font-size: 9pt; color: #0066cc;
38

border: 1px #93bee2 solid;
39

BORDER-BOTTOM: #93bee2 1px solid;
40

BORDER-LEFT: #93bee2 1px solid;
41

BORDER-RIGHT: #93bee2 1px solid;
42

BORDER-TOP: #93bee2 1px solid;
43

background-image:url(../Images/redbuttonbg.gif);
44

background-color: #ffffff;
45

CURSOR: hand;
46

font-style: normal ;
47

}
48

/**//*选择按钮样式*/
49

.selectButtonCss
50

{}{
51

font-family: "Tahoma", "宋体";
52

font-size: 9pt; color: #0066cc;
53

border: 1px #93bee2 solid;
54

BORDER-BOTTOM: #93bee2 1px solid;
55

BORDER-LEFT: #93bee2 1px solid;
56

BORDER-RIGHT: #93bee2 1px solid;
57

BORDER-TOP: #93bee2 1px solid;
58

background-image:url(../Images/blue_button_bg.gif);
59

background-color: #ffffff;
60

CURSOR: hand;
61

font-style: normal ;
62

}
63

/**//*绿色按钮样式*/
65

.greenButtonCss {}{
66

font-family: "Tahoma", "宋体";
67

font-size: 9pt; color: #0066cc;
68

border: 1px #93bee2 solid;
69

BORDER-BOTTOM: #93bee2 1px solid;
70

BORDER-LEFT: #93bee2 1px solid;
71

BORDER-RIGHT: #93bee2 1px solid;
72

BORDER-TOP: #93bee2 1px solid;
73

background-image:url(../Images/greenbuttonbg.gif);
74

background-color: #ffffff;
75

CURSOR: hand;
76

font-style: normal ;
77

}
78

/**//*图像按钮*/
79

.imageButton
80

{}{
81

CURSOR: hand; /**//*改变鼠标形状*/
82

}
83

/**//*页面正文样式*/
84

body
85

{}{
86

scrollbar-face-color: #EDEDF3;
87

scrollbar-highlight-color: #ffffff;
88

scrollbar-shadow-color: #93949F;
89

scrollbar-3dlight-color: #EDEDF3;
90

scrollbar-arrow-color: #082468;
91

scrollbar-track-color: #F7F7F9;
92

scrollbar-darkshadow-color: #EDEDF3;
93

font-size: 9pt;
95

color: #003366;
96

overflow:auto;
97

}
98

TD {}{ FONT-SIZE: 12px }
99

TH
100

{}{
101

FONT-SIZE: 12px;
102

}
103

/**//*************************************
104

下拉选择框显示风格
105

*************************************/
106

SELECT
107

{}{
108

BORDER-RIGHT: #000000 1px solid;
109

BORDER-TOP: #FFFFFF 1px solid;
110

FONT-SIZE: 12px;
111

BORDER-LEFT: #FFFFFF 1px solid;
112

COLOR:#003366;
113

BORDER-BOTTOM: #000000 1px solid;
114

BACKGROUND-COLOR: #f4f4f4;
115

}
116

117

/**//*****************************************************
118

超级链接显示风格
119

*****************************************************/
120

A:Link, A:Visited{}{color:#223355;text-decoration: none}
121

A:Hover{}{color:red;text-decoration:none;}
122

123

A.highlight:link, A.highlight:visited {}{ color:red; text-decoration:none }
124

A.highlight:hover {}{ color:red; text-decoration:underline }
125

126

A.thisclass:link, A.thisclass:visited {}{ color: #D9EBFD; font-weight:bold; text-decoration:none }
127

A.thisclass:hover {}{ color: #FFFFFF;font-weight:bold; }
128

129

A.navlink:link, A.navlink:visited {}{color: #D9EBFD; text-decoration:none}
130

A.navlink:hover {}{color: #FFFFFF; text-decoration:none }
131

132

133

/**//*****************************************************
134

线条文本编辑框显示风格
135

*****************************************************/
136

.EditBox
137

{}{
138

background: #ffffff;
139

border: 1px solid #B7B7B7;
140

color: #003366;
141

cursor: text;
142

font-family: "Arial";
143

font-size: 9pt;
144

height: 18px;
145

padding: 1px;
146

}
147

/**//****************************************************
148

多行文本框样式
149

*****************************************************/
150

.MultiEditBox
151

{}{
152

background: #f8f8f8;
153

border-bottom: #B7B7B7 1px solid;
154

border-left: #B7B7B7 1px solid;
155

border-right: #B7B7B7 1px solid;
156

border-top: #B7B7B7 1px solid;
157

color: #000000;
158

cursor: text;
159

font-family: "Arial";
160

font-size: 9pt;
161

padding: 1px;
162

}
163

164

/**//*****************************************************
165

阴影风格的表单
166

*****************************************************/
167

.Shadow
168

{}{
169

position:absolute;
170

z-index:1000;
171

top:0px;
172

left:0px;
173

background:gray;
174

background-color:#FFCC00;
175

filter : progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=2,offY=2,positives=true);
176

}
177

/**//*****************************************************
178

只显一条横线的Text的样式！
179

*****************************************************/
180

.logintxt
181

{}{
182

BORDER-RIGHT: #ffffff 0px solid;
183

BORDER-TOP: #ffffff 0px solid;
184

FONT-SIZE: 9pt;
185

BORDER-LEFT: #ffffff 0px solid;
186

BORDER-BOTTOM: #c0c0c0 1px solid;
187

BACKGROUND-COLOR: #ffffff
188

}
189

/**//*****************************************************
190

DataGrid页眉样式
191

*****************************************************/
192

.dgTitle
193

{}{
194

height:25px;
195

color:#ffffff;
196

font-size:large;
197

text-align:center;
198

vertical-align:middle;
199

BACKGROUND-IMAGE:url(../images/tableTitle2.gif); height:25px
200

201

}
202

203

/**//*****************************************************
204

DataGrid数据显示样式
205

*****************************************************/
206

.dgItem
207

{}{
208

height:15px;
209

text-align:center;
210

vertical-align:middle;
211

}
212

/**//*****************************************************
213

文本框显示样式
214

*****************************************************/
215

.clarity
216

{}{
217

BORDER-RIGHT: #ffffff 0px solid;
218

BORDER-TOP: #ffffff 0px solid;
219

FONT-SIZE: 9pt;
220

BORDER-LEFT: #ffffff 0px solid;
221

BORDER-BOTTOM: #ffffff 0px solid;
222

}
223

TABLE.List {}{ border-top: 1px solid #000000; border-bottom: 1px solid #000000; }
224

TABLE.List TH,TABLE.List TD {}{ padding:4px;background-color:#eeeeee;border-bottom:2px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
225

TABLE.List TH {}{ background-color:#0064a8;border-top:2px solid #ffffff;color:#ffffff;font-weight:normal;}
226

TABLE.List TH A:link {}{COLOR: #ffffff; TEXT-DECORATION: none}
227

TABLE.List TH A:visited {}{COLOR: #ffffff; TEXT-DECORATION: none}
228

TABLE.List TH A:hover {}{COLOR: #ffffff; TEXT-DECORATION: underline}
229

230

TABLE.Form TH,TABLE.Form TD {}{ padding:4px;background-color:#f6f6f6;border-bottom:1px solid #F6F6F6;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
231

TABLE.Form TH {}{ background-color:#E8E8E8;border-top:1px solid #ffffff;color:#006699;font-size:12px;font-weight:normal;border-bottom:1px;}
232

TABLE.Form TH A:link {}{COLOR: #ffffff; TEXT-DECORATION: none}
233

TABLE.Form TH A:visited {}{COLOR: #ffffff; TEXT-DECORATION: none}
234

TABLE.Form TH A:hover {}{COLOR: #ffffff; TEXT-DECORATION: underline}
235

236

TABLE.Sample TD {}{ padding:2px;background-color:#f6f6f6;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000}
237

TABLE.Sample TH {}{ background-color:#AEC1D7;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000;font-weight:normal;}
238

239

TABLE.SampleD TD {}{ padding:2px;border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000}
240

TABLE.SampleD TH {}{ border-bottom:1px solid #000000;border-top:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;color:#000000;font-weight:normal;}
241

242

TABLE.Form1 TH,TABLE.Form1 TD {}{ padding:4px;background-color:#BED8F3;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;color:#000000}
243

/**//*****************************************************
244

没有边框的输入框
245

*****************************************************/
246

.NoneInput
247

{}{
248

text-align:center;
249

99%;height:99%;
250

border-top-style: none;
251

border-right-style: none;
252

border-left-style: none;
253

background-color: #f6f6f6;
254

border-bottom-style: none;
255

}
256

257

/**//*****************************************************
258

扁平风格的表单样式
259

*****************************************************/
260

261

262

263

/**//*****************************************************/
264

TABLE
265

{}{
266

border-collapse:collapse;
267

}
268

269

/**//*
270

进度条样式
271

*/
272

.bi-loading-status {}{
273

/**//*position: absolute;*/
274

150px;
275

padding: 1px;
276

overflow: hidden;
277

background-color:Gray;
278

}
279

280

281

282

.bi-loading-status .text {}{
283

white-space: nowrap;
284

overflow: hidden;
285

100%;
286

text-overflow: ellipsis;
287

padding: 1px;
288

}
289

290

291

.bi-loading-status .progress-bar {}{
292

border: 1px solid ThreeDShadow;
293

background: window;
294

height: 10px;
295

100%;
296

padding: 1px;
297

overflow: hidden;
298

}
299

300

301

.bi-loading-status .progress-bar div {}{
302

background: Highlight;
303

overflow: hidden;
304

height: 100%;
305

filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
306

}
307

/**//*****************************************************
308

表头背景
309

*****************************************************/
310

.tabletop {}{
311

BACKGROUND-IMAGE: url(../images/tableTitle2.gif);height:25px;
312

}
313

/**//*****************************************************
314

大标题
315

*****************************************************/
316

.tabletitle{}{
317

font-family: "Arial";FONT-SIZE: 12pt; COLOR:#0066cc;font-weight:bolder;filter : progid:DXImageTransform.Microsoft.DropShadow(color=#CCFFFF,offX=1,offY=1,positives=true);
318

}
319

/**//*****************************************************
320

小标题
321

*****************************************************/
322

.smalltitle{}{
323

background-color:#E8E8E8;font-size:12px;font-weight:normal;color:#006699;
324

}
325

.calendarborder{}{
326

border: 1px #B7B7B7 solid;
327

}