[樣式] MBLAQ Mir~－食譜

私心做了Mir的~~

圖片是之前MBLAQ幫CECI雜誌拍的色彩繽紛圖
ChicDol的照片全是黑與白

預覽圖

語法

/*****************************************
作者：rainer35509
修改：joy1986114
主題：【網】極光之丘
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{
overflow-x:hidden;
SCROLLBAR-FACE-COLOR:#a895cc;

SCROLLBAR-SHADOW-COLOR:#9178b9;
SCROLLBAR-3DLIGHT-COLOR:#9178b9;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#c9bcd8;
SCROLLBAR-DARKSHADOW-COLOR:#9178b9;}

body{font:12px verdana;color:#555;cursor:crosshair;
background:#000;margin:0px;letter-spacing:1px;}

br{letter-spacing:0px;}
a{color:#000;text-decoration:none;}
a:hover{color:#e05282;text-decoration:none;cursor:default;}

#banner{
position:absolute;top:0px;left:308px;
border:1px #000 solid;
background:url(http://f9.wretch.yimg.com/joy1986114/50/o1581082145.jpg?opjxKHlDcR63dU4qVTGQetDtn3pAUgIE_771f5l_lm33aAsKUyWVbZBrpm84);
height:230px;width:682px;}

#pageheader .description{display:block;
font:12px verdana;color:#000;text-align:right;}

#pageheader h1 a{
width:670px;padding:5px 0px 5px 10px;
color:#ab000c;display:block;
font:12px verdana;text-align:right;
}

#pageheader h1 a:hover{color:#000;
background:#fff;
}

#pageheader #description2 .description{
position:absolute;top:160px;left:445px;
height:60px;width:220px;
padding:2px 0px 2px 10px;
font:12px verdana;color:#fff;
text-align:left;
overflow:auto;overflow-X:hidden;
SCROLLBAR-FACE-COLOR:#000;
SCROLLBAR-HIGHLIGHT-COLOR:#000;
SCROLLBAR-SHADOW-COLOR:#000;
SCROLLBAR-3DLIGHT-COLOR:#000;
SCROLLBAR-ARROW-COLOR:#fff;
SCROLLBAR-TRACK-COLOR:#000;
SCROLLBAR-DARKSHADOW-COLOR:#000;
line-height:12pt;}

#serviceList{position:absolute;top:75px;left:290px;float:left;
filter:alpha(opacity=60);}

#serviceList li a{
display:block;width:70px;height:16px;
padding-top:4px;font:12px verdana;
text-align:center;color:#000;}

#serviceList li a:hover{color:#000;background:#fff;}

a#linkBlog{background:#555!important;color:#fff!important;}

.boxMySpace1 .side a img{border:5px #af9fcc solid;}
.boxMySpace1 .side a:hover img{border:5px #e05282 solid;cursor:help;}

#boxMusic{position:absolute;top:230px;left:805px;width:200px;}
.boxMusic0 .sidetitle{display:none;}

#boxCounter{position:absolute;top:230px;left:270px;width:680px;
border-left:1px #000 solid;border-right:1px #000 solid;}
.boxCounter0 .sidetitle, .boxCounter1 .side br{display:none;}
.boxCounter1 .side{text-align:left;
background:#000;color:#fff;padding:0px 0px 10px 10px;}

#main2{width:902px;margin-left:40px;}

#content{border:1px #ccc solid;background:#f1efea;
width:640px;margin-top:260px;padding:10px 20px 0px 20px;margin-left:270px;}

#links{left:40px;width:230px;position:absolute;top:10px;}

.calendar a{color:#ffffff;}

.sidetitle{
color:#fff;font:12px verdana;
padding:4px 0px 0px 10px;margin:10px 0px;margin-top:30px;
border-bottom:1px #555 solid;height:17px;text-align:left;}

.side a{color:#fff;}

.date{color:#000;float:left;
padding:4px 0px 4px 10px;}
.datediv{width:170px;height:17px;
font:12px verdana;color:#fff;margin-right:5px;
background:#9d89c4;padding:3px 0px 0px 0px;
text-align:center;}

.title{line-height:15pt;text-align:left;
font:12px verdana;color:#000;border-bottom:1px #ccc solid;
padding:7px 0px 7px 0px;margin-top:0px;
background:url(http://f9.wretch.yimg.com/joy1986114/50/1581082149.jpg?21uKucRDcR75cAkf.TTi5dd2zmPD317iabX3xMpHkn_i7By7HyiPDSJMMOiX) right top no-repeat;}

.innertext{line-height:15pt;}
.innertext a{color:#ff0000;text-decoration:underline;}
.extended{text-align:right;}

.posted{font:0pt verdana;color:#f1efea;background:#f1efea;
text-align:left;margin-bottom:15px;padding-left:5px;letter-spacing:-1px;}
div#article_counter{color:#000;
width:570px!important;text-align:left;
padding-left:7px;margin:2px 0px 2px 0px;}
.list-linkcontrol{display:none;}

.posted a{color:#000;font:12px verdana;
letter-spacing:1px;margin-right:5px;}
.list-linkcontrol{display:none;}

.total-comments-div .trackbacks-head .comments-head,
.total-comments-div .comments-head,
.total-comments-div .comments-bottom .comments-head{
margin:15px 0px 0px 10px;padding:5px;
font:12px verdana;color:#fff;
background:#e05282;text-align:center;width:80px;}

.total-comments-div .comments-body {
font:12px verdana;color:#000;border:1px #ccc solid;
background:#fff;letter-spacing:1px;line-height:13pt;
text-align:left;margin:10px;padding:10px;}

.total-comments-div .comments-body .comments-post {
color:#555;font:12px verdana;line-height:13pt;
letter-spacing:1px;text-align:right;padding:2px;}

.total-comments-div .comments-body form{
font:12px verdana;text-align:center;}
#name_id, #email, #url{width:350px;border:none;
background:#fff;border-bottom:1px #ccc solid;}

#text{color:#000;background:#ddd;border:1px #ccc solid;
font:12px verdana;line-height:13pt;
letter-spacing:1px;width:450px!important;height:200px;
overflow:hidden;margin-top:7px;
padding:7px 0px 0px 7px;}

.cmt_floor{display:none;}
.cmt_floor_hide{font-size:12px;color:#000;filter:gray;
display:block;width:87px;height:25px!important;
background:url(http://l.yimg.com/e/style/10/1005/floor_long.gif) no-repeat left top;
text-align:center;float:right!important;display:inline;}
.total-comments-div .comments-body .comments-user p.cmt_floor{float:none;}
.total-comments-div .comments-body .comments-user p{float:left;}
.comments-body li p{margin:0px;height:auto!important;}
.comments-body li.comments-post{height:auto!important;}
.comments-body .comments-reply ul.comments-author{
background:#888;color:#fff;height:auto!important;}

.boxNewArticle1 .side{background:#000;padding:5px;}
.boxNewArticle1{line-height:2px;}
.boxNewArticle1 .side a{border-left:10px #222 solid;color:#aaa;
display:block;padding-left:10px;line-height:15pt;}
.boxNewArticle1 .side a:hover{
background:#000;color:#e05282;border-left:10px #e05282 solid;}

.boxCategory1{line-height:2px;background:#000;padding:5px;}
#boxCategory a img{filter:alpha(opacity=80);margin-top:3px;}
.boxCategory1 .side a{border-left:10px #222 solid;color:#aaa;
display:block;padding:0px 0px 0px 10px;line-height:15pt;}
.boxCategory1 .side a:hover{
background:#000;color:#e05282;border-left:10px #e05282 solid;}

.boxNewComment1, .boxNewTrackback1{line-height:2px;padding:5px;}
#boxNewComment .side, #boxNewTrackback .side{background:#000;
color:#000;font:0pt vredana;text-align:right;}
.boxNewComment1 .side a, .boxNewTrackback1 .side a{
display:block;font:12px verdana;text-align:left;
border-left:10px #222 solid;color:#aaa;
display:block;padding-left:10px;line-height:15pt;}
.boxNewComment1 .side a:hover,
.boxNewTrackback1 .side a:hover{
background:#000;color:#e05282;border-left:10px #e05282 solid;}

.boxRssList1{color:#888;line-height:15pt;}
.boxRssList1 .side a{border-left:10px #222 solid;color:#aaa;
padding:2px 0px 2px 10px;line-height:15pt;}
.boxRssList1 .side a:hover{
background:#000;color:#e05282;border-left:10px #e05282 solid;}

.syndicate, .syndicate a{color:#fff;}
#boxWho li, #boxWho li a img{
filter:alpha(opacity=70);}
#boxWho #whowrapper li a:hover img{
cursor:default;filter:alpha(opacity=100);
position:relative;border:1px #fff solid;}

textarea{font:12px verdana;color:#000;}
input{font:12px verdana;color:#fff;background:#e05282;border:1px #f675a0 solid;}