Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <!-------------------------------------------
- Code by elsaofarendelle.
- Don't copy or distribute.
- Don't claim as your own.
- -------------------------------------------->
- <head>
- <title>Navigation</title>
- <link rel="shortcut icon" href="https://31.media.tumblr.com/9e1d9727251fc920c698018e66b7d085/tumblr_n60igtfdqJ1tpb7s5o1_100.jpg"> <!-----CHANGE THE ICON ON THE TAB HERE----->
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Playfair+Display" />
- <style type="text/css">
- /*--- fonts start ---*/
- /* --- fonts end --- */
- /* --- scrollbar start --- */
- ::-webkit-scrollbar {
- height: 0px;
- width: 5px;
- background: none;
- }
- ::-webkit-scrollbar-thumb {
- border: 5px solid #919191;
- -webkit-border-radius: 6px;
- -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
- }
- ::-webkit-scrollbar-corner{
- background: transparent;
- }
- /* --- scrollbar end --- */
- /* --- body start --- */
- body {
- background-color: #eee;
- background-image: url("");
- background-repeat: repeat;
- }
- a {
- text-decoration: none;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- transition: 0.5s;
- color: #000;
- }
- a: hover {
- text-decoration: none;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- transition: 0.5s;
- color: white;
- }
- b {
- text-transform: bold;
- color: #aab7b9;
- text-shadow:0px 0px 5px #fff;
- letter-spacing:1px;
- font-family: 'Dancing Script', cursive;
- font-size:15px;
- }
- i, em {
- text-transform: italic;
- color: #aab7b9;
- text-shadow:2px 2px 3px #000;
- letter-spacing:1px;
- font-family: 'Dancing Script', cursive;
- font-size:15px;
- }
- /* --- body end --- */
- /* --- columns start --- */
- #columns {
- width: 200px;
- height: 400px;
- margin-top: 170px;
- position: fixed;
- border-top: 40px none #919191;
- }
- #column1 {
- margin-left: 260px;
- }
- #column2 {
- margin-left: 480px;
- }
- #column3 {
- margin-left: 700px;
- }
- #column4 {
- margin-left: 920px;
- }
- /* --- columns end --- */
- /* --- links start --- */
- .linkage {
- width: 100%;
- height: 15px;
- margin-top: 10px;
- padding-top: 2px;
- background-color: #546a88;
- border: 3px double #eee;
- text-align: center;
- font-size: 11px;
- font-family: 'Sorts Mill Goudy', serif;
- }
- .linkage a {
- color: #eee;
- }
- /* --- links end --- */
- /* --- column titles start */
- .titles {
- font-family:'Playfair Display', serif;
- color: #546a88;
- font-size: 27px;
- position: fixed;
- margin-top: -38px;
- margin-left: 77px;
- text-transform:uppercase;
- }
- /* --- column titles end --- */
- /* --- headers start ---*/
- #header{
- font-family:'Playfair Display', serif;
- color: #546a88;
- text-align:center;
- font-size: 35px;
- position: fixed;
- margin-top: auto;
- margin-left:595px;
- margin-top:30px;
- text-transform:uppercase;
- }
- #header img 1 {
- margin-top:5px;
- margin-left:300px;
- position:fixed;
- }
- #header img 2 {
- margin-top:250px;
- margin-left:200px;
- position:fixed;
- }
- /* --- headers end --- */
- /* --- navi links --- */
- #navi{
- color:#eee;
- background-color:#546a88;
- border: 3px double #eee;
- font-family:'Playfair Display', serif;
- text-transform:uppercase;
- font-size:17px;
- margin-top:110px;
- margin-left:540px;
- width:300px;
- height:30px;
- position:fixed;
- line-height:165%;
- }
- #navi a{
- color:#eee;
- }
- /* --- navi links end --- */
- /* --- ask box --- */
- .popup_block{
- display:none;
- background:#transparent;
- padding:20px;
- border:1px none #fff;
- width: 300px;
- height: 400px;
- overflow-y:scroll;
- overflow-x:hidden;
- float:left;
- position:fixed;
- top:60%;left:702.5px;
- z-index: 99999;
- -webkit-box-shadow: 0px 0px 0px #000;
- -moz-box-shadow: 0px 0px 0px #000;
- box-shadow: 0px 0px 0px #000;
- }
- *html #fade {position: absolute;}
- *html .popup_block .popup_block2 .popup_block3 .popup_block4 .popup_block5 {position: absolute;}
- #fade {
- display:none;
- position:fixed;
- left:0px;
- top:0px;
- width:100%;
- height:100%;
- z-index:9999;
- background:none;
- opacity:0.5;
- }
- /* --- ask box end --- */
- </style>
- </head>
- <body>
- <!--FIRST COLUMN STARTS-->
- <div id="column1">
- <div id="columns">
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(canon)">Canon</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(headcanon)">Headcanons</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(arendelle)">Arendelle</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(born of cold & winter air)">Elsa</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(we know better)">Elsa & Anna</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(drabbles)">Drabbles</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(aesthetic)">Aesthetic</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(meta)">Character Meta</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(chocolate!)">Chocolate!</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(snowflakes)">Snowflakes</a>
- </div>
- </div>
- </div>
- <!--FIRST COLUMN ENDS-->
- <!--SECOND COLUMN STARTS-->
- <div id="column2">
- <div id="columns">
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(open)">Open Starters</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(memes)">Memes</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(answered)">Answered Asks</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(prompts)">Drabble Prompts</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(wishlist)">Wishlist</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(addendum)">Rule Addendums</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/threads">Thread Tracker</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(awesome people)">Follow Forever</a>
- </div>
- <div class="linkage">
- <a href="/">link</a>
- </div>
- <div class="linkage">
- <a href="/">link</a>
- </div>
- </div>
- </div>
- <!--SECOND COLUMN ENDS-->
- <!--THIRD COLUMN STARTS-->
- <div id="column3">
- <div id="columns">
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/commissions">Commissions</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(icon things)">My Icon Tutorials</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(coding things)">My Coding Tutorials</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(ps help)">PS Tutorials By Others</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(coding help)">Coding Tutorials By Others</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(my graphics)">My Graphics</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged(writing tips)">Writing Tips</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(roleplaying tips)">Roleplaying Tips</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(ooc)">Out Of Character Posts</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/blogs">My Other Roleplays</a>
- </div>
- </div>
- </div>
- <!--THIRD COLUMN ENDS-->
- <!--FOURTH COLUMN STARTS-->
- <div id="column4">
- <div id="columns">
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/elsa icons">Elsa Icons</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/anna icons">Anna Icons</a>
- </div>
- <div class="linkage">
- <a href="/">Kristoff Icons</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/hans icons">Hans Icons</a>
- </div>
- <div class="linkage">
- <a href="/">Ingrid Icons</a>
- </div>
- <div class="linkage">
- <a href="/">Helga Icons</a>
- </div>
- <div class="linkage">
- <a href="/">Gerda Icons</a>
- </div>
- <div class="linkage">
- <a href="/">Duke of Weselton Icons</a>
- </div>
- <div class="linkage">
- <a href="/">Oaken Icons</a>
- </div>
- <div class="linkage">
- <a href="http://elsaofarendelle.tumblr.com/tagged/(icon gallery)">Icon Gallery</a>
- </div>
- </div>
- </div>
- <!--FOURTH COLUMN ENDS-->
- <!--CODE FOR THE HEADER AND NAVI-->
- <div id="header">Navigation</div>
- <center><div id="header img 1"><img src=""></div></center>
- <br>
- <center><div id="header img 2"><img src=""></div></center>
- <div id="navi">
- <center>
- <a href="http://elsaofarendelle.tumblr.com">back</a>
- <a href="/dashboard">dashboard</a>
- <a href="#?w=400" rel="box1" class="poplight">ask</a>
- </center>
- </div>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade, .popup_block, .popup_block2, .popup_block3, .popup_block4, .popup_block5').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <div id="box1" class="popup_block">
- <center><p><iframe frameborder="0" height="270" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/url.tumblr.com" width="100%"></iframe></p></center>
- </div>
- </div></div></div></div></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement