diff options
Diffstat (limited to '97suifang-front/assets/css/sidebar.css')
| -rw-r--r-- | 97suifang-front/assets/css/sidebar.css | 206 |
1 files changed, 206 insertions, 0 deletions
diff --git a/97suifang-front/assets/css/sidebar.css b/97suifang-front/assets/css/sidebar.css new file mode 100644 index 0000000..39a6ce0 --- /dev/null +++ b/97suifang-front/assets/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 |