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 REQUEST #1 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="#717679"/>
- <meta name="color:Blog title" content="#d8d9da"/>
- <meta name="color:Entry bg" content="#ffffff"/>
- <meta name="color:Info" content="#6c6b6b"/>
- <meta name="color:Info Border" content="#f1f1f1"/>
- <meta name="color:Italic" content="#d2d0d5"/>
- <meta name="color:Links" content="#c1a4d2"/>
- <meta name="color:Links Hover" content="#af97e9"/>
- <meta name="color:NavLinks" content="#c6c4c9"/>
- <meta name="color:NavLinks Hover" content="#af97e9"/>
- <meta name="color:Post background" content="#ffffff"/>
- <meta name="color:Post title" content="#dcd7e7"/>
- <meta name="color:Question BG" content="#f1f1f1"/>
- <meta name="color:Question text" content="#969595"/>
- <meta name="color:Selection" content="#000000"/>
- <meta name="color:Selection BG" content="#d1c0dc"/>
- <meta name="color:Sidebar Background" content="#ffffff"/>
- <meta name="color:Sidebar Text" content="#969595"/>
- <meta name="color:Subtitle" content="#8a8694"/>
- <meta name="color:Text" content="#969595"/>
- <!--IMAGES AND SUBTITLE-->
- <meta name="image:Background" content="" />
- <meta name="image:Header" content="" />
- <meta name="image:Sidebarimage" content=""/>
- <meta name="image:Sidebarimage2" content=""/>
- <meta name="text:Subtitle" 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" />
- <!--FONTS-->
- <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400italic,700italic' rel='stylesheet' type='text/css'>
- <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 */
- 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:14px;
- font-family:'cambria';
- line-height:100%;
- text-transform:none;
- font-weight:normal;
- font-style:italic;
- text-align:center;
- color:{color:post title};}
- h2 {
- font-size:9px;
- font-family:'cambria';
- font-weight:normal;
- letter-spacing:2px;
- font-style:italic;
- text-align:center;
- color:{color:Subtitle};
- margin-top:-5px;
- margin-bottom:5px;}
- /* POSTS */
- #entries {
- padding:20px;
- width:520px;
- margin-left:492px;
- 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; }
- /* SIDEBAR */
- #sidebar {
- z-index:1;
- width:300px;
- height:1000%;
- position:fixed;
- margin-left:150px;
- margin-top:-40px;
- padding-top:10px;
- padding-bottom:10px;
- padding-left:10px;
- padding-right:10px;
- background:{color:sidebar background};}
- #title {
- width:auto;
- margin-top:200px;
- color:{color:blog title};
- font-size:11px;
- letter-spacing:1px;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- margin-bottom:4px;
- font-family: 'calibri';
- font-style:none;
- font-weight:bold;
- text-transform:uppercase;}
- #sidebarimage {
- width:245px;
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- text-align:center;}
- #sidebarimage img {
- max-width:245px;}
- .sidebarimage2 {
- opacity:0;
- margin-top:-165px;
- margin-left:0px;
- position:fixed;
- z-index:1;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -transition: all 0.9s ease-in-out;
- }
- .sidebarimage2:hover {
- opacity:1;
- -webkit-transition: all 0.9s ease-in-out;
- -moz-transition: all 0.9s ease-in-out;
- -transition: all 0.9s ease-in-out;
- }
- #description {
- width:245px;
- padding:15px;
- margin-top:-15px;
- 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 {
- width:300px;
- float:center;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- letter-spacing:1px;
- margin-top:10px;
- font-family:'cambria';
- font-size:10px;
- font-weight:normal;
- font-style:italic;
- text-transform:lowercase;}
- #pagination a{
- color:{color:text};}
- #pagination a:hover{
- color:{color:links hover};}
- /* NAVIGATION LINKS */
- .Navlinks {
- width:250px;
- 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{
- width:250px;
- padding:1px;
- font-family:'cambria';
- font-weight:normal;
- letter-spacing:1px;
- text-align:center;
- font-size:10px;
- color:{color:Navlinks};}
- .Navlinks a:hover{
- text-decoration:underline;
- color:{color:Navlinks Hover};
- 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>
- <!------------------------------------------------------->
- <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>
- <div id="sidebar">
- <div id="title">{Title}</div>
- <div id="subtitle"><h2>{text:Subtitle}</h2></div>
- <div id="sidebarimage">
- <div id="sidebarimage"><img src="{image:sidebarimage}">
- <div class="sidebarimage2"><img src="{image:sidebarimage2}"></div></div></div>
- <div class="Navlinks">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="{Text:Link 1 URL}">{Text:Link 1 Title}</a>
- <a href="{Text:Link 2 URL}">{Text:Link 2 Title}</a>
- <a href="{Text:Link 3 URL}">{Text:Link 3 Title}</a>
- </div>
- <div id="description">{Description}</div>
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
- {block:NextPage}― <a href="{NextPage}">forth</a>{/block:NextPage}
- {/block:Pagination}
- </div></div>
- <div id="entries">
- </br></br>
- {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 class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement