2013年9月29日 05:54

霝兒自製版型NO.9【兩小無猜】(窄欄靠左 )


 


/*霝兒自製版型No.9*此版型語法僅適用窄欄靠左*/
↑ 以上參考文字無需複製


↓ 語法複製開始

/*Design by Ling-2013/09/28*/

table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ;  overflow: hidden ;  _overflow: none;}
.article-content p{margin-bottom: 1em;}
a {text-decoration: none;}
br{letter-spacing: normal;}

input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #ccc;
background: #F8F8EA;
padding: 2px 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

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 #ccc;
}
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:#fff;
font-size:15px;
font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
line-height:154%;
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/b13l_zpsdd0f5d26.jpg~original);
margin:0;
}
#body-div{}

#main {
}

#container{
width: 1100px;
background: url("
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/11_zps3c5d4a98.jpg~original") repeat-y left top;
margin: 0 auto;
}
#container2{
background: url("
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/s1_zps9724ccd9.gif~original") no-repeat left top;
position: relative;
}

#container3 {
overflow:hidden;
position:relative;
}

#main{

#main{width:1100px;margin:auto;}

#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:10px 20px;
_height: 1%;
}


body{cursor:URL(http://forever0423.myweb.hinet.net/abc/heart2.ani);}
a:hover{cursor:URL(
http://forever0423.myweb.hinet.net/abc/heart.ani);}

#body-div{}

a, a:link, a:visited{color:#772B1A;text-decoration:none;}
a:hover{color:#ffffff;position:relative;top:2px;background:url(
http://i1220.photobucket.com/albums/dd447/sensitive1229/love7/w3.gif) repeat-x bottom;}

#header{
height: 600px;
padding-left: 55px;
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/s1_zps9724ccd9.gif~original) no-repeat;
overflow:hidden;
position:relative;
}

#login-bar{
text-align:left;
padding:0px 0px 0px 500px;
height:40px;
line-height:20px;
color:#fff;}
#login-bar a{color:#fff}
#login-bar a:hover{color:#fff}
#login-bar .separator{color:#fff}
}

#banner {
width: 400px;
height: 100px;
overflow:hidden;
}

#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:25px;
position:absolute;
top:0px;
left:200;
text-align:center;
line-height:30px;
width:300px;
height:30px;
overflow:hidden;
padding:0 20px;
}

#banner h1 a{
color: #fff;
}

#banner h1 a:hover {
color: #000;
background: #D4EBE4;
}

#banner h2 {
margin:25px 0;
font-weight:bold;
font-family:華康行書體;
color:#fff;
font-size:20px;
position:absolute;
top:15px;
left:500px;
line-height:30px;
overflow:hidden;
}

.skiplink {
position:absolute;
top:50px;
left:100px;
font-size:12px;
}

.skiplink a{
color: #fff;
}

.skiplink a:hover {
color: #000;
background: #D4EBE4;
}

#blog-category {
position:absolute;
top:80px;
left:100px;
font-size:12px;
}
#blog-category a {
color: #fff;
}

#authority {
text-align:center;
font-size:12px;
background:#;
-webkit-border-bottom-right-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-bottomleft:8px;
border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
-moz-box-shadow:1px 1px 2px #555;
-webkit-box-shadow:1px 1px 2px #555;
box-shadow:1px 1px 2px #555;
margin:0 auto;
padding:8px 0;
padding: 20px 130px;
}

#authority a {
background: #fff;
padding: 2px 6px;
margin: 0 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#authority a:hover {
color: #000;
background: #D4EBE4;
}

#navigation {
position:absolute;
top:550px;
left:350px;
}

#navigation li {
float:left;
border-left:2px solid #ccc;
border-bottom: 3px dashed #ccc;
border-right:2px solid #ccc;
border-top: 3px dashed #ccc;
height:32px;
line-height:30px;
padding:0 15px;
}

#navigation a {
font-size:20px;
color:#fff;
font-family:標楷體;
padding-left:25px;
}

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

#navigation li#link-album a {
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love4/1-1-1.gif~original) 0px 1px no-repeat;
}

#navigation li#link-blog a {
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love4/1-1-1.gif~original) 0px 1px no-repeat;
}

#navigation li#link-guestbook a {
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love4/1-1-1.gif~original) 0px 1px no-repeat;
}

#navigation li#link-profile a {
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love4/1-1-1.gif~original) 0px 1px no-repeat;
}

#content {
float:right;
width:800px;
margin: 0px 10px 00px 0px ;
background: #fff;
color: #000;
}

#spotlight{
background:#E6E6E6;
padding:5px;
margin-bottom: 5px ;
}

#spotlight h5 {
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/1_zps691c7753.jpg~original);
color:#fff;
font-weight:bold;
font-family:標楷體;
font-size:25px;
border-bottom:1px dashed #555;
padding:5px;
}

#spotlight-text {
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/b13l_zpsdd0f5d26.jpg~original);
color:#fff;
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 20px;
}
.article-head {
overflow: hidden;
height: 140px;
line-height: 20px;
background: url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love6/aac_zps10eded5f.gif~original) no-repeat;
padding: 0 0 0 80px;
}

.publish {
font-size: 15px;
}
.month{color: #000;  }
.date { color: #000; }
.day{display: none;}
.year{color: #000; }
.time { display: none; }

.title {
font-weight:bold;
font-family:標楷體;
font-size:25px;
}

.title a { color: #1B3018; }
.title img { vertical-align: middle; }
.article-body {
padding: 15px 10px 15px 50px;
}

.more {
margin: 20px 10px 20px 0px;
float: right;
font-style: italic;
display: block;
width: 100px;
height: 30px;
padding-top: 25px;
background: url(
http://i1126.photobucket.com/albums/l616/e314520520/PK1/134_zps7f5678ec.gif~original) right no-repeat;
}
.more a{
font-size: 14px;
color:#39342C;
}
.more a:hover{color:#fff;
}

.author{
background: #fff;
color: #000;
text-align:right ;
padding: 5px 5px 5px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px dashed #304045;
}
.author a{
color: #000;
}
.author a:hover{
color: #000;
}

.article-footer{
text-align:right ;
color:#000;
line-height:19px ;
}

.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;
}

.refer{
color:#1B3018;
text-align:left;
margin: 0px 0px 0px 10px;
padding-bottom: 25px;
padding-top: 15px ;
}

.history{
display:none;
}

.forward{
text-align:right;
margin: 5px 5px 0px 0px;
}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;
}

#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 #C6B599;
border-top:0px solid #C6B599;
border-left:0px solid #C6B599;
border-right:0px solid #C6B599;
}
.main-list td ,
.main-list th{
padding: 5px ;
}
.back-to-top {
background: #000;
padding: 2px 5px 2px 0px;
margin: 0px 0px 20px 0px;
}
.back-to-top a{
color: #fff;
}

#user-post{
background:#fff;
padding:15px;
margin-bottom: 20px ;
}

#trackback-box, #comment-box {
text-align: center;
}

.user-post-title {
color: #1B3018;
background:url(
http://i1126.photobucket.com/albums/l616/e314520520/PK1/ca29_zpsa43be83d.gif~original)  center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 50px;
padding-left: 5px;
}

#trackback-input {
width:50%;
}

#trackback-text{}

#trackback-url input {
margin-bottom:20px;
padding:3px 10px;
}

#trackback-box .post-text {
width:auto;
float:none;
padding:5px 10px;
}

#comment-text{text-align: left;}

.user-post-text{
background:# ;
padding:0px ;
}

#trackback-box .single-post{}

#comment-box .single-post{}

.single-post {
border:1px solid #bbb;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;
}

.post-info {
text-align: center;
border-bottom:1px dashed #bbb;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;
}

.post-text{
width: 375px ;
float:left;
margin-bottom: 10px ;
}
#trackback-box .post-text{
width: auto ;
float:none ;
}
.post-text p{}

.post-photo {
width:120px;
float:left;
}

li.post-photo img {
width:80px;
height:80px;
border:1px dotted #fff;
border-top:1px dotted #fff;
border-left:1px dotted #fff;
background:url(
http://imageshack.us/a/img688/9959/349c.gif);
background:#;
padding:4px;
}

.reply-text {
clear:both;
color:#000;
font-size: 12pt;
padding:5px 20px 0px;
background: url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love6/tex1_zps82fc43ee.jpg~original);
border: 1px dashed #bbb;
margin: 10px;
}

li.reply-text p {
text-align: right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;
}
.secret{}

.post-comment {
font-size: 16pt;
font-weight: bold;
display:block;
width:272px;
height: 142px;
line-height: 50px;
letter-spacing: 0.2em;
background: url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/s3_zps9c18c641.gif~original) no-repeat;
text-align: center;
margin:5px auto;
}

.post-comment a {
color: #7f3a1f;
}

#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;
}

#comment-form table {
width:100%;
margin:0 auto;
background: #ecffcf url() no-repeat;
padding: 10px;
}

#comment-form th, #comment-form td {
border: 1px dashed #7f3a1f;
padding: 5px 10px;
text-align: left;
}

#comment-form input#send-comment {
padding:3px 5px;
float: right;
}

#comment-form textarea {
width:95%;
background:#fff 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 #888;
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:#DEDEDE;
margin:0 5px;
padding:5px 10px;
}

.page span {
color: #000;
background:#C0C0C0;
padding:5px 10px;
}

#links {
float:left;
width:220px;
overflow:hidden;
margin: 0px 0px 0px 10px ;
color: #000;
}
#links a{
font-size: 16px;
color:#000;
}

#links-row-1{
width:220px ;
float:left ;
background:#fff;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: 0px ;
font-size: 15px;
}

#links-row-2{}

.box-title {
height: 50px;
line-height: 45px;
padding-left: 30px;
overflow:hidden;
color:#fff;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:20px;
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/s2_zps79245275.gif~original);
padding:0 0px 0px 55px;
}

