Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- Theme 29 (Normal) by Paige @ neonbikethemes.tumblr.com
- last updated 1.15.17
- Rules:
- - you may customize but no stealing code
- - no removing credit (this is stealing)
- - please like/reblog the post
- Credits:
- - base code by buildthemes.tumblr.com
- -->
- <meta name="color:Background" content="#f0f0f0" />
- <meta name="color:Header Text" content="#000000" />
- <meta name="color:border" content="#e3e3e3" />
- <meta name="color:links" content="#5a6bb8" />
- <meta name="color:hover" content="#a7b0d5" />
- <meta name="color:text" content="#000000" />
- <meta name="color:border" content="#e4e4e4" />
- <meta name="color:posts" content="#ffffff" />
- <meta name="image:Background" content="" />
- <meta name="image:Icon" content="" />
- <meta name="select:Font" content="Karla" title="Karla">
- <meta name="select:Font" content="Bitter" title="Bitter">
- <meta name="select:Font" content="Open Sans" title="Open Sans">
- <meta name="select:Font" content="Lora" title="Lora">
- <meta name="select:Font" content="Montserrat" title="Montserrat">
- <meta name="select:Font" content="Source Sans Pro" title="Source Sans Pro">
- <meta name="select:Font" content="ABeeZee" title="ABeeZee">
- <meta name="select:Font Size" title="Tiny" content="65%">
- <meta name="select:Font Size" title="Small" content="75%">
- <meta name="select:Font Size" title="Medium" content="85%">
- <meta name="select:Font Size" title="Large" content="90%">
- <meta name="select:Post Width" content="225" title="225px">
- <meta name="select:Post Width" content="250" title="250px">
- <meta name="select:Post Width" content="275" title="275px">
- <meta name="select:Post Width" content="300" title="300px">
- <meta name="select:Post Width" content="325" title="325px">
- <meta name="select:Post Width" content="350" title="350px">
- <meta name="select:Post Width" content="375" title="375px">
- <meta name="select:Post Width" content="400" title="400px">
- <meta name="select:Post Width" content="425" title="425px">
- <meta name="select:Post Width" content="450" title="450px">
- <meta name="select:Post Width" content="475" title="475px">
- <meta name="select:Post Width" content="500" title="500px">
- <meta name="select:permalink post width" content="400" title="400px">
- <meta name="select:permalink post width" content="500" title="500px">
- <meta name="select:Columns" content="1" title="1">
- <meta name="select:Columns" content="2" title="2">
- <meta name="select:Columns" content="3" title="3">
- <meta name="select:Columns" content="4" title="4">
- <meta name="if:show icon" content="0"/>
- <meta name="if:padded photos" content="0"/>
- <meta name="if:hide captions" contesent="0"/>
- <meta name="if:hide tags" contesent="0"/>
- <meta name="if:full size bg" content="0"/>
- {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}">
- <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
- <style type="text/css">
- /* --------------------------- SCROLLBAR ---------------------------- */
- ::-webkit-scrollbar {
- width: 11px;height: 0px;}
- ::-webkit-scrollbar-button:start:decrement,
- ::-webkit-scrollbar-button:end:increment {
- height: 0px;display: block;background-color: {color:background};}
- ::-webkit-scrollbar-track-piece {
- background-color: {color:background};}
- ::-webkit-scrollbar-thumb:vertical {
- height: 0px;
- background-color: {color:text};
- border:5px solid {color:background};
- }
- /* ---------------------------- GENERAL ----------------------------- */
- #s-m-t-tooltip {
- max-width:200px;
- margin:10px 0px 0px 10px;
- background-color:{color:posts}; /*background color */
- font-family: {select:font}, helvetica; /*font */
- font-size:{select:Font Size};
- color:{color:text};
- z-index:999999;
- padding:5px 10px 5px 10px;
- }
- input, textarea, select, a { outline: none; }
- ::-moz-selection {
- background: #000;
- color: #fff;
- }
- ::selection {
- background: #000;
- color: #fff;
- }
- .grid {
- margin: 15px auto 40px auto;
- overflow:hidden;
- {block:IndexPage}
- width:calc(({select:post width}px + 50px) * {select:columns});
- {/block:IndexPage}
- {block:PermalinkPage}
- width:calc({select:permalink post width}px + 50px);
- {/block:PermalinkPage}
- height:auto;
- }
- body {
- background: {color:Background};
- background: {color:Background} url('{image:Background}');
- {block:Iffullsizebg}
- background-size:100% 100%;
- background-repeat:no-repeat;
- {/block:Iffullsizebg}
- background-attachment:fixed;
- color: {color:text};
- font-family: {select:font}, helvetica;
- font-size: {select:Font Size};
- margin: 0;
- padding: 0;
- word-wrap: break-word;
- line-height:150%;
- }
- a {
- color: {color:links};
- outline: 0;
- padding-bottom: 0px;
- text-decoration: none;
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- }
- a:hover{
- color:{color:hover};
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- }
- blockquote {
- border-left: 1px solid {color:border};
- margin: 10px;
- margin-left:5px;
- margin-right:0px;
- padding-left:10px;
- padding-top:0px;
- padding-bottom:0px;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- .image{
- padding:10px;
- {block:Ifnotpaddedphotos}
- padding:0px;
- {/block:Ifnotpaddedphotos}
- background:{color:posts};
- }
- .image img{
- height:auto;
- width:100%;
- }
- img:not(.lightbox-image){
- height: auto;
- width:auto;
- max-width:100%;
- margin-bottom:-6px;
- }
- h1{
- text-transform:uppercase;
- font-size:1.2em;
- letter-spacing:1px;
- padding:15px 25px 15px 25px;
- font-weight:600;
- text-align:left;
- }
- h1 a{
- text-decoration:none;
- border:none;
- }
- h2{
- font-size:1.3em;
- }
- ul{
- list-style-type:square;
- line-height:180%;
- margin-left:-10px;
- }
- ol{
- list-style-type:upper-roman;
- line-height:180%;
- margin-left:-10px;
- }
- iframe#tumblr_controls {
- position:fixed !important;
- margin-top:10px !important;
- margin-right:10px !important;
- opacity:0.9 !important;
- z-index:99999;
- filter: invert(1);
- -webkit-filter: invert(1);
- -moz-filter: invert(1);
- -o-filter: invert(1);
- -ms-filter: invert(1);
- }
- .tmblr-iframe, #tumblr_controls, tmblr-iframe tmblr-iframe--desktop-logged-in-controls, .iframe-controls--desktop{
- position:fixed !important;
- top:10px !important;
- right:10px !important;
- opacity:0.9 !important;
- z-index:9999999 !important;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);
- }
- .linkblock{
- display:inline-block;
- float:right;
- padding:5px;
- padding-left:7px;
- padding-right:6px;
- margin-top:-4px;
- z-index:99;
- opacity:1;
- }
- /* -------------------------- BACK TO TOP ------------------------- */
- .scrollToTop{
- background:{color:posts};
- padding:10px 15px 10px 15px;
- position:fixed;
- bottom:37px;
- right:10px;
- display:none;
- border-bottom:1px solid {color:border};
- font-size:15px;
- width:20px;
- text-align:center;
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- }
- .scrollToTop:hover{
- text-decoration:none;
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- border-bottom:1px solid {color:border};
- }
- /* ----------------------------- SIDEBAR -----------------------------*/
- #topbar{
- position:static;
- width:100vw;
- margin:auto;
- text-align:center;
- color:{color:header text};
- }
- #topbar a {
- color:{color:header text};
- border-bottom:0px solid transparent;
- }
- .icon{
- position:relative;
- display:inline-block;
- width:40px;
- border-radius:90px;
- margin:90px 0 10px 0;
- }
- .icon img{
- border-radius:90px;
- width:100%;
- margin-bottom:-4px;
- opacity:.9;
- }
- .blogtitle{
- margin-top:15px;
- font-size:1.4em;
- text-align:center;
- display:inline-block;
- position:relative;
- margin-top:0;
- {block:Ifnotshowicon}
- margin-top:80px;
- {/block:Ifnotshowicon}
- }
- .blogdesc{
- width:260px;
- margin:20px auto 40px auto;
- }
- #navbar{
- position:fixed;
- top:0px;
- background:{color:posts};
- margin-right:10px;
- width:100%;
- text-align:center;
- color:{color:text};
- margin-bottom:20px;
- border-bottom:1px solid {color:border};
- z-index:9999;
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- }
- #navbar a{
- color:{color:text};
- }
- /* ------------------------------ TABS ------------------------------ */
- .tab-links{
- color:{color:border};
- }
- .tab-links li {
- margin:0px 0px;
- display:inline-block;
- list-style:none;
- margin-left:10px;
- margin-right:10px;
- border-bottom:1px solid transparent;
- }
- .tab-links a {
- padding:0px;
- display:inline-block;
- outline: 0;
- background:transparent;
- font-size:1em;
- letter-spacing:1px;
- color:{color:links};
- transition:all linear 0.15s;
- line-height:140%;
- }
- .tab-links a:hover {
- text-decoration:none;
- }
- /*----- Content of Tabs -----*/
- .tab-content {
- padding:15px;
- }
- .tab {
- display:none;
- }
- .tab.active {
- display:block;
- }
- /* ----------------------------- POSTS --------------------------- */
- .post {
- position:relative;
- display:inline-block;
- background:{color:posts};
- {block:IndexPage}
- width:calc({select:post width}px + 20px);
- {/block:IndexPage}
- {block:PermalinkPage}
- width:{select:permalink post width}px;
- {/block:PermalinkPage}
- margin: 0px 15px 30px 15px;
- }
- .caption{
- border-top:1px solid {color:border};
- padding:8px 15px 8px 15px;
- }
- /* ------------------ REBLOG INFO AT TOP OF POST ------------------- */
- /* REBLOG INFORMATION */
- .rb{
- text-align:right;
- border-bottom:1px solid {color:border};
- padding: 12px 16px 12px 16px;
- background:{color:posts};
- text-transform:uppercase;
- font-size:.9em;
- letter-spacing:1px;
- height:16px;
- }
- .rtb{
- opacity:.8;
- }
- .time{
- position:relative;
- float:left;
- text-align:left;
- }
- .rb a {
- color:{color:text};
- text-decoration:none;
- border:none;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- .rb a:hover {
- text-decoration:none;
- color:{color:link};
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- }
- /* -------------------------- POST INFO -----------------------------*/
- .postinfo{
- padding:10px 15px 10px 15px;
- text-transform:uppercase;
- letter-spacing:1px;
- background:{color:posts};
- border-top:1px solid {color:border};
- {block:IndexPage}
- display:none!important;
- {/block:IndexPage}
- }
- .postinfo a, .tags a{
- color: {color:text};
- border-bottom:1px solid transparent;
- text-decoration: none;
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- }
- .postinfo a:hover, .tags a:hover {
- text-decoration:none;
- border-bottom:1px solid {color:border};
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- }
- .info{
- position:relative;
- font-size:.9em;
- color:{color:text};
- text-align:left;
- }
- .tags {
- padding:8px 12px 8px 12px;
- margin:-20px 0 0 0;
- text-transform:lowercase;
- font-size:.9em;
- text-align:left;
- color:{color:text};
- {block:Ifnothidetags}
- {block:IndexPage}
- border-top:1px solid {color:border};
- margin:0 0 0 0;
- {/block:IndexPage}
- {/block:Ifnothidetags}
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -o-transition: all .2s;
- -ms-transition: all .2s;
- transition: all .2s;
- {block:Ifhidetags}
- {block:IndexPage}
- display:none!important;
- {/block:IndexPage}
- {/block:Ifhidetags}
- }
- .tags a{
- margin: 0 0 0 5px;
- }
- /* ---------------------------- POST NOTES ------------------------ */
- ol.notes {
- display:block;
- text-align:left;
- list-style-type: decimal;
- margin-left:-15px;
- margin-right:-10px;
- margin-bottom:-10px;
- }
- ol.notes li.note{
- padding:2px;
- padding-left:8px;
- background:{color:posts};
- margin-bottom:2px;
- }
- .pagenotes {
- text-align:left;
- padding:15px;
- background:transparent;
- text-transform:lowercase;
- }
- .pagenotes img{
- display: none;
- padding-right:5px;
- padding-top:5px;
- margin-bottom:-5px;
- }
- .notestitle{
- background:{color:posts};
- padding:10px;
- margin-bottom:-10px;
- border-bottom:1px solid {color:border};
- text-align:center;
- text-transform:lowercase;
- font-weight:bold;
- }
- /* -------------------------- POST TYPES -------------------------- */
- /* CHAT */
- ul.chat{
- list-style:none;
- margin-left:-35px;
- }
- li.chat{
- padding: 3px 10px 3px 10px;
- }
- .chat span {
- float: left;
- margin-right: 0px;
- }
- /* QUOTES */
- .quote{
- font-size: 1.5em;
- text-align:center;
- font-weight:300;
- padding:15px;
- line-height:150%;
- }
- .quotesource{
- border-top:1px solid {color:border};
- font-size:.8em;
- position:relative;
- display:inline-block;
- margin: 20px 0 0 0;
- padding: 10px 0 0 0;
- }
- /* VIDEO */
- .video{
- background:{color:posts};
- margin:0;
- {block:Ifpaddedphotos}
- padding:10px;
- {/block:Ifpaddedphotos}
- {block:Ifnotpaddedphotos}
- padding:0px;
- {/block:Ifnotpaddedphotos}
- }
- .vid{
- position: relative;
- padding-bottom: 56.25%; /* 16:9 */
- padding-top: 25px;
- height: 0;
- }
- .vid iframe{
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- /* QUESTIONS */
- .question{
- float:right;
- padding:15px;
- border-left:1px solid {color:border};
- background:{color:posts};
- text-align:left;
- min-height:30px;
- width: calc({select:post width}px - 70px);
- }
- .question p{
- margin:0px;
- }
- .asker{
- position:relative;
- display:inline-block;
- text-align:right;
- text-transform:lowercase;
- margin-top:10px;
- padding-top:2px;
- border-top:1px solid {color:border};
- }
- .question a{
- border:none;
- padding:0px;
- margin:0px;
- }
- .answer {
- margin: 0;
- padding: 8px 18px 8px 18px;
- clear:both;
- border-top:1px solid {color:border};
- position:relative;
- }
- .askerimg{
- position:relative;
- float:left;
- margin-top:-2px;
- margin-right:-1px;
- margin-bottom:10px;
- padding:15px;
- }
- .askerimg img{
- border-radius:0px;
- float:left;
- }
- /* AUDIO */
- .songart{
- float:left;
- margin:-10px 20px -10px -10px;
- padding:10px;
- {block:Ifpaddedphotos}
- border-right:1px solid {color:border};
- {/block:Ifpaddedphotos}
- }
- .songart img{
- width:100px;
- height:100px;
- background: url('http://www.flytandem.com/temp/audio.jpg');
- background-size:100% 100%;
- }
- .songtitle{
- padding: 10px 15px 0 0;
- text-align:right;
- font-size:1.6em;
- min-height:90px;
- }
- .songauthor{
- margin:5px 0 0 0;
- font-size:.7em;
- }
- .player {
- position:absolute;
- z-index:99;
- height: 25px;
- margin:38px 0 0px 38px;
- width: 25px;
- background:{color:posts};
- }
- .au{
- {block:Ifpaddedphotos}
- width:{select:post width}px;
- padding: 10px;
- {/block:Ifpaddedphotos}
- {block:Ifnotpaddedphotos}
- width:calc({select:post width}px + 20px);
- {/block:Ifnotpaddedphotos}
- margin:0;
- background:{color:posts};
- }
- .au iframe{
- max-width:100%;
- height:auto;
- margin-bottom:-4px;
- }
- iframe.spotify_audio_player{
- height:80px;
- }
- /* ------------------------- PAGINATION ------------------------- */
- .navigation{
- position:relative;
- display:block;
- clear:both;
- margin:0;
- text-align:center;
- }
- .pagibutton{
- position:relative;
- display:inline-block;
- background:{color:posts};
- padding:15px;
- padding-top:10px;
- padding-bottom:10px;
- }
- .footer{
- margin:0 0 160px 0;
- text-align:center;
- position:relative;
- {block:PermalinkPage}
- display:none!important;
- {/block:PermalinkPage}
- }
- /* -------------------- CREDIT: DO NOT REMOVE ---------------------- */
- .credit{
- position:fixed;
- right:10px;
- bottom:10px;
- padding:3px 6px 3px 6px;
- background:{color:posts};
- font-size:11px;
- width:38px;
- text-align:center;
- }
- /* --------------------------- Custom CSS -------------------------- */
- {CustomCSS}
- /* UPDATES TAB #1 by http://wizardring.tumblr.com */
- #tab {width:140px; position:fixed; top:20px; left:20px; z-index:3; transition:all .5s ease;}
- #tab:hover {transition:all .8s ease;}
- /* box */
- #tab_box {position:relative; text-align:justify; opacity:0; transition:all .5s ease; margin:100px -200px 8px; width:140px;}
- #tab:hover #tab_box {opacity:1; transition:all 1s ease; margin:15px 0px 8px;}
- /* the navicon: change the color of it by putting other color code instead of #eee*/
- .border1 {width:20px; height:1px; background:#000000; position:absolute; margin-top:40px; transition:all .5s ease;}
- .border2 {width:20px; height:1px; background:#000000; position:absolute; margin-top:45px; transition:all .5s ease;}
- .border3 {width:20px; height:1px; background:#000000; position:absolute; margin-top:50px; transition:all .5s ease;}
- #tab:hover .border1 {margin-top:40px; width:50px; transition:all .9s ease;}
- #tab:hover .border2 {margin-top:40px; width:50px; margin-left:50px; transition:all .9s ease;}
- #tab:hover .border3 {margin-top:40px; width:40px; margin-left:100px; transition:all .9s ease;}
- /* title: change the title/background color by changing the #COLORCODE; */
- .updates_title {padding-right:5px; text-align:left; background:#fbfbfb; color:#000; text-transform:uppercase; font-size:7.5px; transition:all .5s ease; position:absolute; font-weight:bold; width:auto; display:inline-block; margin-top:33px; margin-left:-200px; opacity:0; letter-spacing:3px;}
- #tab:hover .updates_title {transition:all 1.5s ease; opacity:1; margin-left:0px;}
- /* tab divisor: change the color of it by putting other color code instead of #eee; if you want it centered, change the margin to 'margin:8px auto 0px' */
- #tab_border {height:1px; background:#eee; width:100px; position:relative; margin:8px 0px 8px;}
- /* UPDATES TAB #1 by http://wizardring.tumblr.com */
- </style>
- </head>
- <body>
- <!-- UPDATES TAB #1 by http://wizardring.tumblr.com -->
- <div id="tab">
- <!--navicon-->
- <div class="border1"></div>
- <div class="border2"></div>
- <div class="border3"></div>
- <!--navicon-->
- <!--tab title-->
- <div class="updates_title">updates</div>
- <!--box-->
- <div id="tab_box">
- <!--write things here, break a line by using <br>-->
- "hi"
- <!--to use a divider just copy and paste this: <div id="tab_border"></div>-->
- leo, xvi, brazil; The most confused we ever get is when we’re trying to convince our heads of something our heart knows is a lie.
- <!--write things here-->
- </div>
- </div>
- <!-- UPDATES TAB #1 by http://wizardring.tumblr.com -->
- <a href="#" class="scrollToTop" title="scroll to top"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
- <div class="credit"><a title="theme by paige" href="http://neonbikethemes.tumblr.com">nbthm</a></div>
- <!--TOPBAR-->
- <div id="topbar">
- {block:Ifshowicon}
- <div class="icon"><img src="{image:icon}"></div>
- {/block:Ifshowicon}
- <br><div class="blogtitle"><a href="/">Philocalies</a></div>
- <div class="blogdesc">
- <p>philocaly: Noun; the love for beauty</p>
- <p>aesthetics, poetry and fashion side blog</p>
- <p>main: domlnique</p>
- </div>
- <div id="navbar">
- <ul class="tab-links">
- <li style="margin-left:-15px">
- <a href="/">Hogwarts</a></li>
- | <li><a href="/ask">Owlery</a></li>
- | <li><a href="/tags">Marauder's Map</a></li>
- | <li><a href="/archive">Pensieve</a></li>
- </ul>
- </div>
- </div>
- <!-- -------------------------- POSTS -------------------------- -->
- <div class="grid">
- {block:Posts}
- <div class="post">
- <div class="rb">
- <div class="time"><a href="{Permalink}">{TimeAgo}</a></div>
- {block:NoteCount}
- <a href="{Permalink}">{NoteCount}</a>
- {/block:NoteCount}
- </div>
- {block:Text}
- {block:Title}
- <h1><div class="linkblock"><i class="fa fa-bars"></i></div>
- <a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {block:Body}<div class="caption">{Body}</div>{/block:Body}
- {/block:Text}
- {block:Photo}
- <div class="image"><img src="{PhotoURL-500}"></div>
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Ifnothidecaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="image">
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- </div>
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Ifnothidecaptions}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- {Quote}
- {block:Source}<br><div class="quotesource">{Source}</div>{/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <h1 class="title"><div class="linkblock"><i class="fa fa-share-square-o" aria-hidden="true"></i>
- </div>
- <a href="{URL}">{Name}</a></h1>
- {block:Description}<div class="caption">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1 class="title">
- {Title} <div class="linkblock"><i class="fa fa-comments-o"></i></div>
- </h1>{/block:title}
- <ul class="chat">
- {block:Lines}
- <li class="chat">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- <div class="image">
- {block:AlbumArt}
- <div class="songart">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="player">{AudioPlayerWhite}</div>
- <div class="songtitle">
- {block:TrackName}{TrackName}{/block:TrackName}
- <div class="songauthor">
- {block:Artist}{Artist}{/block:Artist}
- </div>
- </div>
- </div>
- {/block:AudioPlayer}
- {block:AudioEmbed}
- <div class="au">{AudioEmbed}</div>
- {/block:AudioEmbed}
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Ifnothidecaptions}
- {/block:Audio}
- {block:Video}
- <div class="video"><div class="vid">{Video-500}</div></div>
- {block:Ifhidecaptions}
- {block:permalink}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:permalink}
- {/block:Ifhidecaptions}
- {block:Ifnothidecaptions}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Ifnothidecaptions}
- {/block:Video}
- {block:Answer}
- <div class="askerimg"><img src="{AskerPortraitURL-30}"></div>
- <div class="question">
- {Question}
- <br><div class="asker"> {Asker}</div>
- </div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <div class="postinfo">
- {block:PermalinkPage}
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year}, {12Hour}:{Minutes} {AmPm} /
- <a href="{Permalink}">{TimeAgo}</a>
- {block:NoteCount}
- / <a href="{Permalink}">{NoteCountwithlabel}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}
- / <a href="{ReblogParentURL}"> from</a>
- {block:ContentSource}
- / <a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:PermalinkPage}
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {block:HasTags}
- <div class="tags">
- <i class="fa fa-tags" aria-hidden="true"></i>
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!-- end post -->
- {block:PostNotes}
- <div class="post">
- <div class="notestitle">Notes</div>
- <div class="pagenotes">{PostNotes-16}</div>
- </div>
- {/block:PostNotes}
- {/block:Posts}
- <!--Close of post-->
- </div><!-- end post container -->
- <div class="footer">
- <div class="navigation">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton">Previous</div></a>
- {/block:PreviousPage}
- <div class="pagibutton">Page {CurrentPage} of {TotalPages}</div>
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton next">Next</div></a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </div>
- </div>
- <!-------------------------------------------------------------->
- <!-------------------------- SCRIPTS --------------------------->
- <!-------------------------------------------------------------->
- <!-- --------- FONTS --------- -->
- <link href="https://fonts.googleapis.com/css?family=ABeeZee|Bitter|Karla|Lora|Montserrat|Open+Sans|Source+Sans+Pro" rel="stylesheet">
- <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
- <!-- 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:0,
- tip_fade_speed:200,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- SCROLL TO TOP -->
- <script>
- $(document).ready(function(){
- $(window).scroll(function(){
- if ($(this).scrollTop() > 100) {
- $('.scrollToTop').fadeIn();
- } else {
- $('.scrollToTop').fadeOut();
- }
- });
- $('.scrollToTop').click(function(){
- $('html, body').animate({scrollTop : 0},800);
- return false;
- });
- });
- </script>
- <!-- ITEM APPEAR ON SCROLL -->
- <script type="text/javascript">
- $(function() {
- var header = $(".clearHeader");
- $(window).scroll(function() {
- var scroll = $(window).scrollTop();
- if (scroll >= 500) {
- header.removeClass('clearHeader').addClass("darkHeader");
- } else {
- header.removeClass("darkHeader").addClass('clearHeader');
- }
- });
- });
- </script>
- <!-- ITEM HIDE ON SCROLL -->
- <script type="text/javascript">
- $(document).ready(function() {
- $(window).scroll(function () {
- var height = $('body').height();
- var scrollTop = $('body').scrollTop();
- var opacity = 1;
- if(scrollTop > 400) {
- opacity = 0.5;
- }
- $('#someDivId').css('opacity', opacity);
- });
- });
- </script>
- <!-- JQUERY-->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
- <!-- PHOTOSETS FROM PIXEL UNION -->
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <!-- MASONRY -->
- {block:IndexPage}
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '1px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- {block:IndexPage}
- var $container = $('.grid');
- $container.masonry({
- itemSelector: '.post',
- columnWidth: {select:post width} + 50
- });
- $container.imagesLoaded(function(){
- $container.masonry();
- $container.find('.post').animate({ opacity: 1, zIndex: 1 });
- });
- {/block:IndexPage}
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement