Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE>
- <html>
- <head>
- <!--Theme #65 - Pomegranate by wonderfullythemes
- don't intefere with the credit cheers-->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link href="https://fonts.googleapis.com/css?family=lato:300,400,700|Halant:400,700|Quicksand:400,700" rel="stylesheet">
- <script src="https://static.tumblr.com/r8vffrc/aDcp970t4/jquery-2.2.4.min.js"></script>
- <!--Unnestting Captions, credit to @neothm and @magnusthemes-->
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script>
- $(window).load(function(){
- $("article").unnest({
- yourCaption: ".caption",
- wrapName: ".tumblr_parent",
- newCaptionUsername: false,
- originalPostCaptionUsername: false,
- tumblrAvatars: false,
- tumblrAvatarClass: ".tumblr_avatar",
- usernameColon: false
- });
- });
- </script>
- <!--Sticky Header-->
- <script>
- $(document).ready(function() {
- var stickyNavTop = $('.descimage').offset().top;
- var stickyNav = function(){
- var scrollTop = $(window).scrollTop();
- if (scrollTop > stickyNavTop) {
- $('.descimage').addClass('fixedimage');
- } else {
- $('.descimage').removeClass('fixedimage');
- }
- };
- stickyNav();
- $(window).scroll(function() {
- stickyNav();
- });
- });
- </script>
- <!--Back to Top-->
- <script>
- $(document).ready(function(){
- $('a.back-to-top').click(function() {
- $('html, body').animate({ scrollTop: 0}, 700);
- return false;
- });
- });
- </script>
- <meta name="color:Background" content="#fff" />
- <meta name="color:Text" content="#444" />
- <meta name="color:Accent 1" content="#1bcc5c" />
- <meta name="color:Accent 2" content="#444" />
- <meta name="image:Background" content="" />
- <meta name="image:FixedImage" content="" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Text" content="one" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Text" content="two" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Text" content="three" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Text" content="four" />
- <meta name="text:YourQuote" content="your quote here" />
- <style type="text/css">
- /*Credit to cyantists*/
- iframe.tmblr-iframe {
- z-index: 99999999999999!important;
- top: -2px!important;
- right: 0!important;
- opacity: 0;
- padding-right: 38px;
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- transform: scale(0.65);
- transform-origin: 100% 0;
- -webkit-transform: scale(0.65);
- -webkit-transform-origin: 100% 0;
- -o-transform: scale(0.65);
- -o-transform-origin: 100% 0;
- -moz-transform: scale(0.65);
- -moz-transform-origin: 100% 0;
- -ms-transform: scale(0.65);
- -ms-transform-origin: 100% 0;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- iframe.tmblr-iframe:hover {
- opacity: 0.6!important;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .hcontrols {
- position: fixed;
- top: 0;
- right: 0;
- z-index: 999999999;
- }
- .hcontrols svg {
- width: 14px;
- height: 14px;
- padding: 9px;
- }
- .hcontrols svg path {
- fill: {color:Accent 1};
- }
- /*Basics*/
- body {
- background-image: url('{image:Background}');
- background-color: {color:Background};
- color: {color:Text};
- font-family: 'Halant', serif;
- font-weight: 400;
- font-size: 18.5px;
- line-height: 25px;
- text-decoration: none;
- text-transform: none;
- margin: 0;
- overflow-x: hidden;
- }
- a {
- color: {color:Accent 1};
- text-decoration: none;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- a:hover {
- color: {color:Accent 2};
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- h1 {
- padding: 0;
- margin: 0;
- color: {color:Text};
- font-family: 'Lato', sans-serif;
- font-weight: 400;
- text-transform: uppercase;
- letter-spacing: 2px;
- font-size: 22px;
- line-height: 26px;
- }
- h2 {
- padding: 0;
- margin: 0;
- color: {color:Text};
- font-size: 20px;
- }
- h2 a {
- color: {color:Accent 1};
- }
- li {
- list-style: square;
- }
- blockquote {
- border-left: 1px solid {color:Accent 1};
- padding-left: 10px;
- margin: 20px 0 0 25px;
- }
- img, blockquote, li, h2 {
- max-width: 100%;
- }
- b {
- font-weight: 700;
- }
- /*Header*/
- #header {
- width: 100%;
- position: relative;
- margin: 140px 0 0 0;
- }
- .headerinfo {
- width: 830px;
- padding: 0 0 40px 0;
- font-family: 'Quicksand', sans-serif;
- height: auto;
- position: relative;
- margin: auto;
- border-bottom: 1px solid {color:Accent 1};
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .title {
- letter-spacing: -1px;
- text-transform: lowercase;
- font-size: 48px;
- line-height: 48px;
- }
- .description {
- font-family: 'Halant', serif;
- font-weight: 400;
- position: relative;
- margin: 20px 0;
- }
- .links {
- font-size: 16px;
- position: relative;
- font-style: none;
- text-decoration: none;
- margin-top: 26px;
- letter-spacing: 1px;
- text-transform: uppercase;
- }
- .links a {
- padding: 0 8px 0 0;
- color: {color:Accent 1};
- }
- .links a:hover {
- color: {color:Accent 2};
- }
- /*Posts*/
- #entries {
- width: 830px;
- margin: auto;
- position: relative;
- border: 1px solid transparent;
- }
- .descimage {
- padding: 80px 0;
- width: 280px;
- position: absolute;
- }
- .descimage img {
- width: 100%;
- }
- .fixedimage {
- top: 0;
- position: fixed;
- }
- .yourquote {
- font-size: 15.5px;
- line-height: 21px;
- height: 140px;
- overflow-y: scroll;
- }
- article {
- margin: 80px 0 180px 330px;
- width: 500px;
- {block:PermalinkPage}
- margin-bottom: 80px;
- {/block:PermalinkPage}
- }
- article img{
- width: 100%;
- height: auto;
- }
- .quotepost {
- font-family: 'Halant', serif;
- font-weight: 400;
- font-size: 30px;
- text-transform: none;
- line-height: 34px;
- margin: 15px 0;
- z-index: 2;
- }
- .quotemark {
- font-family: serif;
- font-weight: initial;
- font-size: 170px;
- margin-top: 40px;
- position: absolute;
- color: {color:Accent 2};
- opacity: .4;
- z-index: -1;
- }
- .quotesource {
- font-family: 'Lato', sans-serif;
- margin: 0 0 10px 0;
- font-size: 12px;
- letter-spacing: 2px;
- text-transform: lowercase;
- text-align: right;
- }
- .chatpost ul {
- padding: 0;
- }
- .chatpost li {
- list-style: none;
- }
- .label {
- text-transform: none;
- font-weight: 900;
- }
- /*caption*/
- .caption { margin: 30px 0; }
- .tumblr_parent {
- margin: 30px 0 0 0;
- padding: 0;
- border: none;
- }
- .tumblr_parent blockquote{
- border-left: 1px solid {color:Accent 1};
- padding-left: 10px;
- margin: 20px 0 0 20px;
- }
- .tumblr_blog {
- text-transform: uppercase;
- font-family: 'Lato', sans-serif;
- font-size: 12px;
- line-height: 16px;
- letter-spacing: 1.5px;
- color: {color:Accent 2};
- }
- .tumblr_blog:hover {
- color: {color:Text};
- }
- .tumblr_blog::after {
- content: " said";
- }
- /*info and tags*/
- .info {
- border-top: 1px solid {color:Accent 2};
- padding: 15px 0;
- text-transform: uppercase;
- font-family: 'Lato', sans-serif;
- font-size: 10.5px;
- line-height: 17.5px;
- letter-spacing: 1.5px;
- }
- .info a {
- color: {color:Accent 1};
- }
- .info a:hover {
- color: {color:Accent 2};
- }
- .tags {
- margin: 10px 0;
- font-family: 'Halant', serif;
- text-transform: none;
- font-size: 14px;
- letter-spacing: 0.5px;
- }
- /*Footer*/
- .footer {
- position: relative;
- margin: 0 auto 120px auto;
- width: 830px;
- padding-top: 20px;
- border-top: 1px solid {color:Accent 1};
- text-align: center;
- text-transform: uppercase;
- font-family:'Quicksand', sans-serif;
- font-size: 12px;
- letter-spacing: 1px;
- }
- #pagination {
- text-transform: uppercase;
- display: inline-block;
- }
- a.back-to-top:hover {
- cursor: pointer;
- }
- @media only screen and (min-width:620px) and (max-width:960px) {
- /*Basics*/
- body {
- font-size: 17px;
- }
- /*Header*/
- #header {
- margin: 100px 0 0 0;
- }
- .headerinfo {
- width: 500px;
- padding: 0 0 20px 0;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- .title {
- font-size: 44px;
- line-height: 44px;
- }
- .links a {
- padding: 0 8px 0 0;
- }
- /*Posts*/
- #entries {
- width: 500px;
- }
- article {
- margin: 80px 0 140px 0;
- }
- .descimage {
- position: relative;
- width: 220px;
- padding: 60px 0;
- }
- .yourquote {
- margin: -220px 0 0 240px;
- width: 260px;
- }
- /*caption*/
- .caption {
- margin: 30px 0 0 0;
- }
- /*Footer*/
- .footer {
- width: 500px;
- }
- }
- @media only screen and (max-width:620px) {
- /*Basics*/
- body {
- font-size: 15.5px;
- }
- /*Header*/
- #header {
- margin: 80px 0 0 0;
- }
- .headerinfo {
- width: 300px;
- padding: 0 0 10px 0;
- }
- .title {
- width: 100%;
- text-align: left;
- font-size: 38px;
- line-height: 38px;
- }
- .links {
- width: 100%;
- text-align: left;
- font-size: 15px;
- }
- .links a {
- padding: 0 8px 0 0;
- }
- /*Posts*/
- #entries {
- width: 300px;
- overflow: hidden;
- }
- .descimage {
- position: relative;
- padding: 40px 0;
- }
- article {
- width: 300px;
- margin: 80px 0 100px 0;
- }
- /*caption*/
- .caption {
- width: 300px;
- margin: 30px 0 0 0;
- }
- /*info and tags*/
- .info {
- margin: 0 0 10px 0;
- position: relative;
- width: 300px;
- text-align: left;
- }
- /*Footer*/
- .footer {
- width: 300px;
- }
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="header"><div class="headerinfo">
- <div class="title"><a href="/">{Title};</a></div>
- <div class="links">
- <a href="{text:Link1}">{text:Link1 Text}</a>
- <a href="{text:Link2}">{text:Link2 Text}</a>
- <a href="{text:Link3}">{text:Link3 Text}</a>
- <a href="{text:Link4}">{text:Link4 Text}</a>
- </div>
- <div class="description">{Description}</div>
- </div><!--end .headerinfo--></div><!--end #header-->
- <div id="entries">
- <div class="descimage">
- <img src="{image:FixedImage}" />
- <p class="yourquote">
- <span class="quotemark">“</span>
- {text:YourQuote}
- </p>
- </div>
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <article>
- {block:Text}
- <div class="textpost">
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- </div>
- {/block:Text}
- {block:Answer}
- {Asker} asked: {Question}
- {Answer}
- {/block:Answer}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
- {LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset}
- {/block:Photoset}
- {block:Quote}
- <div class="quotepost">
- <p class="quotemark">“</p>{Quote}</div>
- {block:Source}<div class="quotesource">― {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <h2><a href="{URL}">{Name}</a></h2>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="chatpost">
- <ul>{block:Lines}
- <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
- {/block:Lines}</ul>
- </div>
- {/block:Chat}
- {block:Audio}
- {AudioPlayerWhite}
- {block:TrackName}{TrackName}{/block:Trackname}
- {AudioPlayerBack}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {/block:Video}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <div class="info">
- {block:Date}
- Posted <a href="{Permalink}">{TimeAgo}</a>
- {block:NoteCount}
- with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:NoteCount}
- {block:RebloggedFrom}<br>Reblogged from <a href="{ReblogParentURL}" target="blank">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:RebloggedFrom}, originally from <a href="{ReblogRootURL}" target="blank">{ReblogRootName}</a>{/block:RebloggedFrom}
- {block:HasTags}
- <div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}
- {/block:Date}
- </div><!--end .info-->
- </article><!--end .post-->{/block:Posts}</div><!--end #entries-->
- <div class="footer">
- {block:IndexPage}{block:Pagination}<div id="pagination">
- Page {CurrentPage} of {TotalPages}
- {block:PreviousPage} <a href="{PreviousPage}">back</a> {/block:PreviousPage}
- {block:NextPage} <a href="{NextPage}">next</a>{/block:NextPage}
- //
- </div><!--end #pagination-->{/block:Pagination}{/block:IndexPage}
- <a class="back-to-top">scroll to top</a>
- //
- <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes" target="blank">theme</a>
- </div><!--end .footer-->
- <!--Credit to cyantists-->
- <div class="hcontrols">
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
- <path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/>
- </svg>
- </div><!--end .hcontrols-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement