sfx.css

OpenDMTP-GPS及PDA等数据通信协议 OpenDMTP(Open Device Monitoring and Tracking Protocol)是一个协议和框架用于在服务器和客户端设备之

/* General */
body
{
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: arial, sans-serif;
	font-size: 100%;
	color: #000;
}

a, .link
{
	text-decoration: none;
	color: #03c;
}

a:visited, .linked
{
	text-decoration: none;
	color: #039;
}

a:hover, .link:hover, .link:hover
{
	text-decoration: underline;
	color: #36f;
}

a.selected
{
	font-weight: bold;
	color: #345;
}

img { border: none; }

fieldset, legend, label
{
	border: none;
	margin: 0;
	padding: 0;
}

input:focus, a:focus {overflow: hidden}
.jump, .jump li {margin: 0; padding: 0}
.jump li {text-indent: -7000em; position: absolute; list-style: none}
.pagetitle {margin: .5em 0; color: #89a; font-size: 100%; }

#kahuna legend, .topnav form label, #kahuna form label { display: none !important; }
.nobreak { white-space: nowrap; }
.basic { font-weight: normal; }

/* phase 0 hacks */
#frame table tr td, #frame p table tr td p,
#frame p table tr td h3, #frame p table tr td,
#frame p table tr td table tr td { font-size: 100%; }
#frame table table tr td { font-size: 85%; }

.my_tasks table td, .my_donations table td, .site_mailings table td, .my_projects table td, .my_subscription table td, 
.developer_page table td, .preferences table td  {font-size: 85% !important;}

.flow {width: 15.8em !important}

/* Masthead */
#hd * {margin: 0; padding: 0;}
#masthead {position: relative; height: 60px;}
#hd h1, #masthead h1
{
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        padding: 0; margin: 0;
        z-index: 0;
        width: 255px;
        height: 50px;
        background: url("http://c.fsdn.com/sf/images//sfx_logo2.png") no-repeat -5px -5px;
}

#hd h1 a, #masthead h1 a
{
        text-indent: -700em;
        text-decoration: none;
        left: 0;
        position: absolute;
        width: 255px;
}

#hd h1 a:hover, #masthead h1 a:hover { text-decoration: none !important; }

/* Mainnav */
body {padding-top: 2.4em}
ul#mainnav { margin: 0 0 -1px 0; white-space: nowrap; text-align: center; padding: .2em 0; background: #fff url("http://c.fsdn.com/sf/images//dark_fade_10.png") repeat-x bottom;}
ul#mainnav li {list-style: none; display: inline; position: relative; z-index: 2; margin: 0 .2em; padding: .2em 0; background: #fff url("http://c.fsdn.com/sf/images//dark_fade_g.png") repeat-x bottom;}
ul#mainnav li a {padding: .4em 1.2em; color: #334455; font-size: 80%; font-weight: bold;}
ul#mainnav li.selected a {color: #fff}
ul#mainnav li a sup {position: absolute; top: -6.5px; right: 3px; z-index: 3;}
ul#mainnav li a sup b {text-indent: -7000em; position: absolute; top: 0; right: 0; width: 31px; height: 12px;}
ul#mainnav li.selected, ul#mainnav li:hover.selected {background: #ED5929 url("http://c.fsdn.com/sf/images//crush.png") repeat-x top; position: relative} 
ul#mainnav li:hover {background: #fff url("http://c.fsdn.com/sf/images//dark_dwn_fade_g.png") repeat-x top left;}

.beta a sup b { background: url('http://c.fsdn.com/sf/images//icons/beta_sm.png') 0 -5px no-repeat !important;}
.new a sup b { background: url('http://c.fsdn.com/sf/images//icons/new_sm.png') 0 -5px no-repeat !important}

/* Search and user account */
#topuser {position: absolute; right: 5px; top: 10px; z-index: 1; background: #fff; margin-left: 260px; font-size: 75% !important; color: #345; padding-bottom: .3em; white-space:nowrap}
#topuser a {text-decoration: underline; padding-right: .5em}
#topuser .menu1 {border-left: 1px solid #bcd; padding-left: .8em}
#topuser select {font-size: 95%; padding: .1em; border: 1px solid #aaa;}

#kahuna legend, .topnav form label, #kahuna form label { display: none !important; }
#kahuna {position: relative; z-index: 4; clear: both; border-top: 3px solid #ED5929; padding: .375em; border-bottom: 1px solid #aaa; background: #fff url("http://c.fsdn.com/sf/images//dark_fade_g.png") repeat-x bottom; text-align: center;}
#kahuna form {margin: 0; padding: 0; white-space: nowrap;}
#kahuna a {text-decoration: underline; font-size: 75%; height: 100%}
#kahuna form input#searchbox { font-size: 80%; padding: .15em .2em; border: 1px solid #aaa; width: 23em !important;}
#kahuna form input#searchsubmit {font-size: 80%; margin: 0 0 0 .2em; padding: .1em .6em;  background: #ED5929 url("http://c.fsdn.com/sf/images//crush.png") repeat-x top;  border: 1px solid #ED5929; border-bottom: 1px solid #c30; border-right: 1px solid #c30; color: #fff; font-weight: bold}
#kahuna form input#searchsubmit.test { background: #ED5929; color: #fed; border: 1px solid #c30; border-bottom: 1px solid #fc9; border-right: 1px solid #fc9;}
#kahuna form select {font-size: 80%; padding: .1em; background: #fff; border: 1px solid #aaa;}

#kahuna form fieldset, #kahuna form label
{
        border: none;
        margin: 0;
        padding: 0;
        display: inline;
}


#myfav {display: inline;}
.nohost, .website a
{
	background: transparent url("http://c.fsdn.com/sf/images//icons/silk/link_external.png") no-repeat right !important;
	padding: 0 22px 0 0 !important;
	margin: 0 .5em 0 0 !important;
}

.down
{
	line-height: 140%;
	background: url("http://c.fsdn.com/sf/images//sfx/icon_down.gif") no-repeat left;
	padding: 0 0 2px 20px;
}


/* Breadcrumb */
#breadcrumb {padding: 0 0 1em 0; margin: 0; font-size: 85%;}
#breadcrumb li
{
	display: inline;
	padding: 0;
	margin: 0;
	color: #789;
	list-style: none;
}

#breadcrumb li:before { content: "\00BB \0020"; }
#breadcrumb li:first-child:before { content: ""; }
#breadcrumb li a { color: #56626d; }
#breadcrumb li.selected a { font-weight: bold; }

#frame {clear: both;}
#innerframe { clear: both; padding: 1em 2em;}
.welcome p, .project p {padding: 0 .6em;}

/* Titlebars */
.titlebar, .tbar h3, .tbarhigh h3 {border-top: 1px solid #bcd; background: #eef0f3 url("http://c.fsdn.com/sf/images//sfx/sfx_titlebar_bg2.png") repeat-x bottom left; font-size: 82.3%; color: #345; padding: .3em .5em 1.7em .5em; margin: 0 0 -.5em 0;}
.titlebar_orange {border-top: 1px solid #ffb667; background: #ffdcb7 url("http://c.fsdn.com/sf/images//titlebar_orange2.png") repeat-x bottom left; font-size: 82.3%; color: #930; padding: .3em .5em 2.1em .5em; margin: 0 0 -1.5em 0;}
.tbar b, .tbarhigh b {display: none;margin: 0; padding: 0;}
.downloadbar {position: relative; border-top: 1px solid #008000; background: #0a0 url("http://c.fsdn.com/sf/images//sfx/sfx_dl_bg2.png") repeat-x bottom left; font-size: 82.3%; color: #345; padding: .3em 4.5em 1.7em .5em !important; margin: 0 0 -.5em 1em; width: 17em;}
.downloadbar a {color: #fff !important; margin: 0 3.5em 0 0 !important}
.downloadbar a:hover {color: #efe !important;}
.downloadbar small
{
        color: #fff;
        padding: 20px;
        position: absolute;
        right: 0;
        bottom: 0;
        background: url("http://c.fsdn.com/sf/images//sfx/sfx_dl_arrow2.png")  bottom left no-repeat;
}
.titlebar small
{
        padding: 10px;
        position: absolute;
        right: .3em;
        top: .2em;
}
.titlebar small a {text-indent: -7000em; position: absolute; right: 0; top: 0;}
.linkbar {padding: .3em 1em; background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -41px repeat-x;}
.linkbar {padding: .3em 1em; background: #fff url("http://c.fsdn.com/sf/images//sfx/sfx_bg2.png") 0 -41px repeat-x;}


/* Hide lists */
#pdetails li span, #parea li span
{
	display: inline;
	padding: .1em;
}

.welcome .column li { list-style: none; }
.welcome .column li span { font-size: 85%; }

.welcome .column
{
	float: left;
	width: 21%;
	margin: .5em 0 1em 1em;
	padding: 0;
	border: none;
	position: relative;
}

.welcome .column li, #frame #pdetails li, #frame #parea li
{
	padding: .3em 0 .3em 1.2em;
	position: relative;
}

#frame #pdetails li, #frame #parea li
{
	padding: .3em 0;
	position: static;
}

/* Marquee */
#sfmarquee
{
	padding: 1.1em 0 0 70px;
	background: transparent url("http://c.fsdn.com/sf/images//sfx/marquee.gif") no-repeat;
	position: relative;
}

#sfmarquee h4
{
	font-size: 90%;
	font-weight: normal;
	float: left;
	width: 51%;
	padding: .5em 0 0 0;
	margin: -.5em 0 .6em 0;
	color: #56626d !important;
	position: relative;
}

#sfmarquee h4 strong
{
	font-size: 120%;
	font-weight: bold;
}

#sfmarquee h4 strong span
{
	display: block;
	padding: 0 0 0 1em;
}

#sfmarquee h4 a { color: #56626d; }
#sfmarquee h4 a:hover { text-decoration: none; }

#frame .onewidetop .highlights
{
	border: none;
	float: right;
	width: 49%;
	margin: -.8em 0 0 0;
}

#frame .highlights li
{
	font-size: 70%;
	color: #56626d;
	text-align: right;
	margin: 0;
}

#frame .highlights li a
{
	font-weight: bold;
	font-size: 100%;
	color: #56626d;
}

#frame .highlights li.bottom { border: none; }

div.stats
{
	margin: .5em 0 -.5em 0;
	color: #56626d;
	clear: both;
	font-size: 70%;
	text-align: center;
}

div.stats a { color: #56626d; }

#frame ol li
{
	border: none;
	list-style: decimal;
	padding: .1em 0;
}

#frame ol
{
	margin-top: 0;
	margin-bottom: 0;
}

#frame.view_artifact textarea#details { width: 80%; }
#ad34
{
	width: 300px;
	float: left;
	position: relative;
	z-index: 0 !important;
}

.dual { margin: 0 0 0 300px; }

#ad7,#ostgservices
{
	float: left;
	width: 48%;
	margin: 0 0 0 2%;
}
.pricegrabber small {font-size: 75%;}
.subtitle, #fad19 h3, #fad24 h3
{
	border-bottom: 2px solid #789;
	margin: 0;
	font-weight: bold;
	font-size: 85%;
	color: #789;
	position: relative;
	clear: left;
}

#fad2sm h3
{
	border-bottom: 2px solid #789;
	margin: 0 0 -1px .4em;
	font-weight: bold;
	font-size: 85%;
	color: #789;
	position: relative;
	clear: left;
}

#fad19 h3, #fad24 h3
{
	margin-top: 1em;
	font-size: 70% !important;
}

#fad19 p, #fad24 p
{
	border: none !important;
	margin: 0 2% 0 0 !important;
	float: left;
	width: 28%;
}

#fad19 p small , #fad24 p small { font-size: 85% !important; }

#fad1p
{
	width: 728px;
	height: 90px;
}

#fad2p
{
	float: right;
	text-align: center;
	width: 20%;
}

#fad36p
{
	height: 90px;
	width: 360px;
	float: right;
	clear: right;
}

#fad6p
{
	height: 410px;
	float: right;
}
.welcome #fad6p {height: 380px}

#fad24p
{
	height: 12em;
	z-index: 0;
	position: relative;
}

#fadbtmp
{
	height: 23em;
	clear: both;
}
#sponsored_dl div.left div, #sponsored_dl div.right div, #sponsored_dl div.center div, #sponsored_dl div.left .left, #sponsored_dl div.right .right, #sponsored_dl div.center .center
{
	float: none;
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
}

#sponsored_dl div.left, #sponsored_dl div.right, #sponsored_dl div.center
{
	padding: .3em 0;
	margin: .3em 0 1em 0;
	width: 30%;
	float: left;
	text-align: left;
	display: block;
}
.post_download #sponsored_dl {line-height: 100%;}
#sponsored_dl div.right { border-left: 10px #fff solid; }
#sponsored_dl div.left { border-right: 10px #fff solid; }

#sponsored_dl div.center
{
	padding: .3em 10px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

#sponsored_dl
{
	line-height: 140%;
	font-size: 80%;
	display: block;
	position: relative;
	height: 90px;
	margin-top: -2em !important;
	padding: 0 0 0 .6em;
	border-top: 1px solid #ddd;
	z-index: 0;
}

.software_map #sponsored_dl, .search #sponsored_dl { margin: 1.5em 0; }

.sponsortitle
{
	text-align: center;
	background: transparent;
	font-size: 70%;
	border: none;
	color: #abc;
}
.sponsortitle b {background: #fff; padding: 0 1em; position: relative; z-index: 1;}


#sponsored_dl strong { position: relative; }

#fad1
{
	position: absolute;
	top: 6.6em;
	left: 0;
	overflow: hidden;
	width: 100%;
	z-index: 1 !important;
	display: block;
}

#fad1 div
{
	width: 728px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#fad1 div div
{
	width: 100%;
	margin: 0;
	text-align: left;
}

#fad2sm { z-index: 1; }
.search #fad2 {position: absolute; right: 1em; top: 17em; width: 160px;}
#fad36
{
	position: absolute;
	top: 170px;
        z-index: 1 !important;
	right: 2em !important;
	padding-top: 2.6em;
}
#adpowerbar div.pow_note {height: 11px !important; overflow: hidden;}
.filespackage #fad36, .platformdownload #fad36, .files #fad36, .project_summary #fad36 {padding-top: 8.5em}

#fad36 #adpowerbar
{
	display: block;
	width: 300px;
}
.filespackage #fad6p {height: 315px !important;}
.files #fad6p {height: 390px !important;}
#fad6
{
	display: block;
	position: absolute;
	top: 245px;
	padding-top: 2.6em;
	right: 2em !important;
	z-index: 0 !important;
	height: 280px;
	width: 336px;
	margin: 0 auto;
}

.post_download #fad6 { top: 270px; right: 270px !important; }
/* download layering */
.post_download #fad6 { top: 270px; right: 270px !important; }
.post_download #fad36p { z-index: 3 !important; }
.post_download #innerframe { z-index: inherit }