這是値得紀念的發售第一篇。ˇ。
雖然這麼說,該要有的還是很重要呢^^
本篇發售基底套用 candicefish大大所製作之「幻之森」版面,如有侵權請留言告知。
本篇發售並不含游標語法,有需要者請自行套用,謝謝!
由於小P的語法也可以與無名樣式相通,所以也歡迎無名的網友進行套用。
無名網友若要引用,則僅附logo及留言回應即可,不須遵照小P引用模式沒關係!
引用本篇請遵照小P的引用模式,不要當可惡笨小白!違者一律咬殺!
+
商品預覽ˇ
(文章標題的字體為“華康少女體W3”,如果你的電腦中並沒有這樣的字體,將會顯示預設的字體)
+
商品使用說明ˇ
首先請各位先到後台,將樣式更改為「幻之森」
否則樣式可能會跟範例不一樣喔。ˇ。
接著再套用語法。
+
商品語法css ˇ
痞客樣式:
/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table { width: 96% ; margin: 0 auto ;}
#comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; }
#comment-form input#send-comment { padding: 3px 5px ; }
.article-content p{
margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
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;
}
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;
}
/*Design by http://blog.pixnet.net/candicefish-痞客模板*/
/*網誌圖片來自http://www.white-eggs.com/index.html*/
/*幻之森-請勿抄襲,後果自負*/
body {
font-size:12px;
font-family:"Arial";
letter-spacing:1px;
color:#333;
background:url(http://img685.imageshack.us/img685/9418/clanyuki.jpg) repeat #fff;
}
br {
letter-spacing:0;
}
a {
color:#4040bf;
text-decoration:none;
}
a:hover {
color:#bcbcbc;
}
#body-div {
width:730px;
margin:0 auto;
}
#authority {
position:absolute;
left:5px;
top:5px;
line-height:140%;
text-align:left;
}
#authority a {
color:#454545;
padding:2px;
}
#authority a:hover {
color:silver;
}
#container {
width:730px;
}
#banner {
position:relative;
left:-230px;
top:250px;
text-align:right;
padding:2px;
}
#banner h1 a {
font-weight:900;
font-size:10pt;
font-family:"Georgia";
line-height:140%;
color:#751805;
}
#banner h1 a:hover {
color:#ff1a1a;
}
#banner h2{
display:none;
}
#navigation {
position:relative;
left:10px;
top:220px;
padding-bottom:1px;
width:74px;
height:40px;
}
#navigation li a {
margin-left:2px;
display:block;
width:74px;
height:10px;
font-size:0;
color:#fff;
}
#link-album a {
background:url(http://pic.pimg.tw/candicefish/1189479731.gif) no-repeat 0;
}
#link-blog a {
background:url(http://pic.pimg.tw/candicefish/1189479728.gif) no-repeat 0;
}
#link-guestbook a {
background:url(http://pic.pimg.tw/candicefish/1189479730.gif) no-repeat 0;
}
#link-profile a {
background:url(http://pic.pimg.tw/candicefish/1189479733.gif) no-repeat 0;
}
#main {
margin-top:-75px;
_height:1%;
overflow:hidden;
}
#content {
background:url(http://img132.imageshack.us/img132/6204/banner2uz.jpg) no-repeat left top #fff;
float:left;
width:505px;
padding-top:330px;
_margin:0 5px 0 0;
border-left:2px solid #f7adb2;
border-right:2px solid #f7adb2;
margin:5px 10px 0 0;
}
.article-area-title{
padding-left:10px;
}
#display{
padding-left:10px;
}
.article {
margin:20px auto;
padding:5px;
}
.article-head {
height:55px;
font-family:"Georgia";
background:url() no-repeat;
padding:0 0 5px 5px;
}
.publish {
color:#f38f91;
font-family:"Georgia";
font-size:8pt;
font-weight:700;
line-height:140%;
}
.date {
font-size:12pt;
}
.article-head h2 a {
line-height:130%;
font-family:"華康少女文字W3";
font-size:11pt;
letter-spacing:2px;
color:#bf00bf;
}
.article-head h2 a:hover {
color:#ff1a1a;
margin-left:2px;
}
.article-body {
width:480px;
overflow:hidden;
color:#272727;
line-height:160%;
border-bottom:1px dotted #edb0b4;
margin:0 auto;
padding:10px;
}
.more {
padding-top:10px;
height:25px;
}
.more a {
margin-right:5px;
float:right;
display:block;
width:152px;
height:40px;
font-size:0;
text-indent:-5000px;
background:url(http://img88.imageshack.us/img88/1896/r5gn8.gif) no-repeat;
}
.bookmark {
text-align:right;
width:490px;
padding:5px 5px 0 0;
}
.author {
text-align:right;
color:#757575;
margin:0;
padding:10px 5px 0 0;
}
.forward {
text-align:right;
color:#515151;
padding:0;
}
.refer {
width:480px;
text-align:left;
line-height:140%;
margin:5px auto 0;
padding:5px 0 0;
}
.history {
width:480px;
text-align:left;
line-height:140%;
margin:0 auto;
padding:0 0 5px;
}
.back-to-top {
padding-bottom:20px;
margin-top:-18px;
}
.back-to-top a {
float:right;
display:block;
width:50px;
font-size:9pt;
}
.main-list table {
width:95%;
margin:20px auto;
}
.main-list table th {
padding:3px 0;
}
.main-list table td.list-num {
font-size:0;
color:#fff;
}
.main-list table td {
color:#515151;
padding:3px 0;
}
#trackback-url input {
height:20px;
font-size:8pt;
font-family:"Arial";
letter-spacing:1px;
vertical-align:middle;
color:#515151;
border:1px solid #e3f29e;
background:#e3f29e;
padding:0 3px 0 8px;
}
input#trackback-input {
height:17px;
margin-left:20px;
}
.post-comment a {
display:block;
width:110px;
height:20px;
font-size:0;
text-indent:-5000px;
background:url(http://pic.pimg.tw/candicefish/1189482547.jpg) no-repeat;
padding-bottom:5px;
margin:0 auto;
}
.single-post {
width:440px;
margin-left:40px;
margin-top:25px;
margin-bottom:25px;
_height:1%;
overflow:hidden;
_overflow:none;
background:url(http://pic.pimg.tw/candicefish/1174896695.gif) repeat #fff;
padding:0 0 15px;
}
li.post-info {
height:40px;
line-height:140%;
font-size:11px;
text-align:left;
color:#696969;
padding:5px 20px 0;
}
li.post-info a {
color:#f7747d;
background:#f7747d;
}
li.post-info a:hover {
color:#696969;
background:none;
}
li.post-info a img {
width:7px;
height:7px;
visibility:hidden;
}
li.post-info a.user-name,li.post-info a.reply-message {
background:none !important;
}
li.post-photo {
float:left;
width:100px;
text-align:center;
padding:5px 0 15px 15px;
}
li.post-photo img {
border:1px solid #f7747d;
}
li.post-text {
width:315px;
float:right;
color:#f7747d;
padding:5px;
}
li.reply-text {
clear:both;
width:350px;
color:#272727;
margin:0 10px;
padding:10px 0 0;
}
div .page {
padding:0 0 5px 5px;
}
#links {
position:relative;
float:right;
width:200px;
word-break:break-all;
padding-top:15px;
padding-left:2px;
margin:0;
}
#links a {
color:#272727;
text-decoration:none;
}
#links a:hover {
color:#ff1a1a;
}
.box {
width:190px;
margin:0 auto;
padding:2px;
}
.box-title {
font-size:8pt;
font-family:"Arial";
height:17px;
width:98%;
line-height:130%;
text-align:center;
color:#000000;
background:#f7adb2;
margin:5px 0 5px -5px;
padding:2px;
}
.box-text {
color:#404040;
line-height:140%;
margin:0 0 10px;
}
.box-more {
clear:both;
text-align:right;
}
.box-more a {
color:#696969 !important;
padding:2px 3px;
}
.box-more a:hover {
color:#989898 !important;
}
#murmur .box-text ul {
overflow:hidden;
line-height:140%;
}
#murmur .box-text ul li.murmur-time {
font-size:10px;
color:#ff1a1a;
}
#murmur .box-more {
text-align:right;
margin:3px 3px 0 0;
}
#broadcast ul {
clear:both;
padding:3px;
}
.broadcast-time {
padding-left:5px;
color:#eba41a;
}
#calendar table {
width:90%;
margin:5px auto;
}
#calendar table th,#calendar table td {
text-align:center;
font-family:"Georgia";
}
#calendar table td {
line-height:140%;
color:#272727;
font-family:"Georgia";
}
#calendar table td a {
font-weight:700;
font-family:"Georgia";
display:block;
color:#f27c82;
}
#calendar table td a:hover {
color:#272727;
}
#headshot-img {
float:left;
width:130px;
height:90px;
text-align:center;
}
#friend-apply {
width:5px;
padding-right:5px;
}
#crumb .box-text li {
float:left;margin-bottom:0px;
}
#crumb .box-text li a {
height:28px;
width:28px;
display:block;
background:#f9dcdf;
margin:2px;
}
#crumb .box-text li a:hover {
background:none;
}
#crumb .box-text li a img {
visibility:hidden;
height:28px;
width:28px;
}
#crumb .box-text li a:hover img {
visibility:visible;
}
#visitor .box-text li a {
height:28px;
width:28px;
display:block;
background:#f9dcdf;
margin:2px;
}
#visitor .box-text li a:hover {
background:none;
}
#visitor .box-text li a img {
visibility:hidden;
height:28px;
width:28px;
}
#visitor .box-text li a:hover img {
visibility:visible;
}
#favorite .box-text {
height:30px;
}
#favorite .box-text select {
font-size:12px;
font-family:"Arial";
width:185px;
}
#spotlight,#spotlight-text {
padding:5px;
}
h3#trackback-title,h3#comment-title {
padding-left:8px;
font-size:9pt;
color:#272727;
}
.post-comment,#headshot .box-text,#visitor .box-text ul {
_height:1%;
overflow:hidden;
_overflow:none;
}
.broadcast-text a,#latest-trackback .box-text a {
display:block;
width:98%;
}
.year,.day,.time,.broadcast-photo,#login-bar,#banner .skiplink,#banner #blog-category,.bookmark span,.pixnet-user,.hidden-message,.user-ip,li.post-text p img,li.reply-text p,li.reply-text p a,.secret,#archive .box-more a,#murmur .box-title,#send-message,#latest-comment .box-text span,#visitor .box-more a,#crumb .box-more a,#bottom {
display:none;
}
.broadcast-text,#visitor .box-more {
clear:both;
}
#visitor .box-text li,#navigation li,.broadcast-photo {
float:left;
}
HTML{
SCROLLBAR-FACE-COLOR: #FF0000;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FF0000;
SCROLLBAR-DARKSHADOW-COLOR: #FF0000;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF ; }
無名版面
/*--------------------------reset*/
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;}
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; }
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
/*--------------------------all setting*/
HTML {
SCROLLBAR-FACE-COLOR: ;
SCROLLBAR-HIGHLIGHT-COLOR: ;
SCROLLBAR-SHADOW-COLOR: ;
SCROLLBAR-3DLIGHT-COLOR: ;
SCROLLBAR-ARROW-COLOR: ;
SCROLLBAR-TRACK-COLOR: ;
SCROLLBAR-DARKSHADOW-COLOR: ;
overflow-x:; }
body {
font-size:12px;
font-family:arial, Century Gothic;
line-height: 160%;
background:#ffefef url(http://pic.pimg.tw/pixnetvisual/49dad65f63bd9.png) left top repeat-x;
}
#blog-main{}
#article-main{}
a {color:#333;}
a:hover {color:#666;}
#body-div{
width: 900px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6603e76f.png) left top repeat-y;
position: relative;
margin:0 auto 20px;
}
/*--------------------------authority*/
#authority{
position:absolute;
left: 0;
top: 25px;
z-index:9000;
}
#authority a{
display:block;
float: left;
height: 20px;
line-height: 20px;
font-size: 12px;
border:1px solid #ffb5c9;
padding: 1px 5px 1px 25px;
color:#d971a5;
}
#authority a#newpost {
background:url(http://pic.pimg.tw/pixnetvisual/49d8d807c7bb1.png) 5px center no-repeat #ffe0e0;
margin-right:5px;
}
#authority a#backstage {
background:url(http://pic.pimg.tw/pixnetvisual/49d8d8086694a.png) 5px center no-repeat #ffe0e0;
}
#authority a:hover{
color:#f36;
border:1px solid #faa;
}
/*--------------------------container*/
#container{}
#container2{}
#container3{}
/*--------------------------header*/
#header{
background:url(http://pic.pimg.tw/pixnetvisual/49dad6613375c.png) left top no-repeat;
height: 190px;
}
#login-bar{
position:absolute;
right:0;
top: 33px;
color:#faa;
}
#login-bar a{color:#faa; padding:0px 1px}
#login-bar a:hover{color:#f36;}
#banner{}
#banner h1 a{
position:absolute;
top: 80px;
left: 120px;
font-size:16px;
font-weight:bold;
color:#f36;
display:block;
height: 20px;
overflow:hidden;
}
#banner h1 a:hover{color:#fff;}
#banner h2{
position:absolute;
top: 105px;
left: 120px;
color:#fff;
width: 450px;
height: 45px;
font-size:11px;
line-height: 15px;
overflow:hidden;
}
#banner .skiplink{display: none;}
#banner #blog-category{
color:#fff;
position:absolute;
right: 20px;
top: 125px;
z-index:900;
}
#banner #blog-category a{color:#fff;}
#banner #blog-category a:hover{color:#fcc;}
/*--------------------------navigation*/
#navigation{
position:absolute;
right:1px;
top:156px;
}
#navigation li{
float:left;
background:url(http://pic.pimg.tw/pixnetvisual/49dad66370465.png) left top no-repeat;
height: 35px;
padding:0px 10px;
line-height: 30px;
*line-height: 35px;
}
#navigation a{
font-size:16px;
color:#d52751;
padding-left: 25px;
}
#navigation a:hover{
color:#faa;
}
#navigation li#link-album a{background:url(http://pic.pimg.tw/pixnetvisual/49d8d80e04fbf.png) 3px 3px no-repeat;}
#navigation li#link-blog a{background:url(http://pic.pimg.tw/pixnetvisual/49d8d80e64345.png) 3px 2px no-repeat;}
#navigation li#link-guestbook a{background:url(http://pic.pimg.tw/pixnetvisual/49d8d80ed9f42.png) 3px 3px no-repeat;}
#navigation li#link-profile a{background:url(http://pic.pimg.tw/pixnetvisual/49d8d80f8b846.png) 3px 3px no-repeat;}
/*--------------------------main*/
#main{
overflow: hidden;
_overflow: none;
_height: 1%;
}
/*--------------------------content*/
#content{
overflow: hidden;
float:left;
width: 630px;
padding-top: 10px;
}
#spotlight{
width: 590px;
margin:10px auto;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6654cdf1.png) left top repeat-y;
}
#spotlight h5{
background:url(http://pic.pimg.tw/pixnetvisual/49dad664cd16f.png) left top no-repeat;
height: 31px;
padding-left: 10px;
color:#f69;
font:bold 13px arial;
line-height:30px;
}
#spotlight-text{
padding: 10px;
color:#666;
background:url(http://pic.pimg.tw/pixnetvisual/49dad665d3e4d.png) left bottom no-repeat;
}
#article-area{
width: 590px;
margin:0 auto;
}
#article-area .article-area-title{}
#view-mode{}
#display{}
#display SPAN {}
#article-box{}
.article{
margin-top: 10px;
margin-bottom: 20px;
}
.article-head{
height: 39px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6665f347.png) left top no-repeat;
position: relative;
}
.publish {
font: 10px arial;
text-transform: uppercase;
color: #e32088;
position: absolute;
top: 5px;
left: 5px;
height:30px;
width: 55px;
overflow:hidden;
text-align: right;
}
.publish .month,
.publish .date{
font-size:15px;
font-weight: bold;
font-family: Century gothic;
letter-spacing: -1px;
height:15px;
color:#8f1456;
}
.publish .day,
.publish .year{
position:relative;
top:-2px;
}
.publish .time{display:none;}
.title{
height: 20px;
padding-top: 10px;
margin-left: 80px;
width: 470px;
overflow:hidden;
}
.title a{
font-size: 16px;
font-weight:bold;
color:#7c4560;
}
.title a:hover{color:#f36;}
.article-body{
margin: 10px 0;
}
.article-body a{color:#f66;}
.article-body a:hover{color:#f36;}
.article-content{
margin: 15px;;
font-size:13px;
line-height: 170%;
letter-spacing:0.05em;
color:#444;
}
.article-content a{
color:#222;
border-bottom:1px dashed #91b8c1;
padding-bottom:1px;
}
.bookmark,
.author,
.forward{
text-align: right;
color:#f99;
line-height:140%;
}
.article-footer{
overflow:hidden;_overflow: none; _height: 1%;
border-top: 1px dashed #ccc;
padding-top:5px;
color:#363636;
line-height:140%;
}
.history{
float: right;
width: 290px;
}
.refer{
float: left;
width: 290px;
}
.back-to-top{
clear: both;
text-transform: uppercase;
font: 10px Century Gothic;
letter-spacing:0;
text-align: right;
}
.back-to-top a{
background:#aaa;
padding: 0px 3px;
line-height: 20px;
color:#fff;
}
.back-to-top a:hover{
background:#fff;
color:#ccc;
}
/*--------------------------list*/
.main-list {
width: 590px;
margin:10px auto;
}
.main-list table{
width: 100%;
margin: 10px auto;
}
.main-list h3 {}
.main-list th{
line-height: 25px;
color:#fff;
background:#df889c;
border-bottom: 1px solid #fff;
padding: 2px 5px;
}
.main-list td{
font-size:11px; *font-size:10px;
line-height: 25px;
padding: 0px 10px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6621fe3e.png) left bottom repeat-x #fee;
}
.main-list td a{color:#333;}
.main-list td a:hover{color:#999;}
.list-num{display:none;}
td.list-date {
font: 9px Tahoma;
width: 50px;
color:#000;
letter-spacing:0;
padding: 0 5px;
}
.list-title img{float: right;
margin-left:3px;
}
#murmur-list td.list-date {
padding: 5px;
}
.list-visit,
.list-comment{
width: 40px;
}
/*--------------------------post-box*/
.user-post-box{}
.user-post-title{
background:url(http://pic.pimg.tw/pixnetvisual/49dad66285103.png) no-repeat;
height: 25px;
line-height: 25px;
padding-left: 10px;
color:#fff;
margin: 10px 0;
}
#trackback-box .user-post-title{}
#comment-box .user-post-title{}
.post-comment{
width:90px;
height: 25px;
margin: 10px auto 20px;
line-height: 25px;
}
#content .post-comment a{
display:block;
font-size:12px;
color:#bc5871;
height: 100%;
padding-left: 25px;
background:url(http://pic.pimg.tw/pixnetvisual/49d8d812ccfb6.png) 5px center no-repeat #ffe0e0;
border:1px solid #ffb5c9;
}
#content .post-comment a:hover{
border:1px solid #faa;
color:#f36;
}
.single-post{
overflow: hidden;
_overflow: none;
_height: 1%;
background:#ffecf0;
margin-bottom: 20px;
padding-bottom: 10px;
border:1px solid #ffe3e9;
}
.post-info{
background:url(http://pic.pimg.tw/pixnetvisual/49dad663efef2.png) no-repeat;
height:27px;
font-size:11px; *font-size:10px;
line-height: 27px;
margin-bottom: 10px;
color:#555;
position:relative;
padding-left: 55px;
_padding-top: 5px;
}
.post-info img{
vertical-align: middle;
}
.post-info .floor{
width: 40px;
height:25px;
text-align: center;
color:#f36;
font: bold 13px Century Gothic;
line-height:25px;
display: block;
position: absolute;
left:0;
top:0;
}
.post-photo{
width: 95px;
float: left;
margin-left: 10px;
display: inline;
}
.post-photo img{
border:1px solid #ddd;
}
.post-text{
float: right;
width: 470px;
margin-bottom: 5px;
color:#000;
}
.reply-text{
float: right;
width: 405px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6646a734.png) 5px top no-repeat #fff;
border:1px solid #fee;
border-right:1px solid #fdd;
border-bottom:1px solid #fdd;
margin-right: 10px;
display:inline;
padding: 5px 5px 5px 50px;
color:#777;
min-height: 30px;
_height: 30px;
}
.reply-text p{
display:none;
}
.single-post.secret{
background:url(http://pic.pimg.tw/pixnetvisual/4970225ac51bf.png) 5px top no-repeat #fff;
border:1px solid #ccc;
}
.single-post.secret .post-text{
float: none;
width: auto;
padding-left: 70px;
font-size:0; color:#fff;
}
#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
margin: 10px 0;
}
#trackback-box input{
background:#ffe0e0;
border:1px solid #ffb5c9;
font:11px arial;
padding:2px;
margin-left:5px;
color:#f36
}
#trackback-box input#trackback-input{
width: 350px;
margin:0;
padding:3px
}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box .post-text{
width:auto ;
float:none ;
padding: 0 10px;
}
/*--------------------------comment-form */
#comment-form {
background:#ffecf0;
border:1px solid #ffe3e9;
padding: 10px 5px;
width: 580px;
margin: 10px auto;
}
#comment-form p {
color: #ff6699;
text-align: right;
margin: 0px 10px 5px;
}
#comment-form table {
width: 100%;
border: none;
}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
color: #999;
vertical-align: top;
border: none;
padding: 2px 5px;
}
#comment-form table th {
color: #999;
vertical-align: top;
width: 70px;
border: none;
padding: 2px 5px;
text-align:right;
}
#comment-form table th font { display: none; }
#comment-form input {
height: 17px;
font-family: Arial;
font-size: 11px;
color: #000;
border: none;
border-bottom: 1px solid #ccc;
background: none;
width: 99%;
}
#comment-form input.radio {
border: none; width: auto; background: none;margin:0; padding:0;
}
#comment-form input#blogcommenttext_name{
width: 95.5%;
}
#comment-form input#send-comment{
background:#f69;
width: 100px;
height: 20px;
color:#fff;
border:0
}
#comment-form textarea {
width: 99%;
height: 90px;
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #000;
border: 1px solid #ccc;
background: #fff;
}
/*--------------------------pages*/
.page{
margin: 10px 0px;
font-size:11px;
font-family: Century Gothic;
text-align: center;
}
.page a{
margin: 0 5px;
color:#555;
padding: 0 3px;
}
.page a:hover,
.page span{
background:#eee;
padding: 0 3px;
color:#33;
}
/*--------------------------links*/
#links{
overflow: hidden;
float:right;
width: 268px;
margin-right:1px;
display:inline;
}
#links-row-1{}
#links-row-2{}
.box{
margin: 15px 0
}
.box-title{
background:url(http://pic.pimg.tw/pixnetvisual/49dad65fd87bf.png) no-repeat;
height:25px;
padding: 5px 5px 0 35px;
color:#c3576f;
font-weight:bold;
font-size:13px;
}
.box-text {
padding:10px 0;
color:#333;
}
.box-text a{color:#ac7d87;}
.box-text a:hover{color:#000;}
.box li{
background:url(http://pic.pimg.tw/pixnetvisual/49dad6621fe3e.png) left bottom no-repeat;
padding: 0 10px;
line-height:220%;
}
.box h6{
margin-left: 10px;
line-height:200%;
font-weight:bold;
}
.box-more{
margin: 5px 10px;
text-align:right;
}
.box-more a{
border:1px solid #fff;
border-right: 1px solid #fdd;
border-bottom:1px solid #fdd;
padding: 1px 3px;
color:#e39aaa;
}
.box-more a:hover{
border:1px solid #fdd;
border-right: 1px solid #fff;
border-bottom:1px solid #fff;
}
#box-ad .box-text,
#hiiir .box-text,
#boxevent_clubbroadcast .box-text,
#archive .box-text,
#favorite .box-text{
margin: 0 15px;
}
#headshot {
background:url(http://pic.pimg.tw/pixnetvisual/49dad6619e319.png) left top no-repeat;
width: 250px;
height:105px;
margin: 15px auto;
position: relative;
}
#headshot .box-title{
background:none;
padding: 0 0 0 30px;
}
#headshot .box-text{
padding:0;
margin:0;
}
#headshot ul{ }
#headshot li{background:none;}
#headshot li#headshot-img{
background:none;
width: 75px;
line-height:0;
padding:0;
position: absolute;
top: 15px;
right:20px;
}
#headshot li#headshot-img img{
width:70px;
padding: 2px;
border:1px solid #fff;
background:#fee;
}
#headshot li#friend-apply{
position:absolute;
top: 33px;
left: 30px;
}
#headshot li#send-message{
position:absolute;
top: 60px;
left:30px;
}
#recent-article{}
#recent-article img{}
#latest-comment {}
#latest-comment a{}
#latest-comment span{}
#calendar{}
#calendar table{
width: 70%;
margin: 0 auto;
}
#calendar th,
#calendar td{
color:#666;
font: 11px Century Gothic;
text-align: center;
line-height: 20px;
}
#calendar td{
padding: 2px 1px;
}
#calendar td a{
display: block;
padding: 0px 1px;
background:#fcc;
color:#f36;
border-right:1px solid #fbb;
border-bottom:1px solid #fbb;
}
#murmur{
width: 250px;
margin: 15px auto;
background:#ffdde2;
position:relative;
}
#murmur .box-title{
background:url(http://pic.pimg.tw/pixnetvisual/49dad6630d71b.png) left top no-repeat;
height:55px;
padding:0 0 0 27px;
}
#murmur .box-text{
margin:0;
padding: 5px 0;
_height:1%;
}
#murmur .box-text li{
background:none;
}
.murmur-time{
position: absolute;
left:15px;
top: 17px;
font: 10px Century Gothic;
color:#f69;
}
.murmur-text{
padding: 10px !important;
line-height:150% !important;
}
#visitor,
#crumb{}
#visitor ul,#crumb ul{
overflow: hidden;
_overflow: none;
_height: 1%;
margin:5px 15px;
}
#visitor li,#crumb li{
float: left;
margin: 0px 2px 2px 0;
display:inline;
line-height:0;
padding:0;
background:0;
}
#visitor li img,
#crumb li img {
width: 50px;
height: 50px;
}
#visitor .box-more,
#crumb .box-more{
margin-top: 10px;
}
#broadcast{}
#broadcast ul{
overflow: hidden;
_overflow: none;
_height: 1%;
padding-bottom: 3px;
margin-bottom: 5px;
padding: 0px 15px 7px 15px;
background:url(http://pic.pimg.tw/pixnetvisual/49dad6621fe3e.png) left bottom no-repeat;
}
#broadcast li{
background:0;
padding:0;
}
#broadcast .broadcast-photo{
float: left;
line-height:0;
}
#broadcast .broadcast-time{
float: right;
width: 185px;
line-height: 20px;
}
#broadcast .broadcast-time a{}
#broadcast .broadcast-time span{}
#broadcast .broadcast-text{
float: right;
width: 185px;
height: 20px;
line-height: 20px;
overflow: hidden;
}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;
margin: 0px 15px;
}
#search li{
float: left;
background:none;
padding:0;
}
#search li input{
border:1px solid #fcc;
font:12px arial;
margin-right: 5px;
line-height: 20px;
padding:2px;
background:#fff;
}
#search input#search-target{}
#search input#search-submit{
padding:1px;
width: 50px;
color:#666;
background:#fee;
}
#feed {}
#announce{}
#hot-article {}
#category {}
#category h6{color:#f36}
#category ul{margin-bottom: 5px;}
#category .box-more {}
#archive select {}
#archive li a{}
#latest-trackback {}
#latest-trackback a{}
#latest-trackback span{}
#subscription{}
#subscription a{}
#subscription span{}
#favorite select {}
#mylink {}
#mylink .inner-box{margin-bottom: 5px;}
#mylink .inner-box h6{color:#f36}
#mylink .inner-box li{}
#counter{}
#counter SPAN{}
#latest-comment li,
#subscription li,
#latest-trackback li{
line-height: 150%;
padding: 3px 10px;
}
#latest-comment a,
#latest-trackback a,
#subscription a{
display: block;
width: 99%;
}
.folder{}
.folder .box-title{}
.folder .box-text{
margin: 0px 10px;
}
#powered{}
/*--------------------------footer*/
#footer{
clear:both;
background:url(http://pic.pimg.tw/pixnetvisual/49dad660b6476.png) left 0px no-repeat;
padding: 20px 10px 0 10px;
height: 50px;
text-align:center;
border-top: 0;
}
#footer p{color:#369;}
#bottom {}
/*--------------------------extradiv*/
#extradiv11{}
#extradiv10{}
#extradiv9{}
#extradiv8{}
#extradiv7{}
#extradiv6{}
#extradiv5{}
#extradiv4{}
#extradiv3{}
#extradiv2{}
#extradiv1{}
#extradiv0{}
+
商品發售完畢,期待大家對小菲的捧場喔^^
謝謝合作。ˇ。
留言列表