上次那個因為是痞客預用版面所以就不儲存了，也是單純看膩了，
然後這個是因為想換感覺了，現在想想我的部落格配色好像從沒那麼大膽過，
之前好像不是黑就是白，都膩啦（揮揮）。
/*---------------------------------------------------------------
visual by GreeN and css by standinhgere
2009 / 04
----------------------------------------------------------------*/
/* -- reset.css -------------------------------------- */
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; }
.article-content p {margin-bottom: 1em; }
br{letter-spacing: normal;}
a{text-decoration: none;}
/*--------------------------all setting*/
HTML {
SCROLLBAR-FACE-COLOR: ;
SCROLLBAR-HIGHLIGHT-COLOR: ;
SCROLLBAR-SHADOW-COLOR: ;
SCROLLBAR-3DLIGHT-COLOR: ;
SCROLLBAR-ARROW-COLOR: ;
SCROLLBAR-TRACK-COLOR: ;
SCROLLBAR-DARKSHADOW-COLOR: ;
overflow-x:; }
body {
background:#111;
font:12px arial;
color:#fff; }
#blog-main { }
#article-main { }
a { color:#ffcccc; }
a:hover { color:#eee; }
#body-div {
width: 910px;
margin: 0 auto;
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49f417f1694c7.jpg) left top repeat-y;
position: relative; }
/*--------------------------authority*/
#authority {
position: absolute;
right: 10px;
top: 5px; }
#authority a {
padding:0 3px;
color:#aaa; }
#authority a:hover { color:#000; }
#authority a#newpost { }
#authority a#backstage { }
/*--------------------------container*/
#container { }
#container2 { }
#container3 { }
/*--------------------------header*/
#header {
height: 400px;
background:url(http://img43.imageshack.us/img43/2649/banneraby.jpg) left top no-repeat; }
#login-bar {
position: absolute;
top: 405px;
left: 140px;
font-size:11px;
*font-size: 10px; }
#banner h2 { display:none; }
#banner .skiplink { display: none; }
#banner #blog-category {
position: absolute;
top: 405px;
left: 20px;
font-size:11px;
*font-size: 10px; }
/*--------------------------navigation*/
#navigation {
position: absolute;
left:660px;
top: 285px; }
#navigation li {
float: left;
height: 40px;
width: 62px;
font-size:0;
text-indent: -5000px; }
#navigation a {
display: block;
width: 100%;
height: 100%; }
#navigation #link-album { }
#navigation #link-blog a:hover { background-position: -62px 0; }
#navigation #link-guestbook a:hover { background-position: -124px 0; }
#navigation #link-profile a:hover { background-position: -186px 0; }
/*--------------------------main*/
#main { background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49f417f8ea886.jpg) left top no-repeat; }
/*--------------------------content*/
#content {
overflow: hidden;
float: left;
width: 620px; display: inline;
margin: 30px 0 0 20px; }
#spotlight {
background: #333;
padding: 10px;
width: 570px;
margin: 10px auto;
border:3px solid #ccc; }
#spotlight h5 {
font: 16px Simhei;
color:#f36;
letter-spacing: -1px;
line-height: 25px; }
#spotlight-text { }
#article-area { }
#article-area .article-area-title { }
#view-mode { }
#display { }
#display SPAN { }
#article-box { }
.article { margin: 15px 0; }
.article-head {
overflow:hidden;
_overflow:none;
height:35px;
margin-bottom: 10px; }
.publish {
float: left;
width: 35px;
height:32px;
padding-top: 3px;
background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd3519c543.png) left top no-repeat;
text-transform:uppercase;
font: bold 10px Tahoma;
text-align: center; }
.publish .date {
font-size:14px;
display:block; }
.publish .year,
.publish .time,
.publish .day { display:none; }
.title {
float: right;
width: 580px; }
.title a {
font: bold 16px arial;
color:#fff;
line-height: 35px; }
.title a:hover { color:#f36; }
.title img {
float: right;
position:relative;
top: -20px; }
.article-body { }
.article-content {
color:#000;
font-size:13px;
letter-spacing: 0.05em;
line-height: 20px; }
.article-content .more {
text-align: right;
margin: 10px; }
.article-content .more a { border: 0; }
.bookmark,
.author,
.forward {
text-align: right;
font-size:11px;
*font-size:10px;
line-height: 16px; }
.bookmark img {
width: 12px;
height: 12px; }
.google-adsense#article-adsense { margin: 10px 0; }
.article-footer {
line-height: 155%;
color:#ccc;
overflow: hidden;
_overflow: none;
_height: 1;
border-top: 1px dotted #a81957;
padding-top: 10px;
margin-top: 10px; }
.article-footer a {
color:#faa;
margin-left: 5px; }
.article-footer a:hover { color:#333; }
.refer {
float: left;
width: 300px; }
.history {
float: right;
width: 300px; }
.back-to-top {
font-size: 9px;
font-family: Century Gothic;
clear: both;
text-transform: uppercase;
letter-spacing: 0;
text-align: right; }
.back-to-top a {
background:#f36;
padding: 1px 3px;
color:#fff; }
.back-to-top a:hover {
color:#f36;
background:#fff; }
/*--------------------------list*/
.main-list table {
width: 100%;
margin-bottom: 20px; }
.main-list table th {
line-height: 25px;
color:#f36;
background:#333;
padding-left: 5px; }
.main-list table .list-num { display: none; }
.main-list table .list-date { width: 100px; }
#murmur-list .list-date { width: 130px; }
.main-list table td {
line-height: 25px;
border-bottom: 1px solid #a1205a;
color:#eee;
padding-left: 5px; }
.main-list table td a { color:#fcc; }
.main-list table td a:hover { color:#000; }
.main-list table .list-visit,
.main-list table .list-comment { width: 50px; }
#murmur-list .list-date { width: 100px; }
td.list-date { font: 10px Century Gothic; }
/*--------------------------post-box*/
.user-post-box {
margin-bottom:20px;
border-bottom: 1px dotted #f36;
padding-bottom:15px; }
.user-post-title {
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49f417f846dee.jpg) left 3px no-repeat;
padding-left: 15px;
height: 20px;
margin: 5px 0; }
.user-post-title img { display:none; }
#trackback-box .user-post-title { }
#comment-box .user-post-title { }
.post-comment {
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49f417fa3bbe8.jpg) left top no-repeat;
width: 230px;
height: 30px;
font-size:0;
text-indent: -5000px;
margin: 20px auto; }
#content .post-comment a {
display: block;
width: 100%;
height: 100%; }
.single-post {
background:url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/49bfd3515f1dd.png) left top repeat-y #161616;
margin: 10px auto;
width:565px;
padding:10px;
position:relative;
min-height: 70px;
_height: 70px; }
.single-post .post-info {
color: #aaa;
font-family: Century Gothic;
line-height:160%;
margin-left: 60px; }
.post-info .floor {
color:#0cf;
font-size:20px;
font-weight: bold;
position: absolute;
left: 5px;
top: 60px;
width: 50px;
text-align: right; }
.post-info a {
color:#aaa;
background:#aaa; }
.post-info a:hover { background: #ccc; }
.post-info a.user-name { font-size: 10px; }
.post-info a.user-name,
.post-info a.reply-message,
.post-info a.user-name:hover,
.post-info a.reply-message:hover { background: none; }
.post-info img,
.post-info a.reply-message,
.hidden-message,
.pixnet-user,
.user-ip { display: none; }
.post-time {
font:10px Century Gothic;
color:#444; }
.post-photo {
position: absolute;
left: 5px;
top: 5px; }
.post-photo img,
.post-photo a img {
width: 45px;
height:45px;
padding:2px;
border:1px solid #666; }
.post-photo img:hover,
.post-photo a:hover img { border:1px solid #eee; }
.post-text {
color:#666;
line-height:160%;
font-family: arial, verdana;
margin-left: 60px; }
.reply-text {
color:#ccc;
line-height:160%;
margin-top: 10px;
padding:5px 10px 5px;
margin-left: 60px;
background:#333; }
.reply-text textarea {
font: 12px Century Gothic;
margin-bottom: 2px; }
.reply-text input {
font: 12px Century Gothic;
padding:2px;
background:#000;
color:#555;
border:0;
margin-right: 2px; }
.reply-text p { display:none; }
.single-post.secret {
min-height:20px;
_height: 20px; }
.single-post.secret .post-text {
float: none;
width: auto; }
#trackback-box { }
#trackback-box h3 { }
#trackback-box SPAN { }
#trackback-box #trackback-url { text-align: center; }
#trackback-box #trackback-url input {
border:0;
font: 11px Tahoma;
color:#666;
background:#1c1c1c;
margin-right:2px;
padding: 2px 5px;
width: 70px; }
#trackback-box input#trackback-input {
margin:0;
width: 420px;
font: 9px Century Gothic;
letter-spacing:1px;
padding: 3px 5px; }
#trackback-text { }
#trackback-text .single-post { display: none; }
/*--------------------------comment-form */
#comment-form {
background: #eee;
padding: 5px;
width: 555px;
margin: 10px auto;
border:10px solid #ccc; }
#comment-form p {
color: #f36;
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: 100px;
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-bottom: 1px solid #ccc;
background: none; }
#comment-form input.radio {
border: none;
width: auto;
background: none;
margin:0;
padding:0; }
#comment-form input#blogcommenttext_name { width: 85%; }
#comment-form input#send-comment {
background:#333;
width: 80px;
color:#fff; }
#comment-form textarea {
width: 99%;
height: 90px;
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #000;
border: 1px solid #ccc;
background: #fff; }
/*--------------------------pages*/
.page {
font-size: 10px;
text-align: center; }
.page span,
.page a {
padding: 0px 3px;
line-height: 15px;
margin: 0 2px; }
.page a:hover { background:#f36; }
/*--------------------------links*/
#links {
overflow: hidden;
float: right;
width: 250px;
margin-top: -50px; }
#links-row-1 { }
#links-row-2 { }
.box { border-bottom: 1px solid #111; }
.box-title {
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49f417f073d07.jpg) left center no-repeat;
font: bold 15px arial;
color:#fff;
margin: 15px 10px;
padding-left: 18px; }
.box-text {
border-bottom:1px solid #444;
padding: 5px 15px 10px;
line-height:150%; }
.box-text a { color:#aaa; }
.box-text a:hover { color:#be2868; }
.box li { }
.box h6 { }
.box-more { text-align:right; }
.box-more a { padding:1px 2px; }
.box-more a:hover {
background:#333;
color:#fff; }
#visitor ul, #crumb ul {
overflow: hidden;
_overflow: none;
_height: 1%; }
#visitor li, #crumb li {
float:left;
line-height:0; }
#visitor li img, #crumb li img {
margin: 0 3px 3px 0;
display: inline;
width: 50px;
height: 50px;
border:1px solid #333; }
#broadcast ul {
overflow: hidden;
_overflow: none;
_height: 1%;
margin-bottom: 3px; }
#broadcast .broadcast-photo {
float: left;
width:40px;
margin-right:5px;
display: inline;
line-height:20px; }
#broadcast .broadcast-time,
#broadcast .broadcast-text {
float: right;
width: 170px; }
#broadcast .broadcast-time a { color:#f36; }
#headshot ul {
overflow: hidden;
_overflow: none;
_height: 1%; }
#headshot li {
width: 100px;
float: right; }
#headshot li a { padding:2px; }
#headshot-img {
float: left !important;
width: 110px !important; }
#headshot-img img { border: 3px solid #444; }
#search ul {
overflow: hidden;
_overflow: none;
_height: 1%; }
#search li { float: left; }
#search li input {
border: 1px solid #333;
border-left: 1px solid #111;
border-top: 1px solid #111;
background: none;
margin-right: 5px;
height: 20px;
width: 120px; }
#search li input#search-submit {
border: 1px solid #333;
border-right: 1px solid #111;
border-bottom: 1px solid #111;
height: 22px;
width: 50px;
padding:0;
color:#666; }
#calendar table {
width: 80%;
margin: 0 auto; }
#calendar table th { text-align: center; }
#calendar table td {
font-size:10px;
text-align: center;
border:1px solid #252422;
line-height: 20px; }
#calendar table td a {
background:#f36;
display: block;
color:#fff; }
#category li { margin-left: 15px; }
#archive select {
width: 200px;
margin-bottom: 5px;
background:#fff;
border:1px solid #ccc;
font: 11px arial; }
#murmur .murmur-time {
color:#666;
font: 11px Century Gothic; }
#murmur .murmur-text { padding: 5px 0; }
#latest-comment li,
#subscription li,
#latest-trackback li {
margin-bottom: 2px;
color:#666; }
#latest-comment a,
#subscription a,
#latest-trackback a {
display: block;
width: 99%; }
/*--------------------------footer*/
#footer {
clear:both;
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49f417f22242e.jpg) left top no-repeat;
height: 80px;
font-size:0;
text-indent: -6000px; }
#footer p { }
#bottom { }
body {cursor:url(http://sky.geocities.jp/joyz972000/Gitty.ani)}
a {cursor:url(http://sky.geocities.jp/joyz972000/Gitty.ani);}
a:hover {cursor:url(http://sky.geocities.jp/joyz972000/Gitty.ani);}
- 5月 30 週六 200918:07
宣、第十二次換版面 主色調大換好高興
【 个人﹢ 】 (3)