close

粉紅色的夢三欄  

三欄位版型語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #EA2DB4;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 #EA2DB4;}
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/1564486116-1952640121.gif);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/iv5oSXT.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/JJUIejl.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: 40px;
margin-left: 800px;}
#banner h1 a{
color: #FFEAFF;}
#banner h1 a:hover {
color: #FFDBFF;
background: # FFB7DB;
border:2px dotted #FFDBFF;}
#banner h2 {
width:650px ;
color: #FFEFFF;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:55px;
left:922px;
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:1040px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #D028A0;
border-bottom: 1px solid #D028A0;
border-top: 1px solid #D028A0;
border-left: 1px solid #D028A0;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #D028A0;
letter-spacing:3pt}
#navigation a:hover {
color: #FF33CC;
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 #EA2DB4;}
#spotlight h5 {
background:url();
color: #EA2DB4;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EA2DB4;
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/hoyu528/1581757024-1198376730.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 #EA2DB4;}
.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/1564490823-2587005019.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 #EA2DB4;}
.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 #EA2DB4;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
.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 #EA2DB4;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
.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 #EA2DB4;}
#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 #EA2DB4;
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 #EA2DB4;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#user-post{
background: # FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EA2DB4;}
#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/1564492207-817975574.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #EA2DB4;
border-bottom:3px double #EA2DB4;
border-left:3px double #EA2DB4;
border-top:3px double #EA2DB4;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EA2DB4;
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 #EA2DB4;
border-top:2px double #EA2DB4;
border-left:2px double #EA2DB4;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat # FFF8D7;
border:2px solid #EA2DB4;
border-right:2px solid #EA2DB4;
border-bottom:2px solid #EA2DB4;
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: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1564492207-4233104772.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000;
background: # FFF8D7;
border: 2px double #EA2DB4;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EA2DB4;}
#comment-form table {
width:100%;
margin:0 auto;
background: # FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EA2DB4;
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 #EA2DB4;
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 #EA2DB4;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EA2DB4;}
#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/1564487986-775485430.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #D028A0;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1564487986-3905885724.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1564487986-3774671227.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 #EA2DB4;}
.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 #EA2DB4;
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/1564490548-4246824151.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/1564490548-4246824151.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EA2DB4;
border-left:1px solid #EA2DB4;
border-top:1px solid #EA2DB4;
border-bottom:1px solid #EA2DB4;}
#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/1564489353-552062736.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/1564489353-552062736.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EA2DB4;
background-image:url(https://pic.pimg.tw/lamkwanfai/1564489353-2567349681.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/1564489274-1098615997.gif);
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 #EA2DB4;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#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/1564489274-517860908.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 #EA2DB4;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#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 #EA2DB4;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EA2DB4;}
#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 #EA2DB4;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#announce .box-text li{border-bottom: 2px dashed #EA2DB4;}
#announce a:hover {
color: #000;
border:2px dotted #EA2DB4;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/iv5oSXT.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 #EA2DB4;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EA2DB4;
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 #EA2DB4;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #FF5BD6;
SCROLLBAR-DARKSHADOW-COLOR: #FFE7F9;
SCROLLBAR-HIGHLIGHT-COLOR: #FF83E0;
SCROLLBAR-ARROW-COLOR: #FFE7F9;
SCROLLBAR-3DLIGHT-COLOR: #FFE7F9;
SCROLLBAR-SHADOW-COLOR: #FFE7F9;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #FF83E0;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #FF5BD6;
-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 #EA2DB4;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 #EA2DB4;}
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/1564486116-1952640121.gif);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/YeVbAMo.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/JJUIejl.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: 40px;
margin-left: 800px;}
#banner h1 a{
color: #FFEAFF;}
#banner h1 a:hover {
color: #FFDBFF;
background: # FFB7DB;
border:2px dotted #FFDBFF;}
#banner h2 {
width:650px ;
color: #FFEFFF;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:55px;
left:922px;
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:1040px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #D028A0;
border-bottom: 1px solid #D028A0;
border-top: 1px solid #D028A0;
border-left: 1px solid #D028A0;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #D028A0;
letter-spacing:3pt}
#navigation a:hover {
color: #FF33CC;
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 #EA2DB4;}
#spotlight h5 {
background:url();
color: #EA2DB4;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EA2DB4;
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/1564489215-621644169.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 #EA2DB4;}
.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/1564490823-2587005019.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 #EA2DB4;}
.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 #EA2DB4;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
.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 #EA2DB4;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
.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 #EA2DB4;}
#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 #EA2DB4;
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 #EA2DB4;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#user-post{
background:# FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EA2DB4;}
#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/1564492207-817975574.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #EA2DB4;
border-bottom:3px double #EA2DB4;
border-left:3px double #EA2DB4;
border-top:3px double #EA2DB4;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EA2DB4;
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 #EA2DB4;
border-top:2px double #EA2DB4;
border-left:2px double #EA2DB4;
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 #EA2DB4;
border-right:2px solid #EA2DB4;
border-bottom:2px solid #EA2DB4;
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: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1557133760-3970176255.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: # FFF8D7;
border: 2px double #EA2DB4;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EA2DB4;}
#comment-form table {
width:100%;
margin:0 auto;
background: # FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EA2DB4;
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 #EA2DB4;
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 #EA2DB4;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EA2DB4;}
#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/1564487986-775485430.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height:20px;
overflow:hidden;
color: #D028A0;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1564487986-3905885724.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1564487986-3774671227.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 #EA2DB4;}
.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 #EA2DB4;
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/1564490548-4246824151.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/1564490548-4246824151.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EA2DB4;
border-left:1px solid #EA2DB4;
border-top:1px solid #EA2DB4;
border-bottom:1px solid #EA2DB4;}
#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/1564489353-552062736.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/1564489353-552062736.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EA2DB4;
background-image:url(https://pic.pimg.tw/lamkwanfai/1564489353-2567349681.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/1564489274-1098615997.gif);
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 #EA2DB4;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#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/1564489274-517860908.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 #EA2DB4;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#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 #EA2DB4;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EA2DB4;}
#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 #EA2DB4;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#announce .box-text li{border-bottom: 2px dashed#EA2DB4;}
#announce a:hover {
color: #000;
border:2px dotted #EA2DB4;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/YeVbAMo.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 #EA2DB4;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EA2DB4;
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 #EA2DB4;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #FF5BD6;
SCROLLBAR-DARKSHADOW-COLOR: #FFE7F9;
SCROLLBAR-HIGHLIGHT-COLOR: #FF83E0;
SCROLLBAR-ARROW-COLOR: #FFE7F9;
SCROLLBAR-3DLIGHT-COLOR: #FFE7F9;
SCROLLBAR-SHADOW-COLOR: #FFE7F9;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #FF83E0;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #FF5BD6;
-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 #EA2DB4;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 #EA2DB4;}
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/1564486116-1952640121.gif);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/AgotCIw.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/JJUIejl.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: 40px;
margin-left: 800px;}
#banner h1 a{
color: #FFEAFF;}
#banner h1 a:hover {
color: #FFDBFF;
background: # FFB7DB;
border:2px dotted #FFDBFF;}
#banner h2 {
width:650px ;
color: #FFEFFF;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:55px;
left:922px;
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:1040px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #D028A0;
border-bottom: 1px solid #D028A0;
border-top: 1px solid #D028A0;
border-left: 1px solid #D028A0;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #D028A0;
letter-spacing:3pt}
#navigation a:hover {
color: #FF33CC;
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 #EA2DB4;}
#spotlight h5 {
background:url();
color: #EA2DB4;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EA2DB4;
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/hoyu528/1581757024-1198376730.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 #EA2DB4;}
.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/1564490823-2587005019.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 #EA2DB4;}
.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 #EA2DB4;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
.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 #EA2DB4;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
.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 #EA2DB4;}
#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 #EA2DB4;
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 #EA2DB4;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#user-post{
background:# FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EA2DB4;}
#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/1564492207-817975574.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #EA2DB4;
border-bottom:3px double #EA2DB4;
border-left:3px double #EA2DB4;
border-top:3px double #EA2DB4;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EA2DB4;
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 #EA2DB4;
border-top:2px double #EA2DB4;
border-left:2px double #EA2DB4;
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 #EA2DB4;
border-right:2px solid #EA2DB4;
border-bottom:2px solid #EA2DB4;
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: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1564492207-4233104772.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background:# FFF8D7;
border: 2px double #EA2DB4;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EA2DB4;}
#comment-form table {
width:100%;
margin:0 auto;
background:# FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EA2DB4;
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 #EA2DB4;
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 #EA2DB4;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EA2DB4;}
#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/1564487986-775485430.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #D028A0;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1564487986-3905885724.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1564487986-3774671227.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 #EA2DB4;}
.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 #EA2DB4;
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/1564490548-4246824151.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/1564490548-4246824151.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EA2DB4;
border-left:1px solid #EA2DB4;
border-top:1px solid #EA2DB4;
border-bottom:1px solid #EA2DB4;}
#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/1564489353-552062736.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/1564489353-552062736.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EA2DB4;
background-image:url(https://pic.pimg.tw/lamkwanfai/1564489353-2567349681.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/1564489274-1098615997.gif);
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 #EA2DB4;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#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/1564489274-517860908.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 #EA2DB4;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#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 #EA2DB4;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EA2DB4;}
#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 #EA2DB4;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA2DB4;}
#announce .box-text li{border-bottom: 2px dashed #EA2DB4;}
#announce a:hover {
color: #000;
border:2px dotted #EA2DB4;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/AgotCIw.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 #EA2DB4;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EA2DB4;
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 #EA2DB4;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #FF5BD6;
SCROLLBAR-DARKSHADOW-COLOR: #FFE7F9;
SCROLLBAR-HIGHLIGHT-COLOR: #FF83E0;
SCROLLBAR-ARROW-COLOR: #FFE7F9;
SCROLLBAR-3DLIGHT-COLOR: #FFE7F9;
SCROLLBAR-SHADOW-COLOR: #FFE7F9;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #FF83E0;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #FF5BD6;
-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;}

 

 

粉紅色的夢  

 

這款新版型的語法是灰鴿提供的。
星兒按照此語法加工了這一款版型，
展示在“星兒收藏”了，請格友們去觀看。
喜歡嘗新的格友可以試試這款版型。

在試用此新版型前，
格友們要看一下灰鴿在“星兒收藏”貼出的一文：
「RWD 彈性調適性 Flex 版型」。

  

新版型左欄位語法:

/*-- 粉紅色的夢 2 ---*/

 

* {

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

 

 

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

#header{

height:380px; /* <<<<*/

position: relative;

margin: -10px 0px 10px -270px ; /* <<<<<<*/

padding: 15px 0px 5px 130px; /* <<<<<<<<*/

border-bottom: 1px dotted #FF6FB7;

 

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

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

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

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

 

#banner{margin-left:30px;}

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

padding-left: 6px;

padding-right: 2px;}

#navigation a{

float: right;

color: #000000;

display: block;

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

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

 

 

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

 

body{

font-size: 16px ;

font-family:"Arial" ;

background: #D65BFF url(https://pic.pimg.tw/lamkwanfai/1564797526-2292124246.gif); /* 底色 */

overflow-x: hidden;

min-width: 850px;}

 

#main{clear: both;}

 

#content{ width: auto;}

 

#container{ margin-left: 270px;}

 

 

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

