themes.css

JSP购物车(SQLserver版) ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 简单的JSP电子商务网站购物车 带结算功能,带注册系统 大二时自己编写的,供大家参考学习 功能不是很详尽,美工

.nav{height:28px; line-height:28px; margin:0px 0px 10px 0px; overflow: hidden;}
.nav li, .nav li a{height:25px; line-height:25px; display:inline; padding:2px;}
.nav li h4{font-size:12px; font-weight:bold; display:inline;}
.nav li h4 a{font-weight:bold;}
.sitemap{height:25px; line-height:25px; margin:5px 0px 10px 0px; overflow:hidden;}
.sitemap ul{padding-left:5px;}
.sitemap li{height:25px; line-height:25px; display:inline; padding:1px;}
.sitemap li h3{font-weight:bold; display:inline;}
.sitemap li h3 a{font-weight:bold;}
.sitemap li h4{font-weight:bold; display:inline;}
.sitemap li h4 a{font-weight:bold;}
.content:after, .quote:after, .bar:after, .tabpart:after, .hide:after, .postdiv:after, .list .tree:after, .list .tr:after, .log:after, tabpart:after, #version:after{line-height: 25px; /*word-break:break-all;*/ content: '.'; display:block; clear:both; visibility:hidden; height:0;}
.content, .log{height:1%}
.quote{padding:5px; margin:10px; width:90%;}
.quote, .quote a, .quote a:link, .quote a:visited, .quote font{font-size:12px;}
.sidebar{margin-bottom:7px;}
.psidebar{width:100%; text-align:center;}
.sidebar table{border-collapse:collapse;}
.sidebar ul{padding:2px 2px 2px 5px;}
.sidebar .l ul{padding:0px 0px 0px 5px;}
.sidebar .l ul li{line-height:22px; height:22px; display:block; width:100%; margin:0px 0px 2px 0px;}
.sidebar .l label {width:40px;}
.sidebar .r .p{width:46%; float:left;}
.sidebar .r .p ul{padding:0px 2px 2px 5px; margin:0px;}
.sidebar .r .p li{display:block; width:100%; height:25px; overflow:hidden;}
.sidebar .r .p li a{line-height:25px;}
.sidebar .r .p h3{margin:2px 0px 0px 0px; padding:0px; font-weight:bold; line-height:18px; height:18px; text-indent:5px;}
.sidebar ul li{text-align:left;}
.part{width:100%; margin:0px 0px 3px 0px; height:1%;}
.part .l, .part .r{margin-bottom:0px;line-height:25px;}
.part .of{overflow:hidden;}
.part .l ul{margin-top:3px;height:1%;}
.part .l li, .part .l li a, .part .l li a:link, .part .l li a:visited, .part .l li a:hover{font-size:16px; font-weight:bold; display:block; height:25px; line-height:25px;}
.part .l li{float:left; width:100px; text-align:center;height:25px; line-height:25px; margin-right:7px;}
.part strong{font-weight:bold;}
.tabform, .tabtopic{margin-top:1px;}
.tabpart th{width:120px;}
.tabform th{width:136px;}
.tabform th{text-align:right;}
.tabform th, .tabpart td h1, .tabpart td h3{font-weight:bold;}
.tabform th, .tabform td, .tabtopic td h1, .tabtopic td h3{height:25px; line-height:25px;}
.tabform td{padding:2px 2px 2px 5px; text-align:left;}
.th{margin-top:1px;}
/*.tabpart .content{text-indent:28px;}*/
.tabpart .content img{margin:2px;}
.tabpart td, .tabpart td h1, .tabpart td h3, .tabpart td span, .tabpart td span a, .tabpart .content, .tabpart .content a, .tabpart .content font{font-size:15px;line-height:25px;}
.tabpart th, .tabpart td{font-weight:normal; text-align:left;}
.tabpart th ul li{line-height:20px; height:20px; display:block; width:100%; margin:0px 0px 2px 0px;}
.tabpart td em{color:gray; line-height:22px; height:22px;}
.tabpart td .penname{font-size:12px; padding:10px 0px 10px 0px; color:gray; border-top:#ccc solid 1px}
.tabpart th div{text-align:center;}
.tabpart th div{margin-bottom:5px; margin-top:5px;}
.tabpart .content{margin:0px; font-size:15px;}
.tabcontent td{padding:5px 10px 10px 10px;}
.content{word-break:break-all;}
.tabpart .content strong{font-weight:bold;}
.tabpart .content em{color:#000000; font-style:italic; font-size:15px;}
.tabpart td .menu{/*position:relative;*/ float:right; margin-bottom:5px; top:0px; width:300px; height:25px;}
.tabpart td .menu a{line-height:22px; font-size:15px;}
.tabpart .mlist{float:right; top:20px; font-size:12px;}
.tabpart .mlist a, .tabpart .mlist a:link, .tabpart .mlist a:visited{font-size:12px;}
.tabpart .mlist ul{margin-top:5px;}
.tabpart .mlist li{float:left; font-size:12px; text-indent:12px; height:25px;}
.tabpart .ro{/*background:url('../images/default/menuFooter.jpg'); overflow:hidden; height:6px; background-repeat:repeat-x;*/}
.tabpart .menu img{margin-top:0px; cursor:pointer;}
.line{border-bottom:1px solid #b5b5b5; color:#e5e5e5; height:1px; line-height:1px; margin:0px; border:0px; padding:0px; float:left}
.gform{margin:0px; padding:0px;}
.gform{text-align:center;}
.gform .input{width:300px; margin-right:5px;}
.gform textarea{width:300px; height:100px; padding:2px;}
.gform .rd{width:15px; margin:2px;}
.gform fieldset div h3{font-weight:bold; color:#ff6600; display:inline;}
.gform fieldset div span{color:red;}
.gform ul li{line-height:28px; height:28px; display:block; width:100%; margin:0px 0px 2px 0px;}
.postdiv{width:100%; height:25px; line-height:25px; padding-left:5px;}
.postdiv, .qwform fieldset div{margin:0px 0px 10px 0px;}
.postdiv label{text-align:right; width:80px;}
.message, .msg{padding:0px 10px 0px 20px; font-weight:bold;}
.message li, .msg li{list-style:disc; font-weight:bold;}
.message span, .message .msg li span{font-weight:bold;}
.message span strong{font-weight:bold;}
.message span, .message li, .message li a{height:22px; line-height:22px;}
.round .r, .round .l {width:6px; border:0px;}
.round .r, .round .l, .round div, .round .msg, .round .msg ul, .round .msg ul li{margin:0px; padding:0px;}
.round{width:100%; margin-bottom:5px; border:0px;}
.round div, .round, .round.msg, .round.l, .round.r, .round.msg ul, .round.msg ul li{height:22px; line-height:22px;}
.round .msg span{color:#000; height:22px; line-height:22px; font-weight:bold; margin:0px; padding:0px 0px 0px 10px;}
.bar{width:100%; height:28px; line-height:28px; margin:0px; padding:0px;}
.bar .inner{padding:2px 5px 2px 5px;}
.tt, .tfoot{text-indent:5px;}
.tt, .tfoot{height:25px; line-height:25px; padding:2px;}
.list .th{height:25px; line-height:25px; overflow:hidden;}
.list .tr, .list .tr span{height:28px; line-height:28px; overflow:hidden;}
.list div h5, .list h3, .list_ h3, .list div a, .list_ div a, .list h3 a, .list_ h3 a, .list div h4, .list div h6,.list .tree div font{height:28px; line-height:28px;}
.list .r, .list_ .r{float:right; text-align:center; border:none; height:25px;}
.list div h4, .list_ div h4 {float:left; width:120px;}
.list div h5, .list_ div h5{float:left; width:110px;}
.list div h6{float:left; width:50px;}
.list h3, .list_ h3{overflow:hidden; word-break:break-all; text-align:left; text-indent:5px; }
.list .th div h4, .list .th div h5, .list .th h3, .list .th div h6, .list .th h6{font-weight:bold; display:block;}
.list h3 a{font-size:15px;}
.list h3 img{margin-top:3px; cursor:pointer;}
.list .tree{width:100%; line-height:28px; text-align:left; overflow:hidden;}
.list .tree div{text-align:left; overflow:hidden;}
.list .tree div span img{margin:0px 2px 0px 2px;}
.list .tree span, .list .tree span a{margin-right:5px; font-size:15px;}
.list .left0 .title{margin-left:30px;}
.list .left1 .title{margin-left:5px;}
.list .tree .tr{height:28px; line-height:28px;}
.list .tree em{padding-left:5px; margin-right:10px;}
.list .tree div font{overflow:hidden;height:28px; line-height:28px;}
.txt_b, .txt_b a{font-weight:bold;}
.lab{float:none; margin:0px 0px 0px 20px;}
.wrong{color:red; height:20px; line-height:20px; padding:0px; margin:0px;}
.hide{display:none; line-height:28px; text-align:left; overflow:hidden;}
.btn{width:auto; height:25px; line-height:25px; padding: 0px 5px 0px 5px;}
#footer{width:100%; line-height:25px; height:1%; margin:5px 0px 5px 0px; text-align:center; }
#version{ width:100%; text-align:center;}
.lab{margin:2px 12px 2px 2px; font-weight:normal;}
.lab label{float:none; width:auto; margin-right:12px;}
.lab p{font-size:12px; color:red; margin-left:8px; margin-top:5px;}
.sig, .copyright{width:98%; padding:5px; font-size:12px; margin-top:7px;}
.log{margin:10px 5px 10px 5px;}
.log, .log div, .log div, .log div a, .log div a:link{font-size:12px; color:gray;}
.log span {font-size:10px;}
.log fieldset{float:left; width:320px; margin:0px 0px 5px 5px;}
.log legend{color:gray; margin:0px; padding:0px 5px 0px 5px; /* background:#ff8800;*/ font-weight:bold;}
.umenu{cursor:pointer; background-image:url('../images/mlist.gif'); background-repeat:no-repeat; padding:0px 3px 0px 3px; position:relative; z-index:0; overflow:hidden;}
.umenu img{cursor:pointer; border:0px;}
/*.umenu .bg{background-position:"center center";}*/
.hint{padding:15px 0px 0px 0px; background-position:left top; z-index:150; background-repeat:no-repeat; margin: 0px 0px 0px 2px; width:180px; position:absolute;}
.hint div{line-height:20px;	margin:0px; padding:5px 0px 0px 8px;}
.hint div img{border:gray solid 1px;}

.pagination{width:auto;padding:3px 0px 5px 0px; margin:0px;}
.pagination ul{margin: 0; padding: 0; text-align: left;}
.pagination li{list-style-type: none; display: inline; height:25px; margin-right:2px;}
.pagination a, .pagination a:visited{text-decoration:underline; padding:2px 8px 2px 8px;}
.pagination a:hover, .pagination a:active{text-decoration:underline; padding:2px 8px 2px 8px;}
.pagination li.pcg{padding:2px 8px 2px 8px; font-weight:bold;}
.pagination li.pdg{padding:2px 8px 2px 8px;}
.pagination li.png{padding:2px 2px 2px 2px; font-weight:bold;}
.pagination li.ppg{padding:2px 5px 2px 5px; font-weight:bold;}

.content .hint{z-index:auto; width:380px; font-size:12px; border:gray solid 1px; background:#fff; color:gray; padding:3px 7px 3px 7px;  margin: 11px 0px 11px 11px; position:static;}
.content .hint a,.content .hint a:link, .content .hint a:visited{font-size:12px;}