本帖最后由 - 喵宅苑 MewoGarden × 技术宅社区II | Z站 Z Station 棒棒哒纯文字二次元技术社区

风音洛洛
本帖最后由 风音洛洛 于 2012-8-10 10:30 编辑
[mw_shl_code=html,true]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0021)http://f23ko.com/mio/ -->
<html xmlns="http://www.w3.org/1999/xhtml"> *本站禁止HTML标签噢* <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
*本站禁止HTML标签噢* 純 CSS3 繪製 K-ON! 秋山澪</title>
<link href="./純 CSS3 繪製 K-ON! 秋山澪_files/mio.css" rel="stylesheet" type="text/css">
</head>
*本站禁止HTML标签噢*
<div id="main">
<div id="ins">
<div id="bg"></div>
<div class="draw">
<div id="head"></div>
<div id="hear_back">
<div class="hb1 black"></div>
<div class="hb2 black"></div>
<div class="hb3"></div>
<div class="hb4"></div>
<div class="hb5 pink"></div>
<div class="hb6 pink"></div>
<div class="hb7 pink"></div>
<div class="hb8"></div>
<div class="hb9 black"></div>
<div class="hb10"></div>
<div class="hb11 pink"></div>
<div class="hb12 pink"></div>
<div class="hb13"></div>
<div class="hb14 pink"></div>
<div class="hb15"></div>
<div class="hb16"></div>
<div class="hb17 black"></div>
<div class="hb18"></div>
</div>
<div id="clothes">
<div class="cls1"></div>
<div class="cls2"></div>
<div class="cls3"></div>
<div class="cls4"></div>
<div class="cls5"></div>
<div class="cls6"></div>
<div class="cls7"></div>
<div class="cls8"></div>
<div class="cls9"></div>
</div>
<div id="ear">
<div class="ear1"></div>
<div class="ear2"></div>
<div class="ear3 org"></div>
<div class="ear4"></div>
<div class="ear5 none"></div>
<div class="ear6 none"></div>
<div class="ear7"></div>
<div class="ear8"></div>
</div>
<div id="neck"></div>
<div id="face">
<div class="fac1"></div>
<div class="fac2"></div>
<div class="fac3"></div>
<div class="fac4"></div>
<div class="fac5"></div>
<div class="fac6"></div>
<div class="fac7 sha"></div>
<div class="fac8 sha"></div>
<div class="fac9 sha"></div>
<div class="norse1"></div>
<div class="norse2"></div>
<div class="mouth1"></div>
<div class="mouth2"></div>
<div class="fac10"></div>
<div class="fac11"></div>
<div class="fac12 line"></div>
<div class="fac13 line"></div>
<div class="fac14 line"></div>
<div class="fac15 line"></div>
<div class="fac16 line"></div>
</div>
<div id="eye">
<div class="eye1 line"></div>
<div class="eye2 line"></div>
<div class="eye3 line"></div>
<div class="eye4 line"></div>
<div class="eye5"></div>
<div class="eye6"></div>
<div class="eye7"></div>
<div class="eye8 gray"></div>
<div class="eye9 white"></div>
<div class="eye10"></div>
<div class="eye11 white anime"></div>
<div class="eye12 purple"></div>
<div class="eye13 purple"></div>
<div class="eye14 white anime"></div>
<div class="eye15 line"></div>
<div class="eye16 line"></div>
<div class="eye17"></div>
<div class="eye18"></div>
<div class="eye19 gray"></div>
<div class="eye20 white"></div>
<div class="eye21 line"></div>
<div class="eye22"></div>
<div class="eye23"></div>
<div class="eye24 purple"></div>
<div class="eye25"></div>
<div class="eye26 white anime"></div>
<div class="eye27 white anime"></div>
<div class="eye28 purple"></div>
<div class="eye29 line"></div>
<div class="eye30 line"></div>
<div class="eye31 line"></div>
</div>
<div id="hair_front">
<div class="hf1"></div>
<div class="hf2"></div>
<div class="hf3"></div>
<div class="hf4"></div>
<div class="hf5"></div>
<div class="hf6"></div>
<div class="hf7"></div>
<div class="hf8"></div>
<div class="hf9"></div>
<div class="hf10"></div>
<div class="hf11"></div>
<div class="hf12"></div>
<div class="hf13"></div>
<div class="hf14"></div>
<div class="hf15"></div>
<div class="hf16"> *本站禁止HTML标签噢* </div></div>
<div class="hf17"></div>
<div class="hf18"></div>
<div class="hf19"></div>
<div class="hf20"></div>
<div class="hf21"></div>
<div class="hf22"></div>
<div class="hf23"></div>
<div class="hf24"></div>
<div class="hf25"></div>
<div class="hf26"></div>
<div class="hf27"></div>
<div class="hf28"></div>
<div class="hf29"></div>
<div class="hf30"></div>
<div class="hf31"></div>
<div class="hf32"></div>
<div class="hf33"></div>
</div>
<div id="light">
<div class="light1"></div>
<div class="light2"></div>
<div class="light3"></div>
<div class="light4"></div>
<div class="light5"></div>
<div class="light6"></div>
<div class="light7"></div>
<div class="light8"></div>
<div class="light9"></div>
<div class="light10"></div>
<div class="light11"></div>
</div>
<div id="dark">
<div class="dark1"></div>
<div class="dark2"></div>
<div class="dark3"></div>
<div class="dark4"></div>
<div class="dark5"></div>
<div class="dark6"></div>
<div class="dark7"></div>
<div class="dark8"></div>
<div class="dark9"></div>
</div>
</div>
</div>
<div class="copy">純 CSS3 繪製 K-ON! 秋山澪。 *本站禁止HTML标签噢* 可支援 Firefox、Chrome、Opera、Safari *本站禁止HTML标签噢* Copyright 2011 © by <a href="http://rei.idv.tw/">Rei</a>, <a href="http://rei.idv.tw/+">My Google+</a>.</div>
</div>
<div class="sogoutip" style="z-index: 2147483645; visibility: hidden; display: none; "></div><div class="sogoubottom"></div><div id="ext_stophi" style="z-index: 2147483647; "><div class="extnoticebg"></div><div class="extnotice"> *本站禁止HTML标签噢* 关闭提示 <a href="http://f23ko.com/mio/#" title="关闭提示" id="closenotice" class="closenotice">关闭</a></h2><p id="sogouconfirmtxt"></p>  <a id="sogouconfirm" href="http://f23ko.com/mio/#" class="extconfirm">确 认</a> <a id="sogoucancel" href="http://f23ko.com/mio/#" class="extconfirm">取 消</a></div></div><div id="ext_overlay" style="display: none; z-index: 2147483646; " class="ext_overlayBG"></div><iframe class="sogou_sugg_feedbackquan" style="background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; z-index: 2147483645; display: none; background-position: initial initial; background-repeat: initial initial; " frameborder="0" scrolling="no" src="./純 CSS3 繪製 K-ON! 秋山澪_files/yun1.htm"></iframe><script src="./純 CSS3 繪製 K-ON! 秋山澪_files/pv.gif"></script></body> *本站禁止HTML标签噢* .sogou_sugg_feedbackquan {
position:fixed;
left:0;
padding:0;
margin:0;
bottom:0;
width: 100%;
height: 38px;
}
.sogoutip {
width:199px;
height:56px;
padding:10px 20px 0 15px;
line-height:18px;
background:url([img]http://ht.www.sogou.com/images/extsugg/sogoutip.gif[/img]) no-repeat;
position:fixed;
font-size:13px;
bottom:38px;
left:150px;
text-align:left;
color:#000;
}
a.closesogoutip,a.closesogoutip:link,a.closesogoutip:visited,a.closesogoutip:active,a.closesogoutip:hover {
width:9px;
height:8px;
background:url([img]http://ht.www.sogou.com/images/extsugg/sogoutip.gif[/img]) no-repeat left -72px;
line-height:10em;
overflow:hidden;
right:8px;
top:7px;
position:absolute;
}
.sogoubottom{
clear:both;
height:40px;
width:100%;
padding:0;
margin:0;
position:relative;
z-index:-99;
}
.extoptboxbg {
background:url([img]http://ht.www.sogou.com/images/extsugg/optbox.png[/img]) no-repeat;
width:144px;
height:109px;
position:fixed;
right:16px;
bottom:35px;
}
.extoptbox {
width:127px;
height:75px;
position:fixed;
right:25px;
bottom:57px;
line-height:22px;
font-size:12px;
}
.extoptbox a,.extoptbox a:hover {
color:#426BBD;
display:block;
padding-left:9px;
text-decoration:none;
text-align:left;
}
.extoptbox a:hover {
background-color:#EAF1F5;
}
.extfeedback {
border-top:1px solid #ccc;
margin-top:4px;
padding-top:4px;
}
.extnoticebg {
margin:0;
left:0;
top:0;
width:418px;
height:185px;
background:url([img]http://ht.www.sogou.com/images/extsugg/noticebg.png[/img]) no-repeat;
position:absolute;
}
.extnotice {
width:402px;
height:169px;
position:absolute;
left:8px;
top:8px;
font-size:14px;
text-align:center;
color:#000;
}
.extnotice h2 {
line-height:29px;
padding:0 9px;
font-size:13px;
text-align:left;
color:#000;
}
.extnotice p {
margin:28px 0 33px;
color:#000;
}
.extconfirm, .extconfirm:hover {
width:63px;
height:23px;
line-height:23px;
display:inline-block;
font-weight:bold;
color:#515F68;
margin:0 20px;
background:#D7E5ED;
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ECF2F6,endcolorstr=#D7E5ED,gradientType=0);
background:-webkit-gradient(linear, left top, left bottom, from(#ECF2F6), to(#D7E5ED));
text-decoration:none;
border:1px solid #89B4E1;
}
.closenotice {
width:14px;
height:14px;
background:#fff url([img]http://ht.www.sogou.com/images/extsugg/ui2.1.gif[/img]) no-repeat 2px -313px;
border:1px solid #B1CBE8;
position:absolute;
right:7px;
top:7px;
overflow:hidden;
line-height:100em;
}
.closenotice:hover {
background-position: 2px -338px;
}
#ext_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.ext_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.ext_overlayBG {
background-color:#000;
filter:alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
}
* html #ext_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#ext_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #ext_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#ext_stophi {
position: fixed;
z-index: 102;
display:none;
top:50%;
left:50%;
width:418px;
height:185px;
}
* html #ext_stophi { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
</style></html>[/mw_shl_code]