close
版型語法引用:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------------------reset*/
body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://www.geocities.jp/umod09/0318.ani), pointer;}
table {border-collapse:collapse;border-spacing:0;}
*{ margin:0;padding: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;}
.article-content p{margin-bottom: 1em;}
a {text-decoration: none;}
br{letter-spacing: normal;}
/*--------------------------all setting */
body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/16.gif);
color:#00783C;line-height:150%;}
a {color:#00783C;}
a:hover {color:#00B45A;cursor : url(http://www.geocities.jp/umod09/0315.ani), pointer;}
#body-div{}
/*--------------------------authority*/
#authority{border-bottom:1px dashed #FFF;
text-align: center;
padding:5px 0;}
#authority a{
margin:0 5px;
text-shadow:1px 1px 0 #00783C;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width:1320px;
margin:0 auto;
background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/16.gif) left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
overflow: hidden;
padding-left: 55px;
height: 525px;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/301429686/7.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#00783C;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 110px;
top: 150px;
height:30px;
width:450px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#00644B;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0# FFF;}
#banner h1 a:hover {
color:#00A078;}
#banner h2{
position:absolute;
left:110px;
top:195px;
font-size:16px;
font-size: 16;
color:#00644B;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#005028;
position:absolute;
right:98px;
bottom:35px;}
#banner #blog-category a{
color:#005028;}
#banner #blog-category a:hover {
color:#00A050;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:420px;
left:815px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#005028;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#00A050;}
/*--------------------------main中間*/
#main{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/16.gif) no-repeat;
overflow: hidden;
_overflow: none;
_height: 1%;
padding: 20px 20px;}
/*--------------------------content */
#content{width:650px;
float:left ;
background:#fff ;
background:url() repeat;
margin:0 auto;
margin-left: 325px ;
margin-top: -15px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 20px 30px 25px 25px;
background: #E7F9E7;
padding: 10px 15px;
border:1px solid #68C168;}
#spotlight h5{
color:#68C168;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#00783C;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #007800;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 90px;
color:#4EB74E;
text-shadow:1px 1px 0 # fff;
padding-top:10px;
padding-left:50px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/26.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#008700;
font-weight: bold;
font-weight:bolder;
font-family:標楷體;
font-size:20px;
text-shadow:0px 0px 0 # 9CC770;}
.title img{display: none;}
.title a img{display: inilne}
.title a:hover {color:#68C168;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#00783C;}
.article-content{
color:#00783C;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #E7F9E7;
border: 3px double #68C168;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0#00783C;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#00783C;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #00783C;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #00783C;}
.main-list td{padding:5px;
border-bottom:1px solid #00783C;}
/*--------------------------post-box*/
#trackback-box{}
#comment-box{}
.user-post-box{
_height:1%;margin-bottom: 30px;}
.user-post-title{
height: 65px;
margin-bottom: 20px;
font-size:0;
text-indent: -5000px;background:url() no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/21.png) left bottom no-repeat;}
.post-comment {
font-size: 16px;
font-weight:900;
font-style: italic;
display:block;
width:165px;
height: 79px;
letter-spacing: 0.2em;
line-height:70px;
text-indent:42px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/22.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#00783C;}
.post-comment a:hover{
color:#00783C;}
.single-post{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #E7F9E7;
border:1px solid #68C168;
box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);
-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
}
.single-post:hover { background: rgba(255,255,255,0.2); }
.post-info{color:#00783C;
font-size:14px;
font-family: tahoma;font-weight:bold;
margin-bottom: 5px;
text-shadow:1px 1px 0 #fff;
float: left;
width: 500px;}
.post-photo{
float: right;
width:60px;}
.post-photo img{
width:60px;
height: 60px;
padding:2px;
border:1px solid#68C168;}
.post-text{
color:#00783C;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #68C168;
padding-top:5px;
color:#00783C;
margin-top:5px;
float: left;
width: 500px;}
.reply-text p{}
.single-post.secret{}
.single-post.secret
.post-text{float: none;width: auto;}
#trackback-url{
text-align:right;
padding: 10px;}
#trackback-url input{}
#trackback-box input
#trackback-input{
width: 300px;}
#trackback-text
.post-info {}
#trackback-box
.post-text{width:auto ;
float:none ;}
/*--------------------------pages*/
.page{padding: 20px;
text-align: center;}
.page a,.page SPAN{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px 10px;
border:1px solid #00783C;
margin: 0 1px;
color:#1AA31A;}
.page a:hover{
background: #EDFFE7;
border:1px solid #00783C;
color:#82CB82;}
.page SPAN{color:#00783C;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:1px;}
#links{
color:#00783C;
border-bottom:1px dotted #fff;
width:220px ;float:left;
margin: -300px 0px 0px 10px ;}
#links a{
font-size: 16px;
color:#00783C;
border-bottom:2px dotted #68C168;}
#links-row-1{width:220px ;
float:left ;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -915px ;
margin-top: 300px ;}
#links-row-2{
width:220px ;
float:right ;
background-image: url();
background-repeat: repeat;
margin-right: -30px ;
margin-top: 300px ;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/20.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/18.jpg) left top no-repeat;
height:45px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 66px;
font-weight: bold ;color:#00783C;}
.box-text{padding:0 20px;
color:#00783C;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/19.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #EDFFE7;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#00783C;}
#recent-article img{
display: none;}
#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:#D3F4D3;
padding:3px;
border:1px solid #00783C;}
#calendar table{
width:100%;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar td a{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #D3F4D3;
color:#00783C;
margin:1px;
display:block;}
#search ul,
#visitor ul,
#crumb ul{
overflow: hidden;
_overflow: none;_height: 1%;margin-bottom:5px;}
#visitor li,
#crumb li{
float:left;
line-height:0;
margin:2px;}
/*誰來我家我去誰家*/
#visitor li img,
#crumb li img{
width: 40px;
height:40px;
padding:1px;
background:#00783C;
border:1px dotted #E7F9E7;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background:#E7F9E7; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00783C;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
}
#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:40px;width:40px;}
#visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more{clear:both;}
#visitor IMG {}
#crumb .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #E7F9E7;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00783C;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
#crumb .box-text li a:hover {background:none;}
#crumb .box-text li a img{visibility:hidden;height:40px;width:40px;}
#crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#crumb .box-text li { float: left; }
#visitor .box-text ul{}
#crumb .box-more {clear:both;}
/*誰來我家 我去誰家語法結束*/
#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{margin-bottom:3px;}
/*--------------------------footer */
#footer{
clear:both;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/16.gif) no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#00783C;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#00783C;
border: 3px double #68C168;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/6.gif) ;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color:#68C168;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/6.gif) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color: #BFEFBF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #00783C;
scrollbar-darkshadow-color: #00783C;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #E7F9E7;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/28.gif);
background-repeat:no-repeat;
background-position:left center;color:#00783C;border-bottom:1.5px dotted #fff;
line-height:30px;
padding-left:25px;font-size:16px}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/27.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:25px}
#category .box-text li a:hover{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/389488603/28.gif);
background-repeat:no-repeat}
padding-left:25px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------隱藏痞客邦的 MIB 廣告 --------------*/
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child {
margin-top: -999em; position:absolute; z-index:0; }
/*--------------------------單篇人氣 顏色調整*/
.author span {
color:#00783C;}
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #D0E9D0;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #B6DFB6;
-webkit-border-radius: 6px ;}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X01.png");
background-repeat: no-repeat;}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X02.png") ;
background-repeat: no-repeat;}
.topbar-placeholder, #comment-text > div{display:none}
.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }
#content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) {
display: none;}
#comment-text ul li.post-info > span.user-name img{display:none;}
#idle-pop , #ad-full-page , .article-inread-ad {display:none;}
.author-profile__main{background: #EAF3EA20 !important;}
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}
.tag-container-parent .tag-container .tag span{border:0} /* -- 全站熱搜 -- */
[data-google-query-id], .trv-player-container{display:none !important;}
星兒一直喜愛漂亮的版型。
最近，參考翔霏的版型語法，
開始學習製作版型。
目前，只是製作三欄式版型，
可能有一些待改進和完善之處。
但是，總算踏出了第一步。
全站熱搜
留言列表
