常用CSS样式

  1 /**/ /**/ /**/ /*按钮样式*/
  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    width:60px;
 16    height:22px;
 17}
 18
 19 /**/ /**/ /**/ /*蓝色按钮样式*/
 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
 34 /**/ /**/ /**/ /*红色按钮样式*/
 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
 64 /**/ /**/ /**/ /*绿色按钮样式*/
 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 {} {
 81CURSOR: 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    
 94    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 /**/ /**/ /**/ /*****************************************************
190DataGrid页眉样式
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 /**/ /**/ /**/ /*****************************************************
204DataGrid数据显示样式
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    width: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  width:        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  width:             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  width:        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}