陽光女孩三欄  

三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}

#comment-form td , #comment-form th{border: 1px solid #EAB45A;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
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;}
td {
border: 1px solid #EAB45A;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1565840174-1309559079.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/7fX0T6h.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350 px;margin:auto;}
#content{line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/41PniRj.jpg) no-repeat center bottom;
display:block;}
 
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 55px;
margin-left: 36px;}
#banner h1 a{
color: #A3751A;}
#banner h1 a:hover {
color: #C1A268;
background: # FFB7DB;
border:2px dotted #C1A268;}
#banner h2 {
width:650px ;
color: #996600;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:70px;
left:158px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: # FFF8D7;
background: # 072945;}
.skiplink {display:none;} 
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: # FFF8D7;
background: # A0A188;}
#blog-category {display:none;} 
#navigation{
position:absolute;
 
top:540px;
left:170px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #EAB400;
border-bottom: 1px solid #EAB400;
border-top: 1px solid #EAB400;
border-left: 1px solid #EAB400;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #EAB400;
letter-spacing:3pt}
#navigation a:hover {
color: #FFD634;
background: # B9DFF2;}
 
#content{
width:705px ;
float:left ;
background:url() repeat;
background: # FFF8D7;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;}
#spotlight{
background: # FFF8D7;
padding:5px; 
margin-bottom: 5px ;
margin-top: 5px ;
border: 5px double #EAB45A;}
#spotlight h5 {
background:url();
color: #D0A050;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EAB45A;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 40px;
background: url(https://pic.pimg.tw/lamkwanfai/1565850575-2286492141.gif) no-repeat;}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 10px;
padding-right: 45px;
background: url(https://pic.pimg.tw/lamkwanfai/1565851170-841237392.png) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.author{
background: # FFF8D7;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #EAB45A;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #EAB45A;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #EAB45A;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background: # FFF8D7;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #EAB45A;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#user-post{
background: # FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EAB45A;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1565852410-377080607.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 70px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #EAB45A;
border-bottom:3px double #EAB45A;
border-left:3px double #EAB45A;
border-top:3px double #EAB45A;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EAB45A;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #EAB45A;
border-top:2px double #EAB45A;
border-left:2px double #EAB45A;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat # FFF8D7;
border:2px solid #EAB45A;
border-right:2px solid #EAB45A;
border-bottom:2px solid #EAB45A;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 18px 5px 10px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 280px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1565852460-3371485026.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000;
background: # FFF8D7;
border: 2px double #EAB45A;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EAB45A;}
#comment-form table {
width:100%;
margin:0 auto;
background: # FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EAB45A;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background: # FFF8D7 url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #EAB45A;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #EAB45A;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EAB45A;}
#links{
color: #000;
width:255px ;
float:left; 
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 17px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -990px ;
margin-top: 335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -5px ;
margin-top: 335px ;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1565842226-3581448526.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #B68C46;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1565841698-856200897.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1565842226-772613137.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background: # D3F4D3;
border: 2px double #EAB45A;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #EAB45A;
font-size:16px; 
color:#ff0000;
background: # FFF8D7;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;} 
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1565850612-2594290359.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1565850612-2594290359.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EAB45A;
border-left:1px solid #EAB45A;
border-top:1px solid #EAB45A;
border-bottom:1px solid #EAB45A;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-607977799.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-607977799.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EAB45A;
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-1761842632.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851269-3430862378.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #EAB45A;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851269-3370907947.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #EAB45A;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: # FFF8D7;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;} 
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #EAB45A;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EAB45A;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #EAB45A;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#announce .box-text li{border-bottom: 2px dashed #EAB45A;}
#announce a:hover {
color: #000;
border:2px dotted #EAB45A;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/7fX0T6h.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #FFFFFF;
border:2px dotted #EAB45A;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EAB45A;
background: #FFFFFF;
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: #000;
border: 1px solid #EAB45A;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #68A2FF;
SCROLLBAR-DARKSHADOW-COLOR: #EAEDFF;
SCROLLBAR-HIGHLIGHT-COLOR: #82B1FF;
SCROLLBAR-ARROW-COLOR: #EAEDFF;
SCROLLBAR-3DLIGHT-COLOR: #EAEDFF;
SCROLLBAR-SHADOW-COLOR: #EAEDFF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #82B1FF;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #68A2FF;
-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;} 
 
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"], 
#container #links-row-1 div.hslice[id*="-Mib-"], 
#container #links-row-1 div.hslice[id*="-mIb-"], 
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#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;}
.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: #FFFFFF20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
#article-main .author-profile .author-profile__subscribe, .tag-container-parent .tag-container .tag span{border:0 !important}
[data-google-query-id], .trv-player-container{display:none !important;} 
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}
#_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;}

 

 

陽光女孩右二欄  

右二欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}

#comment-form td , #comment-form th{border: 1px solid #EAB45A;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
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;}
td {
border: 1px solid #EAB45A;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1565840174-1309559079.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/7fX0T6h.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/41PniRj.jpg) no-repeat center bottom;
display:block;}
 
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 55px;
margin-left: 36px;}
#banner h1 a{
color: #A3751A;}
#banner h1 a:hover {
color: #C1A268;
background: # FFB7DB;
border:2px dotted #C1A268;}
#banner h2 {
width:650px ;
color: #996600;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:70px;
left:158px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: # FFF8D7;
background: # 072945;}
.skiplink {display:none;} 
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: # FFF8D7;
background: # A0A188;}
#blog-category {display:none;} 
#navigation{
position:absolute;
 
top:540px;
left:170px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #EAB400;
border-bottom: 1px solid #EAB400;
border-top: 1px solid #EAB400;
border-left: 1px solid #EAB400;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #EAB400;
letter-spacing:3pt}
#navigation a:hover {
color: #FFD634;
background: # B9DFF2;}
 
#content{
width:800px ;
float:left;
background:url() repeat;
background:# FFF8D7;
margin:0 auto;
margin-left: 90px ;
margin-top: 60px ;}
#spotlight{
background:# FFF8D7;
padding:5px; 
margin-bottom: 5px ;
margin-top: -30px ;
border: 5px double #EAB45A;}
#spotlight h5 {
background:url();
color: #D0A050;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EAB45A;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 40px;
background: url(https://pic.pimg.tw/lamkwanfai/1565850575-2286492141.gif) no-repeat;}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 10px;
padding-right: 45px;
background: url(https://pic.pimg.tw/lamkwanfai/1565851170-841237392.png) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.author{
background: # FFF8D7;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #EAB45A;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #EAB45A;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #EAB45A;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:# FFF8D7;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #EAB45A;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#user-post{
background:# FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EAB45A;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1565852410-377080607.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 70px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #EAB45A;
border-bottom:3px double #EAB45A;
border-left:3px double #EAB45A;
border-top:3px double #EAB45A;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EAB45A;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #EAB45A;
border-top:2px double #EAB45A;
border-left:2px double #EAB45A;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat # FFF8D7;
border:2px solid #EAB45A;
border-right:2px solid #EAB45A;
border-bottom:2px solid #EAB45A;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
paddin:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 280px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1565852460-3371485026.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: # FFF8D7;
border: 2px double #EAB45A;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EAB45A;}
#comment-form table {
width:100%;
margin:0 auto;
background: # FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EAB45A;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:# FFF8D7 url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #EAB45A;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #EAB45A;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EAB45A;}
#links{
color: #000;
width:240px ;
float:right; 
margin: 25px 60px 0px 45px ;}
#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1565842226-3581448526.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height:20px;
overflow:hidden;
color: #B68C46;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1565841698-856200897.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1565842226-772613137.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 25px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:0px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background: # D3F4D3;
border: 2px double #EAB45A;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #EAB45A;
font-size:16px; 
color:#ff0000;
background: # FFF8D7;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;} 
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1565850612-2594290359.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1565850612-2594290359.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EAB45A;
border-left:1px solid #EAB45A;
border-top:1px solid #EAB45A;
border-bottom:1px solid #EAB45A;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-607977799.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-607977799.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EAB45A;
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-1761842632.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851269-3430862378.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:-5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #EAB45A;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851269-3370907947.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-12px;
padding-left:0px;
line-height: 25px;
border-bottom: 1.3px dashed #EAB45A;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: # FFF8D7;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;} 
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #EAB45A;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EAB45A;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #EAB45A;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#announce .box-text li{border-bottom: 2px dashed#EAB45A;}
#announce a:hover {
color: #000;
border:2px dotted #EAB45A;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/7fX0T6h.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-right: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #FFFFFF;
border:2px dotted #EAB45A;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EAB45A;
background: #FFFFFF;
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: #000;
border: 1px solid #EAB45A;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #68A2FF;
SCROLLBAR-DARKSHADOW-COLOR: #EAEDFF;
SCROLLBAR-HIGHLIGHT-COLOR: #82B1FF;
SCROLLBAR-ARROW-COLOR: #EAEDFF;
SCROLLBAR-3DLIGHT-COLOR: #EAEDFF;
SCROLLBAR-SHADOW-COLOR: #EAEDFF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #82B1FF;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #68A2FF;
-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;} 
 
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"], 
#container #links-row-1 div.hslice[id*="-Mib-"], 
#container #links-row-1 div.hslice[id*="-mIb-"], 
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#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;}
.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: #FFFFFF20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
#article-main .author-profile .author-profile__subscribe, .tag-container-parent .tag-container .tag span{border:0 !important}
[data-google-query-id], .trv-player-container{display:none !important;} 
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}
#_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;}

 

 

陽光女孩左二欄  

左二欄位版型語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #EAB45A;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
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;}
td {
border: 1px solid #EAB45A;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1565840174-1309559079.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/7fX0T6h.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/41PniRj.jpg) no-repeat center bottom;
display:block;}
 
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 55px;
margin-left: 36px;}
#banner h1 a{
color: #A3751A;}
#banner h1 a:hover {
color: #C1A268;
background: # FFB7DB;
border:2px dotted #C1A268;}
#banner h2 {
width:650px ;
color: #996600;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:70px;
left:158px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color:# FFF8D7;
background: # 072945;}
.skiplink {display:none;} 
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color:# FFF8D7;
background: # A0A188;}
#blog-category {display:none;} 
#navigation{
position:absolute;
 
top:540px;
left:170px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #EAB400;
border-bottom: 1px solid #EAB400;
border-top: 1px solid #EAB400;
border-left: 1px solid #EAB400;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #EAB400;
letter-spacing:3pt}
#navigation a:hover {
color: #FFD634;
background: # B9DFF2;}
#content{
width:800px ;
float:right;
background:url() repeat;
background:# FFF8D7 ;
margin:0 auto;
margin-right: 80px ;
margin-top: 40px ;}
#spotlight{
background:# FFF8D7;
padding:5px; 
margin-bottom: 5px ;
margin-top: -10px ;
border: 5px double #EAB45A;}
#spotlight h5 {
background:url();
color: #D0A050;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EAB45A;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 40px;
background: url(https://pic.pimg.tw/lamkwanfai/1565850575-2286492141.gif) no-repeat;}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 10px;
padding-right: 45px;
background: url(https://pic.pimg.tw/lamkwanfai/1565851170-841237392.png) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.author{
background:# FFF8D7;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #EAB45A;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #EAB45A;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #EAB45A;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:# FFF8D7;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #EAB45A;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#user-post{
background:# FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EAB45A;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1565852410-377080607.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 70px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #EAB45A;
border-bottom:3px double #EAB45A;
border-left:3px double #EAB45A;
border-top:3px double #EAB45A;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EAB45A;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #EAB45A;
border-top:2px double #EAB45A;
border-left:2px double #EAB45A;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat# FFF8D7;
border:2px solid #EAB45A;
border-right:2px solid #EAB45A;
border-bottom:2px solid #EAB45A;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 280px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1565852460-3371485026.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background:# FFF8D7;
border: 2px double #EAB45A;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EAB45A;}
#comment-form table {
width:100%;
margin:0 auto;
background:# FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EAB45A;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:# FFF8D7 url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #EAB45A;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #EAB45A;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EAB45A;}
#links{
color: #000;
width:240px ;
float:left; 
margin: 25px 0px 0px 80px ;}
#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1565842226-3581448526.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #B68C46;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1565841698-856200897.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1565842226-772613137.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 25px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background: # D3F4D3;
border: 2px double #EAB45A;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #EAB45A;
font-size:16px; 
color:#ff0000;
background: # FFF8D7;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;} 
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1565850612-2594290359.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1565850612-2594290359.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EAB45A;
border-left:1px solid #EAB45A;
border-top:1px solid #EAB45A;
border-bottom:1px solid #EAB45A;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-607977799.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-607977799.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EAB45A;
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851225-1761842632.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851269-3430862378.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:-5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #EAB45A;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1565851269-3370907947.png);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-15px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #EAB45A;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background:# FFF8D7;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;} 
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #EAB45A;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EAB45A;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #EAB45A;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EAB45A;}
#announce .box-text li{border-bottom: 2px dashed #EAB45A;}
#announce a:hover {
color: #000;
border:2px dotted #EAB45A;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/7fX0T6h.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-left: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #FFFFFF;
border:2px dotted #EAB45A;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EAB45A;
background: #FFFFFF;
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: #000;
border: 1px solid #EAB45A;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #68A2FF;
SCROLLBAR-DARKSHADOW-COLOR: #EAEDFF;
SCROLLBAR-HIGHLIGHT-COLOR: #82B1FF;
SCROLLBAR-ARROW-COLOR: #EAEDFF;
SCROLLBAR-3DLIGHT-COLOR: #EAEDFF;
SCROLLBAR-SHADOW-COLOR: #EAEDFF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #82B1FF;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #68A2FF;
-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;} 
 
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"], 
#container #links-row-1 div.hslice[id*="-Mib-"], 
#container #links-row-1 div.hslice[id*="-mIb-"], 
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#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;}
.topbar-placeholder, #comment-text > div{display:none} 
.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }
#content .recommended-posts3 ul li a:not([class*="emma"]){display: none;} 
#idle-pop {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: #FFFFFF20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
#article-main .author-profile .author-profile__subscribe, .tag-container-parent .tag-container .tag span{border:0 !important}
[data-google-query-id], .trv-player-container{display:none !important;} 
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}
#_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;}

 

 陽光女孩 - 秋 - 版型製作 No.198  

 

新版型1  

 

 秋1  

秋版型語法:

/*-- 秋 ---*/

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

a{color:#000000;

text-decoration:none ;}

a:hover{text-decoration:none ;}

textarea{ font-size: 13px;}

 

:root {

 

--box-line: #EA872D;   /* ＜＜＜　所有側欄的虛線顏色 (10)－ */

 

--comment-bg: #FFF4DE; /* ＜＜＜　留言撰寫的底色 (6)－ */

 

--bb-color:#FFD5AB; /* ＜＜＜　主要的虛線和其他 (8)－ */

 

--sec-color: #FFEFCF; /* ＜＜＜　次要顏色 (6)－ */}

 

 

/*-------------------- 部落格資訊 -------*/

#header{height:400px; /* <<<<*/

position: relative;

border-bottom: 1px dotted var(--bb-color);

text-shadow: 1px 1px white, -1px -1px #aaa; /* << 文字特效 */

 

/*--- 背景圖片、第一張 vvvv 位置大小固定不變。*/

background: url(https://pic.pimg.tw/hoyu0528/1564384514-1983535964.png) top left 5px no-repeat, /*＜＜注意這個符號不一樣 */

url(https://i.imgur.com/HezCdsW.jpg) center; /*＜＜背景圖片、第2張" 置中對齊 --*/

background-size: auto, cover; /* -- 第一張原來大小不變，第2張自動填滿 --*/ }

 

#banner{ padding:100px 0px 0px 110px; } /* -- 部落格描述位置 --*/

#banner h1{font-size: 20px;

font-weight: bold;

padding-bottom: 5px;}

#banner h1 a:hover{position: relative;

top: 1px;

left: 1px;}

#banner h2{color: #000000;

line-height: 160%;}

#banner .skiplink, #blog-category{ display: none;}

 

 

/*--------------------- 連結區塊 -------*/

#navigation{width: 350px;

position: absolute;

right: 0px;

top: 10px;

padding: 5px 5px 5px 15px;}

 

 

/*--其他服務連結區塊內的所有連結--*/

#navigation a:before{content: "● ";

color: #ff3;

padding-left: 6px;

padding-right: 2px;}

#navigation a{ float: right;

color: #000000;

display: block;

padding: 22px 10px 2px 0px;}

#navigation a:hover{color: #efe;}

 

 

/*---------------------- 主框架 -----*/

body{font-size: 16px ;

font-family:"Arial" ;

background: var(--box-line) url(https://pic.pimg.tw/lamkwanfai/1565783768-2502559437.gif); /* 底色 */

overflow-x: hidden; }

 

 

 

#container{ min-width: 810px;}

 

@media all and (max-width: 800px) {

 

#container{ min-width: 700px;}}

 

#main{position: relative;}

 

#content{ margin-left: 270px; min-width: 510px;}

 

 

/*------ 側邊欄位 --*/

#links{overflow : hidden;

position: absolute;

padding: 0px 0px 7px 5px;

top: 0px; /* <<<<<<< */

left: 0px;

border-right: 2px ridge var(--box-line);

box-shadow: 1px 2px 6px 2px rgba(30, 30, 30, 0.2);

background: #FFBFEF url(https://pic.pimg.tw/lamkwanfai/1565783853-4226298353.gif); /*＜＜背景 --*/

width: 265px; /* ＜＜寬度 --*/}

 

#links A:hover{color: #FFA347; } /* ＜＜超連結 --*/

#links-row-1, #links-row-2 { width: 255px;

padding: 10px 10px 0px 15px;

display: inline-block;

margin: -2px 0px;}

 

#links-row-1 div:first-child {width:0px; height:0px; margin-left: -2000px; display:none !important;} /* ＜＜廣告區塊 --*/

 

 

/*-------- Box -------------------*/

.box{width: 240px;

padding: 0px;

margin-bottom: 20px;}

 

.box-title{ font-weight: bold;

text-shadow: -1px -1px white, 1px 1px #777;

border-bottom: 2px groove #EA872D;

color: #EA5A00;

 

padding-left: 15px;

padding-bottom: 4px;

margin-bottom: 5px;}

.box-text {padding: 0px 0px 10px 0px;

/* 側欄、文字顏色 ~ >> color: #000; */ color: #CC6600;}

.box-text a{

color: #A05000; /* ＜＜＜　側欄、文字顏色－－ */ }

.box-text a:hover{ color:#e6d;

position: relative;

top: 0px;

left: 0px;}

.box-more{margin:5px;

text-align:center;}

.box-more a{font-size:11px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

padding: 2px 10px;}

.box-more a:hover{}

 

 

/*--公告區--*/

#spotlight{margin: 0 20px;

padding: 10px 0px;

line-height: 180%;

overflow : hidden;

border-bottom: 1px var(--bb-color) dotted;

display:none; /*---- 隱藏~公告區塊 ++ 只有在首頁才會出現，若不要這功能，將此行移除 --- */}

#spotlight h5{ float: left;

width: 28px;

 

font-size: 17px; /* << 放大字體 ---*/

color: yellow; /* << 文字顏色 ---------*/

text-shadow: -1px -2px #FF0000, 1px 1px orange, 0px 1px 8px black; /* << 增加文字陰影特效 */

 

letter-spacing: 2px;

padding: 5px 10px;

background: var(--bb-color);

text-align: center;

color: var(--sec-color);

margin: 0px 7px;}

#spotlight-text{color: #000000;

padding: 5px 8px;}

 

#blog-main #spotlight{display:block;} /*-- 在首頁會顯示公告區 --*/

 

/* ------------ 首頁模式 ----*/

#article-area{padding: 15px;

margin: 0 auto;

overflow : hidden;

clear: both;}

 

#blog-main #article-box{ display:flex; flex-flow: row wrap;}

.article:nth-child(3n+1){flex: 2 1 320px;} /* ＜＜＜＜＜＜＜＜＜＜＜＜不規則的磚牆模式＜＜＜＜＜＜*/

.article{margin: 8px;

flex: 1 0 280px;

background: var(--sec-color);

overflow: hidden;

padding: 12px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

box-shadow: 1px 1px 3px -1px rgba(20%,20%,40%,0.7), 0px 3px 8px 2px rgba(50,50,60,0.4);

color: #000000;}

.article, .article A{-webkit-transition:.6s;

-moz-transition:.6s;

-o-transition:.6s;

transition:.6s;}

.article a:hover {padding:5px;

color:#f03060;

box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2),

0px 2px 13px rgba(0, 0, 0, 0.3);}

 

#blog-main .article:hover{

background: #FFE9D3; /*<<<<<< <<<滑鼠進入時、底色變淡 */

position: relative;

color: var(--box-line);

top: 1px;

left: 1px;}

 

.article-head{padding-bottom: 5px;

margin-bottom: 5px;}

.article-head .publish{font-weight: bold;

color: #FFC183;

text-shadow: black 1px 1px 3px; /* << 文字特效 */

font-size:20px;

 

text-align: center;

padding-right: 5px;

line-height: 150%;}

.article-head .publish .day{display: none;}

.article-head .publish .time{display: none;}

.article-head .title{

border-bottom: #D07828 1px dotted;

line-height: 150%;}

.article-head .title a{ color: #000000;}

#blog-main .article-content img {top:0;

left:0;

margin-right: 10px !important;

width:120px;

height:120px;

display:block;

position: absolute;

border:2px solid #FFA347;}

#blog-main .article-content:before { content: " ";

width: 130px;

line-height: 120px;

height: 130px;

float: left;}

#blog-main .article-keyword{display: none;}

.article-content {position: relative;

line-height: 150%;

min-height:135px;

padding: 5px 0px;}

.author, .article-footer{display: none;}

.article-content .more a{ width: 100%;

height: 100%;

position: absolute;

top: 0px;

z-index:100;

font-size: 0px;

display: block;}

 

 

/*--頁數 --*/

.page {padding: 30px 0px 10px;

text-align:center;

clear:both;}

.page a,.page SPAN {padding:1px 7px;

line-height:120%;

margin:1px 3px;

border:1px solid var(--box-line);

color: #FFA347;

font-size:18px;

background:url(https://pic.pimg.tw/pixnetvisual/4bf6015b4a652.jpg) left top no-repeat;}

.page SPAN { background: #FFE9D0; }

.page A:hover { background: #FFE9D0; border-color: #FFB76F; }

 

 

/*---------------- 文章模式 ------------*/

#article-main .article{padding: 20px 25px 10px;

float: none;}

#article-main .article:hover{top: 0px;

left: 0px;}

#article-main .publish{width:200px;}

#article-main .publish .month:after{

content: '- ';

padding: 0px 2px 0px 2px;}

#article-main .publish .date:after{content: '- ';

padding: 0px 2px 0px 2px;}

#article-main .title{ line-height: 110%;}

#article-main .article-content{height: auto;}

#article-main .article-content img{ height: auto;

max-width:100%;

border:0;}

.bookmark{padding: 10px 0px;}

#article-main .author{display: block;

padding-top: 20px;

border-top: var(--bb-color) 1px dotted;}

#article-main .article-footer{font-size: 15px ;

display: block;

line-height: 200%;}

.back-to-top{text-align: right;}

#pixblogad{display:none;}

 

 

/*------------------- 分類、列表模式 -----------*/

#category-main .article-content img{float:left; position: absolute;

width: 120px;

height:120px;

top: 0px;

left: 0px;}

#category-main .article-keyword{display: none;}

#category-main .article-content {max-height:200px; min-height:130px; padding-left:130px; flex:1 0 400px;}

#category-main .more a{left:-1px;}

#category-main #article-box{ display:flex; flex-flow: row wrap;}

#category-main .article{ flex:1 0 380px;}

.article-area-title:before{display: inline-block;

width: 48px;

height: 15px;

margin: 0px 15px 0px 5px;

content: ">>>>";}

.article-area-title{color: #000000; width:100%;

margin: -10px 10px 0 10px;

padding: 10px 0px 5px 0px;}

#view-mode{width:100%;}

#view-mode #display:before{ display: inline-block;

width: 48px;

height: 15px;

margin: 0px 15px 0px 5px;

content: ">>>>";}

#view-mode #display{margin: 0px 10px 10px 10px;

padding: 5px 10px 15px 0px;

color: #000000;

border-bottom: 1px var(--bb-color) dotted;}

#view-mode a{color: #000000;}

#view-mode a:hover{position: relative;

top: 1px;

left: 1px;}

.main-list{padding: 0px 10px;}

.main-list table{width: 100%;}

.main-list table tr{border-bottom: var(--bb-color) 1px dotted;}

.main-list table tr:hover{ background: #ddd;}

.main-list table th,td{padding: 7px;}

 

 

/*--- 類別 ----*/

#category{}

#category .box-title{}

#category .box-text {}

#category li{padding-left:30px;

border-bottom: 1px dashed var(--box-line);

height: 28px;

padding-top: 3px;

background:url(https://pic.pimg.tw/hoyu0528/1564405793-121647000.png) no-repeat top 5px left 10px;}

#category h6{height: 25px;

padding-top: 5px;

padding-left: 15px;}

#category h6:hover{color: var(--sec-color);}

#category .box-text h6 img{display: none;}

#category .box-more{display:none;}

 

 

/*-- 最近，文章 --*/

#recent-article{}

#recent-article .box-title{}

#recent-article .box-text {}

#recent-article .box-text a{display: block;

width: 215px;

background: url(https://pic.pimg.tw/hoyu0528/1564406063-4105488869.png) no-repeat top left;

padding-left:15px;

line-height:1.5;}

#recent-article li{border-bottom: 1px dashed var(--box-line);

padding-top:4px;

padding-bottom:4px;}

 

 

/*-- 熱門文章 --*/

#hot-article{}

#hot-article .box-title{}

#hot-article .box-text {}

#hot-article .box-text a{

display: block;

width: 215px;

background:url(https://pic.pimg.tw/hoyu0528/1564405792-549985242.png) no-repeat top 5px left;

padding-left:15px;

line-height:1.5;}

#hot-article li{ border-bottom: 1px dashed var(--box-line);

paddinurlg-top:4px;

padding-bottom:4px;}

 

 

/*-- 我的鏈接 --*/

#mylink{}

#mylink .box-title{}

#mylink .box-text {}

#mylink .box-text a{

display: block;

width: 215px;

background:url(https://pic.pimg.tw/hoyu0528/1564405792-1764932715.png) no-repeat top left;

padding-left:15px;

line-height:1.5;}

#mylink li{border-bottom: 1px dashed var(--box-line);

padding-top:4px;

padding-bottom:4px;}

 

 

/*-- 參觀人氣 --*/

#counter{}

#counter .box-title{}

#counter .box-text {}

#counter li{ border-bottom: 1px dashed var(--box-line);

padding-top:5px;

padding-bottom:7px;

padding-left:15px;}

 

 

/*-- 最新註釋 --*/

#latest-comment{}

#latest-comment .box-title{}

#latest-comment .box-text {}

#latest-comment li{ border-bottom: 1px dashed var(--box-line);

padding-top:5px;

padding-bottom:7px;

padding-left:15px;}

 

 

/*--- 好友 ---*/

#friendbox ul.friendlist{height: auto !important;}

#friendbox.box-text{}

#friendbox .box-text ul:after { content: " ";

display: block;

height: 0px;

clear: both;

overflow: hidden;}

#friendbox .box-text li {float: left;

padding-right:8px;

padding-bottom:7px;}

#friendbox .box-text img{-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

width: 49px;

height: 49px;}

#friendbox .box-text img:hover{position: relative;

top: 1px;

left: 1px;}

 

 

/*-- 訪客 --*/

#visitor{}

#visitor .box-text{}

#visitor .box-text ul:after {content: " ";

display: block;

height: 0px;

clear: both;

overflow: hidden;}

#visitor .box-text li {float: left;

padding-right:8px;

padding-bottom:7px;}

#visitor .box-text img{-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

width: 49px;

height: 49px;}

#visitor .box-text img:hover{position: relative;

top: 1px;

left: 1px;}

 

 

/*-- crumb --*/

#crumb{}

#crumb .box-text{}

#crumb .box-text ul:after {content: " ";

display: block;

height: 0px;

clear: both;

overflow: hidden;}

#crumb .box-text li {float: left;

padding-right:8px;

padding-bottom:7px;}

#crumb .box-text img{-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

width: 49px;

height: 49px;}

#crumb .box-text img:hover{ position: relative;

top: 1px;

left: 1px;}

 

 

/*-- 搜尋 --*/

#search-target{

margin: 10px 0px;

padding: 2px 0px;

width: 100%;

border: 0px;

color: var(--sec-color);

background: #000000;}

#search-submit{width:100%;

border: 0px;

color: #000;

background: transparent;}

 

/*-- archive --*/

#archive select{width:230px;

border: 0px;

color: var(--sec-color);}

 

 

/*-- 日曆 --*/

#calendar .box-title{}

#calendar .box-text {}

#calendar{}

#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: var(--bb-color);

color: #FFA347;

display:block;}

#calendar td a:hover{position: relative;

top: 1px;

left: 1px;}

 

/*-- user-info --*/

#user-info .box-title{}

#user-info .box-text {}

#user-info{}

#user-info dt{}

#user-info dl dd {}

#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:#ccc;

padding:0px;

border:0px solid #666;

margin-bottom:5px;}

 

/* ----------------------- 留言區塊----- */

#user-post{

background: var(--sec-color);

margin: 30px 10px 0px 10px;

padding: 40px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

box-shadow: 1px 1px 3px -1px rgba(20%,20%,40%,0.5);}

#comment-box{width:100%;}

#comment-box h3:before{content: "";}

#comment-box h3{ margin: 0px;

padding: 10px 0px;}

.post-comment{padding: 10px 0px;

border-bottom: #bbb dotted 1px;}

.post-comment a:before{content: "► ";

font-size: 10px;}

.post-comment:hover a{ color: #000000;}

 

 

/*-- 單一留言+回應 --*/

.post-info{font-weight: bold;

height: 20px;}

.post-info a:hover{position: relative;

top: 1px;

left: 1px;}

.post-info .floor{display: block;

width: 50px;

position: absolute;

top: 65px;

right: 10px;

text-align: center;

font-size: 14px;

font-weight: normal;}

.post-photo{text-align: right;

position: absolute;

top: 10px;

right: 10px;}

.post-photo img{width: 80px;

height: 80px;

border-radius: 50%;

-moz-transition:.6s;

-o-transition:.6s;

transition:.6s;}

.post-photo img:hover {border-radius: 0%;}

.post-text{padding: 0px 80px 10px 0px;

line-height: 150%;

border-bottom: 2px groove #FFA347;}

.reply-text{color: #D07828;

padding: 0px 80px 0px 10px;

line-height: 150%;

border-left: #FFB76F solid 4px;}

.reply-text p{padding-top: 10px;

padding-bottom: 2px;}

.reply-text a{color: #FFA347;}

.reply-text a:hover{ position: relative;

top: 1px;

left: 1px;}

.single-post{padding: 20px;

min-height: 55px;

-webkit-transition: background 0.5s ease-out;

-moz-transition: background 0.5s ease-out;

-o-transition: background 0.5s ease-out;

transition: background 0.5s ease-out;

border-bottom: dotted var(--bb-color) 1px;

position: relative;}

.single-post:hover{ background: #FFEAC0;}

.secret{min-height: 0px;}

.secret li:before{content: "- ";

padding-right: 5px;}

.secret li:after{ content: "- ";

padding-left: 5px;}

.secret li{ padding: 0px;}

.post-info .user-name a{ margin: 0 5px 0px 0px;}

.post-info .user-name img, .reply-text .comment-icon{

display: none;}

 

 

/* -------------留言撰寫 --------------------*/

#container #main #content #user-post #comment-box #comment-area {

width: 95%;

padding: 0px;

box-shadow: 1px 2px 6px 2px rgba(30, 30, 30, 0.3);}

#container #main #content #user-post #comment-box #comment-area-2 {

width: 95%;

background: #FFEAC0;

padding: 20px;

border: 0px;}

#container #main #content #user-post #comment-box #comment-area iframe{

position: absolute ;

top:20px;

right: 20px;

float:right;}

#container #main #content #user-post #comment-box .comment-identity{

width: 100%;

border: 0px;

padding: 0px;

padding-bottom: 5px;

 

background: none; }

#container #main #content #user-post #comment-box .identity-login img.photo{

border: 0px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

#container #main #content #user-post #comment-box .comment-body{

border: 0px;

padding: 0px;}

#container #main #content #user-post #comment-box input.comment-name{

background: #F2F2F2;

width: 100%;

border: 0px;

padding: 5px;

margin: 0px;

margin-bottom: 10px;}