#links{

overflow : hidden;

position: absolute;

padding: 0px 0px 7px 5px;

top: 437px; /* <<<<<<<<<<<<<<<<< */

left: 0px;

border-right: 2px ridge #D65BFF;

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

background: #FFBFEF url(); /*＜＜背景 --*/

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

 

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

 

#links-row-1{

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;} /* ＜＜廣告區塊 --*/

 

#links-row-2{

width: 255px;

padding: 0px 10px 10px 15px;

display: inline-block;

margin: -2px 0px;

border-bottom-right-radius: 7px;

position: relative;}

 

/*--公告區--*/

#spotlight{

margin: 0 20px;

padding: 10px 0px;

line-height: 180%;

overflow : hidden;

border-bottom: 1px #FF6FB7 dotted;

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

#spotlight h5{

float: left;

width: 28px;

color: #000000;

letter-spacing: 2px;

padding: 5px 10px;

background: #FF6FB7;

text-align: center;

color: #FFDEF4;

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 360px;}     /* ＜＜＜＜＜＜＜＜＜＜＜＜不規則的磚牆模式＜＜＜＜＜＜*/

.article{

margin: 8px;

flex: 1 0 260px;

background: #FFDEF4;

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: #FFEAF7; /*<<<<<< <<<滑鼠進入時、底色變淡 */

position: relative;

color:#f9d;

top: 1px;

left: 1px;}

