I. Button Style
. Buttoncss {
Font-family: "tahoma", "";/* www.52css.com */
Font-size: 9pt, color: #003399;
Border: 1px #003399 solid;
Color: #006699;
Border-bottom: #93bee2 1px solid;
Border-left: #93bee2 1px solid;
Border-Right: #93bee2 1px solid;
Border-top: #93bee2 1px solid;
Background-image: URL (../images/bluebuttonbg.gif );
Background-color: # e8f4ff;
Cursor: hand;
Font-style: normal;
Width: 60px;
Height: 22px;
}
2. Blue buttons
. Bluebuttoncss {
Font-family: "tahoma", "";/* www.52css.com */
Font-size: 9pt, color: #003366;
Border: 0px #93bee2 solid;
Border-bottom: #93bee2 1px solid;
Border-left: #93bee2 1px solid;
Border-Right: #93bee2 1px solid;
Border-top: #93bee2 1px solid ;*/
Background-image: URL (../images/blue_button_bg.gif );
Background-color: # ffffff;
Cursor: hand;
Font-style: normal;
}
3. Red Buttons
. Redbuttoncss {
Font-family: "tahoma", "";/* www.52css.com */
Font-size: 9pt; color: # 0066cc;
Border: 1px #93bee2 solid;
Border-bottom: #93bee2 1px solid;
Border-left: #93bee2 1px solid;
Border-Right: #93bee2 1px solid;
Border-top: #93bee2 1px solid;
Background-image: URL (../images/redbuttonbg.gif );
Background-color: # ffffff;
Cursor: hand;
Font-style: normal;
}
4. select button
. Selectbuttoncss {
Font-family: "tahoma", "";/* www.52css.com */
Font-size: 9pt; color: # 0066cc;
Border: 1px #93bee2 solid;
Border-bottom: #93bee2 1px solid;
Border-left: #93bee2 1px solid;
Border-Right: #93bee2 1px solid;
Border-top: #93bee2 1px solid;
Background-image: URL (../images/blue_button_bg.gif );
Background-color: # ffffff;
Cursor: hand;
Font-style: normal;
}
5. green button
. Greenbuttoncss {
Font-family: "tahoma", "";/* www.52css.com */
Font-size: 9pt; color: # 0066cc;
Border: 1px #93bee2 solid;
Border-bottom: #93bee2 1px solid;
Border-left: #93bee2 1px solid;
Border-Right: #93bee2 1px solid;
Border-top: #93bee2 1px solid;
Background-image: URL (../images/greenbuttonbg.gif );
Background-color: # ffffff;
Cursor: hand;
Font-style: normal;
}
6. Image buttons
. Imagebutton {
Cursor: hand;/* change the Mouse shape www.52css.com */
}
VII. Page body
Body {
Scrollbar-face-color: # ededf3;
Scrollbar-Highlight-color: # ffffff;
Scrollbar-shadow-color: # 93949f;
Scrollbar-3dlight-color: # ededf3;
Scrollbar-arrow-color: #082468;
Scrollbar-track-color: # f7f7f9;
Scrollbar-darkshadow-color: # ededf3;
Font-size: 9pt;/* www.52css.com */
Color: #003366;
Overflow: auto;
}
TD {font-size: 12px}
Th {
Font-size: 12px;
}
8. drop-down box
Select {
Border-Right: #000000 1px solid;
Border-top: # ffffff 1px solid;
Font-size: 12px;/* www.52css.com */
Border-left: # ffffff 1px solid;
Color: #003366;
Border-bottom: #000000 1px solid;
Background-color: # f4f4f4;
}
9. Line text editing box
. Editbox {
Background: # ffffff;
Border: 1px solid # b7b7b7;
Color: #003366;
Cursor: text;
Font-family: "Arial ";
Font-size: 9pt;
Height: 18px;
Padding: 1px;/* www.52css.com */
}
10. Multi-line text box
. Multieditbox {
Background: # f8f8f8;
Border-bottom: # b7b7b7 1px solid;
Border-left: # b7b7b7 1px solid;
Border-Right: # b7b7b7 1px solid;
Border-top: # b7b7b7 1px solid;
Color: #000000;
Cursor: text;
Font-family: "Arial ";
Font-size: 9pt;
Padding: 1px;/* www.52css.com */
}
11. Shadow forms
. Shadow {
Position: absolute;
Z-index: 1000;
Top: 0px;
Left: 0px;/* www.52css.com */
Background: Gray;
Background-color: # ffcc00;
Filter: progidximagetransform. Microsoft. dropshadow (color = # ff404040, offx = 2, offy = 2, positives = true );
}
12. display only one X-ray input box
. Logintxt {
Border-Right: # ffffff 0px solid;
Border-top: # ffffff 0px solid;
Font-size: 9pt;/* www.52css.com */
Border-left: # ffffff 0px solid;
Border-bottom: # c0c0c0 1px solid;
Background-color: # ffffff
}
13. input box without Borders
. noneinput {
text-align: center;
width: 99%; Height: 99%;
border-top-style: none;
border-right-style: none;
border-left-style: none;
background-color: # f6f6f6;
border-bottom-style: none;
}