Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <script src="js/jquery-1.7.1.js" type="text/javascript"></script>
- <script src="js/jquery.adipoli.min.js" type="text/javascript"></script>
- <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <head><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}
- <!--
- THEME #15 BY JASONDILAURENTS / THEMESBYJASONDILAURENTS
- http://jasondilaurents.tumblr.com
- http://themesbyjasondilaurents.tumblr.com
- Please do not use as base
- Don't claim as your own
- Don't remove my credit.
- Thank you!
- -->
- <!--COLORS-->
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Bold" content="#8dabc0"/>
- <meta name="color:Blog title" content="#8dabc0"/>
- <meta name="color:Entry bg" content="#ffffff"/>
- <meta name="color:Header bg" content="#f1f1f1"/>
- <meta name="color:Info" content="#6c6b6b"/>
- <meta name="color:Info Border" content="#f1f1f1"/>
- <meta name="color:Italic" content="#c2c0c7"/>
- <meta name="color:Links" content="#c3d7e5"/>
- <meta name="color:Links Hover" content="#af97e9"/>
- <meta name="color:NavLinks" content="#c6c4c9"/>
- <meta name="color:Navmenus" content="#969595"/>
- <meta name="color:Navmenus bg" content="#fafafa"/>
- <meta name="color:Navmenus border" content="#cfcece"/>
- <meta name="color:Navmenus firstletter" content="#8dabc0"/>
- <meta name="color:Post background" content="#ffffff"/>
- <meta name="color:Post title" content="#5381a1"/>
- <meta name="color:Question BG" content="#f1f1f1"/>
- <meta name="color:Question text" content="#969595"/>
- <meta name="color:Sbimage border" content="#cfcece"/>
- <meta name="color:Selection" content="#000000"/>
- <meta name="color:Selection BG" content="#a1bcd1"/>
- <meta name="color:Sidebar Background" content="#ffffff"/>
- <meta name="color:Sidebar Borders" content="#f1f1f1"/>
- <meta name="color:Sidebar Text" content="#969595"/>
- <meta name="color:Text" content="#969595"/>
- <!--IMAGES AND SUBTITLE-->
- <meta name="image:Background" content="" />
- <meta name="image:Header" content="" />
- <meta name="image:Sidebarimage" content=""/>
- <!--NAVIGATION LINKS-->
- <meta name="text:Link 1 URL" content=" " />
- <meta name="text:Link 1 Title" content="link 1" />
- <meta name="text:Link 2 URL" content=" " />
- <meta name="text:Link 2 Title" content="link 2" />
- <meta name="text:Link 3 URL" content=" " />
- <meta name="text:Link 3 Title" content="link 3" />
- <meta name="text:Link 4 URL" content=" " />
- <meta name="text:Link 4 Title" content="link 4" />
- <meta name="text:Link 5 URL" content=" " />
- <meta name="text:Link 5 Title" content="link 5" />
- <meta name="text:Link 6 URL" content=" " />
- <meta name="text:Link 6 Title" content="link 6" />
- <!--SHOW NAVIGATION LINKS-->
- <meta name="if:Show Link1" content="1">
- <meta name="if:Show Link2" content="1">
- <meta name="if:Show Link3" content="1">
- <meta name="if:Show Link4" content="1">
- <meta name="if:Show Link5" content="1">
- <meta name="if:Show Link6" content="1">
- <meta name="if:Infinite Scroll" content="0">
- <meta name="if:Header" content="1">
- <!--FONTS-->
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
- <!------------------------------------------------------------->
- <script type="text/javascript">
- function unhide(divID) {
- var item = document.getElementById(divID);
- if (item) {
- item.className=(item.className=='hidden')?'unhidden':'hidden';
- }
- }
- </script>
- <!------------------------------------------------------------->
- <style type="text/css">
- body {
- background:{color:background};
- background-image: url('{image:background}');
- background-attachment:fixed;
- margin:0px;
- color:{color:text};
- font-family:'pt sans';
- font-size:11px;
- line-height:100%;}
- /* SCROLLBAR */
- ::-webkit-scrollbar-thumb:vertical {
- height:12px;
- border:2px solid #ffffff;
- background-color:{color:links};
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color:#ffffff;
- }
- ::-webkit-scrollbar {
- width:11px;
- height:7px;
- border:5px solid #ffffff;
- background-color:#000000;
- }
- ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
- display:block;
- height:8px;
- border-right:2px solid #ffffff;
- border-left:2px solid #ffffff;
- background-color:{color:links};
- }
- /* BASICS */
- .hidden {display: none;}
- .unhidden {display: block;}
- a, a:active, a:visited {
- transition:0.8s;
- -o-transition-transition:0.8s;
- -webkit-transition-duration:0.8s;
- -moz-transition-duration:0.8s;
- text-decoration:none;
- color:{color:links};}
- a:hover {
- transition:0.8s;
- -o-transition-transition:0.8s;
- -webkit-transition-duration:0.8s;
- -moz-transition-duration:0.8s;
- text-decoration:none;
- color:{color:links hover};
- background-color:{color:transparent};}
- blockquote {
- padding-left: 5px;
- border-left: 2px solid ;border-color:#eee6ea;
- max-width:500px;}
- blockquote blockquote {
- padding-left:5px;
- border-left:2px solid ;border-color:#eee6ea;
- max-width:500px;}
- b, strong {color:{color:bold};}
- i, em {color:{color:italic};}
- p{margin-top:5px; margin-bottom:5px}
- blockquote {
- padding:0px;
- padding-left:5px;
- margin:5px;
- margin-top:10px;
- margin-bottom:10px;
- border-left:2px solid ; border-color:#eee6ea;
- max-width:500px;}
- blockquote img {
- max-width:450px}
- ul, li img {
- max-with:300px}
- h1 {
- font-size:16px;
- font-family:'share tech';
- line-height:100%;
- text-transform:none;
- font-weight:normal;
- font-style:none;
- text-align:center;
- color:{color:post title};}
- /* POSTS */
- #entries {
- padding:20px;
- width:520px;
- margin-left:412px;
- margin-right:auto;
- margin-top:0px;
- font-family:'cambria';
- color:{color:Text};
- background:{color:entry bg};}
- #post {
- width:500px;
- padding-bottom:10px;
- padding-top:10px;
- padding-left:10px;
- padding-right:10px;
- margin-top:-10px;
- font-family:'cambria';
- font-size:10px;
- color:{color:text};
- background-color:{color:post background};
- word-wrap: break-word;}
- #quote {
- font-size: 16px;
- line-height: 15pt;
- font-style:italic;
- color: {color:text};
- font-family: 'playfair display';
- padding-left: 0px;}
- #source {
- text-align: left;
- font-style:none;}
- /* AUDIO */
- #audioplayer {
- z-index:1;
- height:26px;
- width:27px;
- margin-top:50px;
- margin-left:45px;
- overflow:hidden;
- position:absolute;
- opacity: 1;filter:alpha(opacity=60) ;}
- #audioplayer:hover {
- opacity: 1; filter:alpha(opacity=60);}
- #albumart {
- margin-top:0px;
- margin-left:10px;
- margin-right:10px;
- z-index:0;
- float:left;}
- #audiostuff {
- font-family:'Cambria';
- color:{color:question text};
- background-color:transparent;
- text-transform:none;
- float:left;
- text-align:center;
- padding:8px;
- letter-spacing:1;
- font-size:12px;
- margin-top:15px;
- margin-bottom:10px;
- margin-left:0px;}
- #caption {
- margin-left:10px;
- margin-top:115px;
- }
- /* CREDIT */
- .credit {font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;color:#c6c4c9;}
- .credit a{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;opacity:0.8;color:#c6c4c9;}
- .credit a:hover{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:1px; right:15px; position:fixed; padding:3px; text-align:right; font-weight:normal;background-color:transparent;opacity:1;color:#c6c4c9; }
- /* Header & SIDEBAR */
- {block:IfHeader}
- #Header {
- width:550px;
- height:250px;
- z-index:999;
- float:center;
- margin-left:412px;
- position:absolute;
- margin-top:-1px;
- padding:5px;
- background-color:{color:Header bg};
- background-image: url('{image:Header}');
- background-repeat:repeat;
- background-position:top;}{/block:IfHeader}
- #sidebar {
- width:200px;
- height:1000%;
- position:fixed;
- margin-left:100px;
- margin-top:-40px;
- padding-top:10px;
- padding-bottom:10px;
- padding-left:10px;
- padding-right:10px;
- background:{color:sidebar background};
- border-right:1px solid;
- border-left:1px solid;
- border-color:{color:sidebar borders};}
- #title {
- width:auto;
- color:{color:blog title};
- letter-spacing:0px;
- margin-left:-240px;
- line-height:22px;
- font-style:none;
- font-size:20px;
- font-family:'codystar';
- text-align:center;
- padding-top:3px;
- padding-bottom:2px;
- -webkit-transform: rotate(270deg);
- -moz-transform: rotate(270deg);
- -o-transform: rotate(270deg);}
- #sidebarimage {
- width:150px;
- margin-top:220px;
- margin-left:auto;
- margin-right:auto;
- text-align:center;}
- #sidebarimage img {
- width:150px;
- border:4px solid;
- border-color:{color:sbimage border};}
- #description {
- width:165px;
- padding:15px;
- margin-top:-35px;
- margin-bottom:10px;
- text-align:justify;
- margin-left:auto;
- margin-right:auto;
- font-size:10px;
- font-family:'cambria';
- color:{color:sidebar text};
- background-color:{color:sidebar bg};}
- /* PAGINATION */
- #pagination {
- font-family:'cambria'';
- width:520px;
- word-spacing:3px;
- line-height:30px;
- font-size:10px;
- background-color:{color:entry bg}
- font-style:normal;
- text-align:center;
- }
- #pagination a {
- color:{color:text};
- }
- #pagination a:hover {
- color:{color:links hover};}
- /* NAVIGATION LINKS */
- #navtitle {
- color:{color:navmenus};
- letter-spacing:2px;
- margin-left:auto;
- margin-right:auto;
- font-style:italic;
- width:170px;
- font-size:12px;
- font-family:'cambria';
- text-align:center;
- background-color:{color:navmenus bg};
- border-bottom:1px solid;
- border-color:{color:navmenus border};
- padding-top:3px;
- padding-bottom:2px;}
- #navtitle a{
- color:{color:navmenus};}
- #navtitle:first-letter {
- color:{color:navmenus firstletter};
- font-weight:bold;}
- .Navlinks {
- margin-left:0px;
- width:170px;
- margin-left:auto;
- margin-right:auto;
- margin-top:10px;
- font-family:'cambria';
- font-style:italic;
- text-transform:none;
- letter-spacing:1px;
- word-spacing:1px;
- text-align:center;}
- .Navlinks a{
- display:inline-block;
- width:100px;
- height:12px;
- padding:1px;
- font-family:'cambria';
- font-weight:normal;
- letter-spacing:1px;
- text-align:center;
- font-size:10px;
- color:{color:Navlinks};}
- .Navlinks a:hover{
- letter-spacing:2px;
- color:{color:Navlinks};
- background-color:transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- .Navlinks2 {
- margin-left:0px;
- width:170px;
- margin-left:auto;
- margin-right:auto;
- margin-top:10px;
- font-family:'cambria';
- font-style:italic;
- text-transform:none;
- letter-spacing:1px;
- word-spacing:1px;
- text-align:center;}
- .Navlinks2 a{
- display:inline-block;
- width:100px;
- height:12px;
- padding:1px;
- font-family:'cambria';
- font-weight:normal;
- letter-spacing:1px;
- text-align:center;
- font-size:10px;
- color:{color:Navlinks};}
- .Navlinks2 a:hover{
- letter-spacing:2px;
- color:{color:Navlinks};
- background-color:transparent;
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- -ms-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;}
- /* INFO & TAGS */
- #info {
- width:520px;
- height:10px;
- display:inline-block;
- text-align:right;
- text-transform:uppercase;
- letter-spacing:2px;
- font-family:'calibri';
- font-style:none;
- font-weight:normal;
- font-size:8px;
- color:{color:info};
- margin-top:0px;
- margin-bottom:55px;
- padding-top:4px;
- padding-bottom:7px;
- background-color:{color:post background};
- border-bottom:1px solid;
- border-color:{color:info border};}
- #info a{
- color:{color:info};}
- #info a:hover{
- color:{color:text};}
- #tags {
- font-family: 'cambria';
- text-transform:lowercase;
- text-align:right;
- font-size:9px;
- font-weight:normal;
- font-style:italic;
- color:{color:text};
- margin-top:10px;
- padding:0px;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out; }
- #tags a{
- color:{color:text};}
- #tags a:hover{
- color:{color:links hover};}
- /* QUESTIONS */
- #allask {
- background-color:{color:Question bg};
- padding:10px;}
- #question {
- background-color: none;
- color:{color:Question text};
- text-align: justify;
- font-family: 'calibri';
- font-size: 11px;
- font-style:italic;
- margin-left: 45px;
- padding: 13px;}
- #askerportrait {
- float:left;
- width:48px;
- height:48px;
- position: absolute;}
- #answer {
- padding-top:3px;
- text-align: justify;
- margin-top: -3px;}
- /* SELECTION */
- ::selection {color:{color:selection}; background: {color:selection BG};}
- ::-moz-selection {color: {color:selection}; background: {color:selection BG};}
- ::-webkit-selection {color:{color:selection} ; background:{color:selection BG};}
- {CustomCSS}</style>
- <!------------------------------------------------------->
- {block:IfInfiniteScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfInfiniteScroll}
- <!------------------------------------------------------->
- <style>
- .my-like {
- background-image: url(http://static.tumblr.com/g1muzcu/dAemv89to/png23.png) !important;
- height:11px;
- width:12px;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- .my-liked, .my-like:hover {
- background-image: url(http://static.tumblr.com/g1muzcu/CvQmv89va/png22.png) !important;
- height:11px;
- width:12px;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- </style>
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLikeLink = event.target;
- if( myLikeLink.className.indexOf( 'my-like' ) > -1 ) {
- var myLikeFrame = document.getElementById( 'my-like-frame' ),
- liked = ( myLikeLink.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLikeLink.getAttribute( 'data-reblog' ),
- postId = myLikeLink.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 ),
- likeUrl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + postId;
- myLikeFrame.src = likeUrl;
- liked ? myLikeLink.className = 'my-like'
- : myLikeLink.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <!------------------------------------------------------->
- </head><body>
- {block:IfHeader}<div id="Header"></div>{/block:IfHeader}
- <div id="sidebar">
- <div id="sidebarimage"><img src="{image:sidebarimage}"></div>
- </br>
- <div id="title">{Title}</div>
- <div id="description">{Description}</div>
- <div id="navtitle">
- <a href="javascript:unhide('displaybx');">Navigation</a></div>
- <div id="displaybx" class="hidden">
- <div class="Navlinks">
- <a href="/">home</a> </br>
- <a href="/ask">message</a> </br>
- <a href="/archive">archive</a> </br></div></div>
- </br>
- <div id="navtitle">
- <a href="javascript:unhide('displaybx2');">Links</a></div>
- <div id="displaybx2" class="hidden">
- <div class="Navlinks2">
- {block:IfShowLink1}<a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a> </br>{/block:IfShowLink1}
- {block:IfShowLink2}<a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a> </br>{/block:IfShowLink2}
- {block:IfShowLink3}<a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a> </br>{/block:IfShowLink3}
- {block:IfShowLink4}<a href="{Text:Link 4 URL}">{Text:Link 4 Title}</a> </br>{/block:IfShowLink4}
- {block:IfShowLink5}<a href="{Text:Link 5 URL}">{Text:Link 5 Title}</a> </br>{/block:IfShowLink5}
- {block:IfShowLink6}<a href="{Text:Link 6 URL}">{Text:Link 6 Title}</a> </br>{/block:IfShowLink6}
- </div></div></div></div>
- <div id="entries">
- </br></br>
- {block:IfHeader}
- </br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
- {/block:IfHeader}
- <div class="autopagerize_page_element">
- {block:Posts}<div id="post">{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div id="quote">"{Quote}"</div>{block:Source} <Br><div id="source">—{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}
- <div id="audioplayer">{AudioPlayerWhite}</div><br>
- <div id="albumart">
- {block:AlbumArt}<img src="{AlbumArtURL}" width="100" height="100">{/block:AlbumArt} </div>
- <div id="audiostuff">
- {block:TrackName}
- {TrackName}<br>
- {/block:TrackName}
- {block:Artist}{Artist}<br>
- {/block:Artist}
- {block:Album}{Album}<br>
- {/block:Album}
- {PlayCountWithLabel}</div>
- {block:caption}<div id="caption">{Caption}</div>{/block:caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}
- <div id="allask">
- <div id="askerportrait"><span style="width:48px;height:48px;"><img src="{AskerPortraitURL-48}"></span></div>
- <div id="question"><b><i>{asker} said:</i></b></br>{Question} </br></div></div>
- <div id="answer">{Answer}</div>{/block:Answer}</div>
- <div id="info">
- {block:Date}
- {TimeAgo}{/block:Date}
- <a href="{Permalink}">{NoteCount} notes</a>
- <a href="{ReblogURL}" target="_blank" class="details"><span style="background-color:{color:info border};padding:3px;">Reblog</a></span>
- <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}";></div>
- <span style="float:right; padding:5px; left:2px; margin-top:-10px;">
- {block:RebloggedFrom}
- <a title ="{ReblogParentName}" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>
- <a title ="{ReblogRootName}" href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a></span>
- {/block:RebloggedFrom}</span>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
- {/block:Posts}{block:PostNotes}{PostNotes}</div>{/block:PostNotes}</div>
- {block:IfNotInfiniteScroll}
- <center>{block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</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}">→</a>{/block:NextPage}
- </div>{/block:Pagination}</div>{/block:IfNotInfiniteScroll}
- </center>
- <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement