close

三欄位版型 20 - 一款

仰望星空1.jpg

仰望星空 三欄位   2024.7

語法:

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

#comment-form td , #comment-form th{border: 1px solid #1A75D1;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 #1A75D1;}

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/hoyu528/1721644643-562626741-g.gif);

background-repeat:repeat;

background-position:undefined;}

#container{

width: 1350px;

background: url("https://i.imgur.com/JX5dOdh.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: 650px;

padding-left: 100px;

background:url(https://i.imgur.com/ZUwnVKL.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: 75px;

margin-left: 36px;}

#banner h1 a{

color: #A2E0FF;}

#banner h1 a:hover {

color: #EDF9FF;

background: # FFB7DB;

border:2px dotted #EDF9FF;}

#banner h2 {

width:650px ;

color: #B1E5FF;

margin:25px 0;

font-weight:bold;

font-family:標楷體;

font-size:18px;

position:absolute;

top: 90px;

left: 158px;

line-height:25px;

overflow:hidden;}

.skiplink {

position:absolute;

top:20px;

left:650px;

font-size:15px;}

.skiplink a{

color: #000;}

.skiplink a:hover {

color: # FFF8D7;

background: # 072945;}

.skiplink {display:none;}

#blog-category {

position:absolute;

color:#000;

 

top:20px;

left:720px;

font-size:15px;}

#blog-category a {

color: #000;}

#blog-category a:hover {

color: # FFF8D7;

background: # A0A188;}

#blog-category {display:none;}

#navigation{

position:absolute;

 

top:550px;

left: 1020px;}

#navigation li{

float:left;}

#navigation a{

background: #;

padding: 4px;

border-right: 1px solid #93DBFF;

border-bottom: 1px solid #93DBFF;

border-top: 1px solid #93DBFF;

border-left: 1px solid #93DBFF;

position:relative;

font-weight:bold;

font-size:15px;

width:50px;

height:20px;

color: #93DBFF;

letter-spacing:3pt}

#navigation a:hover {

color: #f0f0f0;

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 #1A75D1;}

#spotlight h5 {

background:url();

color: #1A75D1;

font-weight:bold;

font-family:標楷體;

font-size:20px;

border-bottom:2px dotted #1A75D1;

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/1630751660-3237725191-g.png) 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 #1A75D1;}

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

background: url(https://pic.pimg.tw/lamkwanfai/1550835970-1273523912.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 #1A75D1;}

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

line-height: 30px;}

.author a{

color: #000;}

.author a:hover{

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

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

line-height: 30px;}

.refer a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

.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 #1A75D1;}

#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 #1A75D1;

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 #1A75D1;}

.back-to-top a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

#user-post{

background: # FFF8D7;

background:url() repeat;

padding:15px;

margin-bottom: 0px ;

border: 4px solid #1A75D1;}

#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/1550837401-3102081032.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 #1A75D1;

border-bottom:3px double #1A75D1;

border-left:3px double #1A75D1;

border-top:3px double #1A75D1;

overflow:hidden;

_overflow:none;

_height:1%;

margin:30px 0;}

.post-info {

text-align: center;

border-bottom:1.5px dashed #1A75D1;

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 #1A75D1;

border-top:2px double #1A75D1;

border-left:2px double #1A75D1;

background:url();

background:#;

padding:4px;}

