晴兒換了こち亀的新樣式,所以就把上回用的樣式分享出來~
喜歡的朋友儘量抱唷...當然如果可以留言或推推就更感謝囉~~(飛吻)
樣式示意
COPY下方藍色部份CSS碼即可
/* General Set
-----------------------------------------*/
body {
margin:0px;
background:#ECF2F4;
font:12px/150% Arial, Helvetica, sans-serif;
color:#796059;
}
a {
color:#796059;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
input{font-family:Arial, Helvetica, sans-serif;color:#796059;}
select {font-family:Arial, Helvetica, sans-serif;color:#796059;}
/* container
-----------------------------------------*/
#container1 {}
#container2 {width:930px;position:relative;margin:0 auto;}
/* banner and pageheader
-----------------------------------------*/
#banner {
height:281px;
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/090614--.jpg) no-repeat center top;
}
#pageheader {padding:15px 0 0 20px;}
#pageheader h1 {margin:0 10px 6px 0;font-size:18px;line-height:150%;}
#pageheader h1 a {}
#pageheader h1 a:hover {}
#pageheader .description {}
#pageheader #description2 .description {}
h1 .description{display:block;font-weight:normal;font-size:13px;}
#description2 {color:#C0AEA9;}
/* main2
-----------------------------------------*/
/* (content、links) */
#main2 {
overflow:hidden;
width:930px;
background:url(http://l.yimg.com/f/i/tw/wretch/hblog_079_057/links_bg.jpg) repeat-y left;
}
/* content
-----------------------------------------*/
#content {
float:right;
overflow:hidden;
width:690px;
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/090614---2.jpg) no-repeat;
padding-top:103px;
margin-bottom:20px;
}
.date {
color:#000;
padding:14px 0 0 0;
position:absolute;
right:30px;
font:10px Arial, Helvetica, sans-serif;
height:13px;
width:120px;
text-align:right;
}
.blog {}
.blog table{background-color:#fff;left:31px;}
/* 02 date */
.datediv {}
.blogbody {padding:0px 0px 10px;}
/* 02 blogbody */
.blogbody2 {}
/* .articletext (.title .extended .innertext .extended )*/
.articletext {
padding:0px 31px;
background:url(http://l.yimg.com/f/i/tw/wretch/hblog_079_057/title_bg.jpg) no-repeat;
}
.articletext .title {
margin-top:0;
color:#000;
font-weight:normal;
font-size:15px;
overflow:hidden;
}
.title {padding-top:12px;height:42px;}
.articletext .innertext {
margin:0 auto;
line-height:200%;
}
#article_counter{text-align:right;}
.articletext .extended {
color:#C0AEA9;
text-align:right;
margin:5px 0px;
}
.extended{line-height:220%;}
.extended a {color:#C0AEA9;}
.extended a:hover {}
.posted {
color:#E58D78;
text-align:right;
margin:0px 31px;
height:28px;
}
.posted a{color:#E72712;}
/* comments
-----------------------------------------*/
.total-comments-div {
border-top:0px dotted #999;
padding-top:10px;
margin:10px 0px;
}
/* page-code */
.comments-linkcontrol , .comments-linkcontrol a{text-align:right;}
.comments-linkcontrol {color:#FF4800;}
.comments-linkcontrol a {border:1px solid #FF4800;color:#979797;padding:1px 5px 0pt;}
.total-comments-div .trackback-url {margin:0px 31px;}
.total-comments-div .trackback-url #trackback_url {color:#07121C;background:#D4D0C8;width:410px;}
.total-comments-div .trackbacks-head {}
.total-comments-div .comments-head ,
.total-comments-div .trackbacks-head .comments-head ,
.total-comments-div .comments-bottom .comments-head{padding-top:10px;color:#000;background:url(http://l.yimg.com/f/i/tw/wretch/hblog_079_057/reply_title_bg.jpg) no-repeat;text-indent:31px;font-size:13px;height:42px;}
.total-comments-div .comments-body {
border-bottom:0px;
padding:0;
margin:0px 31px;
}
.total-comments-div .comments-body .comments-post {
text-align:right;
color:#E58D78;
margin:10px 0px;
}
.total-comments-div .comments-body .comments-post a {
color:#E72712;
}
/* reply */
.comments-bottom {
margin:0px;
}
.total-comments-div .comments-bottom .comments-head {}
.total-comments-div .comments-body form {
padding:0px;
}
#xxx1.comments-body {
padding-top:40px;
}
.cmt_floor{color:#C0AEA9;padding-top:2px;}
/* master reply */
.total-comments-div .comments-author {
background:#363636;
border-bottom:0px;
padding:10px 10px 5px;
margin:0 0 10px;
color:#E5E5E5;
}
.total-comments-div .comments-author .comments-post {
text-align:right;
color:#666666;
}
.comments-author .comments-post a {
color:#666666;
text-decoration:none;
}
.postuser {}
.postemail {}
.postweb {}
#nameid {}
#email {}
#url {}
#text {width:300px;}
/* 03 divThird -----------------------------------------*/
#divThird {}
#divThird2 {}/* 02 divThird */
/* links menu-----------------------------------------*/
#links {
float:left;
width:240px;
line-height:22px;
margin-bottom:20px;
background:url(http://l.yimg.com/f/i/tw/wretch/hblog_079_057/links2_bg.jpg) no-repeat;
overflow:hidden;
}
#links2 {background:NONE;}
.sidetitle {text-align:left;height:46px;overflow:hidden;color:#ecf1f4;font-size:1px;}
.sidetitle a{font-size:12px;}
.sidetitle input{margin-left:23px;}
#SlidePicTitle {color:#796059;font-family:Arial, Helvetica, sans-serif;}
/* links's distance*/
.side {padding:0px;}
#boxSlideShow .side {padding:0px;}
/*hign links menu-----------------------------------------*/
#boxMySpace{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag01.jpg) no-repeat left top;
margin:0px 0px 20px 23px;
position:relative;
}
div.calendar,
#boxSlideShow ,
#boxMusic ,
#boxNewArticle ,
#boxCategory ,
#boxCollectionCategory ,
#boxCollection ,
#boxNewComment{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag06.jpg) no-repeat;
margin-left:23px;
}
#boxSmallMap ,
#boxRssList{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag07.jpg) no-repeat;
margin-left:23px;
}
#boxFolder ,
#boxWho ,
#boxDate{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag04.jpg) no-repeat;
margin-left:23px;
}
#boxSearch{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag05.jpg) no-repeat;
margin-left:23px;
}
#boxNewTrackback{
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag11.jpg) no-repeat;
margin-left:23px;
}
#boxCounter{width:217px;margin:0px;}
/* calendar */
div.calendar {
padding-top:50px;
line-height:120%;
height:160px;
margin:0px 23px;
background-image:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag10.jpg);
}
div.calendar table {}
div.calendar {color:#FFE8E1;font-size:1px;}
div.calendar a , div.calendar a:hover {color:#ECF2F4;}
/* year、month */
caption.calendarhead {padding:0px;font-size:12px;line-height:160%;}
caption.calendarhead a {color:#796059;margin:0 3px;}
caption.calendarhead a:hover {color:#FF4800;}
/* week */
th span.calendar {color:#796059;}
/* week link */
span.calendar {color:#E58D78;font-size:11px;line-height:140%;}
span.calendar a {color:#E72712;}
span.calendar a:hover {color:#E58D78;}
.boxMySpaceImg img{
border:#E3CDC8 1px solid;
}
#boxSlideShow {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag09.jpg) no-repeat left top;
margin-left:23px;
}
#boxSlideShow .boxSlideShow0 {height:30px;}
#boxNewArticle {background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag02.jpg) no-repeat left top;margin-left:23px;}/* new diray*/
#boxCategory {background:no-repeat left top;margin-left:23px;}/*diray classification */
/*diray search */
#boxSearch .boxSearch0 .sidetitle {height:30px;}
#boxSearch .boxSearch1 .side {
padding-top:0px;
}
/* new reply */
#boxNewComment {margin-right:23px;}
#boxNewComment .boxNewComment0 .sidetitle {padding:18px 0px 0px 98px;height:34px;}
#boxNewComment .boxNewComment1 .side {line-height:100%;padding-top:0px;color:#C0AEA9;}
#boxNewComment .boxNewComment1 .side a {text-align:left;font-size:12px;}
/* order */
#login_5 {margin:0px 0px 0px 25px;}
/*new Trackback */
#boxNewTrackback .boxNewTrackback1 .side {text-align:right;line-height:100%;padding-top:0px;}
#boxNewTrackback .boxNewTrackback1 .side a {text-align:left;display:block;margin:15px 0 0;}
#boxNewTrackback .boxNewTrackback1 .side span a {display:inline;}
/* who come in*/
#boxWho {
margin:10px 0 20px;
padding:0px 0px 10px;
}
#whowrapper {
margin:10px 0px 0px;
}
#boxFolder {}/* Folder by myself*/
#boxFolder .boxFolder0 {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag_bg.jpg) no-repeat left top;
}
#boxFolder .boxFolder0 .sidetitle {
color:#E67457;
font-size:15px;
font-weight:bold;
padding:17px 0px 0px 10px;
height:28px;
}
.boxCounter0 {
background:url(http://i674.photobucket.com/albums/vv105/sunny989moco/tag08.jpg) no-repeat left top;
margin-left:23px;
}
#boxCounter .boxCounter1 .side {
margin-left:23px;
}
.syndicate {margin-left:30px;}
/*RSS*/
.syndicate img{filter:gray;}
/* logo-----------------------------------------*/
.powered {
padding:10px;
}
/* footer
-----------------------------------------*/
#footer {}
更多MOCO樣式
速水茂虎道 夏日清爽無名樣式
網誌版型分享 | 絕對彼氏&MOCO新官網圖
網誌版型分享 | 情人節浪漫櫻花樹下的MOCO
網誌版型分享
Tags 速水茂虎道 速水もこみち 無名樣式
留言列表