Google的Gmail使用的Css代码

BODY  {...} {
    FONT-FAMILY: arial,sans-serif
}
TD  {...} {
    FONT-FAMILY: arial,sans-serif
}
INPUT  {...} {
    FONT-FAMILY: arial,sans-serif
}
TEXTAREA  {...} {
    FONT-FAMILY: arial,sans-serif
}
SELECT  {...} {
    FONT-FAMILY: arial,sans-serif
}
INPUT  {...} {
    FONT-SIZE: 100%
}
TEXTAREA  {...} {
    FONT-SIZE: 100%
}
SELECT  {...} {
    FONT-SIZE: 100%
}
FORM  {...} {
    MARGIN: 0px; WIDTH: 100%
}
IMG  {...} {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
BODY  {...} {
    BACKGROUND: #fff; MARGIN: 0px
}
SELECT  {...} {
    WIDTH: 20ex
}
PRE  {...} {
    WORD-WRAP: break-word
}
.eltr  {...} {
    
}
.s  {...} {
    FONT-SIZE: 80%
}
.xs  {...} {
    FONT-SIZE: 70%
}
.sxs  {...} {
    FONT-SIZE: 87%
}
.lk  {...} {
    CURSOR: hand; COLOR: #0000cc  ; WHITE-SPACE: nowrap; TEXT-DECORATION: underline
}
.lkw  {...} {
    CURSOR: hand; COLOR: #0000cc  ; WHITE-SPACE: normal; TEXT-DECORATION: underline
}
.l  {...} {
    CURSOR: hand; COLOR: #0000cc  ; WHITE-SPACE: nowrap
}
.lw  {...} {
    CURSOR: hand; COLOR: #0000cc  
}
.ll  {...} {
    CURSOR: hand; COLOR: #80aaf8  ; WHITE-SPACE: nowrap; TEXT-DECORATION: underline
}
.lc  {...} {
    COLOR: #0000cc  
}
.urlc  {...} {
    COLOR: #006633  
}
.lg  {...} {
    COLOR: #888888  
}
.g  {...} {
    COLOR: #444444  
}
.ilc  {...} {
    CURSOR: hand; COLOR: #aa0000  ; WHITE-SPACE: nowrap; TEXT-DECORATION: underline
}
.ttc  {...} {
    FONT-WEIGHT: bold; CURSOR: hand; COLOR: #006633  ; TEXT-DECORATION: underline
}
.gr  {...} {
    COLOR: #006633  
}
.cg  {...} {
    BACKGROUND: #eeeeee  
}
.wr  {...} {
    FONT-WEIGHT: bold; BACKGROUND: #cc0000  ; COLOR: #fff
}
.h  {...} {
    CURSOR: hand
}
.a  {...} {
    CURSOR: default
}
.dn  {...} {
    DISPLAY: none
}
.vh  {...} {
    VISIBILITY: hidden
}
.ctop  {...} {
    PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: url(images/card_top.gif) repeat-x 50% top; PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px
}
.ctopn  {...} {
    PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BACKGROUND: url(images/card_top_new.gif) repeat-x 50% top; PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px
}
.ctl  {...} {
    BACKGROUND: url(images/card_tl.gif) left top
}
.ctr  {...} {
    BACKGROUND: url(images/card_tr.gif) right top
}
.stl  {...} {
    BACKGROUND: url(images/card_stl.gif) left top
}
.str  {...} {
    BACKGROUND: url(images/card_str_new.gif) right top
}
.ctln  {...} {
    BACKGROUND: url(images/card_tl_new.gif) left top
}
.ctrn  {...} {
    BACKGROUND: url(images/card_tr_new.gif) right top
}
.stln  {...} {
    BACKGROUND: url(images/card_stl_new.gif) left top
}
.strn  {...} {
    BACKGROUND: url(images/card_str_new.gif) right top
}
.btr  {...} {
    BACKGROUND: url(images/card_btr.gif) right top
}
.cbot  {...} {
    PADDING-RIGHT: 1px; BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 1px; BACKGROUND-IMAGE: url(images/card_bot.gif); PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px; BACKGROUND-REPEAT: repeat-x
}
.cbotn  {...} {
    PADDING-RIGHT: 1px; BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 1px; BACKGROUND-IMAGE: url(images/card_bot_new.gif); PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px; BACKGROUND-REPEAT: repeat-x
}
.cbtl  {...} {
    BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/card_bl.gif)
}
.cbtr  {...} {
    BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(images/card_br.gif)
}
.cbtln  {...} {
    BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(images/card_bl_new.gif)
}
.cbtrn  {...} {
    BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(images/card_br_new.gif)
}
.cbln  {...} {
    BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/card_left_new.gif); BACKGROUND-REPEAT: repeat-y
}
.cbrn  {...} {
    BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/card_right_new.gif); WIDTH: 2px; BACKGROUND-REPEAT: repeat-y
}
.cbln2  {...} {
    BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/card_left2_new.gif); BACKGROUND-REPEAT: repeat-y
}
.cbrn2  {...} {
    BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/card_right2_new.gif); WIDTH: 2px; BACKGROUND-REPEAT: repeat-y
}
.cb  {...} {
    BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/card_left.gif); BACKGROUND-REPEAT: repeat-y
}
.cbl  {...} {
    BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/card_left.gif); BACKGROUND-REPEAT: repeat-y
}
.cb  {...} {
    BORDER-RIGHT: #e8e8e8   1px solid
}
.cbr  {...} {
    BORDER-RIGHT: #e8e8e8   1px solid
}
.cb2  {...} {
    BORDER-RIGHT: #e8e8e8   1px solid; BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/card_left2.gif); BACKGROUND-REPEAT: repeat-y
}
.ctl  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.ctr  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.stl  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.str  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.cbtl  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.cbtr  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.ctln  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.ctrn  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.stln  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.strn  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.cbtln  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.cbtrn  {...} {
    BACKGROUND-REPEAT: no-repeat
}
.ctl  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbtl  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.stl  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ctln  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbtln  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.stln  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbl  {...} {
    PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbl2  {...} {
    PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbln  {...} {
    PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbln2  {...} {
    PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbr  {...} {
    PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbr2  {...} {
    PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbrn  {...} {
    PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbrn2  {...} {
    PADDING-RIGHT: 2px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ctr  {...} {
    PADDING-RIGHT: 9px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbtr  {...} {
    PADDING-RIGHT: 9px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.str  {...} {
    PADDING-RIGHT: 9px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ctrn  {...} {
    PADDING-RIGHT: 9px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.cbtrn  {...} {
    PADDING-RIGHT: 9px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.strn  {...} {
    PADDING-RIGHT: 9px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.bl  {...} {
    BACKGROUND-POSITION: left 50%; BACKGROUND-IMAGE: url(images/bubble_left.gif); BACKGROUND-REPEAT: repeat-y
}
.br  {...} {
    BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/bubble_right.gif); BACKGROUND-REPEAT: repeat-y
}
.ab  {...} {
    PADDING-RIGHT: 0.3ex; PADDING-LEFT: 0.3ex; FONT-SIZE: 85%; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-RIGHT: 8px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.ct  {...} {
    FONT-SIZE: 80%; COLOR: #006633  
}
.thi  {...} {
    BORDER-RIGHT: #c3d9ff   2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c3d9ff   2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #c3d9ff   2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #c3d9ff   2px solid
}
TD.trb  {...} {
    PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 75%; PADDING-BOTTOM: 1px; PADDING-TOP: 6px; WHITE-SPACE: nowrap
}
.vtb  {...} {
    BORDER-RIGHT: #fad163   1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fad163   1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 80%; PADDING-BOTTOM: 4px; MARGIN: 8px; BORDER-LEFT: #fad163   1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #fad163   1px solid; BACKGROUND-COLOR: #fae5b0  
}
.vb  {...} {
    FLOAT: right
}
.vb SPAN  {...} {
    PADDING-LEFT: 2ex
}
.ml  {...} {
    FONT-SIZE: 80%; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; TEXT-ALIGN: right
}
.mxs  {...} {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.mxf  {...} {
    PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.mxs  {...} {
    BACKGROUND: #74dd82  
}
.mxf  {...} {
    BACKGROUND: #fad163  
}
.mxt  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 120%
}
.mxh  {...} {
    FLOAT: right; CURSOR: hand; COLOR: #0000cc  ; WHITE-SPACE: nowrap; TEXT-DECORATION: underline
}
.mxl  {...} {
    FONT-WEIGHT: bold; VERTICAL-ALIGN: top; WIDTH: 1%; PADDING-TOP: 4px; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
#mt2 LABEL  {...} {
    FONT-WEIGHT: bold
}
#mt2 TD  {...} {
    FONT-SIZE: 80%
}
#mt2 BUTTON  {...} {
    FONT-SIZE: 87%
}
.mxn  {...} {
    FONT-WEIGHT: bold
}
#mt2 .mxd  {...} {
    FONT-SIZE: 60%; TEXT-ALIGN: right
}
.df  {...} {
    FONT-WEIGHT: bold; COLOR: #aa0000  
}
.trc TD  {...} {
    FONT-SIZE: 80%; WHITE-SPACE: nowrap
}
.tnm  {...} {
    PADDING-RIGHT: 15px; PADDING-LEFT: 15px; BACKGROUND: #eeeeee  ; PADDING-BOTTOM: 1px; COLOR: #888888  ; LINE-HEIGHT: 1.7ex; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.rcvr  {...} {
    FONT-SIZE: 90%
}
.tsr  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 34px; BACKGROUND: #eeeeee  ; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #bbb 1px solid
}
.tsr TD  {...} {
    PADDING-RIGHT: 1ex; FONT-SIZE: 70%; VERTICAL-ALIGN: middle; COLOR: #888888  ; WHITE-SPACE: nowrap
}
.trc .lk  {...} {
    COLOR: #7777de  
}
.tsr .lk  {...} {
    COLOR: #7777de  
}
.phd  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 6px; TEXT-ALIGN: center
}
.phd TABLE  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 80%; BACKGROUND: #cc0000  
}
.ph  {...} {
    PADDING-RIGHT: 12px; PADDING-LEFT: 12px; PADDING-BOTTOM: 7px; PADDING-TOP: 7px
}
#nav  {...} {
    LEFT: 1ex; POSITION: absolute
}
.nl  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-SIZE: 80%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; WHITE-SPACE: nowrap
}
.cv  {...} {
    FONT-SIZE: 80%; WIDTH: 100%
}
.ib TD  {...} {
    FONT-SIZE: 80%
}
.ib  {...} {
    TABLE-LAYOUT: fixed
}
#aca  {...} {
    BACKGROUND-COLOR: #c3d9ff  
}
#aca SPAN  {...} {
    FONT-SIZE: 70%
}
.cs  {...} {
    COLOR: #006633  
}
.co  {...} {
    COLOR: #fad163  
}
.cs  {...} {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 80%; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-OVERFLOW: ellipsis
}
.co  {...} {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 80%; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 0px; TEXT-OVERFLOW: ellipsis
}
.fspc  {...} {
    HEIGHT: 8px
}
.fdc  {...} {
    MARGIN-TOP: 12px
}
#ft  {...} {
    FONT-SIZE: 80%; TEXT-ALIGN: center
}
.ft  {...} {
    MARGIN-TOP: 12px
}
.fq  {...} {
    MARGIN-TOP: 12px; FONT-WEIGHT: bold
}
.fv  {...} {
    FONT-SIZE: 87%; MARGIN: 5px 0px 10px
}
.fcs  {...} {
    FONT-SIZE: 87%
}
.fcs  {...} {
    MARGIN-TOP: 4px
}
.fcs DIV  {...} {
    MARGIN-TOP: 4px
}
.fc  {...} {
    COLOR: #444
}
.fp  {...} {
    COLOR: #888
}
.th TD  {...} {
    FONT-SIZE: 80%
}
.thm  {...} {
    PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #bbb 1px solid; TEXT-ALIGN: center
}
.lz  {...} {
    PADDING-RIGHT: 8px; FLOAT: left
}
.roz  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.riz  {...} {
    FLOAT: right
}
.tlc  {...} {
    TABLE-LAYOUT: fixed; CURSOR: hand
}
.tlhc  {...} {
    CURSOR: default
}
.tlc COL  {...} {
    FONT-SIZE: 80%
}
.tlc TD  {...} {
    FONT-SIZE: 80%; BORDER-BOTTOM: #bbb 1px solid; empty-cells: show
}
.cc  {...} {
    WIDTH: 31px; TEXT-ALIGN: right
}
.tlsc  {...} {
    HEIGHT: 10px
}
.tlsc TD  {...} {
    CURSOR: default; BORDER-BOTTOM: 0px
}
.sc  {...} {
    BACKGROUND-POSITION: 1px 3px; BACKGROUND-REPEAT: no-repeat
}
.t  {...} {
    BACKGROUND-IMAGE: url(images/star_on_2.gif)
}
.v  {...} {
    BACKGROUND-IMAGE: url(images/star_off_2.gif)
}
.tt .sc  {...} {
    BACKGROUND-POSITION: 3px 4px; BACKGROUND-IMAGE: url(images/trash.gif)
}
.cti  {...} {
    PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; PADDING-TOP: 20px
}
.cth  {...} {
    PADDING-RIGHT: 20px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.ctn  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 110%; MARGIN: 10px
}
.ctcn  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 150%
}
#cbs  {...} {
    PADDING-LEFT: 20px; WHITE-SPACE: nowrap; TEXT-ALIGN: left
}
#cts  {...} {
    PADDING-LEFT: 20px; WHITE-SPACE: nowrap; TEXT-ALIGN: left
}
#cit  {...} {
    FONT-SIZE: 80%; WIDTH: 1%; WHITE-SPACE: nowrap
}
.ctlf  {...} {
    PADDING-LEFT: 3em; VERTICAL-ALIGN: top; WIDTH: 1%; WHITE-SPACE: nowrap; TEXT-ALIGN: right
}
.ctrf  {...} {
    WHITE-SPACE: nowrap
}
.cted