Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- A THEME BY SODAPOPCODES - THEME ONE
- - icons by themehive
- - fonts from google fonts
- - .css photosets by annasthms, espoirthemes
- - special thanks to bychloethemes' undocumented documentation
- -->
- {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="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><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 href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,800,900" rel="stylesheet">
- <meta name="image:Sidebar" content="" />
- <meta name="color:Background Color" content="" />
- <meta name="color:Body Font Color" content="" />
- <meta name="color:Links Color" content="" />
- <meta name="color:Borders Color" content="" />
- <meta name="color:Posts Color" content="" />
- <meta name="color:Accent One Color" content="" />
- <meta name="color:Accent Two Color" content="" />
- <meta name="color:Accent Three Color" content="" />
- <meta name="text:Link One" content="refresh" />
- <meta name="text:Link One URL" content="/">
- <meta name="text:Link Two" content="contact" />
- <meta name="text:Link Two URL" content="/ask">
- <meta name="text:Link Three" content="explore" />
- <meta name="text:Link Three URL" content="/tags">
- <meta name="select:Posts Width" content="250px" />
- <meta name="select:Posts Width" content="300px" />
- <meta name="select:Posts Width" content="350px" />
- <meta name="select:Posts Width" content="400px" />
- <meta name="select:Posts Width" content="450px" />
- <meta name="select:Posts Width" content="500px" />
- <meta name="select:Posts Width" content="540px" />
- <meta name="text:Font Size" content="10px" />
- <meta name="text:Title" content="Title Here">
- <meta name="text:Description" content="You can make your description as long as you like, it will stretch the sidebar. Shorter would look better, but go wild, be creative.">
- <meta name="text:Subtitle One" content="One line here.">
- <meta name="text:Subtitle Two" content="tracking #username">
- <meta name="if:Subtitle One" content="1"/>
- <meta name="if:Subtitle Two" content="1"/>
- <meta name="if:Searchbar" content="1"/>
- <style type="text/css">
- ::-moz-selection {
- background: {color:Accent Two Color};
- color: {color:Background Color};
- }
- ::selection {
- background: {color:Accent Two Color};
- color: {color:Background Color};
- }
- ::-webkit-scrollbar {
- width:10px;
- }
- ::-webkit-scrollbar-track {
- background:{color:Accent One Color};
- }
- ::-webkit-scrollbar-thumb {
- background:{color:Background Color};
- }
- ::-webkit-scrollbar-thumb:window-inactive {
- background: transparent;
- }
- #s-m-t-tooltip {
- max-width:300px;
- margin:20px;
- border:1px solid {color:Borders Color};
- background:{color:Accent One Color};
- font-family:'Montserrat', sans-serif;
- font-size:7px;
- text-transform:uppercase;
- letter-spacing:1px;
- padding:7px;
- padding-left:10px;
- padding-right:10px;
- color:{color:Background Color};
- z-index:999999999999999999999999999999999999;
- }
- body {
- background:{color:Background Color};
- font-family:'Montserrat', sans-serif;
- font-size:{text:Font Size};
- color:{color:Body Font Color};
- line-height:15px;
- letter-spacing:.5px;
- text-align:justify;
- }
- a {
- color:{color:Links Color};
- text-decoration:none;
- -moz-transition-duration: 3s;
- -o-transition-duration: 3s;
- -webkit-transition-duration: 3s;
- transition-duration: 3s;
- }
- a:hover {
- color:{color:Accent Three Color};
- -moz-transition-duration: 3s;
- -o-transition-duration: 3s;
- -webkit-transition-duration: 3s;
- transition-duration: 3s;
- }
- b, strong {
- color:{color:Accent One Color};
- font-weight:500;
- }
- i, em {
- color:{color:Accent Two Color};
- }
- small, sup, sub {
- font-size:{text:Font Size};
- }
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- 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;
- }
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;
- }
- small, big {
- font-size:{text:Font Size};
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- blockquote {
- border-left:2px solid {color:Accent One Color};
- margin-left:10px;
- margin-right:10px;
- padding:7px;
- background:{color:Background Color};
- }
- blockquote blockquote {
- border-left:2px solid {color:Accent Two Color};
- margin-left:10px;
- margin-right:10px;
- padding:7px;
- background:{color:Posts Color};
- }
- pre {
- background:{color:Accent One Color};
- padding:5px;
- text-align:center;
- font-size:calc({text:Font Size} - 1px);
- color:{color:Background Color};
- font-family:'Montserrat', sans-serif;
- text-transform:uppercase;
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- h1 {
- font-size:calc({text:Font Size} + 2px);
- text-align:center;
- text-transform:uppercase;
- border:1px solid {color:Borders Color};
- color:{color:Posts Color};
- letter-spacing:1px;
- margin-top:0px;
- padding:15px;
- background:{color:Accent One Color};
- }
- h1 a {
- color:{color:Posts Color};
- }
- h2 a {
- color:{color:Posts Color};
- }
- h2 {
- font-size:{text:Font Size};
- text-transform:uppercase;
- text-align:center;
- padding:5px;
- background:{color:Accent Two Color};
- color:{color:Posts Color};
- }
- h8 {
- text-transform:uppercase;
- font-size:calc({text:Font Size} - 2px);
- padding:5px;
- margin-bottom:15px;
- padding-left:15px;
- color:{color:Accent One Color};
- }
- h8 a{
- color:{color:Accent Two Color};
- }
- #content {
- max-width:800px;
- margin:0 auto;
- margin-top:50px;
- }
- #sidebar {
- position:fixed;
- width:220px;
- background:{color:Posts Color};
- border:1px solid {color:Borders Color};
- }
- #sidebar img {
- width:150px;
- text-align:center;
- margin:30px;
- padding:5px;
- border:1px solid {color:Borders Color};
- border-radius:250px;
- margin-bottom:0px;
- }
- #description {
- width:180px;
- padding:20px;
- }
- #prev {
- background:{color:Accent One Color};
- padding:10px;
- text-align:center;
- margin:5px;
- margin-top:-5px;
- color:{color:Posts Color};
- margin-left:-20px;
- margin-right:-20px;
- }
- #tracking {
- background:{color:Accent Two Color};
- padding:10px;
- text-align:center;
- margin:5px;
- margin-top:-5px;
- color:{color:Posts Color};
- margin-left:-20px;
- margin-right:-20px;
- }
- #navigation {
- width:210px;
- padding-left:9px;
- padding-right:0px;
- margin-top:-15px;
- margin-bottom:10px;
- }
- #link:hover {
- background:{color:Accent One Color};
- -moz-transition-duration: 3s;
- -o-transition-duration: 3s;
- -webkit-transition-duration: 3s;
- transition-duration: 3s;
- }
- #link{
- background:{color:Background Color};
- padding:7px;
- font-size:9px;
- width:46px;
- margin-right:10px;
- text-align:center;
- display:inline-block;
- }
- #searchinput {
- display:inline-block;
- font-family:'montserrat';
- border:none;
- outline:none;
- background:transparent;
- color:{color:Body Font Color};
- font-size:7px;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- #searchtext {
- background:{color:Background Color};
- padding:5px;
- border:none;
- display:inline-block;
- outline:none;
- width:110px;
- font-size:10px;
- }
- .search {
- background:{color:Background Color};
- width:200px;
- font-size:10px;
- }
- #searchbar {
- width:190px;
- padding:10px;
- margin-top:-10px;
- font-size:10px;
- }
- #pagination {
- width:180px;
- padding:20px;
- font-size:8px;
- min-height:8px;
- margin-top:8px;
- text-align:center;
- background:{color:Background Color};
- }
- #pagination a {
- margin-left:7px;
- margin-right:7px;
- }
- .current_page {
- background:{color:Accent Two Color};
- padding:7px;
- padding-left:11px;
- padding-right:11px;
- border-radius:100px;
- color:{color:Background Color};
- }
- #posts {
- margin-left:260px;
- width:{select:Posts Width};
- margin-bottom:60px;
- padding:20px;
- background:{color:Posts Color};
- border:1px solid {color:Borders Color};
- }
- #postinfo {
- margin:-20px;
- padding:20px;
- line-height:8px;
- background:{color:Background Color};
- border-bottom:1px solid {color:Borders Color};
- }
- #tags {
- background:{color:Borders Color};
- padding:5px;
- padding-left:10px;
- padding-right:10px;
- margin-left:-20px;
- margin-right:-20px;
- margin-top:20px;
- font-size:7px;
- text-transform:uppercase;
- text-align:center;
- margin-bottom:20px;
- }
- [photoset-layout] {
- grid-column-gap: 10px;
- grid-row-gap: 5px;
- grid-gap: 15px;
- }
- [photoset-layout] div {
- cursor: pointer;
- margin-bottom:0px;
- }
- #question {
- padding:20px;
- padding-bottom:10px;
- background:{color:Background Color};
- }
- #asker {
- background:{color:Accent One Color};
- padding:10px;
- text-align:center;
- font-weight:700;
- font-size:{text:Font Size};
- text-transform:lowercase;
- color:{color:Posts Color};
- }
- .video {
- width:{select:Posts Width};
- }
- .quote {
- font-size:calc({text:Font Size} + 2px);
- text-align:center;
- background:{color:Background Color};
- padding:20px;
- margin-bottom:10px;
- padding-left:10px;
- }
- .quote:before {
- font-family:'honeybee';
- content:'\eca8';
- font-size:25px;
- padding-right:20px;
- color:{color:Accent One Color};
- }
- #source {
- background:{color:Accent One Color};
- padding:10px;
- margin-left:-10px;
- margin-right:-20px;
- margin-bottom:-20px;
- margin-top:15px;
- font-size:{text:Font Size};
- color:{color:Posts Color};
- font-weight:700;
- text-align:center;
- }
- .chat li {
- list-style:none;
- padding:10px;
- margin-top:-10px;
- margin-bottom:10px;
- margin-left:-40px;
- }
- .chat li:nth-of-type(odd){
- background:{color:Background Color}
- }
- .chat li:nth-of-type(even){
- background:{color:Accent Three Color};
- }
- .songart img{
- width:85px;
- height:85px;
- display:inline-block;
- }
- .songtitle {
- float:right;
- display:inline-block;
- margin-left:82px;
- width:calc({select:Posts Width} - 105px);
- padding:20px;
- background:{color:Background Color};
- color:{color:Accent Two Color};
- margin-top:-89px;
- text-transform:lowercase;
- text-align:center;
- font-size:18px;
- font-weight:bold;
- }
- .songauthor {
- float:right;
- display:inline-block;
- margin-left:82px;
- width:calc({select:Posts Width} - 85px);
- padding:7px;
- background:{color:Accent Three Color};
- color:{color:Accent Two Color};
- margin-top:-33px;
- text-transform:lowercase;
- text-align:center;
- font-weight:italic;
- margin-bottom:15px;
- }
- .playbutton {
- width:25px;
- padding:10px;
- padding-right:17px;
- border-radius:5px;
- padding-bottom:20px;
- margin-top:-70px;
- margin-left:15px;
- height:20px;
- background-color:{color:Background Color};
- overflow: hidden;
- z-index: 1000;
- opacity: 0.5;
- }
- #pagenotes {
- margin-left:220px;
- width:calc({select:Posts Width} + 40px);
- margin-top:-40px;
- }
- #pagenotes ol {
- list-style:none;
- }
- #pagenotes li {
- width:calc({select:Posts Width} + 20px);
- background:{color:Posts Color};
- border:1px solid {color:Borders Color};
- margin-bottom:5px;
- padding:10px;
- line-height:16px;
- text-align:right;
- font-size:8px;
- text-transform:uppercase;
- }
- #pagenotes img {
- width:16px;
- border-radius:100px;
- float:left;
- }
- #credit {
- position:fixed;
- width:220px;
- margin-top:7px;
- text-align:center;
- font-size:7px;
- text-transform:uppercase;
- }
- {CustomCSS}
- </style>
- <script>
- function gatherData(images, arr) {
- for (let i = 0; i < images.length; i++) {
- let currentData = {
- "width": images[i].getAttribute('data-width'),
- "height": images[i].getAttribute('data-height'),
- "low_res": images[i].getAttribute('data-lowres'),
- "high_res": images[i].getAttribute('data-highres')
- };
- arr.push(currentData);
- }
- }
- function getIndex(elem) {
- let i = 0;
- while( (elem = elem.previousElementSibling) != null ) i++;
- return i;
- }
- function lightbox(elem) {
- let currentPhotoset = elem.parentNode;
- let photosetPhotos = currentPhotoset.getElementsByTagName('div');
- let data = [];
- gatherData(photosetPhotos, data);
- Tumblr.Lightbox.init(data, getIndex(elem) + 1);
- }
- </script>
- </head>
- <body>
- <div id="content">
- <div id="sidebar">
- <img src="{image:Sidebar}">
- <div id="description">{text:Description} <br><br>
- {block:IfSubtitleOne}<div id="prev">{text:Subtitle One} </div>{/block:IfSubtitleOne}{block:IfSubtitleTwo}<div id="tracking"> {text:Subtitle Two} </div>{/block:IfSubtitleTwo}
- </div>
- <div id="navigation">
- <div id="link"><a href="{text:Link One Url}" title="{text:Link One}">.01</a></div><div id="link"><a href="{text:Link Two Url}" title="{text:Link Two}">.02</a></div><div id="link"><a href="{text:Link Three Url}" title="{text:Link Three}">.03</a></div>
- </div>
- {block:IfSearchbar} <div id="searchbar">
- <form action="/search" method="get" class="search">
- <input type="text" name="q" value="{SearchQuery}" id="searchtext"/>
- <input type="submit" value=". . . search" id="searchinput"/>
- </form></div>{/block:IfSearchBar}
- <center><b><i>{text:Title}</i></b></center>
- <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="jump" style="float:left;font-size:12px;"><span class="th th-left-arrow"></span></a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="jump" style="float:right;font-size:12px;"><span class="th th-right-arrow"></span></a>{/block:NextPage}{/block:Pagination}
- </div>
- <div id="credit">{CopyrightYears} | <a href="http://sodapopcodes.tumblr.com/">sodapopcodes</a></div>
- </div>
- {block:Posts}
- <div id="posts">
- <div id="postinfo"><a href="{Permalink}" title="posted on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {AmPm}"> <span class="th th-clock-o" style="font-size:9.5px;"></span> <b style="font-size:9.5px;text-transform:uppercase;margin-top:-3px;margin-left:10px;">{NoteCount} NOTES</b> </a><a href="{ReblogURL}" title="Reblog This Post" style="float:right;"><span class="th th-reblog" style="font-size:9px;"></span> <b style="font-size:9.5px;text-transform:uppercase;margin-top:-3px;margin-left:10px;"> REBLOG</b></a> </div>
- <div id="tags">{block:Tags} <a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>
- {block:Text}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="captions">{Body}</div>{/block:Text}
- {block:Photo}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{/block:Photo}
- {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
- {block:Quote}<div class="quote">{Quote}{block:Source}
- <div id="source">{Source}</div>{/block:Source}</div>{/block:Quote}
- {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}<ul class="chat">{block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}"></div>
- {/block:AlbumArt}<div class="songtitle">{block:TrackName}{TrackName}
- {/block:TrackName}</div><div class="songauthor">By {block:Artist}{Artist}{/block:Artist}</div><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
- {/block:Audio}
- {block:Video}<div class="video">{VideoEmbed-700}</div>{/block:Video}
- {block:Answer}
- <div id="question">{Question}</div><div id="asker">{Asker} sent a message</div><div id="textpost">{Answer}</div>
- {/block:Answer}
- {block:Caption}
- <div class="captions">{Caption}</div>
- {/block:Caption}
- </div>
- {block:PostNotes}<div id="pagenotes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- <!-- THIS THEME IS CREATED BY AUTUMN (SODAPOPCODES) AND IS NOT TO BE REDISTRUBUTED WITHOUT PERMISSION. DO NO REMOVE CREDIT, REPOST, OR TAKE PIECE OF CODE TO USE AS A BASE CODE. DO NOT REMOVE CREDIT. FOR TROUBLESHOOTING PLEASE CONTACT MAKER DIRECTLY AT @SODAPOPCODES.TUMBLR.COM -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment