切换CSS样式为左右式
This commit is contained in:
parent
8efbef8128
commit
0198d67a71
|
@ -1,3 +1,9 @@
|
||||||
|
#sidebar{float:left;margin:0;padding:0;width:160px;_margin-right:-3px;float:left;border-right:2px solid #ddd;background:#ddd;border-radius:5px;overflow:hidden;}
|
||||||
|
#sidebar li{margin:5px 0 5px 30px;}
|
||||||
|
#sidebar li.title{margin:0;padding:5px 40px;background-color:#ECA965;}
|
||||||
|
#leftnavi li{margin:5px 0 5px 20px;font-size:9pt;border:1px #93bee2 solid;background-color:#e8f4ff;width:100px;height:22px;padding:0 10px 0 10px;}
|
||||||
|
#content{margin-left:160px;}
|
||||||
|
#content p{text-indent: 20px;}
|
||||||
.logo{float:right;margin-left:10px;margin-bottom:15px;text-align:center;}
|
.logo{float:right;margin-left:10px;margin-bottom:15px;text-align:center;}
|
||||||
.preface
|
.preface
|
||||||
{
|
{
|
||||||
|
@ -7,14 +13,7 @@
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 1px solid gray;
|
border: 1px solid gray;
|
||||||
}
|
}
|
||||||
.LeftMargin a
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.LeftMargin p
|
|
||||||
{
|
|
||||||
text-indent: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 a, h2 a:visited{padding-right:20px;color:#808080;background-image:url(../images/extlink.gif);
|
h2 a, h2 a:visited{padding-right:20px;color:#808080;background-image:url(../images/extlink.gif);
|
||||||
background-repeat:no-repeat; background-position:right center;}
|
background-repeat:no-repeat; background-position:right center;}
|
||||||
|
@ -24,4 +23,62 @@ h2 a, h2 a:visited{padding-right:20px;color:#808080;background-image:url(../imag
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#contactUs,h2
|
||||||
|
{
|
||||||
|
font-size: 150%;
|
||||||
|
padding-left: 60px;
|
||||||
|
background: url(../images/right_03.gif) no-repeat bottom left;
|
||||||
|
line-height: 35px;
|
||||||
|
margin:0 0 20px 10px;
|
||||||
|
}
|
||||||
|
#contactUs{margin-left:180px;}
|
||||||
|
|
||||||
|
|
||||||
|
.note
|
||||||
|
{
|
||||||
|
color:Navy;
|
||||||
|
padding-bottom:5px;
|
||||||
|
margin-bottom:0px;
|
||||||
|
}
|
||||||
|
.title{
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0px 10px 0px;
|
||||||
|
font-size: 105%;
|
||||||
|
}
|
||||||
|
#online{
|
||||||
|
float:left;
|
||||||
|
width:450px;
|
||||||
|
}
|
||||||
|
#offline{
|
||||||
|
float:left;
|
||||||
|
background:#eee;
|
||||||
|
margin:10px;
|
||||||
|
padding:5px;
|
||||||
|
width:300px;
|
||||||
|
}
|
||||||
|
dd {float:left;padding-top:5px;margin-left:5px;}
|
||||||
|
dt {clear:both;float:left;width:150px;padding-top:5px;}
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
vertical-align: bottom;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
label.required { background:url(/images/req-asterisk.gif) right no-repeat; padding-right:26px; }
|
||||||
|
#message{
|
||||||
|
width:400px;padding-top:10px;
|
||||||
|
border:1px dotted;
|
||||||
|
color:red;
|
||||||
|
}
|
||||||
|
input,select,textarea,button {
|
||||||
|
font:1em Tahoma;
|
||||||
|
color:#444444;
|
||||||
|
width:80%;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #444;
|
||||||
|
}
|
||||||
|
|
||||||
|
#submitbutton{width:100px;}
|
||||||
|
ul{list-style-type: none;}
|
Loading…
Reference in New Issue