.reply-text {

float:right;

width:600px;

background:url() 0px top no-repeat # FFF8D7;

border:2px solid #1A75D1;

border-right:2px solid #1A75D1;

border-bottom:2px solid #1A75D1;

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

padding-bottom: 15px;

line-height: 2.8em;

height: 100%;

font-size: 18px;

background:url(https://pic.pimg.tw/lamkwanfai/1630752051-2091459997-g.gif) ;

background-repeat: no-repeat;

background-position: center top;

text-align:center;}

.post-comment a {

color: #000;

background: # FFF8D7;

border: 2px double #1A75D1;}

.post-comment a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

#comment-form {

line-height:1.5;

margin:10px 0;

padding: 0 10px 10px;

border: 1px solid #1A75D1;}

#comment-form table {

width:100%;

margin:0 auto;

background: # FFF8D7 url() no-repeat;

padding: 10px;}

#comment-form th, #comment-form td {

border: 1px dashed #1A75D1;

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 #1A75D1;

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 #1A75D1;}

.page span {

color: #ff0000;

background:# FFF3F9;

padding:5px 10px;

border:2px dotted #1A75D1;}

#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/1550667323-3973838413.png) left top repeat-y;

margin-bottom:20px;}

.box-title{

height:38px;

line-height: 20px;

overflow:hidden;

color: #D05050;

text-align: left;

font-weight:bold;

font-family:標楷體;

font-size:24px;

background: url(https://pic.pimg.tw/lamkwanfai/1550656974-2323544425.png) left top no-repeat;

margin:0px 0px 0px 0px;

padding:28px 0px 0px 60px;}

.box-text{

background:url(https://pic.pimg.tw/lamkwanfai/1550667324-2915980443.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 #1A75D1;}

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

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/1630751660-3609696169-g.png) no-repeat left top;}

#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;

background:url(https://pic.pimg.tw/lamkwanfai/1630751660-3609696169-g.png) no-repeat left top;}

#visitor .box-text li a{

border-right:1px solid #1A75D1;

border-left:1px solid #1A75D1;

border-top:1px solid #1A75D1;

border-bottom:1px solid #1A75D1;}

#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/1550835329-3541941067.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/1550835329-3541941067.gif);

background-repeat:no-repeat;

background-position:left;

padding-left:28px;}

#category .box-text li a:hover{

background: # FFF3F9;

color:#000000;

border: 2px double #1A75D1;

background-image:url(https://pic.pimg.tw/lamkwanfai/1550835329-2333578471.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/1550835329-348386863.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 #1A75D1;}

#recent-article li a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

#latest-comment li{

padding: 4px 0px ;}

#latest-comment li a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

#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/1550835329-1357089699.gif);

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 #1A75D1;}

#hot-article li a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

#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 #1A75D1;}

#latest-trackback a{

color: #000;

background: # D9E3EE;

border:1px dotted #1A75D1;}

#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 #1A75D1;}

#mylink a:hover {

color: #000;

background: # FFF3F9;

border:2px dotted #1A75D1;}

#announce .box-text li{border-bottom: 2px dashed #1A75D1;}

#announce a:hover {

color: #000;

border:2px dotted #1A75D1;

background: # FFF3F9;}

#footer{

clear:both;

padding-top: 20px;

background:url(https://i.imgur.com/JX5dOdh.jpg) repeat # FFEAEA;

_height:1%;

text-align: center;}

#footer p{color:#000;}

#bottom ,

#bottom a{color:#000;}

#bottom a:hover {

color: #000;

background: #EDF9FF;

border:2px dotted #1A75D1;}

input, textarea {

vertical-align: middle;

font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;

font-size: 1.0em;

color: #000;

border: 2px double #1A75D1;

background: #EDF9FF;

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 #1A75D1;

background: #EDF9FF;

padding: 2px;

width:100%;}

html{SCROLLBAR-FACE-COLOR: #284A71;

SCROLLBAR-DARKSHADOW-COLOR: #B4CAE4;

SCROLLBAR-HIGHLIGHT-COLOR: #38689F;

SCROLLBAR-ARROW-COLOR: #B4CAE4;

SCROLLBAR-3DLIGHT-COLOR: #B4CAE4;

SCROLLBAR-SHADOW-COLOR: #B4CAE4;}

 

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

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

background-color: #38689F;}

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

background-color: #284A71;

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

 

 

三欄位版型 20 - 一款

 

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

    星星點點

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

    E-mail轉寄