<html> <head> <title>Neko House +s000</title> <style type="text/css"> <!-- body { background-attachment:fixed; scrollbar-arrow-color: #ffca24; scrollbar-track-color: #000000; scrollbar-face-color: #ffca24; scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #ffca24; scrollbar-darkshadow-color:#ffca24; scrollbar-shadow-color: #000000; } --> </style> <style type="text/css"> A:link { color : #ffffff ; text-decoration: none ; font-family : arial ; font-weight: } A:visited { color : #ffffff; text-decoration: none ; font-family : arial ; font-weight: } A:active { color : #ffffff ; text-decoration: none ; font-family : arial ; font-weight: } A:hover { color : #ffffff ; text-decoration: underline ; font-family : arial ; font-weight: } </style> <style type="text/css"> a {cursor:e-resize} </style> <style> body { background-image:url('http://www.hitotsunoneko.com/mainback.png'); background-color:#000000; background-repeat:no-repeat; background-attachment:scroll; background-position:top center; } #bannerframe { width:100%; } #content { position:none; width:964px; background-color:#000000; background-image:url('http://www.hitotsunoneko.com/contentback.jpg'); background-position:right; left:450px; top:660px; } #toplinks { position:none; left:450px; top:600px; } h1 { position: absolute; font-weight: 0; background: black; background: rgba(0,0,0,0.75); text-shadow: 0 0 0px none; color: #ffca24; width: 0px; height: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; font-size: 12px; line-height: 24px; margin: 0 20px 0px 227; opacity: 10; } h2 { position: absolute; font-weight: 800; background: black; background: rgba(0,0,0,0.75); text-shadow: 0 0 0px none; color: #ff0000; width: 0px; height: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; font-size: 14px; line-height: 24px; margin: 0 20px 0px 0; opacity: 10; } #image { max-width:auto; max-height:700px; width:auto; height:700px; margin:-50; margin-left:-50; margin-right:-50; } .thumbnail { float: left; overflow: hidden; margin: 0px 0px 0px 0; height: 335px; width: 335px; background:none; padding: 0px; border: 1px solid #cccccc; margin: 7; margin-left: 15; margin-right: 15; top:0; } .thumbnail img { overflow: hidden; max-width: auto; display: inline; } figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 0px 0px 0; } figcaption { position: absolute; background: black; background: rgba(0,0,0,0.75); color: white; padding: 10px 0px; opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; width:91.3%; margin: 0 0px 8px 16; } figure:hover figcaption { opacity: 1; } figure:before { content: "Hover for Description"; position: absolute; font-weight: 0; background: black; background: rgba(0,0,0,0.75); text-shadow: 0 0 0px white; color: #ffca24; width: 335px; height: 24px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0; margin: 0 0px -3px 0; } figure:hover:before { opacity: 0; } .cap-left:before { bottom: 11px; left: 16px; } .cap-left figcaption { bottom: 0; left: 0%; } .cap-left:hover figcaption { left: 0; } .cap-right:before { bottom: 10px; right: 10px; } .cap-right figcaption { bottom: 0; right: 0%; } .cap-right:hover figcaption { right: 0; } .cap-top:before { top: 10px; left: 10px; } .cap-top figcaption { left: 0; top: 0%; } .cap-top:hover figcaption { top: 0; } .cap-bot:before { bottom: 10px; left: 10px; } .cap-bot figcaption { left: 0; bottom: 0%;} .cap-bot:hover figcaption { bottom: 0; } /** LIGHTBOX MARKUP **/ .lightbox { /** Default lightbox to hidden */ display: none; /** Position and style */ position: fixed; z-index: 999; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox img { /** Pad the lightbox image */ height: 85%; max-height: 85%; max-width: ; margin-top: 3%; } .lightbox:target { /** Remove default browser outline */ outline: none; /** Unhide lightbox **/ display: block; </style> <div align="bannerframe"> <iframe name="bannerframe" width="100%" height="500" frameborder="0" src="http://www.hitotsunoneko.com/bannerframe.htm"></iframe> </div> <body> <div align="center"> <div id="content"> <iframe name="galleryframe" width="230" height="5000" frameborder="0" src="http://www.hitotsunoneko.com/galleryframe.htm" align="left"></iframe> <FONT FACE=arial COLOR=#ffca24 SIZE=6> <br> <div><div style="padding-left: 10px;"><font style="background-color:#000000;"><b>VOCALOID</b></div></font> <p> <div><div style="padding-left: 10px;"><font style="background-color:#000000;"><b>Page 1</b></div></font> <p> <FONT FACE=arial COLOR=#ffca24 SIZE=6> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img20"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img20"> <img src="./20.jpg"> </a> <img id="image" border="0" src="./20.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>K0j0W00n0j00k0J0|000 / Kanashimi no Nami ni Oboreru <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img19"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img19"> <img src="./19.jpg"> </a> <img id="image" border="0" src="./19.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img18"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img18"> <img src="./18.gif"> </a> <img id="image" border="0" src="./18.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img17"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img17"> <img src="./17.gif"> </a> <img id="image" border="0" src="./17.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img16"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img16"> <img src="./16.gif"> </a> <img id="image" border="0" src="./16.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img15"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img15"> <img src="./15.gif"> </a> <img id="image" border="0" src="./15.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img14"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img14"> <img src="./14.gif"> </a> <img id="image" border="0" src="./14.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img13"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img13"> <img src="./13.gif"> </a> <img id="image" border="0" src="./13.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img12"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img12"> <img src="./12.gif"> </a> <img id="image" border="0" src="./12.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img11"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img11"> <img src="./11.gif"> </a> <img id="image" border="0" src="./11.gif"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>000000 / Bad Boy <p> SAI, Photoshop, Emofuri </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img10"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img10"> <img src="./10.jpg"> </a> <img id="image" border="0" src="./10.jpg">< <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2014</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>Nju}YM0j000n0000 / Favorite Kagamine Len Modules <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img9"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img9"> <img src="./9.jpg"> </a> <img id="image" border="0" src="./9.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2013</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>Yn0^)nK0D0_N_0a0 / Flower of Summer ~ Warm-Hearted Friends <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img8"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img8"> <img src="./8.jpg"> </a> <img id="image" border="0" src="./8.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2012</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br> 0To0ssY0Po0SO 0 / "You're the princess, I'm the servant." <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img7"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img7"> <img src="./7.jpg"> </a> <img id="image" border="0" src="./7.jpg"></a> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2012</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>0000000000 2 / Paradichlorobenzene 2 <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img6"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img6"> <img src="./6.jpg"> </a> <img id="image" border="0" src="./6.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2012</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>0000000000 / Paradichlorobenzene <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img5"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img5"> <img src="./5.jpg"> </a> <img id="image" border="0" src="./5.jpg"></a> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2012</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br> 0|0O0n0Lk0M0D0f00B00L0h0F0 0 / "Thanks for listening to my songs." <p>SAI </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img4"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img4"> <img src="./4.jpg"> </a> <img id="image" border="0" src="./4.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2012</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br> 0|0O0`00 0 / "It's me!" <p>SAI </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img3"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img3"> <img src="./3.jpg"> </a> <img id="image" border="0" src="./3.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2011</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br> 0j00UO`0 0 / "W-What?" <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img2"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img2"> <img src="./2.jpg"> </a> <img id="image" border="0" src="./2.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2011</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>SIT DOWN PLEASE <p>SAI, Photoshop </figcaption> </div> </figure> <figure class="cap-left"> <div class="thumbnail"> <!-- Lightbox usage markup --> <!-- thumbnail image wrapped in a link --> <a href="#img1"> <h1><img src="http://www.hitotsunoneko.com/iconviewfullimage.png"></a></h1> </a> <!-- lightbox container hidden with CSS --> <a href="#_" class="lightbox" id="img1"> <img src="./1.jpg"> </a> <img id="image" border="0" src="./1.jpg"> <figcaption> <FONT FACE=arial COLOR=#ffca24 SIZE=3> <br><b>2010</b> <FONT FACE=arial COLOR=#ffca24 SIZE=2> <br>00 / Kagamine Len <p>SAI </figcaption> </div> </figure> </font> </center> <p> <iframe name="bottomframe" width="964" height="50" frameborder="0" src="http://www.hitotsunoneko.com/bottomframe.htm"></iframe> <FONT FACE=arial COLOR=#ffffff SIZE=4> <a href="#top"><b>Top</b></a> <br> <br> <br> </body> </html>