Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--LAYOUTS BY POSTLIMITWBU -->
- <html lang="en">
- <link rel="shortcut icon" href="http://fc02.deviantart.net/fs71/f/2013/003/2/6/moon_favicon_by_j4smini-d5qalsu.png" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
- </script>
- <script src="jquery.js"></script>
- <script>
- $(document).ready(function(){
- $("#flip").click(function(){
- $("#panel").slideToggle("slow");
- });
- });
- </script>
- <script src="jquery.js"></script>
- <script>
- $(document).ready(function(){
- $("#flip2").click(function(){
- $("#panel2").slideToggle("slow");
- });
- });
- </script>
- <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script type='text/javascript' src='http://static.tumblr.com/9gowv7u/L0wmka6g3/lolz.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/p2evvtm/Wycm17d1m/tumblr_search_box.js"></script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <style type="text/css">
- div#qTip {
- padding-top: 3px;
- padding-bottom: 3px;
- padding-right: 3px;
- padding-left: 3px;
- height: auto;
- display: none;
- margin-left: 15px;
- font-style: bold;
- color:#aaa;
- font-size: 10px;
- font-family: consolas;
- text-align: center;
- position: absolute;
- box-shadow:1px 1px 3px #bbb;
- border: solid 1px #ddd;
- line-height:12px ;
- z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
- background:#FFf;
- }
- a.btn{-webkit-filter: invert(100%);position:absolute;z-index:999999;top:26px;right:3px;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;text-overflow:ellipsis;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: none;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
- #skinnylove{
- position:fixed;
- background:#FFDFDD;
- display:block;
- text-align:center;
- z-index:2;
- height:22px;
- width:90px;
- margin-top:97px;
- margin-left:501px;
- color:#fff;
- font-family:'consolas', cursive;
- font-size:17px;
- line-height:23px;
- text-transform:uppercase;
- z-index:9999999999999999999999999999999999999999999999999999999;
- overflow:hidden;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #skinnylove:hover{
- background:white;
- color:#aaa;
- }
- #skinnylove a{
- color:#fff;
- }
- #skinnylove a:hover{
- color:#aaa;
- }
- #panel,#flip{
- position:relative;
- display:inline-block;
- z-index:999999999999;
- height:20px;
- width:275px;
- margin-top:150px;
- margin-left:60px;
- text-align:center;
- color:#fff;
- font-family:'consolas', cursive;
- font-size:15px;
- line-height:19px;
- opacity:10;
- padding:3px;
- padding-left:3px;
- background:#FFDFDD;
- font-weight:none;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- #flip:active{
- background:#eee;
- }
- #panel{
- background:transparent;
- display:inline-block;
- width:275px;
- height:auto;
- font-family:'calibri', cursive;
- font-size:10px;
- line-height:15px;
- letter-spacing:0px;
- text-transform:none;
- text-align:left;
- margin-top:0px;
- color:#aaa;
- display:none;
- }
- #ahs {
- height:24px;
- width:90px;
- color:#fff;
- font-family:'consolas', cursive;
- font-size:17px;
- line-height:23px;
- margin-top:5px;
- opacity: 1;
- margin-left:0px;
- text-align:center;
- background:#FFDFDD;
- border-right:white 4px solid;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- #ahs:hover{
- background:white;
- color:#aaa;
- }
- #ahs a{
- color:#fff;
- }
- #ahs a:hover{
- color:#aaa;
- }
- #ahs2 {
- height:24px;
- width:90px;
- color:#fff;
- font-family:'consolas', cursive;
- font-size:17px;
- line-height:23px;
- margin-top:-24px;
- opacity: 1;
- margin-left:94px;
- border-right:white solid 4px;
- text-align:center;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- background:#FFDFDD;
- }
- #ahs2:hover{
- background:white;
- color:#aaa;
- }
- #ahs2 a{
- color:#fff;
- }
- #ahs2 a:hover{
- color:#aaa;
- }
- #ahs3 {
- height:24px;
- width:90px;
- color:#fff;
- font-family:'consolas', cursive;
- font-size:17px;
- line-height:23px;
- margin-top:-24px;
- opacity: 1;
- margin-left:187px;
- text-align:center;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- background:#FFDFDD;
- }
- #ahs3:hover{
- background:white;
- color:#aaa;
- }
- #ahs3 a{
- color:#fff;
- }
- #ahs3 a:hover{
- color:#aaa;
- }
- ::-webkit-scrollbar-thumb{
- background-color: #FFDFDD;
- border: 2px solid #ffffff;
- height:2px;
- -moz-border-radius: 15px;
- border-radius: 15px;
- }
- ::-webkit-scrollbar {
- height:5px;
- width:9px;
- background-color: #fff;
- border: 4px solid transparent;
- }
- iframe#tumblr_controls {
- opacity:.8;
- top: 0% !important;
- right:0% !important;
- position: fixed !important;
- -webkit-filter: invert(100%) ;
- z-index:9999999999999999999999999999999999999999999999999999;
- }
- body{
- background-color:#f7f7f7;
- font-family:'Patrick Hand', cursive;
- font-size:14px;
- line-height:14px;
- background-image:url(');
- }
- a:link, a:active, a:visited{
- color:#aaa;
- border-bottom:solid 1px transparent;
- text-decoration:none;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- a:hover{
- color:#aaa;
- text-decoration:none;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- div#cage{
- margin: auto;
- position:relative;
- width: 1000px;
- overflow: hidden;
- color:transparent;
- margin-left: 6%;
- }
- div#content{
- float: left;
- width: 800px;
- padding: 0px;
- background: transparent;
- margin-left: 415px;
- margin-top: 120px;
- }
- div#center{
- margin: auto;
- position: relative;
- width: 1000px;
- background-color: transparent;
- overflow: auto;
- overflow-y: hidden;
- }
- body, a, a:hover {cursor: url(http://static.tumblr.com/anvbwtn/VKMms5q1c/cursor.png), progress;}
- #shitzu{
- opacity:1;
- position:fixed !important;
- width: 320px;
- height:23px;
- color:#aaa;
- font-family:'consolas', cursive;
- font-size:15px;
- line-height:20px;
- margin-left:525px;
- margin-top:55px;
- padding:5px;
- overflow:auto;
- text-align:center;
- background:white;
- padding-bottom: 3px;
- z-index: 99999999999999;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- #shitzu:hover{
- background:#FFDFDD;
- color:#fff;
- }
- #cay{
- opacity:1;
- position:fixed !important;
- width: 320px;
- height:103px;
- color:#aaa;
- font-family:'calibri', cursive;
- font-size:10px;
- line-height:15px;
- margin-left:520px;
- margin-top:110px;
- padding:5px;
- overflow:auto;
- text-align:center;
- padding-bottom: 3px;
- z-index: 9999999999;
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- transition: all 0.7s linear;
- }
- #faq{
- opacity:0.6;
- position:fixed !important;
- background:#eee;
- border-left:10px solid #fff;
- border-right:10px solid #fff;
- border-bottom:10px solid #fff;
- width: 480px;
- height:225px;
- font-size:14px;
- line-height:17px;
- margin-left:440px;
- margin-top:47px;
- padding:3px;
- text-align:left;
- overflow:auto;
- padding-bottom: 3px;
- z-index: 9999999;
- }
- #ld{
- opacity:0.6;
- position:fixed !important;
- background-image:url('http://static.tumblr.com/niqonfz/Qrgmyzy8j/diamond_upholstery.png');
- border-bottom:6px solid #fff;
- width: 23480px;
- height:65px;
- font-size:14px;
- line-height:17px;
- margin-left:-50px;
- margin-top:-30px;
- padding:3px;
- text-align:left;
- overflow:auto;
- padding-bottom: 3px;
- }
- #boxe{
- opacity:1;
- position:fixed !important;
- background-image:url('http://static.tumblr.com/niqonfz/Qrgmyzy8j/diamond_upholstery.png');
- border:6px solid #fff;
- width: 450px;
- height:215px;
- font-size:20px;
- line-height:147px;
- margin-left:460px;
- margin-top:220px;
- Font-family:calibri;
- color:#fff;
- padding:3px;
- text-align:center;
- overflow:auto;
- padding-bottom: 3px;
- z-index: 9999999;
- }
- .left{
- float: left;
- margin-right: 20px;
- width: 1000px;
- }
- .right{
- float: right;
- width: 200px;
- background-color: ;
- }
- ul, ol, li{
- list-style: none;
- margin: 0px;
- padding: 0px;
- }
- iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-
- transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- ::selection {
- background:#FFDFDD; /* IDK LOL */
- color:white ;
- }
- ::-webkit-selection {
- background:#FFDFDD; /* Chrome */
- color:white;
- }
- </style>
- <body>
- </div>
- <title>Nav!</title>
- <a class="btn" title="{Name}" href="/" style="position:fixed; right:7px; top: 3px"> ↺ Back to my Blog<a></a></a>
- <meta name="viewport" content="width=80" />
- <div id="faq"></div><div id="ld"></div>
- <div id="shitzu">Navigate yourself</div>
- <!--Start links -->
- <a id="skinnylove" title="title hover" href="/">Cool</a>
- <a id="skinnylove" title="title hover"style="margin-left:600px" href="/">Ass</a>
- <a id="skinnylove" title="title hover"style="margin-left:697px" href="/">Links</a>
- <a id="skinnylove" title="title hover"style="margin-left:794px" href="/">Like</a>
- <a id="skinnylove" title="title hover"style="margin-top:134px" href="/">:))</a>
- <a id="skinnylove" title="title hover"style="margin-left:600px;margin-top:134px" href="/">watah</a>
- <a id="skinnylove" title="title hover"style="margin-left:697px;margin-top:134px" href="/">lovely</a>
- <a id="skinnylove" title="title hover"style="margin-left:794px;margin-top:134px" href="/">frick</a>
- <a id="skinnylove" title="title hover"style="margin-top:170px" href="/">idek</a>
- <a id="skinnylove" title="title hover"style="margin-left:600px;margin-top:170px" href="/">very</a>
- <a id="skinnylove" title="title hover"style="margin-left:697px;margin-top:170px" href="/">pretty</a>
- <a id="skinnylove" title="title hover"style="margin-left:794px;margin-top:170px" href="/">layout</a>
- <a id="skinnylove" title="title hover"style="margin-top:205px" href="/">idek</a>
- <a id="skinnylove" title="title hover"style="margin-left:600px;margin-top:205px" href="/">I</a>
- <a id="skinnylove" title="title hover"style="margin-left:697px;margin-top:205px" href="/">love</a>
- <a id="skinnylove" title="title hover"style="margin-left:794px;margin-top:205px" href="/">Niall</a>
- <div id="flip">MY FRIENDS<i>+</i></div>
- <div id="panel">
- <div id="ahs"> <a title="title hover" href="/">FRIENDS</a> </div>
- <div id="ahs2"> <a title="title hover" href="/">OMG</a> </div>
- <div id="ahs3"> <a title="title hover" href="/">IF</a> </div>
- <div id="ahs"> <a title="title hover" href="/">you</a> </div>
- <div id="ahs2"> <a title="title hover" href="/">have</a> </div>
- <div id="ahs3"> <a title="title hover" href="/">any</a> </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement