樣式 / 花的姿態 @ 沉迷。失速。

花的姿態 (網誌-痞客模板)
　
花的姿態－穹風

◎ 只是誰能告訴我，當歲月侵蝕了回憶，當塵煙風化了從前..
　當你握的不是我的手時，再思念，又如何？
　
◎ 但或者我該欣慰，終於你看見了我的綻放，在凋零前。
　就說一次就好，一次就好，說你愛我，或愛過我。
　
◎ 是我只為你呈現的，很卑微卻完全盛開時的，花的姿態。
　
◎ 我的存在早已為你存在。花的姿態早已為你盛開。
　

※預覽:

※下載:
(p.s.) 有bug我懶得修正了 ~~~~~~~~~~~~~~ >.<"

/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table    {    width: 96% ;    margin: 0 auto ;}
#comment-form td , #comment-form th    {    border: 1px solid #555 ;    padding: 3px 5px;    }
#comment-form input#send-comment    {    padding: 3px 5px ;    }

.article-content p{
	margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table    {    width: 96% ;    margin: 0 auto ;}
#comment-form td , #comment-form th    {    border: 1px solid #555 ;    padding: 3px 5px;    }
#comment-form input#send-comment    {    padding: 3px 5px ;    }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
        margin:0;
        padding:0;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}
fieldset,img {
        border:0;
}
address,caption,cite,code,dfn,em,th,var {
        font-style:normal;
        font-weight:normal;
}
ol,ul {
        list-style:none;
}
caption,th {
        text-align:left;
}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}
q:before,q:after {
        content:'';
}
abbr,acronym {
        border:0;
}
pre{
        font-size: 1em ;
}
.article-content{
  _height: 1% ;
  overflow: hidden ;
  _overflow: none;
}

#comment-form {  border-top:1px solid #444;border-bottom:1px solid #444;background: none; padding: 5px; margin: 10px auto; }
#comment-form p { color: #ccc; text-align: right;margin: 0px 10px 5px; }
#comment-form table { width: 100%; border: none; }
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td { color: #999; vertical-align: top; border: none; padding: 3px 5px; }
#comment-form table th { color: #999; vertical-align: top; width: 100px; border: none; padding: 3px 5px; }
#comment-form input { 
height: 20px; font-family: "Verdana"; font-size: 12px; color: #ddd; border: none; border-bottom: 1px solid #444; background: none

}
#comment-form input.radio { border: none; background: none; }
#comment-form textarea { 
width: 99%; height: 108px; font-family: "Verdana"; 
font-size: 12px; line-height: 18px;
 color: #333; 
border: 1px solid #666; 
background: #999;
padding:5px; }

html{}
body{
BACKGROUND: url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1191023250.jpg) #acacac fixed repeat-x top; 
MARGIN:0px auto;
font-family:verdana,arial,sans-serif;
COLOR: #666666;
width:740px;
font-size:12px;
cursor:crosshair;
}

p{font-family:verdana,arial,sans-serif;font-size:12px;}
a {color:#909090;text-decoration:none;}
a:hover {color:#333333;text-decoration:none;cursor:help }

#authority {position:absolute;top:5px;left:5px}
#authority a {margin-right:5px;}
#authority a:hover {}

#container{
background:#666 url() repeat-y scroll 50%;
border:1px solid #676767;
width:750px;
MARGIN:0px auto;
}
#container2{}

#header{
background:#020202 url(http://p7.p.pixnet.net/albums/userpics/7/5/228075/1205163152.jpg) no-repeat scroll center 0px;
color:#FFFFFF;
height:370px;
width:750px;
padding-top:126px;
}

#banner a{color:#999;font-size:9px;}
#banner a:HOVER {color:#fff}

#banner h1 {
text-align:right;
width:730px;
padding-right:20px;
overflow:hidden;
}
#banner h1 a{
color:#fff;
font-family:SimHei;
font-size:18px;
}

#banner h1 a:hover{color:#000}
#banner .skiplink{display:none}
#banner {text-align:right;}
#banner h2{
color:#999999;
display:none

}

#banner h2 {
line-height:160%;padding:5px;}

#blog-category{display:none}
#login-bar{display:none}

#navigation {
width:110px;
height:275px;
float:left;
padding:0px;
font-size:0px;
letter-spacing:-5000px;

}

