痞客css樣式-(紫色)超級偶像-朱俐靜

a {
text-decoration:none;
color:#603467;
}

a:hover,#banner h1 a:hover {
color:#e4c7e8;
}

abbr,acronym,fieldset,img {
border:0;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:400;
}

body {
font-size:12px;
color:#310e36;
font-family:tahoma,verdana,"細明體",sans-serif;
background:#000;
}

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;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

input#search-submit {
font-size:10px;
font-family:"Verdana";
color:#fff;
border:0;
background:none;
}

ol,ul {
list-style:none;
}

pre {
font-size:1em;
}

q:before,q:after {
content:'';
}

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

td.list-title {
display:block !important;
width:400px;
overflow:hidden !important;
}

.article {
background:url(http://pic.pimg.tw/rionlab/4bb1f469701a5.jpg) repeat-y center top;
position:relative;
}

.article-body {
width:600px;
padding:0 20px;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
font-family:Verdana;
letter-spacing:1px;
line-height:150%;
font-size:11pt;
color:#000;
margin:20px 0;
}

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

.article-footer {
width:600px;
background:url(http://pic.pimg.tw/rionlab/4bb1f469a9e58.jpg) no-repeat center bottom;
overflow:hidden;
_overflow:none;
_height:1%;
line-height:140%;
margin-top:10px;
padding:5px 20px 20px;
}

.article-head {
width:600px;
display:block;
height:50px;
background:url(http://pic.pimg.tw/rionlab/4bb1f469eade3.jpg) no-repeat center top;
padding:50px 20px 0;
}

.article-head a:hover,.box-text,.main-list td a,#counter ul {
color:#fff;
}

.author {
text-align:left;
margin-top:30px;
}

.back-to-top {
display:block;
clear:both;
text-transform:uppercase;
font:10px Century Gothic;
letter-spacing:0;
text-align:right;
width:600px;
height:20px;
padding:10px 0;
}

.back-to-top a {
display:block;
width:590px;
line-height:20px;
color:#666;
border-top:0 solid #999;
padding:0 5px;
}

.back-to-top a:hover {
color:#999;
}

.box {
margin-bottom:30px;
}

.box-more {
display:block;
clear:both;
width:240px;
}

.box-text select {
display:block;
width:240px;
height:25px;
line-height:25px;
border:0;
background:none;
border-bottom:1px solid #c091c6;
color:#603467;
}

.box-title {
display:block;
background:url(http://i1011.photobucket.com/albums/af235/pdkvid/hejtb12.jpg) no-repeat left top;
width:240px;
height:25px;
line-height:25px;
overflow:hidden;
text-indent:15px;
margin-bottom:10px;
}

.history {
float:right;
width:270px;
}

.list-date {
font:12px;
width:60px;
color:#fff;
letter-spacing:0;
padding:0 5px;
}

.list-num,.reply-text p,#banner .skiplink,#blog-category,#comment-form table th font,#comment-form table tr.comment-form-title {
display:none;
}

.list-title img {
float:right;
margin-left:3px;
}

.list-visit,.list-comment {
width:40px;
}

.main-list td {
font-size:11px;
line-height:25px;
background:#603467;
border-bottom:1px solid #fff;
padding:0 10px;
}

.main-list td a:hover {
color:#000;
}

.main-list th {
line-height:25px;
color:#fff;
background:#310e36;
border-bottom:3px solid #fff;
padding:2px 10px;
}

.main-list,.main-list table {
width:600px;
margin:10px auto;
}

.page {
font-size:11px;
font-family:Century Gothic;
text-align:center;
margin:10px 0;
}

.page a {
color:#FFF;
margin:0 5px;
padding:0 3px;
}

.page a:hover,.page span {
background:#6b3667;
color:#fff;
padding:0 3px;
}

.post-comment {
width:90px;
height:25px;
line-height:25px;
margin:10px auto 20px;
}

.post-info {
background:#fff;
height:25px;
font-size:10px;
line-height:25px;
margin-bottom:10px;
color:#666;
position:relative;
padding-left:70px;
_padding-top:5px;
border-bottom:1px solid #310e36;
}

.post-info .floor {
background:#310e36;
width:60px;
height:25px;
text-align:center;
color:#fff;
font:bold 13px Century Gothic;
line-height:25px;
display:block;
position:absolute;
left:0;
top:0;
}

.post-info img {
vertical-align:middle;
}

.post-photo {
width:95px;
float:left;
margin-left:10px;
display:inline;
}

.post-photo img {
border:1px solid #ddd;
}

.post-text {
float:right;
width:480px;
margin-bottom:5px;
color:#666;
}

.publish {
position:absolute;
right:20px;
top:20px;
}

.refer {
float:left;
width:270px;
}

.reply-text {
float:right;
width:460px;
background:#a1a1a1;
border:0 solid #fff;
margin-right:10px;
margin-top:20px;
display:inline;
color:#fff;
min-height:30px;
_height:30px;
padding:5px;
}

.single-post {
overflow:hidden;
_overflow:none;
_height:1%;
background:#eee;
margin-bottom:20px;
padding-bottom:10px;
}

.single-post.secret {
background:#999;
border:1px solid #a1a1a1;
}

.single-post.secret .post-text {
float:none;
width:auto;
padding-left:10px;
padding-top:10px;
font-size:12px;
color:#fff;
}

.title {
display:block;
width:580px;
height:40px;
overflow:hidden;
line-hieght:20px;
font-size:15px;
background:url(http://pic.pimg.tw/rionlab/4bb1f46af3121.jpg) no-repeat center top;
padding:5px 10px;
}

.title a {
font-weight:700;
}

.user-post-title {
background:#fff;
height:25px;
line-height:25px;
padding-left:15px;
margin:10px 0;
}

#authority {
background:#000;
}

#banner {
width:300px;
height:100px;
position:absolute;
left:290px;
top:40px;
overflow:hidden;
}

#banner h1 {
margin-bottom:10px;
}

#banner h1 a {
font-size:20px;
color:#fff;
font-weight:700;
}

#banner h2 {
color:#dda0dd;
}

#calendar table {
width:240px;
text-align:center;
}

#calendar table tr th {
text-align:center;
}

#category .box-text a {
color:#fde5ff;
}

#category .box-text a:hover,#links .box-text a {
color:#C9F;
}

#comment-form {
background:#dcdcdc;
width:590px;
margin:10px auto;
padding:10px 5px;
}

#comment-form input {
height:17px;
font-family:Arial;
font-size:11px;
color:#666;
border:none;
border-bottom:1px solid #fff;
background:none;
width:90%;
}

#comment-form input#blogcommenttext_name {
width:84%;
}

#comment-form input#send-comment {
background:#eee;
width:100px;
height:20px;
color:#666;
}

#comment-form input.radio {
border:none;
width:auto;
background:none;
margin:0;
padding:0;
}

#comment-form p {
color:#999;
text-align:right;
margin:0 5px 5px;
}

#comment-form table {
width:100%;
border: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;
text-align:right;
padding:2px 5px;
}

#comment-form textarea {
width:99%;
height:120px;
font-family:Arial;
font-size:11px;
line-height:18px;
color:#fff;
border:0 solid #547dbf;
background:#999;
}

#container {
background:#eed0ec url(http://i1011.photobucket.com/albums/af235/pdkvid/k6kk02.jpg) repeat-x center top;
background-color:#000;
}

#container2 {
background:url(http://pic.pimg.tw/rionlab/4bb1f1540a669.jpg) repeat-y center 3px;
width:960px;
background-image:url(http://i1011.photobucket.com/albums/af235/pdkvid/1198732078.jpg);
background-repeat:repeat-y;
background-position:center 3px;
margin:0 auto;
}

#container3 {
background:url(http://i1011.photobucket.com/albums/af235/pdkvid/y5401.jpg) no-repeat center top;
background-image:url(http://i1011.photobucket.com/albums/af235/pdkvid/y5401.jpg);
background-repeat:no-repeat;
background-position:center top;
}

#content {
margin-top:10px;
width:640px;
float:right;
display:inline;
margin-right:20px;
overflow:hidden;
}

#content .post-comment a {
display:block;
font-size:12px;
color:#fff;
height:100%;
text-align:center;
width:100px;
background:#999;
border:1px solid #666;
}

#content .post-comment a:hover {
border:1px solid #333;
color:#000;
}

#footer {
background:url(http://i1011.photobucket.com/albums/af235/pdkvid/hejtb05.jpg) no-repeat center top;
width:660px;
text-align:center;
clear:both;
padding:25px 10px 30px 290px;
}

#header {
width:960px;
height:175px;
position:relative;
}

#hot-article .box-text a,#murmur .box-text a,#crumb .box-text a,#visitor .box-text a,#headshot .box-text a,#category .box-text a,#announce .box-text a,#recent-article .box-text a,#latest-comment .box-text a,#archive .box-text a {
display:block;
width:240px;
line-height:25px;
border-bottom:1px solid #c091c6;
}

#links {
line-height:25px;
margin-top:110px;
width:240px;
float:left;
display:inline;
margin-left:15px;
overflow:hidden;
}

#links .box-text a:hover {
color:#fde5ff;
cursor:crosshair;
}

#login-bar {
position:absolute;
right:25px;
bottom:0;
}

#murmur-list td.list-date {
padding:5px;
}

#navigation {
display:block;
position:absolute;
left:611px;
top:52px;
width:300px;
height:80px;
}

#navigation li {
background-color:#965FA3;
display:block;
float:left;
width:48px;
height:80px;
border:2px inset #8650ac;
background:#965FA3 url(http://i1011.photobucket.com/albums/af235/pdkvid/iyk25.jpg) 50% 50%;
margin:0 10px;
}

#navigation li a {
display:block;
float:left;
width:48px;
height:45px;
font-size:12px;
letter-spacing:1px;
text-align:center;
clip:rect(auto,auto,auto,auto);
color:#ebcfff;
padding:35px 0 0;
}

#navigation li a:link {
color:#ebcfff;
}

#navigation li a:hover {
display:inline;
color:ebcfff;
background:url(http://i1011.photobucket.com/albums/af235/pdkvid/ikk03.gif);
}

#search .box-text {
background:none;
}

#search .box-text li {
display:inline;
}

#search-target {
text-align:center;
width:150px;
font-size:10px;
font-family:"Verdana";
color:#000;
border:2px solid #999;
background:url(http://i1011.photobucket.com/albums/af235/pdkvid/hejtb14.gif);
padding:2px;
}

#spotlight {
background:url(http://pic.pimg.tw/rionlab/4bb1f469701a5.jpg) repeat-y center top;
}

#spotlight h5 {
width:600px;
display:block;
height:30px;
line-hieght:20px;
background:url(http://pic.pimg.tw/rionlab/4bb1f469eade3.jpg) no-repeat center top;
margin-bottom:10px;
padding:20px 20px 0;
}

#spotlight-text {
width:600px;
background:url(http://pic.pimg.tw/rionlab/4bb1f469a9e58.jpg) no-repeat center bottom;
padding:0 20px 30px;
}

#trackback-box #trackback-url {
margin:10px 0;
}

#trackback-box .post-text {
width:auto;
float:none;
padding:0 10px;
}

#trackback-box input {
border:1px solid #999;
font:11px arial;
margin-left:5px;
padding:2px;
}

#trackback-box input#trackback-input {
width:300px;
margin:0;
padding:3px;
}

#user-post {
width:600px;
margin:0 auto;
}

#visitor .box-text li a,#crumb .box-text li a {
display:block;
width:50px;
height:50px;
float:left;
border-bottom:0;
}

#visitor .box-text li,#crumb .box-text li {
display:block;
width:50px;
height:50px;
float:left;
margin:5px;
}

#visitor .box-text ul,#crumb .box-text ul {
display:block;
width:240px;
margin:0 auto;
}