@charset "utf-8"; /* CSS Document */ #main_container div.catalogue{ /*background:url(/cn/resource/images/catalogue_bg.jpg) no-repeat right bottom;*/ } #main_container div.catalogue div.content{ min-height:415px;_height:415px;padding-bottom:20px; border:0px none; width:998px} #main_container div.catalogue div.bg{ background:url(/cn/resource/images/catalogue_intro_bg.jpg) no-repeat right bottom} #main_container div.catalogue div.content div.welcome, #main_container div.catalogue div.content div.subsubcategoriespagination, #main_container div.catalogue div.content div.cataloguelist, #main_container div.catalogue div.content div.intro{ margin-left:24px;} #main_container div.catalogue div.content div.welcome{ margin-top:23px; font-size:20px; color:#646464; margin-bottom:37px;} #main_container div.catalogue div.content div.cataloguelist{ margin-left:46px; margin-top:-30px;} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li{ float:left;width:209px; margin-right:20px; margin-bottom:30px;} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li div.img{ width:209px; height:281px; padding-left:12px; padding-top:14px;} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li div.link{ padding-left:12px; margin-top:-5px;} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li div.link a{color:#868686; font-size:12px; text-decoration:none} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li div.link a.title{ font-weight:bold} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li div.link a.download{ background:url("/cn/resource/images/arrow_submenu_right_1.gif") no-repeat scroll 0px 4px; color:#858585; padding-left:10px;} #main_container div.catalogue div.content div.cataloguelist ul.cataloguelist li div.link a.download:hover{ text-decoration:underline} #main_container div.catalogue div.content div.intro{margin-top:23px; font-size:12px;color:#868686; width:750px; line-height:200%} #main_container div.catalogue div.content div.intro a{color:#868686; font-size:12px; } #main_container div.catalogue div.cataloguedetail{ width:754px; height:515px; float:left; position:relative} #main_container div.catalogue div.cataloguedetail div.title {color:#646464;font-size:20px;margin-bottom:18px;margin-top:23px;margin-left:24px;} #main_container div.catalogue div.cataloguedetail div.download{ position:absolute; bottom:12px; right:82px;} #main_container div.catalogue div.cataloguedetail div.download a{color:#646464;font-size:12px;text-decoration:none; padding-left:18px; background:url(/cn/resource/images/arrow_submenu_right_1.gif) no-repeat 1px 3px; *background-position:1px 2px;} /*右边样本分类列表样式*/ #main_container div.catalogue div.catalogues{ background:none; background-color:#ffffff;width:234px;padding-top:23px; padding-right:9px; height:492px;} #main_container div.catalogue div.catalogues ul{list-style:none; margin:0; padding:0; clear:both;} #main_container div.catalogue div.catalogues ul li{ /*width:184px;background:url(/cn/resource/images/memberare_menu_arrow_1.jpg) no-repeat 14px 8px; *background-position:14px 8px;*/padding-left:17px; padding-right:10px; padding-top:3px; padding-bottom:3px; line-height:100%; font-size:12px; color:#646464} /* Opera */ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #main_container div.catalogue div.catalogues ul li{ height:23px; padding-top:6px; /*background-position: 14px 8px;*/font-size:12px; color:#646464} } #main_container div.catalogue div.catalogues ul li.title{ border-bottom:1px solid #e9e9e9; margin-bottom:14px;height:25px; width:217px; padding:0; margin-top:30px;} @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ #main_container div.catalogue div.catalogues ul li.title{ height:24px;} } #main_container div.catalogue div.catalogues ul li.title div.bg{ display:inline;padding:5px 10px 5px 10px;height:20px; line-height:25px; overflow:hidden; background:none; background-color:#cccccc; color:#646464; font-size:12px; font-weight:bold; } #main_container div.catalogue div.catalogues ul li.first{ margin-top:0px} #main_container div.catalogue div.catalogues ul li.current{ background:url(/cn/resource/images/memberare_menu_arrow_2.jpg) no-repeat 14px 8px; background-color:#efefef;line-height:100%;} #main_container div.catalogue div.catalogues ul li a, #main_container div.catalogue div.catalogues ul li span{ text-decoration:none; font-size:12px; color:#646464} #main_container div.catalogue div.catalogues ul li input.checkbox{ margin:0; padding:0; vertical-align:middle; margin-right:2px;*margin-right:0px; *margin-left:-5px; margin-bottom:1px;} /*滚动条*/ #main_container div.catalogue div.catalogues div.scrollpane{ height:469px;} #main_container div.catalogue div.catalogues .jScrollPaneContainer { position: relative; overflow: hidden;z-index: 1; outline:none} #main_container div.catalogue div.catalogues .jScrollPaneTrack { position: absolute; cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff; /*border-left:1px solid #b5b5b5;*/ margin-bottom:1px; } #main_container div.catalogue div.catalogues .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer; overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px} #main_container div.catalogue div.catalogues .jScrollPaneDragTop {position: absolute;top: 0;left: 0; overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/} #main_container div.catalogue div.catalogues .jScrollPaneDragBottom {position: absolute; bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/} #main_container div.catalogue div.catalogues a.jScrollArrowUp {display: block;position: absolute;z-index: 1; top: 0; right: 1px;text-indent: -2000px;overflow: hidden; /*background-color: #666;*/ height: 8px;} #main_container div.catalogue div.catalogues a.jScrollArrowUp:hover {/*background-color: #f60;*/} #main_container div.catalogue div.catalogues a.jScrollArrowDown {display: block; position: absolute; z-index: 1; bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/ height: 8px;} #main_container div.catalogue div.catalogues a.jScrollArrowDown:hover {/*background-color: #f60;*/} #main_container div.catalogue div.catalogues a.jScrollActiveArrowButton, #main_container div.catalogue div.catalogues a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/} #main_container div.catalogue div.catalogues a.jScrollArrowUp, #main_container div.catalogue div.catalogues a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.catalogue div.catalogues a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;} #main_container div.catalogue div.catalogues a.jScrollArrowDown:hover { } #main_container div.catalogue div.catalogues a.jScrollActiveArrowButton, #main_container div.catalogue div.catalogues a.jScrollActiveArrowButton:hover {background-position: 0 0px;} #main_container div.catalogue div.catalogues .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;} #main_container div.catalogue div.catalogues ul.treeview, #main_container div.catalogue div.catalogues ul.treeview ul { padding: 0; margin: 0; list-style: none;} #main_container div.catalogue div.catalogues ul.treeview ul { background-color: white; margin-top: 0px;*margin-top: 0px;} #main_container div.catalogue div.catalogues ul.treeview .hitarea {background: url(/cn/resource/images/treeview/treeview-default.gif) -64px -25px no-repeat; *background-position:-64px -25px; height: 16px; width: 16px; margin-left: -17px; float: left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float:none;} #main_container div.catalogue div.catalogues ul.treeview li { margin: 0; padding: 3px 0 0 16px; line-height:150%;} #main_container div.catalogue div.catalogues ul.treeview a.selected { background-color: #eee;} #treecontrol { margin: 1em 0; display: none; } #main_container div.catalogue div.catalogues ul.treeview .hover { color: red; cursor: pointer; } #main_container div.catalogue div.catalogues ul.treeview li { background: url(/cn/resource/images/treeview/treeview-default-line.gif) 0 0 no-repeat; } #main_container div.catalogue div.catalogues ul.treeview li.collapsable, #main_container div.catalogue div.catalogues ul.treeview li.expandable { background-position: 0 -176px;} #main_container div.catalogue div.catalogues ul.treeview .expandable-hitarea { background-position: -80px -3px;*background-position: -80px -2px; } #main_container div.catalogue div.catalogues ul.treeview .collapsable-hitarea { background-position: -64px -23px;*background-position: -64px -22px; } #main_container div.catalogue div.catalogues ul.treeview li.last { background-position: 0 -1766px } #main_container div.catalogue div.catalogues ul.treeview li.lastCollapsable, #main_container div.catalogue div.catalogues ul.treeview li.lastExpandable { background-image: url(/cn/resource/images/treeview/treeview-default.gif); } #main_container div.catalogue div.catalogues ul.treeview li.lastCollapsable { background-position: 0 -107px;*background-position: 0 -106px; } #main_container div.catalogue div.catalogues ul.treeview li.lastExpandable { background-position: -32px -63px;*background-position: -32px -62px; } #main_container div.catalogue div.catalogues ul.treeview div.lastCollapsable-hitarea, #main_container div.catalogue div.catalogues ul.treeview div.lastExpandable-hitarea { background-position: 0;} #main_container div.catalogue div.catalogues ul.treeview li span,#main_container div.catalogue div.catalogues ul.treeview li a{ } #main_container div.catalogue div.catalogues ul.treeview-red li { background-image: url(/cn/resource/images/treeview/treeview-red-line.gif); } #main_container div.catalogue div.catalogues ul.treeview-red .hitarea, #main_container div.catalogue div.catalogues ul.treeview-red li.lastCollapsable, #main_container div.catalogue div.catalogues ul.treeview-red li.lastExpandable { background-image: url(/cn/resource/images/treeview/treeview-red.gif); } #main_container div.catalogue div.catalogues ul.treeview-black li { background-image: url(/cn/resource/images/treeview/treeview-black-line.gif); } #main_container div.catalogue div.catalogues ul.treeview-black .hitarea, #main_container div.catalogue div.catalogues ul.treeview-black li.lastCollapsable, #main_container div.catalogue div.catalogues ul.treeview-black li.lastExpandable { background-image: url(/cn/resource/images/treeview/treeview-black.gif); } #main_container div.catalogue div.catalogues ul.treeview-gray li { background-image: url(/cn/resource/images/treeview/treeview-gray-line.gif); } #main_container div.catalogue div.catalogues ul.treeview-gray .hitarea, #main_container div.catalogue div.catalogues ul.treeview-gray li.lastCollapsable, #main_container div.catalogue div.catalogues ul.treeview-gray li.lastExpandable { background-image: url(/cn/resource/images/treeview/treeview-gray.gif); } #main_container div.catalogue div.catalogues ul.treeview-famfamfam li { background-image: url(/cn/resource/images/treeview/treeview-famfamfam-line.gif); } #main_container div.catalogue div.catalogues ul.treeview-famfamfam .hitarea, #main_container div.catalogue div.catalogues ul.treeview-famfamfam li.lastCollapsable, #main_container div.catalogue div.catalogues ul.treeview-famfamfam li.lastExpandable { background-image: url(/cn/resource/images/treeview/treeview-famfamfam.gif); } .filetree li { padding: 3px 0 2px 16px; } .filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; } .filetree span.folder { background: url(/cn/resource/images/treeview/folder.gif) 0 0 no-repeat; } .filetree li.expandable span.folder { background: url(/cn/resource/images/treeview/folder-closed.gif) 0 0 no-repeat; } .filetree span.file { background: url(/cn/resource/images/treeview/file.gif) 0 0 no-repeat; }