.box-text {
text-align: left;
line-height: 150%;
padding: 10px;
margin: 0px auto;
padding: 22px 0px 20px 0px;
}

.box-text a {
color:#fff;
}

.box-text a:hover {
color:#fff;
}

.box-more{
text-align:right;
margin: 5px 0;
padding:2px;}
.box-more a{ 
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size:11px;  font-size:10px\9;
color:#fff;
padding:1px 5px;
background:#ADD7BB;
border:1px solid #444;}
.box-more a:hover{
color:#fff;
background:#6C8675;} 
 
#headshot{}
#headshot ul{
overflow: hidden;
_overflow: none;
_height: 1%;
padding:0px 10px;}
#headshot li{
width:70px;
float: right;}
#headshot li#headshot-img{
float: left;
background:none;
border:0;
width: 90px !important}
#headshot li#headshot-img img{}
#headshot li#friend-apply a,
#headshot li#send-message a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size:11px;  font-size:10px\9;
color:#000;
padding:1px 5px;
background:#A1D299;}

#recent-article img{display:none;}

#calendar table{
width: 90%;
margin:0 auto;background:#D9EBD4;}
#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;
font-size:11px; 
color:#000;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
color:#b79d5f;
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}

#visitor{}
#visitor ul,#crumb ul{
overflow: hidden;_overflow: none;_height: 1%;
margin-bottom:5px;}

#visitor li,#crumb li{
float:left;
line-height:0;
margin:1px;}

#visitor li img,#crumb li img{
width: 50px;
height:50px;
border:1px solid #fff;}

#visitor .box-text li a{
height:45px;width:45px;display:block;MARGIN: 1px;
background:#233F1F;border-right:1px solid #cbcbcb;
border-bottom:1px solid #cbcbcb;}

#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:45px;width:45px;}
#visitor .box-text li a:hover img {visibility:visible;height:45px;width:45px}

#visitor .box-text li { float: left;padding-left:4px;}
#visitor .box-more {clear:both;}

#crumb li img {
width:45px;
height:45px;}


#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love4/1-1-1.gif~original);
background-repeat:no-repeat;
background-position:left center;
padding-left:25px;
font-size: 16px;
}

#category .box-text li a{
background-image:url(
http://i286.photobucket.com/albums/ll101/sensitive1227/4-29.gif~original);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

#category .box-text li a:hover{
background-image:url(
http://i286.photobucket.com/albums/ll101/sensitive1227/colfor_deco45.gif~original);
background-repeat:no-repeat;
}

#recent-article li {
background-image:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/love4/1-1-1.gif~original);
background-repeat:no-repeat;
background-position:left top;
padding: 0px 20px ;
border-bottom: 1px dashed #32592C;}

#latest-comment li{
padding: 4px 0px ;
border-bottom: 1px dashed #32592C;}

#latest-trackback li {
padding: 4px 0px ;
border-bottom: 1px dashed #1B3018;}

#latest-comment li span {
color:#000;
font-size:.9em;
border-right:2px solid #1B3018;
margin:0 4px 0 0;
padding:0 4px 0 0;
}

#latest-comment li a {
color:#1B3018;
display:block;
height:20px;
overflow:hidden;
}

#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}

#search .box-text li{
display: inline;
}
input#search-target {
width: 100px;
background: #fff;
color: #000;
}

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

#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:190px;}
#recent-article li,
#announce li,
#hot-article li{}
 
#latest-comment li,
#latest-trackback li,
#subscription li{}

#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}

#mylink {}
#mylink .inner-box{
margin-bottom:5px;}
#mylink .inner-box h6{
color:#000;}
#mylink .inner-box li{
margin-left:12px;
}

#footer{
clear:both;
padding-top: 20px;
background:url(
http://i1181.photobucket.com/albums/x435/sensitive1220/PK1/11_zps3c5d4a98.jpg~original)  repeat #C6CEB6;
_height:1%;
text-align: center;
padding-left: 250px;
}
#footer p{color:#fff;}
#bottom ,
#bottom a{color:#fff;}

input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #ccc;
background: #fff;
padding: 2px 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #ccc;
background: #fff;
padding: 2px;
width:90%;}

html{SCROLLBAR-FACE-COLOR:#000000;
SCROLLBAR-ARROW-COLOR:#ffffff;
SCROLLBAR-3DLIGHT-COLOR:#ffffff;
SCROLLBAR-DARKSHADOW-COLOR:#000000;
SCROLLBAR-HIGHLIGHT-COLOR:#000000;
SCROLLBAR-SHADOW-COLOR:#ffffff;
}

/*下列語法請勿任意更改變動 ↓ */

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




 


  • e314520520 發表於樂多回應(0)霝兒的痞客邦部落格版型語法 編輯本文
    樂多分類:藝術/設計切換閱讀版型 │昨日人次:0 │累計人次:392
    贊助商廣告
     

    登入 »
    此篇文章需要樂多會員才能回應,尚未成為會員,免費註冊為會員