mall_tbsp.css@t=20080730.css

网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。

body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-weight:400;}body{background-color:#FFF;font-family:Tahoma,SimSun,Arial;font-size:12px;line-height:15px;color:#666;}table{border-collapse:collapse;}fieldset,img{border:0;}fieldset{margin:10px 0;padding:10px 0;}fieldset p{margin:0;padding:0 0 0 8px;}legend{display:none;*color:#000;*margin-left:-7px;}address,caption,em,strong,th,i{font-style:normal;font-weight:400;}table caption{margin-left:-1px;}hr{clear:both;margin:5px 0;*margin:0;border-width:0;border-top:1px solid #e4e4e4;border-bottom:1px solid #FFF;height:2px;overflow:hidden;}ol,ul{list-style:none;}caption,th{text-align:left;}q:before,q:after,blockquote:before,blockquote:after{content:"";}.invisible{display:none;}h1,h2,h3,h4,h5,h6{padding:0 0 2px 5px;font-weight:700;color:#555;}h1{font-size:20px;line-height:28px;}h2{font-size:18px;line-height:24px;}h3{font-size:16px;line-height:20px;}h4{font-size:14px;line-height:18px;}h5{font-size:12px;line-height:16px;}h6{font-size:12px;line-height:16px;font-weight:400;}a:link,a:visited{color:#36c;text-decoration:none;}a:hover,a:active{color:#f60;text-decoration:underline;}table{margin:4px 0 5px 0;}th{font-weight:400;}th,td{padding:4px 10px 3px 4px;}th{text-align:center;}tfoot th{text-align:right;font-weight:700;color:#333;}caption{background:#ffc;padding:4px;}p{line-height:17px;padding:4px 4px 8px 4px;}p img{float:left;margin:0 18px 18px 0;padding:0;}fieldset{clear:both;background:#f2f2f2;}fieldset li{line-height:20px;padding:5px 0;}textarea{margin:0 3px;*margin:-1px 3px -1px;padding:3px 2px 0 2px;width:50%;height:5em;font-size:12px;border:1px solid #a7a6aa;background:#FFF url(../imgs/input.gif) 0 0 no-repeat;}input{color:#666;font-size:12px;}input[type="text"],input[type="password"]{margin:0 3px;*margin:-1px 3px -1px;padding:3px 2px 0 3px;height:16px;border:1px solid #a7a6aa;background:#FFF url(../imgs/input.gif) 0 0 no-repeat;}input[type="checkbox"]{margin:0 2px 1px 3px;vertical-align:middle;}*+html input[type="checkbox"]{margin:0;}input[type="radio"]{margin:0 2px 1px 3px;vertical-align:middle;}*+html input[type="radio"]{margin:0;}input[type="file"]{margin:0 2px 1px 3px;vertical-align:middle;}select{margin:0 3px 0;font-size:12px;color:#666;}option{padding-right:4px;}* html input.text,* html input.password{margin:-1px 3px -1px;padding:3px 2px 0 2px;height:16px;border:1px solid #a7a6aa;background:#FFF url(../imgs/input.gif) 0 0 no-repeat;}* html input.checkbox{margin:0 0 -2px -1px;vertical-align:middle;}* html input.radio{margin:0 0 -2px -1px;vertical-align:middle;}* html input.file{height:20px;margin:-1px 3px -1px;}* html fieldset label{vertical-align:bottom;}.sumbit-box button,.sumbit-box .button{margin:0 5px 0 0;}.center{text-align:center;}.small .header,.small .body,.small .footer{margin:0 auto;min-width:760px;width:760px;}.medium .header,.medium .body,.medium .footer{clear:both;margin:0 auto;min-width:950px;width:950px;}.large .header,.large .body,.large .footer{margin:0;}.footer{clear:both;}.body{min-height:300px;}.main{float:right;width:100%;min-height:300px;_height:300px;}.grid-column{float:left;padding:0;}body .main .grid-column{float:none;width:auto;padding:10px 0 0;}.flexed{clear:both;width:100%;height:0;overflow:hidden;}.grid-layout-a .main,.grid-layout-b .main,.grid-layout-c .main,.grid-layout-d .main,.grid-layout-e .main,.grid-layout-f .main{float:left;}.grid-layout-a .grid-column,.grid-layout-b .grid-column,.grid-layout-c .grid-column,.grid-layout-d .grid-column,.grid-layout-e .grid-column,.grid-layout-f .grid-column{float:right;}.grid-layout-1 .main{margin:0 0 0 -110px;}.grid-layout-1 .main .grid-column{margin:0 0 0 120px;}.grid-layout-1 .grid-column{width:110px;}.grid-layout-2 .main{margin:0 0 0 -150px;}.grid-layout-2 .main .grid-column{margin:0 0 0 160px;}.grid-layout-2 .grid-column{width:150px;}.grid-layout-3 .main{margin:0 0 0 -189px;}.grid-layout-3 .main .grid-column{margin:0 0 0 199px;}.grid-layout-3 .grid-column{width:188px;}.grid-layout-4 .main{margin:0 0 0 -230px;}.grid-layout-4 .main .grid-column{margin:0 0 0 240px;}.grid-layout-4 .grid-column{width:230px;}.grid-layout-5 .main{margin:0 0 0 -270px;}.grid-layout-5 .main .grid-column{margin:0 0 0 280px;}.grid-layout-5 .grid-column{width:270px;}.grid-layout-6 .main{margin:0 0 0 -309px;}.grid-layout-6 .main .grid-column{margin:0 0 0 319px;}.grid-layout-6 .grid-column{width:309px;}.grid-layout-a .main{margin:0 -110px 0 0;}.grid-layout-a .main .grid-column{margin:0 120px 0 0;}.grid-layout-a .grid-column{width:110px;}.grid-layout-b .main{margin:0 -150px 0 0;}.grid-layout-b .main .grid-column{margin:0 160px 0 0;}.grid-layout-b .grid-column{width:150px;}.grid-layout-c .main{margin:0 -190px 0 0;}.grid-layout-c .main .grid-column{margin:0 200px 0 0;}.grid-layout-c .grid-column{width:190px;}.grid-layout-d .main{margin:0 -230px 0 0;}.grid-layout-d .main .grid-column{margin:0 240px 0 0;}.grid-layout-d .grid-column{width:230px;}.grid-layout-e .main{margin:0 -270px 0 0;}.grid-layout-e .main .grid-column{margin:0 280px 0 0;}.grid-layout-e .grid-column{width:270px;}.grid-layout-f .main{margin:0 -310px 0 0;}.grid-layout-f .main .grid-column{margin:0 320px 0 0;}.grid-layout-f .grid-column{width:310px;}.module-main{float:right;width:100%;}.module-column{float:left;}body .module-main .module-column{float:none;width:auto;}.module-layout-1 .module-main{margin:0 0 0 -110px;}.module-layout-1 .module-main .module-column{margin:0 0 0 120px;}.module-layout-1 .module-column{width:110px;}.module-layout-2 .module-main{margin:0 0 0 -150px;}.module-layout-2 .module-main .module-column{margin:0 0 0 160px;}.module-layout-2 .module-column{width:150px;}.module-layout-3 .module-main{margin:0 0 0 -190px;}.module-layout-3 .module-main .module-column{margin:0 0 0 200px;}.module-layout-3 .module-column{width:190px;}.module-layout-4 .module-main{margin:0 0 0 -230px;}.module-layout-4 .module-main .module-column{margin:0 0 0 240px;}.module-layout-4 .module-column{width:230px;}.module-layout-a .module-main,.module-layout-b .module-main,.module-layout-c .module-main,.module-layout-d .module-main{float:left;}.module-layout-a .module-column,.module-layout-b .module-column,.module-layout-c .module-column,.module-layout-d .module-column{float:right;}.module-layout-a .module-main{margin:0 -110px 0 0;}.module-layout-a .module-main .module-column{margin:0 120px 0 0;}.module-layout-a .module-column{width:110px;}.module-layout-b .module-main{margin:0 -150px 0 0;}.module-layout-b .module-main .module-column{margin:0 160px 0 0;}.module-layout-b .module-column{width:150px;}.module-layout-c .module-main{margin:0 -190px 0 0;}.module-layout-c .module-main .module-column{margin:0 200px 0 0;}.module-layout-c .module-column{width:190px;}.module-layout-d .module-main{margin:0 -230px 0 0;}.module-layout-d .module-main .module-column{margin:0 240px 0 0;}.module-layout-d .module-column{width:230px;}.column{float:left;margin:0 10px 0 0;}.last{margin:0;}.column-1{width:30px;}.column-2{width:70px;}.column-3{width:110px;}.column-4{width:150px;}.column-4d5{width:170px;}.column-5{width:190px;}.column-6{width:230px;}.column-7{width:270px;}.column-8{width:310px;}.column-8d5{width:320px;}.column-9{width:350px;}.column-9d5{width:368px;}.column-10{width:390px;}.column-10d5{width:408px;}.column-11{width:430px;}.column-12{width:470px;}.column-13{width:510px;}.column-14{width:550px;}.column-15{width:590px;}.column-15d5{width:608px;}.column-16{width:630px;}.column-17{width:670px;}.column-18{width:710px;}.column-19{width:750px;}.column-20{width:790px;}.column-21{width:830px;}.column-22{width:870px;}.column-23{width:910px;}.column-24{width:950px;margin:0;}.shadow{background:url(../imgs/shadow-main.gif) center 0 repeat-y;*margin-left:-1px;}.shadow .header{background:#fff;}.shadow .body{background:url(../imgs/shadow-top.gif) 50% -30px no-repeat;}.shadow .body .body-content .main{padding:0 0 30px 0;}.shadow .body .body-bottom{background:url(../imgs/shadow-bottom.gif) 50% 100% no-repeat;height:30px;margin-top:-30px;}.grid-layout-3 .body-content{background:url(../imgs/line.gif) 189px 0 repeat-y;}.grid-layout-c .body-content{background:url(../imgs/line.gif) 759px 0 repeat-y;}.grid-layout-2 .body-content{background:url(../imgs/line.gif) 150px 0 repeat-y;}.grid-layout-6 .body-content{background:url(../imgs/line.gif) 310px 0 repeat-y;}.grid-layout-f .body-content{background:url(../imgs/line.gif) 638px 0 repeat-y;}.small .header,.medium .header{width:100%;}.small .channel-menu,.small .shopping-cart,.small .body-content,.small .body-top{margin:0 auto;min-width:760px;width:760px;}.medium .head-top,.medium .channel-menu,.medium .shopping-cart,.medium .body-content,.medium .body-top{margin:0 auto;min-width:950px;width:950px;}.large .shopping-cart,.large .body-content,.large .body-top,.large .body-head{margin:0 auto;min-width:950px;width:950px;}.large .no-line{min-width:950px;width:950px;}.patch{margin:20px 0 0;padding:0 0 20px;width:100%;min-height:21px;}.patch:after{content:"";clear:both;display:block;height:0;visibility:hidden;}.patch ins{display:block;margin:0;min-height:90px;padding:10px;_height:90px;font-size:12px;font-weight:400;line-height:16px;text-decoration:none;text-indent:0;color:#999;background-color:#e4e4e4;border-top:1px solid #FFF;border-left:2px solid #FFF;}.patch ins a:link,.patch ins a:visited{text-decoration:underline;}.patch ins button{display:block;width:140px;margin:10px auto;}.patch ins .help{padding:0 0 0 12px;}.patch ins dl{margin:10px 0;}.patch .li-1 ins{border-left:none;}.patch ol{float:left;width:100%;}.patch li{float:left;text-indent:20px;line-height:19px;font-weight:700;font-size:14px;color:#999;background-color:#e4e4e4;background-image:url(../imgs/patch-bg.gif);background-repeat:no-repeat;}.patch .patch-3{width:90%;margin:0 5%;display:inline;}.patch-3 li{width:33%;}.patch-3 .li-3{width:34%;}.patch-4 li{width:24.95%;*width:24.9%;}.patch-5 li{width:20%;}.patch-6 li{width:16%;}.patch-6 .li-1{width:18%;}.patch-6 .li-6{width:18%;}.patch li span{color:#fff;font-weight:700;font-size:16px;line-height:19px;margin-right:6px;}.step-1 .li-1{background-position:-12px -20px;color:#FFF;}.step-2 .li-1,.step-3 .li-1,.step-4 .li-1,.step-5 .li-1,.step-6 .li-1{background-position:-12px -40px;color:#a99263;}.step-2 .li-1 ins,.step-3 .li-1 ins,.step-4 .li-1 ins,.step-5 .li-1 ins,.step-6 .li-1 ins{background:#e7e1d2;color:#a99263;}.step-3 .li-2,.step-4 .li-2,.step-4 .li-3,.step-5 .li-2,.step-5 .li-3,.step-5 .li-4,.step-6 .li-2,.step-6 .li-3,.step-6 .li-4,.step-6 .li-5{background-position:0 -40px;background-color:#e7e1d2;color:#a99263;}.step-3 .li-2 ins,.step-4 .li-2 ins,.step-4 .li-3 ins,.step-5 .li-2 ins,.step-5 .li-3 ins,.step-5 .li-4 ins,.step-6 .li-2 ins,.step-6 .li-3 ins,.step-6 .li-4 ins,.step-6 .li-5 ins{color:#a99263;background:#e7e1d2;}.step-2 .li-2,.step-3 .li-3,.step-4 .li-4,.step-5 .li-5,.step-6 .li-6{background-position:0 -20px;background-color:#e7e1d2;color:#FFF;}.step-1 .li-1 ins,.step-2 .li-2 ins,.step-3 .li-3 ins,.step-4 .li-4 ins,.step-5 .li-5 ins,.step-6 .li-6 ins{color:#ffc1a6;background-color:#B0000F;}.step-1 .li-1 ins strong,.step-2 .li-2 ins strong,.step-3 .li-3 ins strong,.step-4 .li-4 ins strong,.step-5 .li-5 ins strong,.step-6 .li-6 ins strong{color:#FFF;}.patch ins strong.step-loading{display:block;background:url(../imgs/mall_tbsp_step_loading.gif) no-repeat;color:white;padding-left:41px;line-height:20px;margin-left:31px;margin-bottom:10px;}.patch ins i{color:white;}.step-1 .li-1 ins a:link,.step-1 .li-1 ins a:visited,.step-2 .li-2 ins a:link,.step-2 .li-2 ins a:visited,.step-3 .li-3 ins a:link,.step-3 .li-3 ins a:visited,.step-4 .li-4 ins a:link,.step-4 .li-4 ins a:visited,.step-5 .li-5 ins a:link,.step-5 .li-5 ins a:visited,.step-6 .li-6 ins a:link,.step-6 .li-6 ins a:visited{color:#fff;text-decoration:underline;}.step-1 .li-1 ins a:hover,.step-1 .li-1 ins a:active,.step-2 .li-2 ins a:hover,.step-2 .li-2 ins a:active,.step-3 .li-3 ins a:hover,.step-3 .li-3 ins a:active,.step-4 .li-4 ins a:hover,.step-4 .li-4 ins a:active,.step-5 .li-5 ins a:hover,.step-5 .li-5 ins a:active,.step-6 .li-6 ins a:hover,.step-6 .li-6 ins a:active{color:#f60;text-decoration:underline;}.step-1 .li-2,.step-2 .li-3,.step-3 .li-4,.step-4 .li-5,.step-5 .li-6{background-color:#ac1d2f;}.step-1 .li-2 ins,.step-2 .li-3 ins,.step-3 .li-4 ins,.step-4 .li-5 ins,.step-5 .li-6 ins{color:#999;background:#E4E4E4;}.patch-l-4 ol.step-1{background:#e7e1d2 url(../imgs/patch4-bg-01.gif) 0 0 repeat-y;}.patch-l-4 ol.step-2{background:#e7e1d2 url(../imgs/patch4-bg-02.gif) 0 0 repeat-y;}.patch-l-4 ol.step-3{background:#e7e1d2 url(../imgs/patch4-bg-03.gif) 0 0 repeat-y;}.patch-l-4 ol.step-4{background:#e7e1d2 url(../imgs/patch4-bg-04.gif) 0 0 repeat-y;}