advanced.css.svn-base

j2me设计的界面包

/* ###########################################################################

GLOBAL ASSETS RELEASE v3.2

SUN ADVANCED.CSS v5.1

BUILD DATE: 20071025

COPYRIGHT SUN MICROSYSTEMS INC. 2007

IF YOU WISH TO ADD TO OR EDIT THIS CSS CONTACT webdesign -at- sun.com FIRST!

NOTE: YOU *MUST* CHANGE ALL REFERENCES TO /IM TO REFLECT THE APPROPRIATE DIRECTORY.

########################################################################### */

/* forms */
input.buttonblue,input.buttonred,input.hotbutton,input.defbutton{cursor:hand;color:#FFF;font-weight:bold;font-size:11px;padding:2px 1px;margin:0;white-space:nowrap}
input.buttonred,input.hotbutton{background:url("images/bg_sunorange.gif") repeat-x left top #E76F00;border-right:1px solid #C06600;border-bottom:1px solid #C06600;border-left:1px solid #FAE2CC;border-top:1px solid #FAE2CC}
input.buttonblue,input.defbutton{background:url("images/bg_sunblue.gif") repeat-x 0 -10px #304C60;border-right:1px solid #304C60;border-bottom:1px solid #304C60;border-left:1px solid #BACDD9;border-top:1px solid #BACDD9}
input.buttonred:hover,input.buttonblue:hover,input.hotbutton:hover,input.defbutton:hover{color:#fbe249}
input.error, select.error, textarea.error{border:2px solid;background:#FEE;border-top-color:#C00;border-left-color:#C00;border-right-color:#F00;border-bottom-color:#F00}
input.medium{width:120px}
input.mediumlarge,select.rightmodule{width:130px}
input.large{width:200px}
p.error{background:white;border:1px solid #D12124;padding:10px;color:#D12124;text-decoration:none}
label.error{color:#c00;font-weight:bold}
label.error a:link{color:#c00;text-decoration:underline}
label.error a:visited{color:#c00;text-decoration:underline}
label.error a:hover{color:#c00;text-decoration:underline}
input[type="text"]:focus,input[type="password"]:focus,select:focus{background:#fffaea}
form div.country-lang-selectors input{vertical-align:middle;margin-right:2px}
form div.country-lang-selectors p{margin:6px 0px}
form div.country-lang-selectors label{cursor:pointer}

/* hr */
hr.light{background:#E3E3E3;color:#E3E3E3;height:2px;padding:0;border:0}
hr{background:#333;color:#333;height:2px;padding:0;border:0;clear:both}
.pc0v5 hr,.col1 hr.light,.col2 hr.light{background:#CCC;color:#CCC;height:2px;padding:0;border-left:0;border-right:0;border-top:0;border-bottom:1px #FFF solid;margin-bottom:10px}
td.grey3 span.sp5{line-height:2px;font-size:2px !important}
div.hr{margin:10px 0;background:#ddd;height:2px;clear:both}
div.hr hr{display:none}
div.d7 div.hr{background:#ddd}
div.pc1 div.hr{height:0;border:1px solid #ccc;border-color:#ccc white white #ccc}

/* misc */
div.bluearrows,span.bluearrows,a.bluearrows,.chevron{background:url("images/ar_dbl_blue.png") no-repeat top left;padding-left:10px}
div.bluearrows,span.bluearrows,a.bluearrows,.chevron{_background:url("images/ar_dbl_blue.gif") no-repeat top left}
.l5v0 ul li,ul.bluearrows li{margin:0;padding:0 0 4px 10px;list-style-type:none;list-style-image:url("images/a.gif");background:url("images/ar_dbl_blue.png") no-repeat left top}
.l5v0 ul li,ul.bluearrows li{_background:url("images/ar_dbl_blue.gif") no-repeat left top}
.l5v0 ul,ul.bluearrows{margin:0;padding:0}
ul.bluearrows li.current{background-image:url("images/ar_single_black_bold.gif");font-weight:bold}
.whtcopy,a.whitelink,a.whitelink:link,a.whitelink:hover,a.whitelink:visited{color:#FFF}
td.sectiontitle1,td.sectiontitle1 a,td.sectiontitle1 div,td.sectiontitle2,td.sectiontitle2 a,td.sectiontitle2 div{font-weight:bold}
.sunblue a.whitelink,.sunblue a.whitelink:visited{color:#FFF}
.sunblue a.yellowlink,.sunblue a.yellowlink:visited,td.sunblue b,td.sunblue div.navtitle{color:#FFD55C}
span.hotbutton{white-space:nowrap;line-height:2em;margin:0 3px}
span.hotbutton a:link,span.hotbutton a:visited{color:#FFF;padding:2px 8px;border-right:1px solid #C06600;border-bottom:1px solid #C06600;border-left:1px solid #FAE2CC;border-top:1px solid #FAE2CC;background:url("images/bg_sunorange.gif") repeat-x left top #E76F00;font-weight:bold}
span.buttonlink{white-space:nowrap;line-height:2em;margin:0 3px}
span.buttonlink a:link,span.buttonlink a:visited{color:#FFF;padding:2px 8px;border-right:1px solid #304C60;border-bottom:1px solid #304C60;border-left:1px solid #BACDD9;border-top:1px solid #BACDD9;background:url("images/bg_sunblue.gif") repeat-x 0 -10px #304C60}
span.hotbutton a:hover,span.buttonlink a:hover{color:#FBE249;text-decoration:none}
span.hotbutton a strong,span.buttonlink a strong{margin:0;padding:0;color:#fff}
ul.nobullet li,li.nobullet{list-style-image:url("images/a.gif")}
.clear{clear:both !important}
.securelink{padding-right:12px;background:url("images/ic_secure.gif") no-repeat top right}
.spaced li{padding-top:.5em}
ul.goto,ul.showDiv{margin:0;padding:0}
.jsenabled ul.goto,.jsenabled ul.showDiv{height:15px;visibility:hidden}
.jsenabled .listTitle,.jsenabled .loadUrl{display:none}
span:hover.imgswap{cursor:pointer}
.jsenabled .hidethis{display:none}
.spriteswap{position:relative}
ul.icons{margin:0;padding:0}
body div ul.icons li{margin:0;padding:0 0 3px 17px;list-style-image:url("images/a.gif");background-repeat:no-repeat;background-position:left top}
body div ul.feedicon li,body div ul.icons li.feedicon{background:url("images/ic_feed_12x.gif") no-repeat 1px 0}
body div ul.emailicon li,body div ul.icons li.emailicon{background-image:url("images/ic_email.gif")}
body div ul.printicon li,body div ul.icons li.printicon{background-image:url("images/ic_print.gif")}
body div ul.phoneicon li,body div ul.icons li.phoneicon{background-image:url("images/ic_phone.gif")}
body div ul.bullet-bs li,body div ul.icons li.bullet-bs{background:url("images/ic_bullet_bs.gif") no-repeat 4px 1px}
body div ul.bullet-bh li,body div ul.icons li.bullet-bh{background:url("images/ic_bullet_bh.gif") no-repeat 4px 1px}
body div ul.bullet-ds li,body div ul.icons li.bullet-ds{background:url("images/ic_bullet_ds.gif") no-repeat 4px 1px}
body div ul.bullet-dh li,body div ul.icons li.bullet-dh{background:url("images/ic_bullet_dh.gif") no-repeat 4px 1px}
body div ul.bullet-cs li,body div ul.icons li.bullet-cs{background:url("images/ic_bullet_cs.gif") no-repeat 4px 1px}
body div ul.bullet-ch li,body div ul.icons li.bullet-ch{background:url("images/ic_bullet_ch.gif") no-repeat 4px 1px}
a.icon {padding-left:18px;font-weight:bold}
a.videoicon {background:url("images/ic_video.gif") left top no-repeat}
a.audioicon {background:url("images/ic_audio.gif") 0 1px no-repeat}

/* clear */
.l3:after,.l2:after,.pn5v1w2:after,.pn5v0w2:after,.pn5w4:after,.g8:after,.l4:after,.l5:after,.l5x4:after,.pc6 div.pc6w4:after,.g19:after,.g20:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/* xfade */
.xfade{z-index:2;visibility:hidden;position:absolute;top:0;left:0;opacity:1;filter:alpha(opacity=100);-moz-opacity:1}
.xfadefirst{z-index:3;visibility:visible;opacity:1;filter:alpha(opacity=100);-moz-opacity:1;position:absolute;top:0;left:0}
ul.listfade {position:relative;height:1.5em;margin:0;padding:0}
ul.listfade li{visibility:hidden;position:absolute;top:0;left:0;list-style-image:url("images/a.gif");margin:0;padding:0}
ul.listfade li:first-child {visibility:visible}
ul.listfade li.xfadefirst{visibility:visible}
.browserOldMoz ul.listfade li{position:relative;left:0;top:-1.5em;margin-bottom:-1.5em;height:1.5em}

/* imgbox */
.imgleft{margin:0 10px 0 0;float:left}
.imgright{margin:0 0 0 10px;float:right}
.imgcenter{margin-left:auto;margin-right:auto;width:100%}
.imgzoom a{background:url("images/BL_zoom.gif") no-repeat bottom left;display:block}
div.imgbox div.zoomimg{background:url("images/30p_black.png") repeat}
.zoomimg div{padding:0}
.zoomimg img{padding:0;margin:10px}
.imgw1{background:url("images/generic_tl.png") no-repeat top left}
.imgw2{background:url("images/generic_tr.png") no-repeat top right}
.imgw3{background:url("images/generic_bl.png") no-repeat bottom left}
.imgw4{background:url("images/generic_br.png") no-repeat bottom right}
div.imgw1{_background-image:url("images/generic_tl.gif")}
div.imgw2{_background-image:url("images/generic_tr.gif")}
div.imgw3{_background-image:url("images/generic_bl.gif")}
div.imgw4{_background-image:url("images/generic_br.gif")}
.d7 div.cornerBL .imgw1,.pc1 div.cornerBL .imgw1,.bg1 .imgw1{background-image:url("images/TL_eee.gif")}
.d7 div.cornerBL .imgw2,.pc1 div.cornerBL .imgw2,.bg1 .imgw2{background-image:url("images/TR_eee.gif")}
.d7 div.cornerBL .imgw3,.pc1 div.cornerBL .imgw3,.bg1 .imgw3{background-image:url("images/BL_eee.gif")}
.d7 div.cornerBL .imgw4,.pc1 div.cornerBL .imgw4,.bg1 .imgw4{background-image:url("images/BR_eee.gif")}

/* pad */
div.pad2x8{padding:2px 8px}
div.pad3x0{padding:3px 0}
div.pad5x10{padding:5px 10px}
div.pad5x10x5x0{padding:5px 10px 5px 0}
.headerpadding{padding:1px 10px}
.redwidgetpadding{padding:2px 0 3px 0}
.gwpadding1{padding:2px 10px 7px 8px}

/* table styles */
table.th-nowrap th{white-space:nowrap}
td.tablecaption,th.tablecaption,.tablecaption a,.tablecaption div a,
td.tablecaption2,th.tablecaption2,.tablecaption2 a,.tablecaption2 div a,
td.tablecaption3,th.tablecaption3,.tablecaption3 a,.tablecaption3 div a,
td.tablecaption4,th.tablecaption4,.tablecaption4 a,.tablecaption4 div a,
td.tablecaption5,th.tablecaption5,.tablecaption5 a,.tablecaption5 div a,
td.tablecaption6,th.tablecaption6,.tablecaption6 a,.tablecaption6 div a,
td.tablecaption7,th.tablecaption7,.tablecaption7 a,.tablecaption7 div a{color:#FFF;font-weight:bold}
td.redwidget{color:#FFF;vertical-align:top}
td.redwidget b{color:#FFDE00}
td.redwidget a:link,td.redwidget a:visited{color:#FFF}
td.redwidget a:hover{color:#FBE249;text-decoration:none}
td.redwidget{border-right:1px solid #C06600;border-bottom:1px solid #C06600;border-left:1px solid #FAE2CC;border-top:1px solid #FAE2CC}
table tr td.redwidget{background:url("images/bg_sunorange.gif") repeat-x left top #E76F00}
td.columncaption,th.columncaption{text-align:left;background:#C3CCD3;font-weight:bold;padding:3px}
td.columncaption2,th.columncaption2{text-align:left;background:#CCC;font-weight:bold}
td.columncaption3,th.columncaption3{color:#FFF;background:#666;font-weight:bold}
td.columncaption4,th.columncaption4{background:#CCC;font-weight:bold}
td.columncaption5,th.columncaption5{background:#CCC}
table[bgcolor="#666699"],
td[bgcolor="#666699"],
table[bgcolor="#666699"] td.tablecaption,
table[bgcolor="#000000"] td.tablecaption,
table.black td.tablecaption,
table.dkblue td.tablecaption,
td.tablecaption,th.tablecaption{background:#35556B}
td.tablecaption2,th.tablecaption2{background:#000}
td.tablecaption3,th.tablecaption3{background:#6579A6}
td.tablecaption4,th.tablecaption4{background:#B3B3B3}
td.tablecaption5,th.tablecaption5{background:#993300}
td.tablecaption6,th.tablecaption6{background:#C00}
td.tablecaption7,th.tablecaption7{background:#A3B8CB}
td.tablecaption div.headerpadding{background:url("images/a2_corner_tr.gif") no-repeat right top;padding:6px 8px 4px 15px}
tr td.tablecaption,table tr.dkgrey td.tablecaption{background:url("images/bg_titlebar.gif") no-repeat left top}
td.tablecaption2 div.headerpadding{background:url("images/a2_corner_tr.gif") no-repeat right top;padding:6px 8px 4px 15px}
tr td.tablecaption2,table tr.dkgrey td.tablecaption2{background:url("images/bg_titlebar.gif") no-repeat left top}
td.vatop,th.vatop,tr.vatop td,tr.vatop th,table.vatop td,table.vatop th,div.vatop{vertical-align:top}
td.vamiddle,th.vamiddle,tr.vamiddle td,tr.vamiddle th,table.vamiddle td,table.vamiddle th,div.vamiddle{vertical-align:middle}
td.vabottom,th.vabottom,tr.vabottom td,tr.vabottom th,table.vabottom td,table.vabottom th,div.vabottom{vertical-align:bottom}
tr td.tablecaption,tr td.tablecaption2,tr td.tablecaption3{padding:0;vertical-align:top}
.d7v4 .tablecaption2,.d7v4 .tablecaption,.d7v9 .tablecaption2,.d7v9 .tablecaption{background:#A4B8CB;color:#fff}
.d7v4 .tablecaption2 .headerpadding,.d7v4 .tablecaption .headerpadding,.d7v9 .tablecaption2 .headerpadding,.d7v9 .tablecaption .headerpadding{background:#A4B8CB;padding-left:11px}

/* table colors */
table.dkblue{background:#35556B}
.dkblue span.rightarrowblue{color:#fff}
td.dkblue,th.dkblue,tr.dkblue td,tr.dkblue th,table tr td.dkblue,table tr th.dkblue{background:#35556B;color:#FFF}
div.dkgrey1,table.dkgrey1,td.dkgrey1,th.dkgrey1,tr.dkgrey1 td,tr.dkgrey1 th,table tr td.dkgrey1,table tr th.dkgrey1{background:#BBB}
table.grey1,td.grey1,th.grey1,tr.grey1 td,tr.grey1 th,table tr td.grey1,table tr th.grey1{background:#EEE}
table.grey2,td.grey2,th.grey2,tr.grey2 td,tr.grey2 th,table tr td.grey2,table tr th.grey2{background:#FDFDFD}
tr td.tablecaption2 div.headerpadding a,td.tablecaption2{background-color:transparent}
table.yellow1,td.yellow1,th.yellow1,tr.yellow1 td,tr.yellow1 th,table tr td.yellow1,table tr th.yellow1{background:#EFEFEF}

/* share this page */
div#sharepage{position:relative;padding-right:127px;z-index:28}
div#sharepage a{color:#3E6B8A}
div.sharepage{position:absolute;top:-3px;right:10px}
div.sharepage table{background:transparent url("images/share-page-bgs.gif") no-repeat 100% -30px}
div.sharepage table a{border:none;height:27px;display:block}
div.sharepage td#share-technorati{background:transparent url("images/share-page-bgs.gif") no-repeat 0 0}
div.sharepage td#share-technorati a{width:27px}
div.sharepage td#share-delicious{background:transparent url("images/share-page-bgs.gif") no-repeat -27px 0}
div.sharepage td#share-delicious a{width:23px}
div.sharepage td#share-digg{background:transparent url("images/share-page-bgs.gif") no-repeat -49px 0}
div.sharepage td#share-digg a{width:22px}
div.sharepage td#share-slashdot{background:transparent url("images/share-page-bgs.gif") no-repeat -71px 0}
div.sharepage td#share-slashdot a{width:22px}
div.sharepage td#share-feed{background:transparent url("images/share-page-bgs.gif") no-repeat -95px 0}
div.sharepage td#share-feed a{width:32px}
div.sharepage td#share-multiple-feeds{background:transparent url("images/share-page-bgs.gif") no-repeat -127px 0}
div.sharepage td#share-multiple-feeds.showing{background-position:-164px 0}
div.sharepage td#share-multiple-feeds a{width:37px}
div.sharepage td#share-blank {padding-left:3px}
div#share-feed-list{font-weight:normal;font-size:12px;position:absolute;top:25px;right:4px;padding-right:20px;background:transparent url("images/feed-list-bg-right.png") no-repeat bottom right;max-width:250px}
div#share-feed-list ul{background:transparent url("images/feed-list-bg.png") no-repeat bottom left}
div#share-feed-list ul li{padding:0;background:transparent url("images/ic_feed_12x.gif") no-repeat 13px 1px}