--------------------本站刊版請勿帶走~謝謝!!!--------------------
久違的自製樣式終於完成啦~~~
超級開心的!!!由於目前的本命是17~~~
就製作了他們的樣式給大家!!!
有需要的請在下方留言跟我告知一下~~~謝謝!!!
--------------------樣式預覽--------------------
--------------------語法--------------------
/*--------------------------reset*/
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;}
a {text-decoration: none;}
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
input{
border:1px solid #ccc;
padding:1px;
font:12px MS Gothic;
color:#666;}
/*--------------------------all setting*/
HTML {
SCROLLBAR-FACE-COLOR: #FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF ;
SCROLLBAR-ARROW-COLOR:#3D87FF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF ;
overflow-x:;}
body {
background:#ffffff;font-size:12px;color:#666;
font-family: MS Gothic;}
#blog-main{}#article-main{}
a {color:#000;}
a:hover {color:#5F4788;}
#body-div{}
/*--------------------------authority*/
#authority{
background:#FFF;
margin:0 auto;height:20px;
text-align:center;
padding-top:10px;}
#authority a{
padding:3px 3px;background:#fff;
color:#5F4788;}
#authority a:hover{color:#333;}
#authority a#newpost {margin-left:20px;}
#authority a#backstage {}
/*--------------------------container*/
#container{
width:100%;background:NONE;}
#container2{
width:1000px;margin:0 auto;border-left:1px solid #321941;
position:relative;border-right:1px solid #321941;border-bottom:5px solid #321941;
background:NONE;}
/*--------------------------header*/
#header{
height: 710px;
background:url(https://i.imgur.com/qIoCwN4.jpg) no-repeat;}
#login-bar{
position:absolute;left:15px;top:12px;color:#5F4788;}
#login-bar .separator{color:#2F2344;}
#login-bar a:hover{color:#FFF;}
#banner{
padding:140px 0 0 20px ;width:250px;}
#banner h1 a{
font:15px MS Gothic;text-shadow:1px 1px 0 #fff;
color:#321941;}
#header a:hover{color:#444;}
#banner h2{
color:#666;margin:5px 0;
line-height:150%;}
#banner .skiplink {display:none;}
#banner #blog-category{
position:absolute;
left:40px;top:40px;
color:#113C8B;}
/*--------------------------navigation*/
#navigation{
position: absolute;
left:220px;top: 40px;}
#navigation li{
float: left;
margin: 0 2px;
display:inline;}
#navigation a{
padding:1px 5px;
height: 24px;
color:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#60488A;}
#navigation a:hover{background:#fff; color:#7457A7;}
/*--------------------------main*/
#main{
overflow: hidden;_overflow: none;_height: 1%;background:NONE;}
/*--------------------------content*/
#content{
overflow: hidden;float: left;width: 680px;}
#spotlight{
border:1px solid #FFD392;
padding:3px;
margin:0px 0 10px 30px;
}
#spotlight h5{
font:bold 10px MS Gothic;
height: 15px;
background:#321941;line-height: 20px;
padding:5px;color:#fff;}
#spotlight-text{
margin:10px;line-height:160%;color:#666;}
#article-area{}
#article-area .article-area-title,
#view-mode{
line-height:150%;
color:#666;
text-align:right;}
#article-box{}
.article{
background:none;
padding-bottom:15px;margin-top:20px;margin-bottom:20px;}
.article-head{}
.publish {
font:11px MS Gothic;background:#321941;color:#fff;
height:20px;width:130px;line-height:20px;padding-left:5px;
text-align:center;}
.year, .time{display:none;}
.title{padding:10px 0 5px;
margin-left:30px;
border-bottom:1px solid #623E83;}
.title img{display:none;}
.title a{font:20px MS Gothic;color:#623E83;}
.title a:hover{color:#3170AB;}
.article-body{
margin:10px;margin-left:30px;line-height: 160%;
text-align: right;color:#87578A;}
.article-content{
margin:10px 0;text-align: left;letter-spacing:1px;
color:#444;line-height:170%;}
.article-footer{
color:#321941;margin:10px;padding:10px;
margin-left: 30px;line-height:160%;}
.history{}
.refer{}
.back-to-top{text-align:right;}
.back-to-top a{text-transform:uppercase;
font:11px MS Gothic;
padding: 1px 5px;background:#fff;
border:1px solid #ccc;
border-right:1px solid #8B314F;
border-bottom:1px solid #8B314F;}
.back-to-top a:hover{color:#fff;background:#8B314F;}
/*--------------------------list*/
.main-list {
margin-left:30px;}
.main-list table{
width:100%;
margin: 10px auto;}
.main-list th{
background:#58AAE0;
padding:5px;
color:#fff;}
.list-num{display:none;}
.list-date {width:100px;
color:#666;
font:11px MS Gothic;}
.list-title{}
.main-list td{padding:5px;
border-bottom:1px dotted #ccc;}
/*--------------------------post-box*/
.user-post-box{
margin: 20px 0px 20px 30px;}
.user-post-title{
height:14px;font-size:12px;margin-bottom:10px;}
#trackback-box .user-post-title{}
#comment-box .user-post-title{}
.post-comment{display:none;}
.single-post{overflow: hidden;_overflow: none;_height: 1%;
background:#D2C9EE;margin-bottom:10px;padding:10px;line-height:160%;}
.post-info{
color:#6C0E3F;margin-bottom:5px;}
.post-info a{color:#57213D;}
.post-photo{
float: left;width: 65px;}
.post-photo img{border:5px solid #6B528B;
padding:2px;background:#fff;-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 50px;height:50px;}
.post-text,
.reply-text{float: right;width: 430px;}
.reply-text{
margin-top:10px;color:#A44975;}
.reply-text p{}
.single-post.secret{}
.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:4px;}
#trackback-box input#trackback-input{width:300px;
margin:0;}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box .post-text{
width:auto ;
float:none ;}
/*--------------------------comment-form */
#comment-form {
background: #DEE1FB;
padding: 15px;
margin: 10px auto;}
#comment-form p {
color: #FFF;
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: #666;
vertical-align: top;
border: none;
padding: 2px 5px;}
#comment-form table th {
color: #693045;
vertical-align: top;
width: 70px;
border: none;
text-align:right;
padding: 2px 5px;}
#comment-form table th font { display: none; }
#comment-form input {
height: 17px;border: none;border-bottom: 1px solid #89ADCC;
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%; width: 85%\9;}
#comment-form input#send-comment{
width: 70px;height:auto;
padding:5px;border:0;
background:#926BE0;color:#fff;}
#comment-form textarea {
width: 99%;height: 90px;
font-family: MS Gothic;
font-size: 11px;line-height: 18px;
color: #000;border: 1px solid #ccc;
background: #fff;
overflow:auto;}
/*--------------------------pages*/
.page{
padding:10px;
text-align:center;}
.page a,
.page SPAN{
padding:3px 5px;
line-height:150%;
margin:0 3px;}
.page SPAN{
background:#ccc;-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}
/*--------------------------links*/
#links{
overflow: hidden;
float: right;
width: 260px;
margin-right:20px;
display:inline;
margin-top:20px;}
#links-row-1{}
#links-row-2{}
.box{
margin-bottom:10px;}
.box-title{
background:#623E83;
height: 20px;
padding-left:15px;
font:12px MS Gothic;line-height:20px;
color:#FFF;
overflow:hidden;}
.box-text {
padding: 10px 5px;line-height:160%;
color:#666;}
.box-text a{color:#9D52A4;}
.box-text a:hover{color:#222;}
.box-more{
text-align:right;
margin: 5px 0;}
.box-more a{
font-size:11px; color:#fff;background:#A44975;
padding:3px 5px;}
.box-more a:hover{background:#401D2E;}
#headshot{}
#headshot ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#headshot li{
width:70px;
float: right;}
#headshot li#headshot-img{
float: left;}
#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:#fff;
background:#926BE0;}
.murmur-time{
color:#46A1F6;
font:12px MS 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 3px 3px 0;}
#visitor li img,
#crumb li img {
width:20px;
height:20px;}
body #followed-murmurs ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
body #followed-murmurs li{
width: 180px;
font:12px MS Gothic !important;
border-bottom: 1px dotted #A44975!important;
padding-top:5px !important;
margin: 5px auto !important;
font-size:12px;
font-family:MS Gothic !important;}
body #followed-murmurs .murmurs-photo {
float:left;
width: 40px !important;}
body #followed-murmurs .murmurs-photo img{border:1px solid #A44975 !important;}
body #followed-murmurs .murmurs-content{
float: right;
width: 140px;
color:#7C232D;}
body #followed-murmurs .murmurs-content a{
color:#494E7C;
font-weight:normal !important;}
body #followed-murmurs .murmurs-content span{
display:block;
color:#666;}
body #followed-murmurs .murmurs-functions{
float: none !important;
clear:both;
color:#fff;
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;}
#search input#search-target{
height:14px;
width:120px;
background:#fff;
border-top:1px solid #FFF;
border-left:1px solid #FFF;}
#search input#search-submit{
margin:0;
width: 40px;
font-size:12px;
background:#eee;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select {}
#favorite select {}
#latest-comment li,
#latest-trackback li,
#subscription li{
margin-bottom:3px;}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {}
#mylink .inner-box{}
#mylink .inner-box h6{
font-weight:bold;
color:#A44975;}
#mylink .inner-box li{
margin-left:12px;}
#counter{}
#counter SPAN{}
/*--------------------------footer*/
#footer{
clear:both;background:NONE;padding:10px 10px 10px ;text-align: center;
height: 10px;line-height:160%;}
#footer p{color:#926BE0;}
#bottom {color:#6D5487;}
#bottom a:hover{color:#333}
留言列表
普閔.Y是第一~ (5)