#navigation a{
width:24px;
height:275px;
display:block;
font-size:0px;
padding:0px;
}

#link-album a {
background:transparent url(http://p7.p.pixnet.net/albums/userpics/7/5/228075/1205053608.jpg) no-repeat scroll left bottom;color:#A9A9A9
}
#link-blog a {
background:transparent url(http://p7.p.pixnet.net/albums/userpics/7/5/228075/1205053608.jpg) no-repeat scroll -24px bottom;color:#818181
}
#link-guestbook a {
background:transparent url(http://p7.p.pixnet.net/albums/userpics/7/5/228075/1205053608.jpg) no-repeat scroll -48px bottom;color:#8B8B8B
}
#link-profile a {
background:transparent url(http://p7.p.pixnet.net/albums/userpics/7/5/228075/1205053608.jpg) no-repeat scroll -72px bottom;color:#5A5A5A
}

#link-album a:hover,#link-blog a:hover,#link-guestbook a:hover,#link-profile a:hover {
background:#333;color:#333
}

#navigation a:focus{outline:none ;}
#navigation li{display:inline ;float:left ;}
#main{}

#content{
float:left;
line-height:180%;
width:510px;
padding-left:5px;
padding-right:0px;
padding-bottom:10px;
padding-top:15px;
overflow:hidden;
text-align:left;
}

/*spotlight*/
#spotlight{
display:none

}
#spotlight-text {}

#spotlight li{
list-style-type: disc ;
margin-left:45px ;
}

#spotlight h5{margin-bottom:3px;}
#view-mode{text-align:right ;}
.article{
color:#333;
font-size:12px;
line-height:180%;
border:1px solid #999;
background:#777;
margin:10px;
padding:10px;
}

.article-head{
color:#222222;
font-family:"MS UI Gothic",verdana,arial,sans-serif;
font-size:13pt;
font-weight:normal;
height:40px;
margin-bottom:10px;
}

.title{
width:425px;
float:right;
height:30px;
padding-top:10px;
}

.title a{
color:#000;
font-family:SimHei;
font-size:25px;
font-weight:normal;
}

.title a:hover{color:#666;}

.article-body{display:block;clear:both}
.article-content{width:470px;overflow:hidden}
.article-body a {color:#fff}
.article-body p{line-height:180% ;}

.publish{
display:block;
width:30px;
height:30px;
background:#000;
color:#ddd;
padding:5px !important;padding:3px;
text-align:center;
line-height:80%;
font-weight:bold;
float:left
}

.month{letter-spacing:2px;font-size:12px;text-transform : uppercase}
.date{font-size:15px;}
.day{display:none}
.year{display:none}
.time{display:none}
.bookmark{text-align:left;padding-left:10px;}
.bookmark span{display:none}
.bookmark a img{width:12px;height:12px;}

.author {
TEXT-ALIGN: left;
color:#999;
border-left:3px solid #ddd;
padding-left:5px;
font-size:11px;
}
.author A {COLOR: #666;}
.author A:hover {COLOR: #000}
.author span{display:none}

.more {text-align:right;margin:15px;}
.more a {color:#666;font-size:12px;font-weight:normal;}
.more a:hover {color:#000;}

#links{
padding:0px;
float:right;
padding-top:18px!important;
padding-top:10px;
padding-right:8px!important;
margin-right:5px;
margin-top:5px;
padding-right:0px;

}

#links a{color:#777;padding-left:3px;margin-left:5px}
#links a:hover{color:#ddd;background:#000;margin-left:10px}

.box{
margin-bottom:10px ;
font-size:12px;
color:#999;
line-height:200%;
overflow:hidden;
background:transparent url() no-repeat scroll 100%;
font-size:12px;
line-height:180%;
border-bottom:1px solid #999;
border-right:1px solid #999;

padding:5px;
text-align:left;
width:200px;
}
.box-text {overflow:hidden;}
.box-text a:hover{}

.box-more{text-align:center;clear:both}

#links .box-more a{color:#999 ;display:inline;}

.box-text{padding: 0px;}

.box-text li{}

.box-title{
text-align:left;
font-size:12px;
color:#fff;
font-weight:bold;
width:200px;
}
#search .box-text a{display:inline ;}
#search ,#change-theme ,#feed,#archive ,#favorite{text-align:center ;}
#counter,#powered{text-align:left}
#my-photo{float:left ;margin-right:5px ;}
#my-status p{clear:both ;text-align:center ;font-weight:bold ;}

/*calendar*/

#calendar{text-align:center ;}
#calendar table{width:95% ;color:#999;font-size:11px;}
#calendar th{text-align:center ;}

/*category*/

#category .box-text a{display:inline ;}
#category .box-text h6 {
padding-left:5px;color:#808080;padding-top:5px;
}
#category .box-text h6 img {filter: Xray}
#category .box-text li a {display:block;}
.box-more img{display:none}
#category .box-text {padding-top:5px;padding-bottom:5px}

#latest-trackback .box-text li{display:block}
#subscription .box-text a {display:block ;}
#mylink .box-text a {display:block ;}

#recent-article{
position:absolute;
top:170px;
background:none;
color:#fff;
margin-left:-400px;
height:220px;
overflow:hidden;width:200px;border:0px solid #000
}
#recent-article .box-text {}
#recent-article .box-text a {display:block ;}

#latest-comment{
position:absolute;
top:170px;
background:none;
margin-left:-200px;
height:220px;width:200px;
overflow:hidden;border:0px solid #000
}
#latest-comment .box-text {color:#999999}
#latest-comment .box-text a {display:block ;}

#hot-article .box-text a {display:block ;}

#recent-article .box-text img {filter:gray}

#trackback-box .single-post{}

#trackback-url{text-align:right ;padding-right:10px;margin-top:-20px;
background:none
}
.user-post-title{margin-top:10px;padding-left:15px;}
.user-post-title img {display:none}

#trackback-title{}

#comment-title {display:none}
.forward{border-left:3px solid #ddd;padding-left:5px;margin-top:3px;
font-size:11px;line-height:150%;}
.forward a {color:#999}

.refer li{
border-left:3px solid #ddd;padding-left:5px;margin-top:3px;
font-size:11px;line-height:150%;
}

.history{border-left:3px solid #ddd;padding-left:5px;margin-top:3px;
font-size:11px;line-height:150%;}
.article-footer{text-align:left;}

.back-to-top{display:none;}
/*Comment*/

#comment-box{
width:510px;
}
.single-post {
clear:both;
height:1%;
width:490px;
margin-left:10px;
margin-right:5px;
color:#ccc;
font-size:12px;
line-height:180%;
margin-bottom:15px;
margin-top:15px;
}

.single-post:after {
clear:both;
content:".";
display:block;
height:0pt;
overflow:hidden;
visibility:hidden;
}

.post-info {
background:none;
color:#999;
font-size:11px;
padding-left:5px ;
}

.post-info a {font-size:12px;}
.post-info img.hidden-message {}
.user-name {color:#eee}

.post-info img {}
.post-info img.pixnet-user {}
.homepage {}
.post-info.post-time {}
.show-message {}
.delete-message {}
.reply-message {}
.user-ip {display:none;}

.post-photo {
float:left;
margin:10px;
width:40px;
}
.post-photo img {
border:2px solid #ccc;
height:40px;
width:40px;
}
.post-text {
color:#333;
float:right;
width:385px;
overflow:hidden;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
border-left:2px solid #999;
padding-left:10px;
margin-top:10px;
}

.reply-text {
clear:both;
color:#04457B;
overflow:hidden;
width:380px;
padding:10px;
padding-top:20px;
PADDING-LEFT:95PX;
}
.reply-text p {display:none;}
.reply-text a {}
.single-post.secret {}

.post-comment {
FONT-SIZE: 0pt; 
MARGIN: 20px 10px 0px 10px;
height:40px;
TEXT-ALIGN: left;
COLOR: #E4E4E4;
display:none
}
.post-comment A {
DISPLAY: block; 
BACKGROUND: url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1191023412.jpg) no-repeat 0px 0px ; WIDTH: 220px; COLOR: #E4E4E4; 
HEIGHT: 30px; 
TEXT-ALIGN: right
}
.post-comment A:hover {
COLOR: #E4E4E4;
}
/*broadcast*/
#broadcast ul{overflow:hidden ;padding: 3px 0px;}
#broadcast a{padding: 0 ;border:0 ;display:block ;height:20px;overflow:hidden}
#broadcast .box-text .broadcast-time span{font-size: 10px;}
#broadcast .box-text .broadcast-time a {display:inline}
.broadcast-text{clear:both ;}
.broadcast-photo{display: none; }

#broadcast{
position:absolute;
top:170px;
background:none;
margin-left:0px;
height:220px;width:200px;
overflow:hidden;border:0px solid #000
}
#broadcast.box-text {color:#999999}
#broadcast .box-text a {display:block ;}

/*Murmur*/

#Murmur{}
#murmur .box-text {color:#808080}
#murmur .box-more {CLEAR: both}
#murmur .box-more A {MARGIN: 5px 3px 3px 5px; FLOAT: left; }
.murmur-time {font-size: 10px;color:#B8B8B8 }

/*headshot*/
#headshot{overflow:hidden ;}
#headshot-img{width:90px;text-align:center ;float:left ;}
#headshot-img img{width:75px ;border:3px solid #fff ;}
#headshot a{display:inline ;}

.article-list TABLE {}

.main-list {
color:#666;
font-size:12px;
line-height:180%;
border-bottom:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
background:#F7F7F7;
margin:10px;
padding:10px;
}

.main-list table a {margin-left:5px;font-size:12px;color:#666}
.main-list TD {BORDER-BOTTOM: #ddd 1px solid;color:#666;}
.main-list TH {font-size:12px;color:#808080;TEXT-ALIGN: center;padding-top:10px;BORDER-BOTTOM: #ddd 1px solid;}

.list-num {display:none;}
#display{padding-right:10px;}

.list-date {
TEXT-ALIGN: center;color:#B8B8B8;font-size:11px;width:80px;}

.list-title {PADDING-LEFT: 10px; TEXT-ALIGN: left;color:#333;
width:320px;font-size:12px;}

.main-list table a:hover{background:#000;color:#ddd}
.main-list table img{filter:gray}

.article-area-title{display:none}

/*VISITOR*/

#visitor .box-text{}
#visitor IMG {}

#visitor .box-text li a{
height:22px;width:20px;
display:block;
MARGIN: 1px;
background:#E8E8E8;
}

#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:20px;width:20px;}
#visitor .box-text li a:hover img {visibility:visible;height:20px;width:20px}

#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more {clear:both;}

input,select{
font-family: "Arial";font-size: 12px;
}

input {
letter-spacing: 1px;
height: 18px;
border: 1px solid #E3E3E3;
padding: 0px 2px 0px 2px ;
}

#footer{
clear:both ;
text-align:center ;
margin-top:20px ;
}

#bottom{
background:#666 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1191023456.jpg) no-repeat scroll 50% 100%;
bottom:0pt;
height:20px;
left:10px;
width:100%;
z-index:8;
text-align:left;
font-size:12px;
}

#bottom a {
color:#eee;
padding-left:5px;
}

.navtext { } 
.pic { width: 420px;}
.pic p { float: left; padding: 4px; border: 1px solid #cccccc; background: #f7f7f7; margin: 5px; }
hr{width:98%;clear:both;color:#eee;}
#note{background:#eee;border:1px solid #ddd;width:95%;padding:10px;color:#666}
#blockquote{
background:transparent url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/1189319300.gif) no-repeat scroll 10px top;
border:medium none;
color:#222222;
margin:20px 0pt;
padding:0pt 20px 0pt 50px;
}

.highslide {
cursor: url(http://hk.geocities.com/bamcloud/highslide/graphics/zoomin.cur),pointer;outline: none;
}
.highslide img {
border: 1px solid #eee;
margin:5px;
}
.highslide:hover img {
border: 1px solid #555;
}

.highslide-image {
border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
display: none;
border: 2px solid white;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 10pt;
padding: 5px;
background-color: white;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border-top: 1px solid white;
border-bottom: 1px solid white;
background-color: black;
padding-left: 22px;
background-image: url(http://hk.geocities.com/bamcloud/highslide/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;

}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}

.highslide-move {
cursor: move;
}

.highslide-overlay {
display: none;
}

/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;}

.highslide-move {
cursor: move;
}

.highslide-overlay {
display: none;
}

/* Necessary for functionality */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;}

Posted by bamcloud at 痞客邦 PIXNET Comments(34) Trackback(0) Hits(1554)