diff options
| author | Alvin Li <liweitianux@gmail.com> | 2013-08-14 00:05:31 +0800 | 
|---|---|---|
| committer | Alvin Li <liweitianux@gmail.com> | 2013-08-14 00:05:31 +0800 | 
| commit | bb095adf76bddc2f6c5925bcdebb52bff75e6578 (patch) | |
| tree | c04b5ef145708e76eccc5b6e703c5742578ca4a8 /97suifangqa/apps/indicator/static/css/sidebar.css | |
| parent | 87ed76dd20431eb2a4216f9356b6da417fe003ce (diff) | |
| download | 97dev-bb095adf76bddc2f6c5925bcdebb52bff75e6578.tar.bz2 | |
* added 'templates/search/search.html'
* updated haystack settings
* updated 'static' files settings
* added 'search function' for 'apps/indicator': IndicatorCategory, Indicator
* merged static files of '97suifang-front' by 'mjymjydark'
* merged pages of '97suifang-front' by 'mjymjydark'
* updated pages to use 'django templates syntax' for the static links
TODO:
to fix the 'static links' of 'indicator/static/javascripts/*.js'
Diffstat (limited to '97suifangqa/apps/indicator/static/css/sidebar.css')
| -rw-r--r-- | 97suifangqa/apps/indicator/static/css/sidebar.css | 206 | 
1 files changed, 206 insertions, 0 deletions
| diff --git a/97suifangqa/apps/indicator/static/css/sidebar.css b/97suifangqa/apps/indicator/static/css/sidebar.css new file mode 100644 index 0000000..39a6ce0 --- /dev/null +++ b/97suifangqa/apps/indicator/static/css/sidebar.css @@ -0,0 +1,206 @@ +.clear { +	clear: both; +} +#sidebar_container{ +	padding: 1.5em 0; +    z-index: 10; +    width: 420px; +    height: 720px; +    background-color: #F3F3F1; +} + +/* 导航样式 */ +#nav_container { +	/*position: absolute;*/ +	font-size: 1.07143em; +	margin-bottom: 24px; +} +#nav_container .hidden_navs { +	width: 174px; +	overflow: hidden; +} +#nav_container .hidden_navs, #nav_container .default_nav .tail, #nav_container .head-background, #nav_container .head-background, #nav_container .default_nav .curr_nav { +	background-color: #0063A8; +	height: 33px; +	line-height: 33px; +	float: left; +} +#nav_container .hidden_navs ul { + display: block; +    margin: 0; +    padding: 0; +    white-space: nowrap; +} +#nav_container .hidden_navs ul li { +    display: block; +    float: left; +    padding: 0; +    text-align: center; +} +#nav_container .default_nav .tail a, #nav_container .hidden_navs ul li a { +	color: #FFF; +	display: block; +	text-decoration: none; +} +#nav_container .hidden_navs ul li a { +	border-right: 1px solid #267AB5; +    width: 86px; +} +#nav_container .hidden_navs ul li a:hover { +	background-color: #00497F; +} +#nav_container .default_nav { +	left: 20px; +	/* 导航的宽度(86+1)*2 */ +	width: 174px; +	position: absolute; +	background-color: #F3F3F1; +} +#nav_container .default_nav .tail a { +	text-align: center; +	width: 50px; +} +#nav_container .default_nav .tail-cut { +	background: url("../images/nav-ribbon-tail-cut.png") repeat scroll 0 0 transparent; +    height: 33px; +    width: 19px; +    float: left; +} +#nav_container .default_nav .curr_nav { +	background-color: #F3F3F1; +	margin-left: 12px; +} +#nav_container .head-background { +	box-shadow: 20px 0 20px -20px inset; +    width: 20px; +    color: #FFF; +} + +/* 对比容器样式 */ +#compare_container { +	margin-top: 26px; +	padding-left: 18px; +	width: 383px; +} +#compare_container .post-question .searchdiv .question { +	width: 289px; +	height: 29px; +	border: 1px solid #c1b59d; +} +#compare_container .post-question .searchdiv .submit { +	width: 72px; +	height: 31px; +	border: 1px solid #cce79a; +	vertical-align: baseline; +	float: right; +} +#compare_container .similar_container { +	margin-top: 14px; +	margin-left:15px; +} +.vertical_bar_component { +	position: relative; +	width: 12px; +	height: 400px; +	float: left; +} +.vertical_bar_component .v_b_c_top { +	height: 0; +	width: 0; +	border-width: 3px; +	border-style: solid; +	border-color: #898989 #898989 #F3F3F1 #898989; +	overflow: hidden; +	position: absolute; +	z-index: 100; +} +.vertical_bar_component .v_b_c_middle { +	position: relative; +	top: 3px; +	z-index: 99; +} +.vertical_bar_component .v_b_c_middle .v_b_c_middle_top { +	height: 0; +	width: 0; +	border-width: 3px; +	border-style: solid; +	border-color: #F3F3F1 #F3F3F1 #898989 #F3F3F1; +	overflow: hidden; +} +.vertical_bar_component .v_b_c_middle .v_b_c_middle_middle { +	width: 6px; +	height: 382px; +    filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#898989,endcolorstr=#dbdbdb,gradientType=0);  +    -ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#898989,endcolorstr=#dbdbdb,gradientType=0);/*IE8*/  +    background:-moz-linear-gradient(top,#898989,#dbdbdb);/*Firefox*/  +    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#898989), to(#dbdbdb)));/*chrome Safari*/  +    background:-o-linear-gradient(top, #898989,#dbdbdb);/*Opera11*/ +} +.vertical_bar_component .v_b_c_middle .v_b_c_middle_bottom { +	height: 0; +	width: 0; +	border-width: 3px; +	border-style: solid; +	border-color: #dbdbdb #F3F3F1 #F3F3F1 #F3F3F1; +	overflow: hidden;  +} +.vertical_bar_component .v_b_c_bottom { +	height: 0; +	width: 0; +	border-width: 3px; +	border-style: solid; +	border-color: #F3F3F1 #dbdbdb #dbdbdb #dbdbdb; +	overflow: hidden; +	position: absolute; +	z-index: 100; +} +#compare_container .similar_container .similar_content { +	margin-left: 15px; +	float: left; +	padding-top: 10px; +} +#compare_container .similar_container .similar_content .similar_title { +	color: #a0a0a0; +	font-size: 14px; +	margin-bottom: 25px; +} +#compare_container .similar_container .similar_content .specifix_content { +	background: url("../images/dialog-default.png") no-repeat; +	height: 47px; +	width: 343px; +	margin-left: -10px; +	margin-bottom: 35px; +	line-height:47px; +} +.specifix_content .specifix_text { +	padding-left: 25px; +	font-size: 15px; +} +#compare_container .compare_btn { +	border: 1px solid #7da625; +	width: 380px; +	height: 37px; +	border-radius: 3px; +	margin-top: 8px; +} +#compare_container .compare_btn .compare_btn_in{ +	border: 1px solid #b8db71; +	border-bottom: none; +   	background: #8bb830; +   	background: -webkit-gradient(linear, left top, left bottom, from(#99cc33), to(#8bb830)); +   	background: -webkit-linear-gradient(top, #99cc33, #8bb830); +   	background: -moz-linear-gradient(top, #99cc33, #8bb830); +   	background: -ms-linear-gradient(top, #99cc33, #8bb830); +   	background: -o-linear-gradient(top, #99cc33, #8bb830); +   	width: 378px; +   	height: 36px; +   	line-height: 36px; +   	color: #FFF; +   	font-size: 18px; +   	text-align: center; +   	border-radius: 3px; +} +#compare_container .logo_container { +	margin-top: 30px; +	text-align: center; +}
\ No newline at end of file | 
