www.gusucode.com > 中网景企业网站管理系统 2008源码程序 > skin/cnk/sys.css
.leftbox{ text-align: left; border:1px solid #F3F3F3; margin-bottom:20px; line-height: 140%; } /*左右栏目*/ .topchannel, .lefttitle, .righttitle{ font-size: 10.5pt; font-weight: bold; background-color: #CCC; height: 18px; padding-left: 20px; padding-top: 3px; margin-top: 2px; } .topchannel { background-image: url(leftnavtopbg.gif); } .lefttitle{ border-top: 1px solid #CCC; background-image: url(lefttitlebg.gif); } .righttitle{ border-top: 1px solid #9DB0BC; background-image: url(rightttitlebg.gif); } /*栏目左栏NAV*/ .underchannel{ background-color: #FFFFFF; padding: 10px; } .underchannel li{ line-height: 160%; border-bottom: 1px dashed #E3E3E3; list-style-image: url(list04.gif); list-style-type: none; } /*栏目左栏NAVend*/ /*Left Search*/ .searchleft, .searchmid, .searchright{ text-align: center; float: left; height: 18px; padding-top: 5px; padding-bottom:3px; } .searchleft{ width: 60px; } .searchmid{ width: 90px; } .searchright{ width: 40px; } /**/ .leftcontact{ text-align: left; padding:3px; margin-top:5px; background-color: #DEDEDE; } /*左登录FORM*/ .leftusernamebox{ text-align: right; float: left; height: 18px; width: 75px; padding-top: 5px; padding-bottom:3px; } .leftinputbox{ float: left; height: 18px; width: 115px; padding-top: 5px; padding-bottom:3px; text-align: center; } /*图片框&背景*/ .homeimglist { background-color: #CCC; background-image: url(home_img_bg.gif); margin-bottom: 5px; border-bottom: 2px solid #999; height:auto!important; height:142px;/*IE6的height*/ min-height:142px;/*WEB标准的height*/ } /*文章标题*/ .titlelist{ } .titlelist ul { list-style-type: none; list-style-position: inside; margin: 0px; padding: 0px; } .titlelist ul li{ border-bottom: 1px dotted #DDD; text-align:left; margin: 3px; padding: 3px; line-height:20px; } .titlelist ul li .listL{ float:left; } .titlelist ul li .listR{ color:#777; padding-right:0px;float:right; } .smallimg { width: 120px; height: 120px; border: 1px solid #EEE; padding: 1px; margin-right:10px; float:left; overflow:hidden; } .smallimg img { width: 120px; } /*Products*/ .classbox{ width: 172px; height: 200px; overflow: hidden; background-color: #F6F6F6; padding: 1px; float: left; margin-top: 10px; margin-left: 15px; border: 1px solid #666; text-align: left; } .classbox .classboxtitle { height: 45px; background-color: #6699FF; text-align: left; font-size: 14px; font-weight: bold; color: #FFFFFF; padding-left:3px; padding-top:5px; } /*-----Case 1 */ .prolistcase1{ margin: 3px; padding: 3px; border-bottom: 1px solid #CCC; } .prolistcase1 ul{ list-style-type: circle; } .prolistcase1 ul li { margin: 2px; padding: 2px; border-bottom: 1px dashed #F0F0F0; text-align: left; } /*-----Case 2 */ .probox { float: left; width: 160px; height: 160px; margin-top: 10px; margin-bottom:10px; margin-left: 30px; text-align: center; } .probox .proimg{ padding: 1px; width: 150px; height: 120px; border: 1px solid #BDBDBD; overflow: hidden; margin-bottom:3px; } .probox .proimg img{ width: 150px; height: 120px; } /*-----Case 3 */ .prolistcase3{ margin: 3px; padding: 3px; border-bottom: 1px solid #CCC; } .prolistcase3 .pleft{ text-align: center; width: 360px; float: left; } .prolistcase3 .pleft .pimg{ padding: 1px; width: 200px; height: 150px; border: 1px solid #BDBDBD; overflow: hidden; margin-bottom:5px; } .prolistcase3 .pleft .pimg img{ width: 200px; height: 150px; } .prolistcase3 .pright{ width: 420px; float: left; } .prolistcase3 .pright ul{ list-style-type: none; margin: 1px; padding: 1px; border-bottom: 1px dashed #F0F0F0; } .prolistcase3 .pright ul li.ppt1 { float: left; width: 80px; text-align: right; font-weight: bold; } .prolistcase3 .pright ul li.ppt2 { text-align: left; } /*-----Case 4 */ .prolistcase4{ margin: 3px; padding: 3px; border-bottom: 1px solid #CCC; float: left; width: 380px; } .prolistcase4 .pleft{ text-align: center; width: 150px; float: left; } .prolistcase4 .pleft img{ padding: 1px; width: 131px; height: 98px; border: 1px solid #BDBDBD; overflow: hidden; } .prolistcase4 .pright{ width: 230px; float: left; } .prolistcase4 .pright ul{ list-style-type: none; margin: 1px; padding: 1px; border-bottom: 1px dashed #F0F0F0; } .prolistcase4 .pright ul li.ppt1 { float: left; width: 60px; text-align: right; font-weight: bold; } .prolistcase4 .pright ul li.ppt2 { text-align: left; } /*图片列表*/ .imgbox{ float: left; width: 140px; height:auto!important; height:90px; min-height:90px; margin-top: 10px; margin-left: 5px; text-align: center; } .imgbox img{ padding: 1px; width: 133px; height: 100px; border: 1px solid #BDBDBD; overflow: hidden; } /*comment*/ .comment{ text-align: center; margin: 5px; padding: 5px; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; } .commentbox { margin:10px; border: 1px solid #CCC; text-align: left; } /*comment*/ /*表单列表*/ .formlist ul{ list-style-type: none; margin: 1px; padding: 1px; border-bottom: 1px dashed #F0F0F0; } .formlist ul li.t1 { float: left; width: 220px; text-align: right; } .formlist ul li.t2 { text-align: left; } /*表单列表end*/ /*Cart*/ #cartbody { width: 1000px; text-align: left; background-color: #FFF; } .cartbox { width: 470px; float: left; height: 230px; border: 2px solid #CCC; margin-top: 10px; margin-left: 10px; } .cartbox ul{ list-style-type: none; margin: 1px; padding: 1px; border-bottom: 1px dashed #F0F0F0; } .cartbox ul li.tt1, .cartbox ul li.tt2 { float: left; vertical-align: middle; margin: 2px; } .cartbox ul li.tt1 { width: 100px; text-align: right; } .cartbox ul li.tt2 { width: 330px; text-align: left; } /*Cart end*/ /*Images List */ #images{ margin: 5px; } #images div{ float: left; width: 162px; height: 138px; margin-top: 15px; margin-left: 22px; text-align: center; } #images div img{ padding: 1px; width: 160px; height: 120px; border: 1px solid #BDBDBD; overflow: hidden; } /*Images List end*/ /*Guestbook*/ .gbookbox{ background-color: #F6F6F6; } .gbookbox .gbreply{ background-color: #EBEBEB; margin: 5px; border: 1px dashed #CCC; padding: 3px; } /*IM*/ .imleft, .imright{ width: 102px; height: 321px; background-image: url(im.gif); position: absolute; text-align: left; visibility: visible; z-index: 10; top: 180px; } .imleft{ left: 5px; } .imright{ right: 0px; } .imtop{ font-weight: bold; color: #FFF; text-align: right; padding: 3px; } .immid{ height: 45px; padding-top: 5px; padding-left: 55px; } .imbody{ padding-top: 30px; padding-left: 8px; } /*IMend*/ /*Node*/ .nodelist { padding: 3px; border-top: 1px dashed #EBEBEB; border-right:1px dashed #EBEBEB; border-bottom: 1px solid #999; border-left:1px dashed #EBEBEB; float: left; width: 240px; margin-left: 10px; margin-top: 10px; } /*Node end*/ /*Links*/ .linktextlist { padding: 3px; border-bottom: 1px dashed #EBEBEB; float: left; width: 80px; margin-left: 10px; margin-top: 10px; } .linklogolist { padding: 1px; float: left; width: 90px; height: 40px; margin-left: 5px; margin-top: 5px; text-align: center; overflow: hidden; } .linklogolist img{ width: 88px; height: 31px; } /*Links end*/ /*Users*/ .userinfobox { padding: 3px; border-top: 1px dashed #EBEBEB; border-right:1px dashed #EBEBEB; border-bottom: 1px solid #999; border-left:1px dashed #EBEBEB; float: left; width: 238px; margin-left: 10px; margin-top: 10px; margin-bottom: 5px; background-color: #EFF7FE; } .loginbox { margin: 20px; padding: 20px; text-align:center; border: 1px solid #CCC; background-color: #EFF7FE; } /*Users end*/ /*Pay*/ .paywaybox{ padding: 5px; height: 45px; width: 168px; margin: 5px; border: 1px dashed #CCCCCC; float:left; text-align:center; } .paybankbox{ padding: 5px; height: 45px; width: 356px; margin: 5px; border: 1px dashed #CCCCCC; float:left; text-align:left; } .paybankbox .banklogo{ width: 110px; float:left; text-align:center; } .paybankbox .bankinfo{ width: 230px; float:left; text-align:left; } /*Pay end*/ .cnkbox { margin:10px; border: 1px solid #CCC; text-align: left; } /*DLBox*/ .downbox{width: 360px; height:200px; padding: 1px; margin:5px; border:1px solid #EEEEEE; float:left;} /*title*/ .title{ text-align: left; text-indent: 35px; font-weight: bold; color: #333333; margin-top: 2px; margin-bottom: 2px; background-repeat: no-repeat; background-position: 5px; height:20px; padding-top:10px; } .pagetitle{ background-image: url(list_cnk.gif); border-bottom: 2px solid #BAC6D8; } .pagesubtitle{ background-image: url(list01.gif); border-bottom-color: #CCC; } .boxtitle{ font-size: 14px; font-weight: bold; background-color: #EBEBEB; text-indent: 8px; height: 18px; padding-top: 3px; border-bottom-width: 1px dashed #CCC; } .articletitle{ font-size: 16px; font-weight: bold; color: #333333; text-align: center; padding-top: 10px; } /*title end*/ .shortinfo { float:left; width: 375px; height: 17px; padding-top: 3px; margin: 3px; border-bottom: 1px dashed #EEE; } /*content*/ .articlecontent{ line-height: 160%; font-size: 14px; color: #333333; padding: 20px; } .textbox {/*产品内容*/ text-align: left; line-height: 160%; color: #333; margin: 5px; padding: 8px; border: 1px dashed #999; } .content{ line-height: 160%; margin:5px; padding: 5px; } .channelcontent{ color:#666; padding:10px; } /*content end*/ .page_nav{ text-align: left; text-indent: 10px; height: 20px; padding-top: 4px; border-bottom: 1px dashed #CCC; } .articleauthor{ border-bottom: 1px dotted #EEE; text-align: center; margin-top: 10px; color: #666666; } /*table*/ .cnktable { padding:5px; } .cnktable table{ background-color: #CCC; width: 100%; font-size:9pt; } .cnktable table tr { background-color: #FFF; text-align: left; } .cnktable .tabletitle { font-weight: bold; background-color: #E0E9F1; text-align: center; } /*table end*/ /*--- 页码 *---*/ #showpagetop { background-color: #D6E3F8; margin: 5px; padding: 3px; height: 16px; border-bottom: 1px solid #36C; } #showpagetop .pageleft{ text-align: left; float: left; width: 48%; } #showpagetop .pageright{ text-align: right; float: left; width: 51%; } #showpagebottom { background-color: #F2F2F2; margin: 5px; padding: 3px; height: 16px; border-top: 1px solid #666; } #showpagebottom .pageleft{ background-color: #F2F2F2; text-align: left; float: left; width: 48%; } #showpagebottom .pageright{ background-color: #F2F2F2; text-align: right; float: left; width: 51%; } .endPageNum{ padding:10px 12px 6px; text-align:center; clear:both; margin:0 auto; font-size:9pt; } .endPageNum .s1{width:52px;} .endPageNum .s2{background:#666; border:1px solid #ccc; color:#fff; font-weight:bold;} .endPageNum a.s2:visited {color:#fff;} .endPageNum a{padding:4px 5px 0;margin:5px 4px 0 0; color:#666;background:#fff; display:inline-table; border:1px solid #ccc; float:left; } .endPageNum a:visited{color:#000;} .endPageNum a:hover{color:#fff; background:#666; border:1px solid #555;float:left;} /*--- 表单 *---*/ form { margin: 0px; padding: 0px; } .input { font-size: 9pt; border: 1px solid #ADB9C2; background-color: #F3F3F3; } .button { border: 1px solid #ADB9C2; background-color: #EEE; height: 20px; padding-top:2px; background-image: url(bottonbg.gif); } /*白色链接,点击后不变色*/ .white, a.white:link, a.white:visited, a.white:active { color: #FFF; text-decoration: none} a.white:hover { color: #FF0; text-decoration: none} /*红色链接,点击后不变色*/ .red, a.red, a.red:link, a.red:active, a.red:visited{ color:#F00; text-decoration: none} a.red:hover{ color:#F00; text-decoration: none} /*蓝色链接,点击后不变色*/ .blue, a.blue, a.blue:link, a.blue:active, a.blue:visited{ color:#00F; text-decoration: none} a.blue:hover{ color:#00F; text-decoration: none} /*灰色链接,点击后不变色*/ .gray, a.gray, a.gray:link, a.gray:active, a.gray:visited{ color:#999; text-decoration: none} a.gray:hover{ color:#999; text-decoration: none} .topline { border-top: 1px solid #EEE; } .rightline { border-right: 1px solid #EEE; } .underline { border-bottom: 1px solid #EEE; } .leftline { border-left: 1px solid #EEE; } .topxline { border-top: 1px dashed #EEE; } .rightxline { border-right: 1px dashed #EEE; } .underxline { border-bottom: 1px dashed #EEE; } .leftxline { border-left: 1px dashed #EEE; } .pimg{ margin: 5px; float: left; } .clearboth{ clear: both; } .pt9 { font-size: 9pt; line-height: 140%} .px14 { font-size: 14px; line-height: 130%; } .strong{ font-weight: bold; }