/*--------------------------reset*/
*{ 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;}
.article-content p{margin-bottom: 1em;}
a {    text-decoration: none;    }
br{letter-spacing: normal;}
input{
margin: 0;
font: 11px verdana;
letter-spacing: 0px;
padding: 3px 5px;
background: #eee;
border:1px solid #aaa;
color:#666;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
/*--------------------------all setting*/

HTML {overflow-x:;    }
body {
background:#ffe5dc;
font-size:12px;
font-family: arial;
color:#333;
line-height:160%;}
#blog-main{}
#article-main{}

a {color:#d98f8f;}
a:hover {color:#c85d88;}

#body-div{}

/*--------------------------authority*/

#authority{
background:url(http://pic.pimg.tw/pixnetvisual/914afd392ee39621b66c9c4bba0d810c.jpg) left bottom repeat-x;
line-height:25px;
text-align:center;}
#authority a{
padding:0 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color:#fff;
background:#b07b6a}
#authority a:hover{
background:#fff;
color:#b07b6a;}
#authority a#newpost {}
#authority a#backstage {}

/*--------------------------container*/

#container{
width:100%;
background:url(http://pic.pimg.tw/pixnetvisual/914afd392ee39621b66c9c4bba0d810c.jpg) left top repeat-x;}
#container2{
width: 880px;
margin: 0 auto;
position:relative;}
#container3{
width: 880px;

background:url(http://pic.pimg.tw/pixnetvisual/e84ab93e059531c570cf2b8a10ae28c3.jpg) right top repeat-y;}
#extradiv11{
width:50px;
height:400px;
position:absolute;
left:0;
top:0;
background:url(http://pic.pimg.tw/pixnetvisual/ca2dec9ed3f69b71f732789c480252c2.jpg) no-repeat;}
/*--------------------------header*/

#header{
height: 400px;
margin-left: 50px;
background:url(http://pic.pimg.tw/pixnetvisual/eb37ee2861789f0544cbd5358c22aa26.jpg) right top no-repeat;}
#login-bar{
position:absolute;
color:#9f847b;
right:0;
top:10px;}
#login-bar a{color:#9f847b;}
#login-bar .separator{color:#fee;}

#banner{
position: absolute;
left:60px;
top:110px;
background:url(http://pic.pimg.tw/pixnetvisual/719aebab3b705c3271b870c42ee27204.jpg) no-repeat;
width:770px;
height:220px;
padding: 20px;}
#banner h1 a{
font:bold 15px arial;
text-shadow:1px 1px 0 #fff;}
#banner h2{
width: 400px;
color:#836e68;
line-height:150%;
margin:5px 0 10px 0;}
#banner .skiplink {display:none;}
#banner #blog-category,
#banner #blog-category a{
color:#aaa;}

#navigation{
position:absolute;
left: 250px;
top:60px;}
#navigation li{
float:left;
margin-right:5px;
display:inline;}
#navigation a{
padding:2px 5px;
background:#edcec5;
color:#ad7765;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
#navigation #link-album{}
#navigation #link-blog{}
#navigation #link-guestbook{}
#navigation #link-profile{}
#navigation a:hover{background:#fff;}
/*--------------------------main*/

#main{
overflow: hidden;
_overflow: none;
_height: 1%;
padding-top:40px;
background:url(http://pic.pimg.tw/pixnetvisual/ca270702e47b6a8f99e7b307c4891de2.jpg) right top no-repeat;}

/*--------------------------content*/

#content{
float:left;
width:575px;
margin-left:65px;
display:inline;
}

#spotlight{
margin-bottom:20px;}
#spotlight h5{
padding:5px;
color:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#943e4e;}
#spotlight-text{
padding: 10px 0;
border-bottom:1px solid #e2af9d}

#article-area{}

h3.article-area-title,
#view-mode{
color:#a7725f}

#article-box{}
.article{
position:relative;
_height:1%;
margin-bottom:15px;
margin-top:15px;
padding:10px;
background:#fff;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.article-head{
_height:1%;}
.publish {
position:absolute;
left:-65px;
top:0;
background:url(http://pic.pimg.tw/pixnetvisual/9dde2466ba26146d3c7b8b08a89747ce.jpg) left top no-repeat;
height:40px;
width:50px;
padding-top:10px;
text-align:center;
font:11px arial;
color:#c33;
text-transform:uppercase;}
.day,
.time{display:none;}
.year{font:bold 15px arial;}
.title{
border-bottom:1px dotted #fad2c4;
margin-bottom:10px;
padding-bottom:5px;}
.title a{
font:bold 15px arial;
color:#f36;}

.article-body{
width:555px;
overflow:hidden;
text-align:right;
color:#a88f7b;
border-bottom:1px dotted #fad2c4;
padding-bottom:5px;
margin-bottom:5px;}
.article-content{
margin:10px 0;
text-align:left;
color:#555;}
.article-content img{margin: 5px 0;}
.article-content .more{}
.bookmark{}
.author{}
.forward{}

.article-footer{}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
padding-right:5px;}
.back-to-top a{
background:#ffefea;
padding:2px 4px;
font:11px Tahoma;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

/*--------------------------list*/

.main-list{
_height:1%;
margin-bottom:15px;
padding:10px;
background:#ffefea;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.main-list table{
width:100%;}
.main-list th{
padding:5px;
font:bold 13px arial;
color:#bc6c8a;
border-bottom:1px dotted #fad2c4;}
.main-list td{
line-height:20px;
padding:5px;}
.list-num{display:none;}
.list-date{
width:100px;}
.list-title{}

/*--------------------------post-box*/

.user-post-box{
_height:1%;
margin-bottom:20px;}
#trackback-box{}
#comment-box{}

.user-post-title{
height: 30px;
font-size:0;
text-indent: -5000px;
margin-bottom:20px;
background:url(http://pic.pimg.tw/pixnetvisual/f67f736bea9f0e37e2a3d1068facbb47.jpg) no-repeat;}
#comment-box .user-post-title{
background:url(http://pic.pimg.tw/pixnetvisual/f67f736bea9f0e37e2a3d1068facbb47.jpg) left bottom no-repeat;}

.user-post-text{}

.post-comment{display:none;}
.post-comment a{}

.single-post{
overflow: hidden;
_overflow: none;
_height: 1%;
margin-left:15px;
margin-bottom:20px;}
.post-info{
color:#943e4e;
background:url(http://pic.pimg.tw/pixnetvisual/b35c82cd151a9bf9b3b670fed4ba148d.jpg) left bottom repeat-x;
padding-bottom:5px;
margin-bottom:10px;}
.post-photo{
float:left;
width: 52px;
height: 52px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fae2da;
line-height:0;
padding:5px;}
.post-photo img{
width: 50px;
height:50px;
border:1px solid #fff;}
.post-text{
float:right;
width:480px;
color:#83706a;}

.reply-text{
float:right;
width:470px;
padding:5px;
margin-top:10px;
background:#ffefea;
color:#c19b8e;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.reply-text p{}
.single-post.secret{
padding:5px;
background:url(http://pic.pimg.tw/pixnetvisual/b35c82cd151a9bf9b3b670fed4ba148d.jpg) left bottom repeat-x;}
.single-post.secret .post-text{
float: none;width: auto;}

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{margin-bottom:20px;}
#trackback-box #trackback-url input{background:#fff;}
#trackback-box input#trackback-input{width:400px;}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box  .post-text{
width:auto ;float:none ;}

/*--------------------------comment-form */
#comment-form {
background:#ffe5dc;
padding: 10px;}
#comment-form p {
color: #bf998c;
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: #555;
vertical-align: top;
border: none;
padding: 2px 5px;}
#comment-form table th {
color: #b17a67;
vertical-align: top;
width: 70px;
border: none;
padding: 2px 5px;
text-align: right;}
#comment-form table th font { display: none; }
#comment-form input {
height: 17px;
font-family: Arial;
font-size: 12px;
color: #555;
border: none;
border-bottom: 1px solid #fff;
width:90%;
background: none;}
#comment-form input.radio {
border: none; width: auto;    background: none;margin:0; padding:0;}
#comment-form input#blogcommenttext_name{width: 87%; }
#comment-form input#send-comment{
border:0;
width: 80px;
height:auto;
color:#fff;
background:#be8876;}
#comment-form textarea {
width: 90%;
height: 90px;
font-family: Arial;
font-size: 12px;
line-height: 18px;
color: #000;
border: 1px solid #fff;
padding:3px;
background: #fff;
}

/*--------------------------pages*/

.page{
margin:20px 0;
text-align:center;}
.page a,
.page SPAN{
padding:3px 5px;
line-height:120%;
margin:0 2px;
background:#d29985;
color:#eee;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
.page SPAN{
font-size:13px;
font-weight:bold;
color:#fff;}

/*--------------------------links*/

#links{
float:right;
width: 200px;
margin-right:20px;
overflow: hidden;}
#links-row-1{}
#links-row-2{}


.box{
_height:1%;
}
.box-title{
background:url(http://pic.pimg.tw/pixnetvisual/b35c82cd151a9bf9b3b670fed4ba148d.jpg) left bottom repeat-x;
color:#a7405d;
padding-bottom:10px;
font:bold 13px arial;
padding-top:15px;
text-shadow:1px 1px 0 #ffe5dc;}
.box-text {
padding: 10px 0 15px;
color:#766863;}
.box-text  a{color:#8d7972;}
.box-text  a:hover{color:#ca9481;}
.box li{}
.box h6{}
.box-more{
text-align:right;
margin: 5px 0;}
.box-more a{
font-size:11px;  font-size:10px\9;
color:#fff;
background:#ca9481;
padding:3px 5px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}
.box-more a:hover{
background:#555;
color:#fff;}

#user-info img{padding:2px;border:1px solid #fff;}
#user-info dl{padding-top:10px;
width:90%;}
#user-info dt,
#user-info dd{
margin:0 !important;}

#recent-article img{display:none;}

#calendar table{
width: 90%;
margin:0 auto;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
color:#b54d4d;
background:#ffe5dc;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

.murmur-time{
color:#848177;
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{}

#visitor,#crumb{}
#visitor ul,#crumb ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#visitor li,#crumb li{
float: left;
line-height:0;
margin:0 2px 2px 0;}
#visitor li img,
#crumb li img {
width:45px;
height:45px;}

body #followed-murmurs ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
body #followed-murmurs li{
width: 200px;
font:12px arial !important;
border-bottom: 1px dotted #ca9481 !important;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding:5px 0!important;}
body #followed-murmurs .murmurs-photo {
float:left;
width: 40px !important;}
body #followed-murmurs .murmurs-photo img{
border:1px solid #ca9481;
width: 30px;
height:30px;
padding:2px ;
background:#fff}
body #followed-murmurs .murmurs-content{
float: right;
width: 155px;
color:#666;}
body #followed-murmurs .murmurs-content a{color:#874646;
font:bold 11px Tahoma;}
body #followed-murmurs .murmurs-content span{
display:block;
color:#999;}
body #followed-murmurs .murmurs-functions{
float: none !important;
clear:both;
text-align:right !important;}
body #followed-murmurs .murmurs-functions span{margin-right:2px !important;}


#search{
padding:0; margin:0;
background:url(http://pic.pimg.tw/pixnetvisual/bf84be6d473165ad2a014f9c6372dada.jpg) no-repeat;
width: 240px;
height: 34px;
position:absolute;
right:0;
top:50px;}
#search .box-title{display:none;}
#search .box-text{padding:0; margin:0;}
#search ul{
width: 240px;
height: 30px;
padding-top:4px;
overflow: hidden;
_overflow: none;}
#search li{
float: left;
margin-right:0px;}
#search input{
border:0;
padding:0 ;
height:30px;}
#search input#search-target{
height:30px;

width:170px;
padding: 0 10px;
background:none;
border:0;
height:25px \9;
padding:5px 10px 0\9;}
#search input#search-submit{
margin:0;
width: 50px;
height:30px;
padding:0;
font-size:0;
text-indent: -5000px;
text-indent: 0px \9;
color:#fff;
text-align:left;
background:none;}

#announce li,
#recent-article li,
#hot-article li,
#category li,
#latest-comment li,
#latest-trackback li,
#subscription li{
background:url(http://pic.pimg.tw/pixnetvisual/4b9727148ca96.jpg) left 7px no-repeat;
padding-left:10px;}

#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}

#category li{margin-left:12px}

#mylink {}
#mylink .inner-box{}
#mylink .inner-box h6{
color:#848177;}
#mylink .inner-box li{
margin-left:12px;}



/*--------------------------footer*/

#footer{clear:both;
background:url(http://pic.pimg.tw/pixnetvisual/e0ccae52c4213666a9f8140ed7c6d0ac.jpg) right top no-repeat #ffe5dc;
padding:20px ;
text-align:right;
}
#footer p{color:#87685d;}
#bottom {}



#links-row-1{margin-top: -325px}


#links-row-1{margin-top: -325px}



#links-row-1{margin-top: -325px}

創作者介紹

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