[情人節樣式] 第一號:粉紅小可愛（網誌）

提醒：

1) 請開啟 Firefox 程式以利取用CSS程式碼。
2) 此樣式可於PIXNET中，張貼於WRETCH適用樣式中。

★ 請至 [艾瑪CSS] 情人節一號 此篇文章中預覽樣式效果

說明：如果覺得透明度會延遲你的網頁速度
感覺變得頓頓的
請將 content 中的 filter 那一行拿掉即可
　

請從下行/***起開始全部複製。

/**********************************
20070203 revised Pink Valentine CSS
作者：amarylliss
網誌：艾瑪。隨處走走
網址：http://www.wretch.cc/blog/amarylliss
[注意事項] 當您使用這個樣式時，請您同意：
1. 不散佈此CSS
2. 不更改此CSS
***********************************/

HTML {
scrollbar-face-color:#fff;
scrollbar-arrow-color:pink;
scrollbar-track-color:#fff;
scrollbar-shadow-color:pink;
scrollbar-highlight-color:pink;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#fff;
}

body {
margin:0px;
background-color: #FCDDD2;
background-image: url(http://farm1.static.flickr.com/175/378041536_ef1ac57d87_o.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position:0px 0px;
}

input {
background:none;
border: 1px solid black;
}
textarea{
filter: alpha(opacity=80);
background: white url(http://farm1.static.flickr.com/144/378041561_ca6f95bbc5_o.gif) no-repeat 10px center;
border: 0px solid white;
background-attachment:fixed;
width:260px;
height:260px;
padding:50px;
padding-bottomt:120px;
scrollbar-face-color:#fff;
scrollbar-arrow-color:#FCDDD2;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#Fff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#fff;
}

#banner textarea {
width: auto;
height: auto;
background:none;
}

.extended{
font-size: 8pt;
color: #000;
}
#boxSlideShow1 table{width:200px;text-align:left; }
.boxSlideShow1 td{text-align:left; }
A { color: none; text-decoration: none; font-weight:none; }
A:link { color: #8F4357; text-decoration: none; }
A:visited { color: #DB6786; text-decoration: none; }
A:active { color: #000; }
A:hover { color: black; background:#DBC1BF}

#rightcol {
float:right;
position:relative;
width:25%;
padding-bottom:20px;
margin-right:0px;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
}

#banner {
font-family:georgia, verdana, arial, sans-serif;
height:130px;
color:#FFF;
font-size:large;
font-weight:normal;
text-align:left;
border-top:20px solid none;
background:#FCDDD2;
padding:20px;
letter-spacing:.1em;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family: verdana;
font-size: 12pt;
color:#8F4357;
text-decoration: none;
text-align: center;
letter-spacing:.2em;
}

.description {
font-family:verdana, arial, sans-serif;
color: #000;
font-size:9pt;
font-weight:bold;
text-transform:none;
text-align: right;
}

#content {
width: 670px;
filter: alpha(opacity=65);
position:absolute;
background:none;
top:150px;
margin-right:0px;
margin-left:295px;
margin-bottom:20px;
}

#container {
background: none;
border: 1px solid none;
}

#links {
background: none;
padding:15px;
margin-left:30px;
width:230px;
top:160px;
}

.blog {
padding:15px;
background: none;
}

.blogbody {
font-family: verdana;
color: #000000;
font-size: 11pt;
font-weight:normal;
background:pink;
line-height:150%;
margin-bottom:10px;
margin-right:15px;
padding:15px;
border: 1px solid #DB6786;
}

.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active,
.blogbody a:hover {
font-weight: normal;
text-decoration: underline;
}

.title {
font-family: verdana, arial, sans-serif;
font-size: 12pt;
color: #000000;
text-transform:uppercase;
margin-bottom:10px;
margin-top:5px;
}

.date {
font-family:georgia, verdana, arial, sans-serif;
font-size: large;
color: #000000;
margin-bottom:5px;
font-weight:bold;
margin-top:30px;
padding-left:10px;
background: #ffffff;
}

.posted {
font-family:verdana, arial, sans-serif;
font-size: 8pt;
color: #000000;
text-align:right;
margin-bottom:5px;
}

.calendar {
font-family:verdana, arial, sans-serif;
color: #000000;
font-size:7pt;
font-weight:normal;
background: none;
line-height:140%;
padding:2px;
text-align:center;
}

.calendarhead, .calendarhead a {
font-family:verdana, arial, sans-serif;
color: #6802AC;
font-size:8pt;
font-weight:normal;
background: none;
line-height:140%;
padding:2px;
}

/**template by amarylliss
url: http://www.wretch.cc/blog/amarylliss
date: 2005.2.5
Happy Valentine”s Day 2005 to everyone!
**/

.side {
font-family:verdana, arial, sans-serif;
color: #000000;
font-size:8pt;
font-weight:normal;
background: none;
line-height:160%;
padding:2px;
}

.powered{
font-family:verdana, arial, sans-serif;
color: #000000;
font-size:8pt;
font-weight:normal;
background: none;
line-height:160%;
}

.powered img{
background: none
u(http://farm2.static.flickr.com/1089/1070556718_70bf5f2ec7_o.gif) no-repeat top center;
padding-top:30px;
}/******素材出處 http://park1.wakwak.com/~sakurapop/ ****************/

.sidetitle {
background:#FCDDD2;
font-family:verdana;
color: #000;
font-size:10pt;
font-weight:normal;
letter-spacing:.1em;
text-align:center;
text-decoration: none;
padding:2px;
margin-top:20px;
border-top: 0px dashed none;
}

.syndicate {
font-family:verdana, arial, sans-serif;
font-size:9pt;
font-weight:normal;
line-height:140%;
padding:2px;
margin-top:10px;
text-align:center;
background: none;
}

.comments-body {
font-family:georgia, verdana, arial, sans-serif;
color: #000000;
font-size:9pt;
font-weight:normal;
background: white;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
border-bottom: 1px dotted none;
}

.comments-post {
font-family:verdana, arial, sans-serif;
color: #000000;
background:#FCDDD2;
font-size:8pt;
font-weight:normal;
padding-bottom:0px;
}

.comments-head {
font-family:georgia, verdana, arial, sans-serif;
font-size:12pt;
color: #000;
border-bottom: 1px solid none;
margin-top:20px;
font-weight:normal;
text-decoration:underline;
background:none;
}

　

　

延伸閱讀

• [分享] 淡藍極簡BLOG CSS
• [網誌] 深淺雙綠色（已投稿）
• [分享] 淡紫日記BLOG CSS
• [分享] 無名小站回應區、訪客留言、版主回應、誰來我家 完整CSS大公開
• [情人節樣式] 第一號:粉紅小可愛（網誌）
• [情人節樣式] 第一號:粉紅小可愛（相本）
• [情人節樣式] 第一號:粉紅小可愛（個人資料+留言版）
• [艾瑪CSS] 2006聖誕極簡紅色系＃1