<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> fluff fluff
::-webkit-scrollbar { width: 7px; height: 4px; background-color: #ccc; border:3px solid #fff; } ::-webkit-scrollbar-thumb { background-color: #f0f0f0; } body{ -webkit-font-smoothing: antialiased; font-family:Arial, Helvetica, sans-serif; font-size: 10px; background-attachment: fixed; background-repeat: repeat; color: #a0a0a0; background-color:#fff; background-image: url(); } a:link, a:active, a:visited{ color: #a0a0a0; foont-style:tailic; letter-spacing:1px; text-decoration: none; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } h1{ font-family: 'Nixie One', cursive; font-size:30px; line-height:33px; margin-left:495px; background:#fff; padding:8px 30px; color:#ccc; border-radius:5px 5px 0 0; font-weight:400; font-style:normal; margin-top:-10px; position:fixed; letter-spacing:-2px; text-transform:uppercase; -webkit-transform-origin: 0 0; -moz-transform-origin:0 0; -ms-transform-origin: 0 0; -o-transform-origin:0 0; -webkit-transform: rotate(90deg); -moz-transform:rotate(90deg); -ms-transform: rotate(90deg); -o-transform:rotate(90deg); } h1:first-letter{ color:#69dde3; } .a{ text-align:left; left:180px; top:0; overflow:auto; width:66%; height:375px; height:375px; position:absolute; background:#fff; clear:both; font:10px arial; line-height:16px; } .a img{ max-width:150px; padding:10px; background:#fff; margin:4px; border:3px double #f2f2f2; } #name{ background:#fff; color:#898; padding:2px 7px; margin-top:20px; position:absolute; opacity:0; text-align:center; font:7px trebuchet ms; text-transform:uppercase; letter-spacing:1px; } #linked{ height:160px; margin-top:25%; align:center; } #linked td a:hover{ background:#69dde3; color:#fff; } #linked td a{ display:block; padding:20px 30px; text-align:center; font:7px trebuchet ms; text-transform:uppercase; letter-spacing:2px; background:#fafafa; color:#a0a0a0; } img{ max-width:100%; } #center{ position:fixed; margin:-225px 0 0 -315px; left:50%; top:50%; width:630px; height:450px; } #left{ width:176px; height:100%; float:left; } #portrait{ width:150px; max-width:150px; height:410px; overflow:hidden; padding:10px; background:#fff; border:3px double #eee; } .navi{ position:absolute; left:25px; top:50%; border:10px solid rgba(0,0,0,.1); opacity:1; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .link{ padding:10px 0; background:#fff; } .link a{ display:block; text-align:center; width:105px; color:#a0a0a0; font:italic 7px trebuchet ms; text-transform:uppercase; letter-spacing:1px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .link a:hover,.link:hover{ color:transparent; padding:15px 0; background:#fff; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .b, .b a{ width:12px; display:inline-block; font-size:22px; line-height:16px; color:#f5636e; } .b2, .b2 a{ width:12px; display:inline-block; font-size:22px; line-height:16px; color:#f1b776 ; } .b3, .b3 a{ width:12px; display:inline-block; font-size:22px; line-height:16px; color:#f8c5c4; } .b4, .b4 a{ width:12px; display:inline-block; font-size:22px; line-height:16px; color:#69dde3; } .b:hover #name,.b2:hover #name,.b3:hover #name,.b4:hover #name{ opacity:1; } #right{ width:445px; height:435px; float:right; } #follow{ margin-left:-27px; clear:both; display:block; } #follow img{ padding:3px; border:1px solid #f2f2f2; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } #follow img:hover{ filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } ul { list-style: none; margin:0 auto; } li { float: left; margin:5px; } #s-m-t-tooltip{ max-width:200px; color:#fff; margin:7px 0px 0px 10px; z-index:10; background-color:#69dde3; font:7px trebuchet ms; letter-spacing:1px; text-transform:uppercase; padding:5px 10px; } home inbox Credit
■clear
■about
I might seem boring now, but if you got to know me even more probably I am the loudest person you've ever met.