模版: gery2
樣式名稱: cover 作者: Anonymous
修改效果:
右側文章顯示區寬度隨視窗大小縮放
整個版面寬度為視窗之90%
除非插圖或其它物件,否則視窗再窄都不需左右捲動
PS:這種純個人偏好之小調整就不好意思當它是一個新的樣式了以下皆為css
* {
padding:0px;
margin:0px;
}
A {
text-decoration:underline;
}
A:link {
color: #CC0000;
}
A:hover {
color: #0D04C5;
}
A:visited {
color: #333333;
}
A:active {
color: #CC0000;
}
BODY {
margin: 15px;
color: #333333;
background-color: #FFFFFF;
}
div#Container {
margin: 0 auto;
width: 90%;
}
div#Top {
height:83px;
background: url("/images/css/clover/title_ill.gif") no-repeat;
}
#BlogHeader {
margin-left: 100px;
color: #336600;
font-weight: bold;
font-size: 160%;
font-family: Tahoma,VERDANA,ARIAL,SANS-SERIF,Helvetica;
padding:3px;
padding-top:15px;
}
#BlogHeader A {
color: #336600;
}
#BlogDescr {
margin-left: 100px;
color: #336600;
font-size: 80%;
font-family: Tahoma,VERDANA,ARIAL,SANS-SERIF,Helvetica;
padding:3px;
}
.Upgrade {
display:none;
}
#Sidebar {
width: 20%;
max-width: 202px;
float: left;
}
.mainEntryTitle h3 {
color: ;
font-size: 80%;
text-decoration: ;
}
.mainEntryBase {
width: 100%;
text-align: left;
}
.calMonth {
font-size: 80%;
border-spacing: 3px;
width: 90%;
margin: 0 auto;
text-align:center;
}
.calMonthCurrent {
color: #336600;
font-weight: bold;
}
.calMonthHeader th {
color:#336600;
font-weight: bold;
}
.calMonth tbody td {
color:#336600;
font-size: 100%;
}
td.calendarToday {
border: 1px solid #336600;
}
.calMonth tbody td a {
font-weight: bold;
text-decoration: none;
}
.userLink {
font-size: 80%;
font-weight: bold;
text-decoration: underline;
line-height: 18px;
}
.Sidebody p {
font-size: 80%;
font-weight: bold;
line-height: 18px;
}
a.nodecoration {
padding:2px;
}
#pagefooter {
clear: both;
width: 95%;
float: right;
text-align: center;
padding: 15px 0px;
font-size: 80%;
line-height: 18px;
}
.Sideblock {
margin-bottom: 22px;
}
.Sidetitle {
background: url('/images/css/clover/menu_top.gif') top no-repeat;
padding-top: 6px;
}
.Sidetitle h4,.Sidetitle h4 a {
height: 18px;
width:100%;
text-align:center;
background: #66cc66;
color: #FFFFFF;
font-size: 80%;
font-weight: bold;
font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
}
.Sidebody {
background: url('/images/css/clover/menu_bg.gif');
padding: 5px 6px;
}
.userImg {
width:100%;
text-align:center;
}
.SideBottom {
height: 6px;
background: url('/images/css/clover/menu_u.gif') top no-repeat;
}
.mainEntry {
margin: 15px;
margin-top:30px;
}
.mainEntryTitle h3 {
height: auto;
color: #336600;
font-size: 20px;
font-weight: bold;
text-decoration: none;
padding: 5px 5px 5px 25px;
background-image:url('/images/css/clover/ent_icon.gif');
background-color: #FFFFCC;
background-repeat: no-repeat;
border-top-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-width: 1px;
border-top-color: #66CC66;
border-bottom-color: #66CC66;
background-position: left center;
}
.mainEntryBody {
font-size: 90%;
line-height: 155%;
}
div.date {
text-align:right;
margin-top: -60px;
margin-bottom: 60px;
padding-right: 10px;
color: #CC0000;
}
span.date {
font-size: 80%;
}
#Content {
float: left;
background-color: #FFFFFF;
width: 75%;
border: 1px solid #66CC66;
}
ul {
line-height: 18px;
list-style-type: none;
font-size: 90%;
color: #336600;
}
li {
line-height: 18px;
list-style-type: none;
font-size: 80%;
padding-left:10px;
color: #336600;
}
li a {
text-decoration: none;
color: #336600;
}
.mainEntryfoot {
text-align: right;
font-size: 80%;
color: #669900;
border-top: 1px solid #669900;
margin-top:30px;
padding-bottom:20px;
}
.mainEntryBottom {
display: none;
}
.CommentBox {
padding:15px;
}
.CommentBoxTitle {
background: #66cc66;
color: #FFFFFF;
padding:2px;
}
.CommentInnerBox {
margin:2px;
}
.CommentInnerBox p {
margin-left: 10px;
font-size: 80%;
}
.commentposterinfo {
font-size: 80%;
text-align:right;
}
.CommentForm {
padding:15px;
font-size: 80%;
}
.CommentForm h3 {
background: #66cc66;
color: #FFFFFF;
padding:2px;
}
input,textarea {
border:1px solid #669900;
}
-----
請先 登入 以發表留言。