gotta make a change.jpg  

/*----------
Gotta Make a Change
Css by thisiskai
http://thisiskai.pixnet.net/blog
http://www.wretch.cc/blog/thisiskai
----------*/

#calendar table th, #calendar table td {
    background: none repeat scroll 0 0 #88b6d4;
    border: 2px solid #fff;
    color: #fff;
    font-size: 11px;
    text-align: center;
}

#navigation {
    position: absolute;
    right: 0;
    top: 170px;
    width: 100px;}

#navigation li {
    float: left;
    height: 40px;
    margin-bottom: 5px;
    width: 250px;
}

#navigation a {
    display: block;
    font-size: 0;
    height: 100%;
    text-indent: -5000px;
    width: 100%;
}

body{
font-family: arial, verdana, Helvetica, sans-serif;
-webkit-text-size-adjust:none;
background:url(http://pic.pimg.tw/thisiskai/7acea6bfd860de8c3558028d91d083dd.jpg);
background-repeat : repeat-x;
font-size:12px;
color:#000;
background-color:#f6f9ec;
}

*{ margin:0;padding:0;}

table {border-collapse:collapse;border-spacing:0;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,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;
margin-left:80px;
width:600px;
}

.article-content p{margin-bottom: 1em;}

br{letter-spacing: normal;}

input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #666;
border: 1px solid #aaa;
background: #fff;
padding: 2px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #666;
border: 1px solid #ccc;
background: #fff;
padding: 2px;
width:90%;
}

a {color:#333;text-decoration: none;}
a:hover {color:#cf6116;}
#body-div{}

#authority{
width: 840px;
text-align:right;
margin:0 auto;
padding: 10px 0;
}

#authority a{
padding: 2px 5px;
background:#dddddd;
color:#666;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:0 2px;
}

#authority a:hover{}

#container{width: 950px;
position:relative;
margin:0 auto;}
#container2{}
#container3{}

#header{
height: 450px;
background:url(http://pic.pimg.tw/thisiskai/a10f345d77e8f4ebde1498d55e3f67c5.jpg) no-repeat;
position:relative;
}

#login-bar{
position:absolute;
left:15px;
top:5px;
color:#aaa;
}

#login-bar a{color:#aaa;}

#banner{
position:absolute;
left:210px;
top:360px;
width:580px;
height:70px;
}

#banner h1 a{
font:bold 22px arial;
color:#fff;
}

#banner h2{
font:14px arial;
color:#fff;
}

#banner .skiplink {display:none;}
#banner #blog-category{display:none;}
#banner #blog-category a{color:#666;}

#main{
background:url(http://pic.pimg.tw/thisiskai/f1434d22e91c2cd8ee1b6c4658a72312.jpg) left repeat-y;
overflow: hidden;
_overflow: none;
_height: 1%;
width:950px;
}

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

#spotlight{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:20px 10px 30px 55px;
background:#88b6d4;
padding: 10px;
}

#spotlight h5{
font:bold 15px arial;}

#spotlight-text{
color:#fff;}

.article{
margin:0 0 30px 0;}
.article-head{
overflow:hidden;_overflow:none;_height:1%;
}

.publish {
float: left;
width: 80px;
height: 52px;
padding-top:28px;
background:url(http://pic.pimg.tw/thisiskai/b195a848cae55f6a1f3d20d9780de01e.png) no-repeat;
text-align:center;
text-transform:uppercase;
font:bold 15px arial;
line-height:15px;
text-shadow:1px 1px 0 #bbb;
}

.day,.time{display:none;}

.year{display:block;font-size:12px;}

.title{
background:url(http://pic.pimg.tw/thisiskai/714a0bcaba0b55880b20cd12983c48f5.jpg) no-repeat;
float: left;
height:40px;
width: 600px;
margin-top:14px;
padding-top:16px;
padding-left:5px;
}

.title a{
font:bold 18px arial;
text-shadow:1px 1px 0 #ddd;}

.title img{}

.article-body{
line-height: 120%;
width:680px;
color:#666;
text-align: right;
}

.article-content{
text-align: left;
color:#000;
font-size:13px;
}

.article-content .more{}

.bookmark{}

.author{}

.forward{}

.article-footer{
margin-left:60px;
margin-top:10px;
background:#aaa;
padding:10px;
width:580px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.history{}

.refer{}

.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 #888;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.article-area-title,
#view-mode{
margin:0px 10px 0px 55px;}

.main-list{
margin:10px 10px 10px 55px;}
.main-list table{
width:100%;
}

.main-list th{
color:#fff;
text-shadow:1px 1px 0 #333;
background:url(http://pic.pimg.tw/pixnetvisual/68a0abb8eb51d6f7a02b49502d6f570b.png);
padding:5px;
border:1px solid #666;
}

.main-list td{
border:1px solid #666;
padding:5px;}

#trackback-box{}

#comment-box{}

.user-post-box{
margin:10px 10px 10px 55px;}

.user-post-title{
background:url(http://pic.pimg.tw/thisiskai/ee012a374e0463a17f06ca1f6fff75d1.jpg) no-repeat;
height: 50px;
font-size:0;text-indent: -5000px;
border-bottom:1px solid #aaa;}

#comment-title{
background:url(http://pic.pimg.tw/thisiskai/f4c77bc71ad66e325dfb656f92fd5a59.jpg) no-repeat bottom left;padding-bottom:10px;}

.user-post-text{padding:10px 0;}

.post-comment{display:none;}

.post-comment a{}

.single-post{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
_overflow: none;
_height: 1%;
background:#88b6d4;
padding: 7px 10px;
margin-bottom:5px;
line-height:1.5;
}

.post-info{
float: right;
width:520px;}

.post-photo{
float: left;
width: 90px;}

.post-photo img{
width: 70px;
height: 70px;
padding:5px 5px 15px 5px;
border:1px solid #bbb;
border-right:1px solid #aaa;
border-bottom:1px solid #aaa;
background:#eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.post-text{
float: right;
width:520px;}

.reply-text{
clear:both;
padding:5px;
background:#eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.reply-text p{}

.single-post.secret{}

.single-post.secret .post-text{
float: none;
width: auto;}

#trackback-url{
margin:20px 0;}

#trackback-url input{}
#trackback-box input#trackback-input{width: 400px;
padding:3px;}

#trackback-text .post-info, #trackback-box .post-text{
width:auto ;
float:none ;}

.page{
margin:10px 10px 10px 55px;}

.page a, .page SPAN{
padding:0 3px;
margin:0 1px;
background:#aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


#links{
float: right;
width:230px;
padding: 5px;
overflow: hidden;}

#links-row-1{}

#links-row-2{}

.box{
margin-bottom:20px;}

.box-title{
font:bold 13px arial;
text-shadow:1px 1px 0 #999;
border-bottom:3px solid #777;
padding-bottom:3px;}

.box-text {
line-height:1.5;
padding: 10px 5px!important;}

.box-more{
margin:5px;
text-align:right;}

.box-more a{
font-size:11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background:#88b6d4;
padding: 2px 5px;
color:#fff}

.box-more a:hover{
color:#fff;
background:#c6c6c6;}

#recent-article img{}

#user-info .box-text {
padding-left: 15px !important;}

#user-info dl dd {margin:0 0 0px;}
#user-info .user-img {
margin-bottom:5px;
width: 95px;}

#user-info .user-img img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#ffffff;
padding:4px;
border:3px solid #88B6D4;}

body #newsfeed .newsfeed-photo img, #friendbox ul.friendlist li img {
border:1px solid #666;}

body #newsfeed ul li {border-bottom: 2px dotted #88B6D4;}

#calendar table{width:100%;}

#calendar th, #calendar td{
text-align:center;
padding:1px;}

#calendar td a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#888;
color:#fff;
display:block;}

#visitor ul,#crumb ul{
overflow: hidden;_overflow: none;_height: 1%;
margin-bottom:5px;}

#visitor li,#crumb li{
float:left;
line-height:0;
margin:1px;}

#visitor li img,#crumb li img{
width: 40px;
height:40px;}

#search{
position:absolute;
top:25px;
right:150px;
width:200px;
}

#search .box-title{
display:none;}
#search input{color:#aaa;}

#search-target{height:18px;}

#search-submit{height:23px;}

#search li{
float: left;
margin-right:3px;}

#latest-trackback li, #latest-comment li, #subscription li{
margin-bottom:3px;}

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

#announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li{
color:#fff;}

#footer{
background:url(http://pic.pimg.tw/thisiskai/03fb6dcc6cf39c962919c5aadcf829a6.jpg) right top no-repeat;
padding-top:100px;
padding-right:100px;
height:100px;
text-align:right;
clear:both;}

#footer p{}

#bottom , #bottom a{
color:#cf6116;}

#content .recommended-posts3 ul li a:hover {
background: none repeat scroll 0 0 #88b6d4;
}

#announce li, #recent-article li, #hot-article li, #category li, #latest-comment li, #latest-trackback li, #subscription li {color: #88b6d4;}


 

 

最後

如果你喜歡

就帶走我的貼紙或是加我FB吧

創作者介紹
創作者 thisiskai 的頭像
thisiskai

thisiskai's music box

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