#container #main #content #user-post #comment-box .comment-textarea{

background:var(--comment-bg);

width: 100%;

border: 0px;

padding: 0px;

padding-bottom: 2px;

margin: 0px;

margin-bottom: 5px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

#container #main #content #user-post #comment-box .comment-textarea textarea{

background:var(--comment-bg);

width: 98%;

padding: 5px;

margin-bottom:5px;

min-height:150px ;

resize: vertical;}

#container #main #content #user-post #comment-box .captcha{

background: var(--comment-bg);

width: 100%;

border: 0px;

padding: 0px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;}

#container #main #content #user-post #comment-box .captcha div{

position: absolute;

top:5px;

left: 210px;}

#container #main #content #user-post #comment-box .captcha input{

width: 100%;

height: 25px;

border: 0px;

position: absolute;

top:0px;

left: 120px;}

#container #main #content #user-post #comment-box a.reload-captcha{

position: absolute;

top:22px;

left:0px;}

#container #main #content #user-post #comment-box a.reload-captcha:hover{

position: absolute;

top:22px;

left:0px;

color: #000000;}

#container #main #content #user-post #comment-box .comment-extra{

margin: 0px;

margin-top: 10px;

padding: 0px;

padding-top: 10px;}

#container #main #content #user-post #comment-box #comment-area button{

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background: var(--comment-bg);

border: 0px;}

#container #main #content #user-post #comment-box .extra{

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background: var(--comment-bg);

padding: 0px;

padding-top: 5px;

padding-bottom: 5px;

margin: 0px;

margin-top: 10px;

border: 0px;}

#container #main #content #user-post #comment-box .extra input {

width: 45%;

background: var(--comment-bg);

border: 0px;}

li.reply-text > form > textarea {background:#f9ecdf;} /* <<<---------------------------------??? */

 

 

/*--------------------- 頁尾 */

#footer{width: 1000px;

padding: 30px;

line-height: 200%;}

#footer a:hover{position: relative;

top: 1px;

left: 1px;}

#footer #bottom{padding: 10px 0px;

text-align: center;}

 

 

/*-------------------------------- 上下文章連結 */

#pix_article_switch{width: 1000px !important;

margin-left: -660px !important;}

 

 

/*-- 隱藏 ~ 不需要的元件 --*/

 

/*--歷史上的今天 ++ 轉寄文章 --*/

.history, .forward{display:none;}

#ad-full-page, #pixblogad,#idle-pop,#pixblogad-banner2,.author-profile, * [id*="sas_"]{display:none !important;}

.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }

#bottom, * [class*="ppiiad-dt"]{display:none !important;}

#content .recommended-posts3, .article-inread-ad, #comment-text > div {display:none}

#comment-text ul li.post-info > span.user-name img{display:none;}

.pixnet-happix-pilot__launcher-bubble__btn_happix_ufo{display:none;}

.pixnet-happix-pilot__launcher-bubble,#pix-mib-unfold-ad { left:3000px; display:none;}

 

 

/* ------------Google瀏覽器的捲軸設定 ------------ */

::-webkit-scrollbar{ /*捲軸的底色*/

background-color: var(--bb-color);}

::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/

background-color: #FFC183;

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

 

陽光女孩 - 秋 - 版型製作 No.198  

 

 

arrow
arrow
    全站熱搜

    星兒 發表在 痞客邦 留言(11) 人氣()

    E-mail轉寄