Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- ✧ * ☾ destinatiia.tumblr.com * ✧
- - you're allowed edit as much as you want, but don't repost and claim as your own afterwards.
- - don't move the credit or put it in another page
- - don't take fragments from this code and paste it on your own. it's rude as i worked real hard on this one so.
- - base code made by neonbikethemes as always,,,, absolutely blessed for their existence thank u
- - the icons in the preview were NOT made by me so credit to their rightful owners
- - enjoy !! and if you have any questions and/or problems just hmu
- -->
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="color:background" content="#ffffff" />
- <meta name="color:links" content="#000000" />
- <meta name="color:links hover" content="#a0a0a0" />
- <meta name="color:text" content="#000000" />
- <meta name="color:b" content="#000000" />
- <meta name="color:i" content="#000000" />
- <meta name="color:title color" content="#000000" />
- <meta name="color:descbox" content="#eee" />
- <meta name="color:sidebar" content="#f7f7f7" />
- <meta name="color:sidebar borders" content="#ffffff" />
- <meta name="color:sidebar links bg" content="#eee" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="color:container" content="#f7f7f7" />
- <meta name="color:accent" content="#fff" />
- <meta name="text:ur title here" content="title here" />
- <meta name="text:ur url here" content="destinatiia" />
- <meta name="text:link 1" content="/" />
- <meta name="text:link 2" content="/" />
- <meta name="text:link 3" content="/" />
- <meta name="text:link 4" content="/" />
- <meta name="text:link 5" content="/" />
- <meta name="text:link 6" content="/" />
- <meta name="text:link 7" content="/" />
- <meta name="text:link 8" content="/" />
- <meta name="text:link 1 text" content="link" />
- <meta name="text:link 2 text" content="link" />
- <meta name="text:link 3 text" content="link" />
- <meta name="text:link 4 text" content="link" />
- <meta name="text:link 5 text" content="link" />
- <meta name="text:link 6 text" content="link" />
- <meta name="text:link 7 text" content="link" />
- <meta name="text:link 8 text" content="link" />
- <meta name="image:sidebar icon" content="" />
- <meta name="image:header" content="" />
- <meta name="image:mun icon 1" content="" />
- <meta name="image:mun icon 2" content="" />
- <meta name="image:mun icon 3" content="" />
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
- <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
- <link href='https://fonts.googleapis.com/css?family=Montserrat:400' rel='stylesheet' type='text/css'>
- <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <script type="text/javascript">
- /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
- $(document).ready(function() {
- function photosetResize() {
- $('iframe.photoset').each(function(){
- var newSize = 400;
- var newSrc = $(this).attr('src').replace('500',newSize);
- $(this).attr('src', newSrc).width(newSize);
- var high = $(this).css('height');
- var calculate = parseInt(high, 10)* newSize/500;
- $(this).css('height', calculate);
- });
- }
- photosetResize();
- });
- </script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".dd").hide();
- //toggle the componenet with class msg_body
- jQuery(".yeahso").click(function()
- {
- jQuery(this).next(".dd").slideToggle(500);
- });});
- function showDiv() {
- $('#townmap').show();
- $('#townlistings').hide();
- }
- function showListings() {
- $('#townlistings').show();
- $('#townmap').hide();
- }
- </script>
- <style type="text/css">
- /* ---------------------------- GENERAL ----------------------------- */
- /* -------- SELECTION TOOL ------- */
- ::-moz-selection {
- background: {color:accent};
- color: {color:background};
- }
- ::selection {
- background: {color:accent};
- color: {color:background};
- }
- /* -------- SCROLLBAR ------- */
- ::-webkit-scrollbar {
- width: 0.3px;
- visibility:hidden;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background:{color:background};
- visibility:hidden;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background:{color:text};
- visibility:hidden;
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- background: transparent;
- visibility:hidden;
- }
- /* ------- TOOLTIPS ------ */
- #s-m-t-tooltip {
- max-width:300px;
- padding:7px;
- margin:10px 0px 0px 10px;
- background-color:{color:container};
- border-radius:10px;
- font-family:'montserrat',sans serif;
- font-size:10px;
- color:{color:accent};
- box-shadow: 3px 3px 5px #999;
- z-index:999999999999999999999999999999999999;
- }
- /* -------- BASICS ------- */
- body {
- background-color:{color:background};
- background-image:url('{image:background}');
- color: {color:text};
- overflow-y:hidden;
- overflow-x:auto;
- font-family: 'calibri', sans serif;
- font-size: 10px;
- margin: 0;
- letter-spacing:0.5px;
- padding: 0;
- word-wrap: break-word;
- line-height:160%;
- }
- sup, sub, small {
- font-size:9px;
- }
- h1 {
- font-family:'montserrat', sans serif;
- font-size:24px;
- color: {color:accent};
- }
- h2 {
- font-family:'montserrat', sans serif;
- font-size:18px;
- font-style:italic;
- color: {color:accent};
- }
- a {
- color: {color:links};
- text-decoration: none;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- b, strong {
- color: {color:b};
- font-family:'montserrat', sans serif;
- }
- i, em,italic {
- color: {color:i};
- font-family:'montserrat', sans serif;
- }
- s, strike {
- color: {color:b};
- font-family:'montserrat', sans serif;
- }
- u,underline {
- color: {color:i};
- font-family:'montserrat', sans serif;
- }
- a:hover{
- color:{color:links hover};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- blockquote {
- border-left: 1px solid {color:accent};
- margin: 10px;
- padding-left:25px;
- padding-top:3px;
- padding-bottom:3px;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- p{
- margin-bottom:10px;
- }
- img {
- height: auto;
- width:auto;
- max-width:100%;
- }
- h1{
- text-transform:uppercase;
- font-size:13px;
- }
- ul{
- list-style-type:circle;
- }
- ol{
- list-style-type:;
- }
- #bigcon{
- width:520px;
- margin-left:auto;
- margin-right:auto;
- }
- /* ----------------------------- HEADER STUFF ---------------------------*/
- #urtitle {
- color:{color:title color};
- font-family: 'montserrat', sans-serif;
- font-size:22px;
- font-weight:bold;
- z-index:9;
- margin-left:30px;
- width:190px;
- margin-top:590px;
- height:13px;
- line-height:100%;
- overflow:hidden;
- position:fixed;
- padding-bottom:10px;
- text-align:right;
- }
- #navbar {
- display:inline-block;
- z-index:9;
- margin-left:100px;
- color:{color:accent};
- font-family: 'montserrat', sans-serif;
- font-size:22px;
- font-weight:bold;
- padding-top:5px;
- padding-bottom:5px;
- padding-right:5px;
- padding-left:20px;
- background:{color:sidebar links bg};
- margin-left:-140px;
- width:346px;
- margin-top:574px;
- line-height:200%;
- position:fixed;
- text-align:left;
- }
- #navbar a:hover {
- letter-spacing:7px;
- -webkit-transition:all 0.9s linear;
- -moz-transition:all 0.9s linear;
- -ms-transition:all 0.9s linear;
- -o-transition:all 0.9s linear;
- transition:all 0.9s ease;
- }
- #sidebox{
- background-image:url('{image:header}');
- background-repeat:no-repeat;
- background-color:{color:sidebar};
- width:370px;
- line-height:100%;
- margin-left:-140px;
- margin-top:347px;
- height:228px;
- position:fixed;
- }
- #descbox {
- width:195px;
- margin-top:370px;
- overflow:auto;
- height:90px;
- z-index:9;
- padding-top:10px;
- padding-left:115px;
- padding-right:10px;
- padding-bottom:10px;
- margin-left:-15px;
- opacity:0.65;
- text-align:justify;
- background:{color:descbox};
- position:fixed;
- }
- #sidebaricon {
- border-radius:50px;
- z-index:99;
- line-height:100px;
- position:fixed;
- margin-left:0px;
- margin-top:380px;
- }
- #sidebaricon img {
- border-radius:60px;
- border: solid 10px {color:sidebar borders};
- width:70px;
- text-align:center;
- position:fixed;
- }
- .bubble
- {
- position: relative;
- width: 80px;
- height: 50px;
- letter-spacing:0.5px;
- line-height:130%;
- padding: 10px;
- background: {color:descbox};
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- }
- .bubble:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 0 5px 6px;
- border-color: {color:descbox} transparent;
- display: block;
- width: 0;
- z-index: 1;
- top: -6px;
- left: 140px;
- }
- .bubble2
- {
- position: relative;
- width: 80px;
- height: 50px;
- letter-spacing:0.5px;
- line-height:130%;
- padding: 10px;
- background: {color:descbox};
- -webkit-border-radius: 7px;
- -moz-border-radius: 7px;
- border-radius: 7px;
- }
- .bubble2:after
- {
- content: '';
- position: absolute;
- border-style: solid;
- border-width: 0 5px 6px;
- border-color: {color:descbox} transparent;
- display: block;
- width: 0;
- z-index: 1;
- top: -6px;
- left: 10px;
- }
- .pagination{
- position:static;
- margin-top:100px;
- text-align:center;
- }
- .pagibutton{
- position:relative;
- text-align:center;
- display:inline-block;
- color:{color:bold};
- padding:10px;
- }
- .tabcontent {
- position:static;
- margin-top:347px;
- margin-left:245px;
- width: 460px;
- margin-right:auto;
- height:360px;
- padding:20px;
- overflow:auto;
- background-color:{color:container};
- text-align:center;
- margin-bottom:200px;
- }
- #postcontainer {
- position:fixed;
- margin-top:336px;
- margin-left:245px;
- z-index:9;
- margin-right:auto;
- width: 420px;
- padding:20px;
- overflow:auto;
- background-color:{color:container};
- height: 320px;
- margin-bottom:200px;
- }
- .dropdown {
- width:360px;
- z-index:99;
- background-color:{color:sidebar borders};
- height:auto;
- position:static;
- padding:10px;
- font-family:'montserrat', sans serif;
- font-size:11px;
- text-align:center;
- margin-left:223px;
- border-bottom:1px solid {color:accent};
- margin-top:230px;
- }
- .yeahso {
- font-family:'montserrat', sans serif;
- font-size:16px;
- color:{color:accent};
- }
- .dd{
- margin-top:5px;
- line-height:150%;
- letter-spacing:10px;
- }
- .dd a:hover{
- background-color:{color:sidebar borders};
- opacity:0.5;
- }
- .dd img{
- border-radius:50px;
- border:10px solid {color:sidebar};
- width:60px;
- height:60px;
- }
- /* ----------------------------- HEADER STUFF ---------------------------*/
- #topbar{
- position:fixed;
- margin-top:80px;
- margin-bottom:50px;
- text-align:center;
- }
- /* ------------------------------ TABS ------------------------------ */
- .tabs {
- width:100%;
- margin-left:0px;
- display:inline-block;
- }
- /*----- Tab Links -----*/
- /* Clearfix */
- .tab-links:after {
- display:block;
- clear:both;
- content:'';
- }
- .tab-links li {
- margin-right:-3px;
- display:inline-block;
- list-style:none;
- text-transform:uppercase;
- }
- .tab-links a {
- padding-right:7px;
- padding-left:7px;
- display:inline-block;
- color:{color:links};
- transition:all linear 0.15s;
- }
- .tab-links a:hover {
- color:{color:link hover};
- text-decoration:none;
- }
- li.active a, li.active a:hover {
- background:transparent;
- color:{color:accent};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- /*----- Content of Tabs -----*/
- .tab-content {
- }
- .tab {
- display:none;
- }
- .tab.active {
- display:block;
- }
- /* --------------------------- POSTS -------------------------------- */
- article {
- float:left;
- background:{color:posts};
- padding: 10px;
- width: 400px;
- text-align:left;
- margin-bottom:20px;
- }
- /* ---------------------------- POST INFO -----------------------------*/
- .postinfo{
- margin-top:10px;
- text-align:center;
- font-weight:bold;
- font-size:8.5px;
- padding-top:10px;
- border-top: {color:descbox} 1px solid;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- .tags {
- margin-top:5px;
- background:{color:container};
- opacity:0.8;
- font-weight:normal;
- }
- /* ---------------------------- POST NOTES ------------------------- */
- ol.notes {
- display:block;
- text-align:left;
- list-style-type:none;
- margin-left:-40px;
- }
- ol.notes li.note{
- margin-bottom:5px;
- }
- .pagenotes {
- text-align:left;
- margin-top:15px;
- }
- .pagenotes img{
- padding-right:5px;
- padding-top:5px;
- margin-bottom:-5px;
- }
- /* -------------------------- POST TYPES -------------------------- */
- /* CHAT */
- .odd, .even {padding:5px;
- font-size:8px;
- color:{color:accent};
- background-color:{color:container};
- }
- .odd {background-color:{color:accent};color:{color:container};font-size:8px;
- }
- ul.chat{
- list-style:none;
- margin-left:-40px;
- }
- .chat span {
- float: left;
- }
- /* QUOTES */
- .quote{
- font-size:20px;
- padding:20px;
- line-height:150%;
- text-transform:uppercase;
- text-align:center;
- color:{color:b};
- font-style:italic;
- font-family: 'montserrat', sans serif;
- }
- .quotesource{
- text-align:center;
- font-size:13px;
- padding:20px;
- opacity:0.7;
- width:250px;
- margin-bottom:20px;
- margin-top:0px;
- margin-left:50px;
- background:{color:container};
- font-family: 'montserrat', sans serif;
- text-transform:lowercase;
- }
- /* QUESTIONS */
- .question{
- margin-bottom:15px;
- padding:10px;
- }
- .answer {
- font-size:11px;
- }
- .askerimg{
- position:relative;
- display:inline-block;
- margin-right:10px;
- }
- /* AUDIO */
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #ffffff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out;
- }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .newplayerbutton {
- position: relative;
- width: 19px;
- height: 19px;
- overflow: hidden;
- }
- .playerbuttonhug {
- position: absolute;
- top: -18px;
- left: -7px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- -moz-transform: scale(0.60, 0.60);
- -webkit-transform: scale(0.60, 0.60);
- -o-transform: scale(0.60, 0.60);
- -ms-transform: scale(0.60, 0.60);
- transform: scale(0.60, 0.60);
- -moz-transform-origin: top left;
- -webkit-transform-origin: top left;
- -o-transform-origin: top left;
- -ms-transform-origin: top left;
- transform-origin: top left;
- }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- overflow: hidden;
- width: 79px;
- height: 79px;
- }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- }
- .trackdetails {
- width: 280px;
- height:auto;
- margin-top:8px;
- background:{color:sidebar links bg};
- display:inline-block;
- margin-left: 90px;
- padding:10px;
- margin-bottom:17px;
- }
- .audiowrapper {
- position: relative;
- display:inline-block;
- }
- #yo {
- color: {color:accent};
- float:right;
- right:0;
- font-size:7px;
- bottom:0;
- margin-right:10px;
- margin-bottom:10px;
- padding:10px;
- position:fixed;
- background-color:transparent;
- font-weight:bold;
- text-align:center;
- }
- #yo:hover {
- font-size:9px;
- }
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="bigcon">
- <div style="margin-bottom:-280px;">
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links" style="margin-top:-30px;z-index:99;position:fixed;">
- <li class="active" style="margin-left:-40px">
- <a href="#tab1"><i class="fa fa-spinner fa-1x" style="color:{color:accent};"></i></a></li>
- <li><a href="#tab2"><i class="fa fa-paper-plane-o fa-1x" style="color:{color:accent};"></i></a></li>
- <li><a href="#tab3"><i class="fa fa-compass fa-1x" style="color:{color:accent};"></i></a></li>
- <li><a href="#tab4"><i class="fa fa-diamond fa-1x" style="color:{color:accent};"></i></a></li>
- </ul>
- </div>
- </div>
- <div id="urtitle">
- <a href="/">{text:ur title here}</a>
- </div>
- <div style="margin-top:-200px; margin-left:-100px;">
- <div id="sidebaricon"><img src="{image:sidebar icon}"/></div>
- <div id="descbox">
- {description}
- </div></div>
- <div id="sidebox">
- </div>
- <div id="behind"style="background-color:{color:container}; width:420px; height:320px; position:fixed;z-index:-99;margin-top:347px;padding:20px; margin-left:245px;"></div>
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div class="tab-content">
- <div id="tab1" class="tab active">
- <div id="postcontainer">
- {block:Posts}
- <article>
- <!--TEXT POST-->
- {block:Text}
- {block:Title}
- <h1 class="title">
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!--PHOTO POST-->
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
- {LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- <!--PHOTOSET POST-->
- {block:Photoset}
- {block:IndexPage}{Photoset-500}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {/block:Photoset}
- <!--QUOTE POST-->
- {block:Quote}
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="quotesource">{Source}</div>
- {/block:Source}
- {/block:Quote}
- <!--LINK POST-->
- {block:Link}
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!--CHAT POST-->
- {block:Chat}
- <ul class="chat">
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label" style="text-transform:uppercase; font-weight:bold; ">{Label}</span>{/block:Label}<div style="text-transform:uppercase;"> {Line}</div></li>{/block:Lines}
- </ul>
- {/block:Chat}
- <!--AUDIO POST-->
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>
- {block:Artist}<b><i>artist:</i></b> {Artist}{/block:Artist}<br/>
- {block:Album}<i><b>album:</i></b {Album}{/block:Album}<br/>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}{/block:Caption}
- <!--VIDEO POST-->
- {block:Video}
- <div class="video">
- <div class="video-player">{Video}</div>
- {/block:Video}
- <!--ANSWER POST-->
- {block:Answer}
- <div class="askerimg"><img src="{AskerPortraitURL-40}" style="border-radius:50px;margin-left:10px;"></div>
- <div style="padding:10px; background:#eee; width:auto; height:auto;margin-left:60px;margin-top:-43px; margin-bottom:30px;">
- <b>{Asker} whispered </b></span>
- <span class="question">❛ {Question} ❜</span></div>
- <p><div class="answer">{Answer}</div>
- {/block:Answer}
- <!--CAPTIONS-->
- {block:Caption}
- {Caption}
- {/block:Caption}
- <!--POST INFORMATION-->
- <div class="postinfo">
- <!--PERMALINK-->
- <a href="{Permalink}">
- {block:Date}
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
- {/block:Date}
- </a>
- <!--NOTES-->
- {block:NoteCount}
- <a href="{Permalink}" style="color:{color:accent}"> + {NoteCount} </a>
- {/block:NoteCount}
- <!--VIA AND SOURCE-->
- {block:RebloggedFrom}
- ( <a href="{ReblogParentURL}">Via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- & <a href="{SourceURL}">Source</a>
- {/block:ContentSource}
- {block:RebloggedFrom} ){/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-refresh" aria-hidden="true"></i>
- </a>
- <!--TAGS-->
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag},</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <!--POST NOTES-->
- {block:PostNotes}
- <div class="pagenotes">{PostNotes-16}</div>
- {/block:PostNotes}
- </article>
- {/block:Posts}
- {block:Pagination}
- <div class="pagination" style="width:100%;font-size:18px;">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton"><b>-</b></div></a> {/block:PreviousPage}{block:NextPage} <a href="{NextPage}"><div class="pagibutton"><b>+</b></div></a>{/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- <!-- -------------------------- TAB 2 -------------------------- -->
- <div id="tab2" class="tab">
- <div class="tabcontent"style="overflow:hidden;height:320px;width: 420px;">
- <p style="margin-left:10px;"><iframe frameborder="0" scrolling="no" width="440" height="200" src="http://www.tumblr.com/ask_form/{text:ur url here}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
- </div>
- </div>
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="tabcontent"style="height:320px;width: 420px;">
- <div style="border-radius:50px; position:static; margin-left:300px; margin-top:25px;"><img src="{image:mun icon 1}" style="border-radius:60px; border: solid 10px {color:sidebar}; width:60px; text-align:center; position:static;"/></div>
- <div style="width:350px;height:80px; padding-top:10px; padding-left:10px; padding-right:40px; padding-bottom:10px; margin-left:15px;margin-top:-95px; text-align:justify; background-color:{color:sidebar borders};">
- <div style="width:290px;font-size:20px; padding-top:10px;overflow:hidden;height:23px;margin-top:20px; text-align:center;"><b><big><i>+ one line pls. </i></big></b></div></div>
- <div style="border-radius:50px; position:static; margin-left:-230px; margin-top:25px;"><img src="{image:mun icon 2}" style="border-radius:60px; border: solid 10px {color:sidebar borders}; width:60px; text-align:center; position:static;"/><img src="{image:mun icon 3}" style="border-radius:60px; border: solid 10px {color:sidebar borders}; width:60px; text-align:center; position:static;margin-left:10px"/></div>
- <div class="ddbox" style="position: static; z-index: 9; margin-top:-90px; overflow: auto; height: 120px; margin-left: 197px;width:200px;height:100px;background-color:{color:sidebar borders};padding:10px;"><h1 style="font-size:16px; border-bottom:1px solid {color:accent};padding-bottom:5px;">rules</h1>
- <b><i>001.</i></b> you'll have to edit this via html <b><i>!!</i></b> and dw this lil box overflows.<br><b><i>002.</i></b>
- i've already given up on myself twice. <br><b><i>003.</i></b>
- third time is the charm,
- </div>
- <div style="margin-top:20px;margin-left:10px">
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 1}">{text:link 1 text}</a>
- </div>
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 2}">{text:link 2 text}</a>
- </div>
- <div style="margin-left:101px; margin-top:-72px;">
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 3}">{text:link 3 text}</a>
- </div>
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 4}">{text:link 4 text}</a>
- </div>
- </div>
- <div style="margin-left:202px; margin-top:-72px;">
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 5}">{text:link 5 text}</a>
- </div>
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 6}">{text:link 6 text}</a>
- </div>
- </div>
- <div style="margin-left:303px; margin-top:-72px;">
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 7}">{text:link 7 text}</a>
- </div>
- <div style="max-width: 80px; margin: 10px 0px 0px 10px; background-color:{color:sidebar borders}; padding: 5px; font-size: 10px; font-family: 'Montserrat', sans-serif; text-align: center;">
- <a href="{text:link 8}">{text:link 8 text}</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- -------------------------- TAB 4 -------------------------- -->
- <div id="tab4" class="tab">
- <div class="tabcontent"style="height:320px;width: 420px;">
- <div class="ddbox" style="position: static; z-index: 9; margin-top:20px;height: auto; margin-left: -200px;width:auto;">
- <!-- muse section !! -->
- <div class="dropdown" style="margin-top: 5px;"><a class="yeahso" href="#">MAIN MUSES</a>
- <div class="dd">
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- </div>
- </div>
- <!-- end of muse section !! -->
- <!-- muse section !! -->
- <div class="dropdown" style="margin-top: 0px;"><a class="yeahso" href="#">SECONDARY MUSES</a>
- <div class="dd">
- <!-- muse row !! -->
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <!-- end of muse row !! -->
- </div>
- </div>
- <!-- end of muse section !! -->
- <!-- muse section !! -->
- <div class="dropdown" style="margin-top: 0px;"><a class="yeahso" href="#">EXCLUSIVES</a>
- <div class="dd">
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://65.media.tumblr.com/4c5ac426274ac73ece5c0a8bc10f7048/tumblr_inline_o6q59aN8vB1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- <a href="MUSELINK"><img src="http://67.media.tumblr.com/8976d7dd72070a64c0da2ca7379f94a7/tumblr_inline_o6q598wLrk1u01ytx_540.png"/></a>
- </div>
- </div>
- <!-- end of muse section !! -->
- </div>
- </div>
- </div>
- <!-- END OF TABS -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
- <script>
- $(document).ready(function() {
- $('.tabs .tab-links a').on('click', function(e) {
- var currentAttrValue = $(this).attr('href');
- // Show/Hide Tabs
- $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
- // Change/remove current tab to active
- $(this).parent('li').addClass('active').siblings().removeClass('active');
- e.preventDefault();
- });
- });
- </script>
- <script>
- $(document).ready(function() {
- $('#filterOptions li a').click(function() {
- // fetch the class of the clicked item
- var ourClass = $(this).attr('class');
- // reset the active class on all the buttons
- $('#filterOptions li').removeClass('active');
- // update the active state on our clicked button
- $(this).parent().addClass('active');
- if(ourClass == 'all') {
- // show all our items
- $('#ourHolder').children('div.item').show();
- }
- else {
- // hide all elements that don't share ourClass
- $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
- // show all elements that do share ourClass
- $('#ourHolder').children('div.' + ourClass).show();
- }
- return false;
- });
- });
- </script>
- <div id="yo">
- <a href="http://destinatiia.tumblr.com/"target="_blank" title="code by destinatiia"> <i class="fa fa-moon-o fa-4x" style="color:{color:accent}"></i></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement