/*--------------------------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: #fff;
border:1px solid #ccc;
color:#666;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
/*--------------------------all setting*/

HTML {overflow-x:; }
body {
background:#fff;
font-size:12px;
line-height:160%;
font-family:Arial, Helvetica, sans-serif ;
color:#333;}

a {color:#666}
a:hover {color:#aaa;}

#body-div{}

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

#authority{
height: 30px;
background:url(http://pic.pimg.tw/pixnetvisual/4be395c3d5fd0.jpg) left top repeat-x;
text-align: center;}
#authority a{
padding:1px 5px;
line-height: 30px;
margin:0 2px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#fff;}

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

#container{
width:100%;
padding-top:30px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c14e0c9.jpg?v=1274439109) left top repeat-x;}
#container2{
width: 1200px;
margin: 0 auto;}
#container3{}

/*--------------------------header*/

#header{
height: 300px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c3206c3.jpg) no-repeat;
position:relative;}
#login-bar{
position:absolute;
right:0;
bottom:35px;
color:#aaa;}
#login-bar a{color:#aaa;}
#login-bar .separator{color:#ccc;}

#banner{}
#banner h1 {
height: 40px;
width: 900px;
overflow:hidden;
line-height: 40px;}
#banner h1 a{
display:block;
font:13px arial;
padding-left:220px;
color:#84bdcd;
line-height: 40px;}
#banner h1 a:hover{color:#ccc;}
#banner h2{
padding:10px 20px;
color:#fff;
width: 500px;}
#banner .skiplink {display:none;}
#banner #blog-category{display:none;}

#navigation{
position:absolute;
left:0;
bottom:35px;}
#navigation li{
float: left;
padding: 0 15px 0 10px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c51ddc9.jpg) right center no-repeat;}
#navigation a{
font-size:13px;
color:#999;}
#navigation a:hover{color:#ccc;}
#navigation #link-album{}
#navigation #link-blog{}
#navigation #link-guestbook{}
#navigation #link-profile{}

/*--------------------------main*/

#main{
overflow: hidden;
_overflow: none;
_height: 1%;
padding-bottom:20px;}

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

#content{
float: left;
width: 900px;
overflow: hidden;}

#spotlight{
margin-bottom:20px;}
#spotlight h5{
font:bold 13px verdana;
padding-bottom:5px;
color:#f90;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c58d17c.jpg) right bottom no-repeat;}
#spotlight-text{
padding:5px 0;
color:#777q;}

#article-area{}

h3.article-area-title{}
#view-mode{}

#article-box{}
.article{
_height:1%;
margin:20px 0;}
.article-head{
_height:1%}
.publish {
text-transform:uppercase;
font:bold 10px Tahoma;
margin-bottom:5px;
color:#fff;}
.publish span{

padding:1px 5px 1px 5px;
margin-right:2px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background:-webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgb(230,230,230)),
color-stop(0.5, rgb(204,204,204))
);
background:-moz-linear-gradient(
left center,
rgb(230,230,230) 0%,
rgb(204,204,204) 50%
);
text-shadow:1px 1px 0 #ccc;
background:#ccc \9;}
.day,
.time{display:none;}
.title{
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c58d17c.jpg) right bottom no-repeat;
overflow:hidden;_overflow:none;_height:1%;
padding:3px 10px 5px 0;}
.title a{
font:bold 16px arial;
color:#d76480;}
.title img{float: right;}
.title a:hover{color:#f36;}
.article-body{
padding:10px 20px 10px 0;
color:#b28583;
text-align:right;}
.article-body a{color:#ce9887;}
.article-body a:hover{color:#ccc;}
.article-content{
color:#666;
font-size:13px;
line-height:160%;
letter-spacing:1px;
margin:5px 0;
text-align:left;}
.article-content .more{}
.bookmark{}
.author{}
.forward{}

.article-footer{
-khtml-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
margin:10px 20px 10px 0px;
border:1px solid #eee;
background:-webkit-gradient(
linear,
left top,
right top,
color-stop(0, rgb(245,245,245)),
color-stop(0.5, rgb(242,242,242)));
background:-moz-linear-gradient(
left center,
rgb(245,245,245) 0%,
rgb(242,242,242) 50%);
background:#f6f6f6 \9;
padding:10px;}
.history{
float: right;
width: 48%;}
.refer{
float: left;
width: 48%;}
.back-to-top{
clear:both;
text-align:right;}
.back-to-top a{
text-transform:uppercase;
font:11px CEntury Gothic;
padding: 1px 5px;
color:#aaa;
background:#fff;
border:1px solid #ddd;}
/*--------------------------list*/
.main-list{}
.main-list table{
width:100%;}
.main-list th{
height:30px;
padding:2px 5px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c14e0c9.jpg?v=1274439109) left top repeat-x;
border-bottom:1px solid #ddd;}
.main-list td{
padding:2px 5px;
border-bottom:1px solid #ddd;
line-height:25px;}
.list-num{display:none;}
.list-date{width:90px;}
.list-title{}


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

.user-post-box{
margin:20px 0;}
#trackback-box{}
#comment-box{}

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

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

.single-post{
overflow: hidden;
_overflow: none;
_height: 1%;
margin-right:20px;
margin-bottom:30px;}
.post-info{
float: right;
width:530px;
margin-bottom:5px;
color:#a0b752;}
.post-info a{color:#a0b752;}
.post-photo{
float: left;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c4b9388.jpg) no-repeat;
width:83px;
height:63px;
padding:7px 0 0 7px}
.post-photo img{
width:50px;
height:50px;
padding:2px;
background:#fff;
border:1px solid #eee;}
.post-text{
color:#777;
float: right;
width:530px;}
.reply-text{
margin-top:5px;
color:#dc5d62;
float: right;
width:530px;}
.reply-text p a{color:#dc5d62;}
.single-post.secret{
background:#f6f6f6;
padding:5px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px; }
.single-post.secret .post-text{
float: none;width: auto;}

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
margin:10px 0;}
#trackback-box #trackback-url input{
margin-right:5px;}
#trackback-box input#trackback-input{
width: 400px;
background:#fff;
color:#555;}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {
float:none;}
#trackback-box .post-text{
width:auto ;float:none ;}

/*--------------------------comment-form */
#comment-form {
margin:20px 20px 0 0 ;}
#comment-form p {
color: #bbb;
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: 2px 5px;}
#comment-form table th {
color: #999;
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: 11px;
color: #000;
border: none;
border: 1px solid #ccc;
background: none;
width:90%;}
#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;
background:#aaa;}
#comment-form textarea {
width: 92%;
height: 90px;
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #000;
border: 1px solid #ccc;
background: #fff;}

/*--------------------------pages*/
.page{
margin-bottom:20px;
text-align:center;}
.page a,
.page SPAN{
padding:3px 5px;
line-height:120%;
margin:0 2px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf6015b4a652.jpg) left top no-repeat;
border:1px solid #eee;
color:#999;}
.page SPAN{
font-size:13px;
color:#555;}

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

#links{
width: 250px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c3f30ba.jpg) left top no-repeat;
overflow: hidden;
padding-top:10px;
border-bottom:1px solid #e5e5e5;}

.box{
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c1e4bcc.jpg) left top repeat-y;
padding-bottom:20px;}
.box-title{
padding:5px 30px 10px 15px;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c257195.jpg) right bottom no-repeat;
font:bold 13px arial;
color:#957d6a;
text-shadow:1px 1px 0 #fff;}
.box-text {
padding:15px 15px;}
.box li{}
.box h6{}
.box-more{
text-align:right;
margin: 5px 0;
padding:2px;
}
.box-more a{
font-size:11px; font-size:10px\9;
color:#fff;
padding:1px 5px;
background:#ccc;
border:1px solid #eee;
-moz-box-shadow:1px 1px 0px #ccc;
-webkit-box-shadow:1px 1px 0px #ccC;
box-shadow:1px 1px 0px #ccc;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.box-more a:hover{
color:#aaa;
background:#fff;}

#headshot{}
#headshot ul{
overflow: hidden;
_overflow: none;
_height: 1%;
padding:0px 10px;}
#headshot li{
width:80px;
float: right;}
#headshot li#headshot-img{
float: left;
width: 90px !important}
#headshot li#headshot-img img{}
#headshot li#friend-apply{}
#headshot li#send-message{}

#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:#aaa;
background:#eee;
border:1px solid #fff;
-moz-box-shadow:1px 1px 0px #ccc;
-webkit-box-shadow:1px 1px 0px #ccC;
box-shadow:1px 1px 0px #ccc; }
#category li{margin-left:13px}
.murmur-time{
color:#37709c;
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:50px;
height:50px;}

body #followed-murmurs ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
body #followed-murmurs li{
width: 220px;
font:11px Tahoma !important;
border-bottom: 1px solid #eee !important;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding-top:5px !important;}
body #followed-murmurs .murmurs-photo {
float:left;
width: 40px !important;}
body #followed-murmurs .murmurs-content{
float: right;
width: 175px;}
body #followed-murmurs .murmurs-content a{color:#333;}
body #followed-murmurs .murmurs-content span{
display:block;
color:#666;}
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{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search li{
float: left;
margin-right:5px;
display:inline;}
#search input{
border:1px solid #eee;
height:22px;
padding:3px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
#search input#search-target{
height:14px;
width:140px;
background:#fff;
border-top:1px solid #bbb;
border-left:1px solid #bbb;}
#search input#search-submit{
margin:0;
width: 40px;
font-size:12px;
background:#eee;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;}

#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:200px;}
#recent-article li,
#announce li,
#hot-article li{
background:url(http://pic.pimg.tw/pixnetvisual/4b9727148ca96.jpg) left 10px no-repeat;
padding-left:10px;}

#latest-comment li,
#latest-trackback li,
#subscription li{
background:url(http://pic.pimg.tw/pixnetvisual/4b9727148ca96.jpg) left 10px no-repeat;
padding-left:10px;
margin-bottom:5px;}

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

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

 

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

#footer{clear:both;
height:80px;
padding-top:20px;
text-align:center;
background:url(http://pic.pimg.tw/pixnetvisual/4bf665c2a986d.jpg) left top no-repeat;}
#footer p{}
#bottom {}

創作者介紹

鬆餅太太的翻滾日常

鬆餅太太 發表在 痞客邦 PIXNET 留言(0) 人氣()