.article-head{

padding-bottom: 5px;

margin-bottom: 5px;}

.article-head .publish{

font-weight: bold;

color:black;

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: #FF5BAD 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 #FF6FB7;}

#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 #FF83C1;

color: #FF6FB7;

font-size:18px;

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

 

.page SPAN { background:#fde; }

.page A:hover { background:#ffb; border-color:red; }

 

 

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

#article-main .article{

padding: 20px 25px 10px;

min-width: 800px !important;

float: none;}

#article-main .article:hover{

top: 0px;

left: 0px;}

#article-main .publish{

width: 130px;}

#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: #FF6FB7 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 #FF6FB7 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: #FF6FB7 1px dotted;}

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

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

 

 

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

.box{

width: 240px;

padding: 0px;

margin-bottom: 20px;}

.box-title{

border-bottom: 2px groove #e0e0e0;

color: #000;

padding-left: 15px;

padding-bottom: 4px;

margin-bottom: 5px;}

.box-text {

padding: 0px 0px 10px 0px;

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

.box-text a{

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

.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{}

 

 

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

#category{}

#category .box-title{}

#category .box-text {}

 

#category li{

padding-left:30px;

border-bottom: 1px dashed #FFA3D1;

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:#FFDEF4;}

#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 #D65BFF;

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 #D65BFF;

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 #D65BFF;

padding-top:4px;

padding-bottom:4px;}

 

 

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

#counter{}

#counter .box-title{}

#counter .box-text {}

#counter li{

border-bottom: 1px dashed #D65BFF;

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 #D65BFF;

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

background: #000000;}

#search-submit{

width:100%;

border: 0px;

color: #000;

background: transparent;}

 

 

/*-- archive --*/

#archive select{

width:230px;

border: 0px;

color: #FFDEF4;}

 

 

/*-- 日曆 --*/

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

color: #FF6FB7;

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 {

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

padding:0px;

border:0px solid #666;

margin-bottom:5px;}

 

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

#user-post{

width:90%;

min-width: 800px;

background: #FFDEF4;

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

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

.reply-text{

color: #FF83C1;

padding: 0px 80px 0px 10px;

line-height: 150%;

border-left: #8fe solid 4px;}

.reply-text p{

padding-top: 10px;

padding-bottom: 2px;}

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

.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 #FF6FB7 1px;

position: relative;}

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

.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: 800px;

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: 760px;

background: #eaeaea;

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

background:url() repeat-x bottom left;

border: 0px;

padding: 0px;

padding-bottom: 5px;}

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

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

width: 98%;

padding: 5px;

margin-bottom:5px;

min-height:150px ;

resize: vertical;}

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

background: #f5f5f5;

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;

background: url() no-repeat right 4px;}

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

position: absolute;

top:22px;

left:0px;

background:url() no-repeat right 4px;

color: #000000;}

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

background:url() repeat-x top left;

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

border: 0px;}

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

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background: #f5f5f5;

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

border: 0px;}

 

 

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

#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: #FFD0DE;}

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

background-color: #FFB6CF;

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

 

 

粉紅色的夢(右)

新版型右欄位語法:

 /*-- 粉紅色的夢 2 ---*/

 

* {

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

 

 

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

#header{

height:380px;

position: relative;

padding: 25px;

border-bottom: 1px dotted #FF6FB7;

 

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

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

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

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

}

 

#banner{margin-left:30px; padding:30px;}

#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: 2px 10px 2px 0px;}

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

 

 

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

 

body{

font-size: 16px ;

font-family:"Arial" ;

background: #D65BFF url(https://pic.pimg.tw/lamkwanfai/1564797526-2292124246.gif);  /* 底色 */

overflow-x: hidden;

min-width: 850px;}

 

#main{clear: both;}

 

#content{  margin-right: 270px;}

 

#container{}

 

 

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

#links{

overflow : hidden;

position: absolute;

padding: 0px 0px 7px 5px;

top: 477px; /* <<<<<<<<<<<<<<<<< */

right: 0px;

border-right: 2px ridge #D65BFF;

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

background: #FFBFEF url(); /*＜＜ 背景 --*/

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

 

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

 

