Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- theme by effervescenht. -->
- {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:posts" content="#ffffff" />
- <meta name="color:borders" content="#f3f3f3" />
- <meta name="color:imgbg" content="#f3f3f3" />
- <meta name="color:posts bg" content="#ffffff" />
- <meta name="color:text shadow" content="#ffffff" />
- <meta name="color:sidebar" content="#ffffff" />
- <meta name="color:box shadow" content="#f3f3f3" />
- <meta name="color:scrollbar" content="#d5d5d5" />
- <meta name="color:selection" content="#d5d5d5" />
- <meta name="image:sidebar" content=""/>
- <meta name="image:sidebar2" content=""/>
- <meta name="image:sidebar3" content=""/>
- <meta name="image:sidebar4" content=""/>
- <meta name="image:Background" content=""/>
- <meta name="image:rulesimg 1" content=""/>
- <meta name="image:rulesimg 2" content=""/>
- <meta name="image:rulesimg 3" content=""/>
- <meta name="image:rulesimg 4" content=""/>
- <meta name="text:blogtitle" content="type ur second title here" />
- <meta name="text:navtitle" content="type the nav title here"/>
- <meta name="text:your url" content="URL (eg. divineskies)">
- <meta name="text:ask title" content="ask title here cool">
- <meta name="text:rules title" content="rules title" />
- <meta name="text:rules" content="rules" />
- <meta name="text:link1 title" content="link title" />
- <meta name="text:link2 title" content="link title" />
- <meta name="text:link3 title" content="link title" />
- <meta name="text:link4 title" content="link title" />
- <meta name="if:hide captions" content="0"/>
- <meta name="if:grayscale" content="1"/>
- <meta name="text:nav tab title" content="title for nav tab">
- <meta name="text:navlink1" content="/">
- <meta name="text:navlink1 title" content="link.">
- <meta name="text:navlink2" content="/">
- <meta name="text:navlink2 title" content="link.">
- <meta name="text:navlink3" content="/">
- <meta name="text:navlink3 title" content="link.">
- <meta name="text:navlink4" content="/">
- <meta name="text:navlink4 title" content="link.">
- <meta name="text:navlink5" content="/">
- <meta name="text:navlink5 title" content="link.">
- <meta name="text:navlink6" content="/">
- <meta name="text:navlink6 title" content="link.">
- <meta name="text:navlink7" content="/">
- <meta name="text:navlink7 title" content="link.">
- <meta name="text:navlink8" content="/">
- <meta name="text:navlink8 title" content="link.">
- <meta name="text:navlink9" content="/">
- <meta name="text:navlink9 title" content="link.">
- <meta name="text:navlink10" content="/">
- <meta name="text:navlink10 title" content="link.">
- <meta name="text:navlink11" content="/">
- <meta name="text:navlink11 title" content="link.">
- <meta name="text:navlink12" content="/">
- <meta name="text:navlink12 title" content="link.">
- <meta name="text:navlink13" content="/">
- <meta name="text:navlink13 title" content="link.">
- <meta name="text:navlink14" content="/">
- <meta name="text:navlink14 title" content="link.">
- <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
- <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>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <!-- 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>
- <style type="text/css">
- /* ---------------------------- GENERAL ----------------------------- */
- {block:IfGrayscale}
- img{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
- .photoset {
- -webkit-filter: grayscale(100%);
- -webkit-transition: all .25s;
- ...
- }
- .photoset:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}-
- {/block:IfGrayscale}
- /* -------- SELECTION TOOL ------- */
- ::-moz-selection {
- background: {color:text};
- color: {color:background};
- }
- ::selection {
- background: transparent;
- color: {color:selection};
- }
- /* -------- SCROLLBAR ------- */
- ::-webkit-scrollbar{height: 1px;
- width: 1px;
- background-color:{color:background}}
- ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
- ::-webkit-scrollbar-track{background-color:{color:background};}
- /* ------- TOOLTIPS ------ */
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- z-index:99999999999999999999;
- background:white;
- text-transform:uppercase;
- padding:5px;
- border:1px solid {color:borders};
- box-shadow:3px 3px 3px {color:box shadow};
- font-size:7.5px;
- letter-spacing:0.5px;
- line-height:8px;
- }
- /* -------- BASICS ------- */
- .blogtitle {
- position:fixed;
- padding:0px;
- text-align:center;
- margin-top:70px;
- margin-left:-160px;
- width:362px;
- font-size:20px;
- font-weight:bold;
- font-family:helvetica;
- background: {color:sidebar};
- border:1px solid {color:borders};
- padding:10px;
- }
- h1 {
- font-size:13px;
- text-align:center;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- h2 {
- font-size:12px;
- text-align:center;
- letter-spacing:1px;
- text-transform:uppercase;
- background: {color:sidebar};
- padding:10px;
- border: 1px solid {color:borders};
- }
- body {
- background:{color:background};
- color:{color:text};
- font-family:'helvetica';
- text-shadow: 3px 3px 3px {color:text shadow};
- font-size:9.5px;
- text-align:justify;
- margin:0;
- line-height:14px;
- background:url('{image:background}');
- background-repeat:repeat;
- background-position: bottom;
- background-attachment: fixed;
- }
- 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;
- }
- 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 {
- padding-left:9px;
- margin:6px 10px 6px 5px;
- border-left:1px solid {color:borders};
- max-width:400px!important;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- p{
- margin-bottom:10px;
- }
- img {
- height: auto;
- width:auto;
- max-width:100%;
- }
- ul{
- list-style-type:square;
- }
- ol{
- list-style-type:;
- }
- b, strong {
- color:{color:text}}
- i, em {
- color:{color:text}}
- p {
- margin-top:5px;
- margin-bottom:5px}
- ol {
- list-style:normal;}
- ul {
- list-style:square;}
- small {
- font-size:9.5px;}
- sub, sup {
- font-size:9.5px;
- }
- big {
- font-size:12px;}
- #bigcon{
- width:520px;
- margin-top:20px;
- margin-left:auto;
- margin-right:auto;
- }
- .tabcontent {
- position:static;
- margin-left:auto;
- margin-right:auto;
- width: 400px;
- text-align:center;
- margin-bottom:20px;
- }
- #postcontainer {
- position:static;
- margin-left:auto;
- margin-right:auto;
- width: 520px;
- overflow:hidden;
- text-align:center;
- margin-bottom:20px;
- }
- #description {
- padding-top:0px;
- padding:10px;
- color:{color:text};
- text-align:center;
- overflow:auto;
- max-height:140px;
- }
- #side {
- position:fixed;
- margin-top:205px;
- margin-left:-160px;
- padding:16px 16px 16px 16px;
- width:350px;
- height:249px;
- border: 1px solid {color:borders};
- background-color:{color:sidebar};
- }
- #sidebarimg {
- width:60px;
- margin-left:15px;
- }
- #sidebarimg img {
- width:60px;
- padding:10px;
- background-color:{color:imgbg};
- border:1px solid {color:borders};
- }
- #sidebarimg2 {
- width:60px;
- margin-left:110px;
- margin-top:-86px;
- }
- #sidebarimg2 img {
- width:60px;
- padding:10px;
- background-color:{color:imgbg};
- border:1px solid {color:borders};
- }
- #sidebarimg3 {
- width:60px;
- margin-left:205px;
- margin-top:-86px;
- }
- #sidebarimg3 img {
- width:60px;
- padding:10px;
- background-color:{color:imgbg};
- border:1px solid {color:borders};
- }
- #sidebarimg4 {
- width:60px;
- margin-left:300px;
- margin-top:-86px;
- }
- #sidebarimg4 img {
- width:60px;
- padding:10px;
- background-color:{color:imgbg};
- border:1px solid {color:borders};
- }
- #navtitle {
- padding:3px;
- font-size:8px;
- text-align:center;
- margin-left:-40px;
- width:340px;
- letter-spacing:1px;
- border-bottom:1px solid {color:borders};
- font-weight:bold;
- text-transform:uppercase;
- color:{color:text};
- margin-top:5px;}
- #navigation {
- width:350px;
- margin-left:-30px;
- margin-top: 10px;
- margin-bottom:5px;
- position:absolute;
- font-size:14px;
- text-align:center;
- font-weight:bold;
- letter-spacing:1px;
- text-transform:uppercase;
- }
- #navigation a:hover {
- color:{color:links hover};
- }
- #navbar{
- display:inline-block;
- text-align:center;
- }
- .container {
- max-height:395px;
- height:395px;
- margin-top:60px;
- margin-left:240px;
- width: 430px;
- border:1px solid {color:borders};
- position:fixed;
- padding:10px;
- background:{color:posts bg};
- overflow: auto;}
- .tabs {
- width:100%;
- margin-left:0px;
- display:inline-block;
- }
- .tab-links:after {
- display:block;
- clear:both;
- content:'';
- }
- .tab-links li {
- margin-right:5px;
- display:inline-block;
- list-style:none;
- text-transform:uppercase;
- }
- .tab-links a {
- padding:7px;
- display:inline-block;
- color:{color:links};
- transition:all linear 0.15s;
- border-bottom:1px solid transparent;
- }
- .tab-links a:hover {
- text-decoration:none;
- letter-spacing:2px;
- }
- li.active a, li.active a:hover {
- background:transparent;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- .tab-content {
- }
- .tab {
- display:none;
- }
- .tab.active {
- display:block;
- }
- article {
- float:left;
- background:{color:posts};
- padding: 15px;
- width: 400px;
- text-align:left;
- margin-bottom:50px;
- border:1px solid {color:borders};
- box-shadow:2px 2px 3px {color:box shadow};
- }
- .postinfo {
- text-align: center;
- text-transform: lowercase;
- padding-top: 5px;
- font-size:8px;
- border-top:1px solid {color:borders};
- }
- .tags {
- text-align: center;
- padding-top: 0px;
- opacity:1;
- }
- .postnotes {
- line-height: 200%;
- text-align: center;
- margin-top: 20px;
- list-style: none;
- margin-left: -25px
- }
- .postnotes ol.notes {
- list-style-type: none;
- }
- .postnotes li {
- list-style-type: none;
- }
- .postnotes img.avatar {
- width: 0px;
- height: 0px;
- }
- .chat ol {
- padding:0;
- list-style:none;
- }
- .line {padding:5px 0;
- }
- .label {font-weight:bold;
- padding-right:5px;
- text-transform:uppercase;
- }
- ul.chat{
- list-style:none;
- margin-left:-40px;
- }
- .chat span {
- float: left;
- }
- .quote{
- font-size:20px;
- line-height:150%;
- }
- .quotesource{
- text-align:right;
- margin-bottom:10px;
- }
- .q {margin-bottom:10px;
- }
- .as {
- font-weight:bold;}
- .a {
- margin-top:10px;
- }
- .player {
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- background:white;}
- .audioinfo {
- margin-left:50px;
- }
- #pagination{
- position:static;
- margin-top:30px;
- text-align:center;
- }
- .pagibutton{
- position:relative;
- display:inline-block;
- background:{color:posts};
- padding:15px;
- }
- .credit {
- position:fixed;
- background:#fff;
- border:1px solid #eeeeee;
- padding:5px;
- text-align:center;
- font-size:10px;
- right:10px;
- bottom:10px;
- }
- .credit a {
- font-style:normal;
- padding:3px;
- }
- #images {
- position: fixed;
- margin-top:114px;
- margin-left:-165px; }
- #navlink {
- width: 180px;
- position:fixed;
- background: {color:sidebar};
- border:1px solid {color:borders};
- border-bottom:0px;
- line-height:16px;
- text-align:center;
- padding:5px;
- }
- #navlink2 {
- width: 180px;
- margin-left:207px;
- background: {color:sidebar};
- border:1px solid {color:borders};
- border-bottom:0px;
- line-height:16px;
- text-align:center;
- padding:5px;
- }
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="credit"><a href="http://effervescenht.tumblr.com/" title="effervescenht.">♛</a></div>
- <div id="bigcon">
- <div class="blogtitle"><a href="/">{text:blogtitle}</a></div>
- <div id="images">
- <div id="sidebarimg"><img src="{image:sidebar}"></div>
- <div id="sidebarimg2"><img src="{image:sidebar2}"></div>
- <div id="sidebarimg3"><img src="{image:sidebar3}"></div>
- <div id="sidebarimg4"><img src="{image:sidebar4}"></div>
- </div>
- <div id="side">
- <div id="description">{Description}</div>
- <div id="navbar">
- <div class="tabs">
- <ul class="tab-links">
- <div id="navtitle">{text:navtitle}</div>
- <div id="navigation">
- <li><a href="/" title="{text:link1 title}">UN.</a></li>
- <li><a href="#tab2" title="{text:link2 title}">DEUX.</a></li>
- <li><a href="#tab3" title="{text:link3 title}">TROIS.</a></li>
- <li><a href="#tab4" title="{text:link4 title}">QUATRE.</a></li>
- </div>
- </ul>
- </div>
- </div>
- </div>
- <!-- --------------------------- TABS -------------------------- -->
- <div class="tabs">
- <!-- --------------------------- TAB 1 -------------------------- -->
- <div class="container">
- <div class="tab-content">
- <div id="tab1" class="tab active">
- {block:Posts}
- <article>
- {block:Text}
- {block:Title}
- <h2 class="title">
- <a href="{Permalink}">{Title}</a></h2>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
- {LinkCloseTag}
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}
- <img src="{PhotoURL-400}" alt="{PhotoAlt}" />
- {LinkCloseTag}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}{Photoset-400}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝ {Quote} ❞</div>
- {block:Source}
- <div class="quotesource">–– {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h2 class="title"><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h2>{Title}</h2>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Audio}
- <div class="player">{AudioPlayerWhite}</div>
- <div class="audioinfo">
- {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="video">
- <div class="video-player">{Video-400}</div>
- {/block:Video}
- {block:Answer}
- <div class="q">
- <div class="as">{Asker} whispered: </div>
- <center> ❝ {Question} ❞</center></div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Ifnothidecaptions}
- <div class="postinfo">
- <a href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:Date} {ShortMonth} {DayOfMonthWithZero}{/block:Date}</a>
- <a href="{Permalink}" style="padding-left: 5px; padding-right; 5px;">{block:NoteCount}<b>+</b>{NoteCount}{/block:NoteCount}</a>
- {block:RebloggedFrom}<a href="{ReblogParentURL}" style="padding-left: 5px; padding-right; 5px;">via</a>
- <a href="{ReblogRootURL}" style="padding-left: 5px; padding-right; 5px;">source</a>{/block:RebloggedFrom}
- <a href="{ReblogURL}" target="_blank" style="padding-left: 5px; padding-right; 5px;"><b>reblog</b></a>
- <div class="tags">{block:HasTags} {block:Tags} <a href="/tagged/{TAG}" style="margin-right: 3px;"><b>#</b>{TAG}</a>, {/block:Tags} {/block:HasTags}</div>
- {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
- </div>
- </article>
- {/block:Posts}
- <!--Close of article-->
- <!--PAGINATION-->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton"> ← prev.</div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton">next. → </div></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </div>
- <!-- -------------------------- TAB 2 -------------------------- -->
- <div id="tab2" class="tab">
- <div class="tabcontent">
- <br>
- <br>
- <h2>{text:ask title}</h2>
- <p style="margin-left:0px;"><iframe src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" id="ask_form" frameborder="0" height="250" scrolling="no" width="100%"></iframe></p>
- </div>
- </div>
- <!-- -------------------------- TAB 3 -------------------------- -->
- <div id="tab3" class="tab">
- <div class="tabcontent">
- <br><br><br><br>
- <h2>{text:nav tab title}</h2>
- <div id="navlink"><a href="{text:navlink1}">{text:navlink1 title}</a></div>
- <div id="navlink2"><a href="{text:navlink2}">{text:navlink2 title}</a></div>
- <div id="navlink"><a href="{text:navlink3}">{text:navlink3 title}</a></div>
- <div id="navlink2"><a href="{text:navlink4}">{text:navlink4 title}</a></div>
- <div id="navlink"><a href="{text:navlink5}">{text:navlink5 title}</a></div>
- <div id="navlink2"><a href="{text:navlink6}">{text:navlink6 title}</a></div>
- <div id="navlink"><a href="{text:navlink7}">{text:navlink7 title}</a></div>
- <div id="navlink2"><a href="{text:navlink8}">{text:navlink8 title}</a></div>
- <div id="navlink"><a href="{text:navlink9}">{text:navlink9 title}</a></div>
- <div id="navlink2"><a href="{text:navlink10}">{text:navlink10 title}</a></div>
- <div id="navlink"><a href="{text:navlink11}">{text:navlink11 title}</a></div>
- <div id="navlink2"><a href="{text:navlink12}">{text:navlink12 title}</a></div>
- <div id="navlink" style="border-bottom:1px solid {color:borders}"><a href="{text:navlink13}">{text:navlink13 title}</a></div>
- <div id="navlink2" style="border-bottom:1px solid {color:borders}"><a href="{text:navlink14}">{text:navlink14 title}</a></div>
- </div>
- </div>
- <div id="tab4" class="tab">
- <div class="tabcontent">
- <h2>{text:rules title}</h2>
- <div style="color: {color:text}; text-align: center; height: 258px; width: 300px; padding: 10px; overflow: auto; border:1px solid {color:borders}; background: {color:sidebar};">
- <p>{text:rules}</p>
- </div>
- <div style="line-height: 16px;margin-top: -280px; margin-left: 330px;">
- <img src="{image:rulesimg 1}" style="width:45px; padding:10px; background:{color:sidebar};border:1px solid {color:borders};" /><br />
- <img src="{image:rulesimg 2}" style="width:45px; padding:10px; background:{color:sidebar};border:1px solid {color:borders};" /><br />
- <img src="{image:rulesimg 3}" style="width:45px; padding:10px; background:{color:sidebar};border:1px solid {color:borders};" /><br />
- <img src="{image:rulesimg 4}" style="width:45px; padding:10px; background:{color:sidebar};border:1px solid {color:borders};" /><br />
- </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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement