Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <!--LAZY LOAD--
- <!--MAIN TITLE-->
- <title>{Title}</title>
- <!--LINK THINGS-->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--META DESCRIPTION-->
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <link href='http://fonts.googleapis.com/css?family=Bitter:300,700,300italic' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
- <!--META TAGS-->
- <meta name="image:sidebar" content="" />
- <meta name="color:background" content="#fff" />
- <meta name="color:link" content="#616161" />
- <meta name="color:navi" content="#616161" />
- <meta name="color:text" content="#000" />
- <meta name="text:link1" content="" />
- <meta name="text:link1 url" content="/" />
- <meta name="text:link2" content="" />
- <meta name="text:link2 url" content="/" />
- <meta name="text:link3" content="" />
- <meta name="text:link3 url" content="/" />
- <meta name="text:link4" content="" />
- <meta name="text:link4 url" content="/" />
- <meta name="text:link5" content="" />
- <meta name="text:link5 url" content="/" />
- <meta name="text:link6" content="" />
- <meta name="text:link6 url" content="/" />
- <meta name="if:show title" content="0" />
- <!--TOOLTIP CODE-->
- <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:30,
- tip_fade_speed:500,
- 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 = 300;
- 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>
- <!--STYLE-->
- <style type="text/css">
- /*TOOLTIPS*/
- #s-m-t-tooltip {
- text-align: center;
- max-width: 150px;
- margin: 15px;
- padding: 7px;
- font-style: italic;
- z-index: 999999;
- letter-spacing: 0.5px;
- color: black;
- background-color: rgba(255, 255, 255, 0.5);
- }
- /*GENERAL*/
- ::-webkit-scrollbar {
- width: 2px;
- }
- ::-webkit-scrollbar-thumb {
- width: 5px;
- background-color: #000;
- }
- body {
- /*background:url(https://unsplash.imgix.net/photo-1423683249427-8ca22bd873e0?q=75&fm=jpg&s=5e57c661d0f772ce269188a6f5325708) top right no-repeat; */
- background: {color:background};
- background-attachment:fixed;
- background-repeat: repeat;
- font-size: 7px;
- font-family: arial;
- font-weight: 200;
- line-height: 150%;
- text-align: left;
- color: {color:text};
- }
- a {
- text-decoration: none;
- color: {color:link};
- border-bottom: 1px solid transparent;
- transition: 0.7s;
- }
- a:hover {
- opacity: 0.2;
- }
- blockquote {
- color: black;
- padding-left: 7px;
- position: relative;
- border-left: 1px solid #f1f1f1;
- }
- blockquote blockquote {
- padding: 5px;
- width: auto;
- }
- #title {
- {block:IfNotShowTitle}
- display: none;
- {/block:IfNotShowTitle}
- {block:IfShowTitle}
- display: block;
- {/block:IfShowTitle}
- font-weight: bold;
- text-transform: uppercase;
- letter-spacing: 1px;
- text-align: center;
- max-width: 150px;
- background: #f8f8f8;
- padding: 6px;
- padding-top: 7px;
- padding-left: 5px;
- padding-right: 5px;
- margin: 4px;
- }
- #posts {
- position: relative;
- margin-top: 50px;
- margin-left: 150px;
- width: 500px;
- }
- .entry {
- position: relative;
- width: 300px;
- margin-bottom: 150px;
- z-index: 9;
- text-align: left;
- padding: 10px;
- padding-bottom: -10px;
- background: white;
- /*box-shadow: 5px 5px 1px 0px rgba(50, 50, 50, 0.49);*/
- }
- /*sidebar*/
- #sidebar {
- font-size: 6px;
- position: fixed;
- width: 150px;
- margin-left: 300px;
- top: 150px;
- z-index: 99999999;
- }
- #sidebarimage {
- width: 150px;
- }
- #sidebarimage img {
- width: 150px;
- }
- #links {
- position: relative;
- top: -8px;
- letter-spacing: 1px;
- float: right;
- margin-top: 10px;
- background: #f8f8f8;
- padding-top: 15px;
- padding-bottom: 15px;
- width: 150px;
- }
- #links a {
- margin-right: 5px;
- color: gray;
- display: inline;
- color: {color:navi};
- transition: 0.7s ease;
- }
- #links a::after {
- content:",";
- }
- #links a:hover {
- }
- /*PAGINATION*/
- #pagination {
- position: absolute;
- bottom: 50px;
- margin-left: 70px;
- width: 350px;
- font-size: 9px;
- text-align: center;
- transition: 0.7s ease;
- }
- #pagination a {
- width: 20px;
- margin: 10px;
- padding-top: 5px;
- border-top: 1px solid transparent;
- }
- #pagination a:hover {
- opacity: 1;
- border-top: 1px solid black;
- }
- #pagination .current_page {
- margin: 10px;
- border-top: 1px solid black;
- padding-top: 5px;
- }
- /*QUOTE*/
- #quote {
- text-align: center;
- width: 500px;
- font-size: 15px;
- border-bottom: 1px dotted lightgray;
- padding-bottom: 20px;
- }
- .source {
- padding-top: 20px;
- width: 500px;
- text-align: center;
- }
- /*AUDIO PLAYER*/
- #albumart img {
- height: 150px;
- width: 150px;
- float: left;
- position: relative;
- }
- #albumart:hover #audio {
- opacity: 0.8;
- }
- #albumart:hover #audioplayer {
- opacity: 0.8;
- }
- #audio {
- height: 150px;
- width: 150px;
- background: white;
- position: absolute;
- top: 7px;
- left: 7px;
- z-index: 9999999;
- opacity: 0;
- transition-duration: 0.5s;
- }
- #audioplayer {
- opacity: 0;
- width: 27px;
- height: 27px;
- background: white;
- overflow: hidden;
- position: absolute;
- top: 40px;
- left: 40px;
- z-index: 9999999;
- transition-duration: 0.5s;
- }
- #audioinfo {
- float: left;
- position: relative;
- line-height: 297%;
- font-size: 10px;
- font-weight: ;
- margin-left: 10px;
- background: #fbfbfb;
- padding: 5px;
- padding-left: 8px;
- width: 220px;
- border-top: 1px solid #eee;
- border-bottom: 1px solid #eee;
- }
- /*ASKER*/
- #question {
- background-color: #fbfbfb;
- padding: 20px;
- text-align: left;
- width: 260px;
- font-weight: bold;
- }
- #asker {
- text-align: left;
- width: 300px;
- margin-bottom: 10px;
- text-transform: uppercase;
- font-weight: bold;
- font-size: 12px;
- letter-spacing: 1px;
- }
- #answer {
- text-align: right;
- margin-top: 10px;
- }
- /*CHAT*/
- ul {
- list-style: none;
- padding: 10px;
- }
- ul li {
- border-bottom: 1px solid black;
- padding: 5px;
- }
- /*INFO*/
- #info {
- position: relative;
- background: #f8f8f8;
- padding: 15px;
- text-align: center;
- text-transform: lowercase;
- letter-spacing: 1px;
- top: 0px;
- transition: 0.5s;
- }
- #info a {
- margin-left: 5px;
- }
- #tags {
- width: 300px;
- text-align: center;
- display: inline;
- position: relative;
- letter-spacing: 1px;
- top: 5px;
- opacity: 0;
- transition: 0.5s;
- }
- #tags small {
- vertical-align: 1px;
- }
- #tags a::before {
- content: " ";
- }
- #tags a {
- margin-right: 10px;
- }
- .entry:hover #tags {
- opacity: 1;
- }
- /*NOTES*/
- #notes {
- width: 300px;
- text-align: left;
- }
- #notes ol {
- list-style: none;
- }
- li.note {
- margin: 10px;
- margin-left: 15px;
- }
- #notes img {
- vertical-align: -5px;
- margin-right: 10px;
- }
- /*CREDIT*/
- #credit {
- font-style: normal;
- position: fixed;
- bottom: 15px;
- font-size: 9px;
- letter-spacing: 1px;
- right: 15px;
- background: transparent;
- padding: 5px;
- width: 15px;
- text-align: center;
- transition: 0.5s;
- }
- /*UPDATES*/
- #updates {
- position: fixed;
- top: 10px;
- left: 10px;
- }
- #updates:hover #content {
- opacity: 1;
- transition: 1s ease;
- }
- #content {
- position: relative;
- bottom: 7px;
- opacity: 1;
- text-align: justify;
- width: 150px;
- transition: 1s ease;
- }
- </style>
- </head>
- <body>
- <!--<div id="updates">
- <h3>UPDATES</h3>
- <div id="content">
- lorem ipsum sadjflsdljs
- </div>
- </div>
- <!--sidebar-->
- <center>
- <div id="sidebar">
- <!--TITLE-->
- <div id="title">{Title}</div>
- <div id="sidebarimage"><script language="JavaScript">
- <!--
- /*
- Random Image Script- By JavaScript Kit (http://www.javascriptkit.com)
- Over 400+ free JavaScripts here!
- Keep this notice intact please
- */
- function random_imglink(){
- var myimages=new Array()
- //specify random images below. You can have as many as you wish
- myimages[1]="http://s28.postimg.org/ug7d7u5ql/image.jpg"
- myimages[2]="http://s28.postimg.org/e6lsiokgd/image.jpg"
- myimages[3]="http://s21.postimg.org/i5o3g2amf/image.jpg"
- myimages[4]="http://s21.postimg.org/qp7hdtiyv/image.jpg"
- var ry=Math.floor(Math.random()*myimages.length)
- if (ry==0)
- ry=1
- document.write('<img src="'+myimages[ry]+'" border=0>')
- }
- random_imglink()
- //-->
- </script></div>
- <!--LINKS-->
- <div id="links">
- <a href="{text:link1 url}">{text:link1}</a>
- <a href="{text:link2 url}">{text:link2}</a>
- <a href="{text:link3 url}">{text:link3}</a>
- </div>
- <br>
- </div>
- </center>
- <center>
- <!--POSTS-->
- <div id="posts">
- {block:Posts}
- <div class="entry">
- <!--TEXT POSTS-->
- {block:Text}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}{Body}{/block:Text}
- <!--PHOTO POSTS-->
- {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="300"/>{/block:Photo}
- <!--PHOTOSET POSTS-->
- {block:Photoset}{Photoset-500}{/block:Photoset}
- <!--QUOTE POSTS-->
- {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
- <!--LINK POSTS-->
- {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{/block:Link}
- <!--CHAT POSTS-->
- {block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}<ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">{block:Label} <span class="label">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ul></li>{/block:Chat}
- <!--VIDEO POSTS-->
- {block:Video}{Video-500}{/block:Video}
- <!--AUDIO POSTS-->
- {block:Audio}<div id="albumart">{block:AlbumArt}<div id="audio"><div id="audioplayer">{AudioPlayerWhite}</div></div><img src="{AlbumArtURL}">{/block:AlbumArt}</div><div id="audioinfo">{block:TrackName}
- {TrackName}
- {/block:TrackName}<br>{block:Artist}{Artist}
- {/block:Artist}<br>{PlayCountWithLabel}</div><br><br><br><br><br><br><br><br><br><br><br><br><br>{/block:Audio}
- <!--ANSWER POSTS-->
- {block:Answer}<div id="asker">{Asker}</div><div id="question">{Question}</div><div id="answer">{Answer}</div>{/block:Answer}
- <!--CAPTION-->
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- <!--INFO-->
- <div id="info">
- <a title="{TimeAgo}" href="{Permalink}">{DayOfWeek}</a>,
- <a href="{Permalink}">{NoteCount}</a>,
- {block:RebloggedFrom}<a title="{ReblogParentTitle}" href="{ReblogParentURL}">VIA</a>{/block:RebloggedFrom},
- {block:ContentSource}<a title="{SourceTitle}" href="{SourceURL}">SOURCE</a>{/block:ContentSource}
- </div>
- <center>{block:Tags}<div id="tags"><small>■</small><a href="/tagged/{Tag}">{Tag}</a></div>{/block:Tags}</center>
- </div>
- <!--POST NOTES-->
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- <!--HIDE VIA AND SOURCE-->
- {/block:Posts}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- {block:ContentSource}<!-- {SourceURL}
- {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <br><br>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
- {block:JumpPagination length="4"}
- {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_page">»</a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- </center>
- <center><div id="credit"><a title="theme by reichanbach" href="http://reichanbach.tumblr.com">RB</a></div></center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement