吉野貓-期待樣式

在這邊提供自己目前使用的樣式語法,
Banner上的貓咪是我家的Coffee,
貓咪表達一種期待主人關愛的情境,
希望大家會喜歡,
如果大家喜歡本樣式的話,
請記得加入我愛貓。聯播。
 



我愛貓。聯播

語法如下:
<a href="http://www.wretch.cc/blog/chungchi0207/25888495" target="_blank"><img src="http://farm4.static.flickr.com/3376/3414342951_284e809324_o.jpg" border="0"></a>






/***********************
樣式名稱: 吉野貓 - 期待
來源網站: http://www.wretch.cc/blog/chungchi0207
***********************/

html, #text {
scrollbar-face-color:#eee;
scrollbar-track-color:#eee;
scrollbar-3dlight-color:#eee;
scrollbar-darkshadow-Color:#eee;
scrollbar-arrow-color:#444;
scrollbar-shadow-color:#444;
scrollbar-highlight-color:#444;
}

body {
font:11px Verdana;
color:#FFFFFF;
margin:0px;
padding:0;
background:#747474;
text-align:justify;
}

a {
text-decoration:underline;
color:#334964;
margin:0;
font-weight:normal;
}

a:hover {
text-decoration:none;
font-weight:normal;
color:#cc0000;
}

#container1 {
width:961px;
padding-left:20px;
padding-right:21px;
background:url('http://farm5.static.flickr.com/4039/4285773192_1e6e21804e_o.gif') repeat-y;
margin:0px auto;
}

#banner {
float:left;
height:400px;
width:961px;
padding:0px 0 0px 0;
background:no-repeat url(http://farm2.static.flickr.com/1269/4711345979_96f4ca9379_b.jpg) #000000;
}

#pageheader{
position:relative;
top:200px;
left:450px;}

h1{
font-size:12px;
color:white;
}

h1 a{
font-size:20px;
color:white;
font-weight:bold;
text-decoration:none;
}

h1 a:hover{
color:#ffffff;
font-weight:bold;
text-decoration:underline;
}

#description2{
padding-left:100px;
line-height:16px;
padding-bottom:20px;
color:white;
font-size:12px;
}

/* content
--------------------------*/
#content {
font:13px Verdana;
color:#333333;float:right;width:731px;
margin:5px 8px 50px 0;
padding:0px 0px 50px 0;
overflow:hidden;
border:0px solid #CCCCCC;
}

#content a {
text-decoration:underline;
color:#334964;
margin:0;
font-weight:normal;
}

#content a:hover {
text-decoration:none;
font-weight:normal;
color:#cc0000;
}


.date {
float:right;
margin:10px 10px 0px;
padding:0 10px 0 30px;
font:11px Verdana;
color:#CC0000;font-weight:normal;
text-transform:uppercase;
}

.blogbody {
margin:0 6px 0;
border-bottom:0px solid #ccc;
}

.articletext {
float:left;width:719px;
margin:0 0px 20px;
padding:0px 0px 30px 0px;
}

.title {
font:16px Verdana;
color:#334964;
padding:6px 4px 0 19px;
margin-top:2px;
font-weight:bold;
background:url('http://farm3.static.flickr.com/2723/4416438878_201a1ccbc7_o.png') no-repeat;
background-position:0px 9px;
border-top:1px solid #eeeeee;
}

.innertext {
margin:0 auto;
padding:5px 3px 0px;
}

.innertext img {border:1px solid #dddddd;padding:4px;margin:5px 0;}

.digu .blogbody2 {
padding:5px 5px;
background:#ffffff;
height:125px;
overflow:hidden;
border:none;
}

.digu .blogbody2 .articletext .title {
background:none;
border:none;
height:15px;
padding:5px 5px 0;
}

.digu .innertext {
color:#2c2c2c;
padding:5px;
line-height:120%;
height:72px;
overflow:hidden;
}

.articletext .bookmark, .articletext #article_counter {
font-size:12px;
}

.articletext .extended {
font-size:12px;
text-align:right;
padding:0 20px;
line-height:180%;
}

.extended {
font-size:12px;
color:#a8a8a8;
text-align:right;
padding:0 20px;
line-height:180%;
}

.posted {
font-size:12px;
text-align:right;
padding:0 15px 35px 15px;
}

.total-comments-div {
padding:0 10px 50px;
margin:0px;
}

.comments-linkcontrol {
margin:0 15px 5px;
text-align:center;
font-weight:bold;
}

.comments-linkcontrol a {font-weight:normal;}
.total-comments-div .trackback-url {padding:10px 0;}
.total-comments-div .trackbacks-head .comments-head,
.total-comments-div .comments-head,
.total-comments-div .comments-bottom .comments-head {
font-weight:bold;
padding:5px;
margin:10px 0 0;
color:#334964;
background:#eeeeee;
}
.total-comments-div .comments-body {
padding:0px;
margin:5px 0px 0px;
border-bottom:1px dotted #d1d1d1;
width:665px;
}
.total-comments-div .comments-body .comments-post {
color:#a8a8a8;
text-align:right;
padding:5px;
font-size:12px;
}
.total-comments-div .comments-body form {
margin:0px;
padding:10px 20px;
overflow:hidden;
height:675px;
line-height:120%;
background:no-repeat left top;
}
#text {height:150px;width:300px;}
#text {height:150px !important;width:300px !important;}
.total-comments-div .comments-author {
color:#666666;
background:#eeeeee;
padding:5px 10px 5px;
margin:5px 0px 10px;
opacity:1;
}
.total-comments-div .comments-author .comments-post {
color:#888888;
text-align:right;
font-size:12px;
}
.comments-author .comments-post a {
color:#888888;
text-decoration:none;
}

#links {
color:#000000;
font-size:11px;
float:left;
width:200px;
line-height:22px;
overflow:hidden;
background:#ffffff;
padding:5px 0 0 8px;
}

#links a {
color:#334964;
font-size:13px;
line-height:18px;
text-decoration:none;
background:#ffffff;
}

#links a:hover {
font-size:13px;
color:#CC0000;
background:#fff;
}

#links img {
border:0px;
}

.sidetitle {
height:10px;
padding:10px 12px 0px 12px;
font-weight:bold;
letter-spacing:1px;
font:13px Verdana;font-weight:bold;color:#000000;
text-transform:uppercase;padding-top:4px;padding-bottom:14px;
border-bottom:1px dotted #B6B6B6;
}

#SlidePicTitle {font-size:11px;}
.side {padding:10px 10px 10px 10px;}

#boxSlideShow .side {padding:0 0 0 40px;}
div.calendar {
font-size:11px;
line-height:118%;
padding:0px 0px;
margin:12px 3px 15px 3px;
}

div.calendar a {
color:#e95283;
text-decoration:none;
}
div.calendar a:hover {
color:#ff2b70;
text-decoration:underline;
}
span.calendar a {font-weight:bold;}
span.calendar a:hover {text-decoration:underline;}
#boxSearch .boxSearch1 .side {padding-top:0px;}
#boxNewComment .boxNewComment1 .side {
text-align:right;
line-height:130%;
padding-top:0px;
color:#666;
}

#boxNewComment .boxNewComment1 .side a {
text-align:left;
display:block;
margin:10px 0 0;
}
#login_5 {margin:0px 0px 0px 25px;}
#collect_description {border-bottom:none !important;}
#boxNewTrackback .boxNewTrackback1 .side {
text-align:right;
line-height:130%;
padding-top:0px;
}
#boxNewTrackback .boxNewTrackback1 .side a {
text-align:left;
display:block;
margin:10px 0 0;
}
#boxNewTrackback .boxNewTrackback1 .side span a {display:inline;}
#boxWho {margin:10px 0px 20px;}
.syndicate {
padding:5px;
display:inline;
}
#footer {
clear:both;
height:75px;
}
#bigcontainer .wsharing {left:530px;}
#bigcontainer .wsharing.bottom {left:0px;}




拿走記得留言喔..
也請多多聯播本部落格啦XD

Yoshinocat 發表在 痞客邦 PIXNET 留言(0) 人氣()