#links-row-1{

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;} /* ＜＜ 廣告區塊 --*/

 

#links-row-2{

width: 255px;

padding: 0px 10px 10px 15px;

display: inline-block;

margin: -2px 0px;

border-bottom-right-radius: 7px;

position: relative;}

 

/*--公告區--*/

#spotlight{

margin: 0 20px;

padding: 10px 0px;

line-height: 180%;

overflow : hidden;

border-bottom: 1px #FF6FB7 dotted;

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

#spotlight h5{

position: absolute;

width: 28px;

color: #000000;

letter-spacing: 2px;

padding: 5px 10px;

background: #FF6FB7;

text-align: center;

color: #FFDEF4;

margin: 0px 7px;}

#spotlight-text{

color: #000000;

padding: 5px 60px;}

 

#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 360px;}     /*  ＜＜ ＜＜ ＜＜ ＜＜ ＜＜ ＜＜ 不規則的磚牆模式  ＜＜ ＜＜ ＜＜*/

.article{

margin: 8px;

flex: 1 0 260px;

background: #FFDEF4;

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: #FFEAF7; /*<<<<<< <<<滑鼠進入時、底色變淡 */

position: relative;

color:#f9d;

top: 1px;

left: 1px;}

.article-head{

padding-bottom: 5px;

margin-bottom: 5px;}

.article-head .publish{

font-weight: bold;

color:black;

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: #FF5BAD 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 #FF6FB7;}

#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 #FF83C1;

color:#FF6FB7;

font-size:18px;

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

 

.page SPAN { background:#fde; }

.page A:hover { background:#ffb; border-color:red; }

 

 

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

#article-main .article{

padding: 20px 25px 10px;

min-width: 800px !important;

float: none;}

#article-main .article:hover{

top: 0px;

left: 0px;}

#article-main .publish{

width: 130px;}

#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: #FF6FB7 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 #FF6FB7 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: #FF6FB7 1px dotted;}

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

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

 

 

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

.box{

width: 240px;

padding: 0px;

margin-bottom: 20px;}

.box-title{

border-bottom: 2px groove #e0e0e0;

color: #000;

padding-left: 15px;

padding-bottom: 4px;

margin-bottom: 5px;}

.box-text {

padding: 0px 0px 10px 0px;

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

.box-text  a{

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

.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{}

 

 

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

#category{}

#category .box-title{}

#category .box-text {}

 

#category li{

padding-left:30px;

border-bottom: 1px dashed #FFA3D1;

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:#FFDEF4;}

#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 #D65BFF;

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 #D65BFF;

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 #D65BFF;

padding-top:4px;

padding-bottom:4px;}

 

 

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

#counter{}

#counter .box-title{}

#counter .box-text {}

#counter li{

border-bottom: 1px dashed #D65BFF;

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 #D65BFF;

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

background: #000000;}

#search-submit{

width:100%;

border: 0px;

color: #000;

background: transparent;}

 

 

/*-- archive --*/

#archive select{

width:230px;

border: 0px;

color: #FFDEF4;}

 

 

/*-- 日曆 --*/

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

color:#FF6FB7;

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: 100px;}

#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{

width:90%;

min-width: 800px;

background: #FFDEF4;

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

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

.reply-text{

color: #FF83C1;

padding: 0px 80px 0px 10px;

line-height: 150%;

border-left: #8fe solid 4px;}

.reply-text p{

padding-top: 10px;

padding-bottom: 2px;}

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

.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 #FF6FB7 1px;

position: relative;}

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

.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: 800px;

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: 760px;

background: #eaeaea;

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

background:url() repeat-x bottom left;

border: 0px;

padding: 0px;

padding-bottom: 5px;}

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

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

width: 98%;

padding: 5px;

margin-bottom:5px;

min-height:150px ;

resize: vertical;}

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

background: #f5f5f5;

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;

background: url() no-repeat right 4px;}

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

position: absolute;

top:22px;

left:0px;

background:url() no-repeat right 4px;

color: #000000;}

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

background:url() repeat-x top left;

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

border: 0px;}

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

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background: #f5f5f5;

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

border: 0px;}

 

 

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

#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: #FFD0DE;}

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

background-color: #FFB6CF;

-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.195  

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 星兒 的頭像
    星兒

    星星點點

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

    E-mail轉寄