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">
- <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 07: welcome home;
- ✿ coded by irma at primrosetylers.tumblr.com ✿
- don't hesitate to ask if you have any problems!
- please don't steal, redistribute, remove the credit, or use as a base. if you want a base, the one i used is by llermans.tumblr.com
- --->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:title" content="#000000" />
- <meta name="color:description" content="#000000" />
- <meta name="color:text" content="#000000"/>
- <meta name="color:sidebar" content="#e3e3e3"/>
- <meta name="color:image border" content="#000000"/>
- <meta name="color:link" content="#fff"/>
- <meta name="color:link border" content="#b9b9b9"/>
- <meta name="color:link hover" content="#fff"/>
- <meta name="color:tooltip text" content="#000"/>
- <meta name="color:tooltip" content="#b9b9b9"/>
- <meta name="color:body link" content="#b9b9b9"/>
- <meta name="if:400px posts" content="1"/>
- <meta name="if:other font" content="0"/>
- <meta name="font:other" content=""/>
- <meta name="image:sidebar bg" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:link 3" content=""/>
- <meta name="text:link 3 url" content="/"/>
- <meta name="text:link 4" content=""/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 5" content=""/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 6" content=""/>
- <meta name="text:link 6 url" content="/"/>
- <meta name="text:link 7" content=""/>
- <meta name="text:link 7 url" content="/"/>
- <meta name="text:link 8" content=""/>
- <meta name="text:link 8 url" content="/"/>
- <!--- CSS --->
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- // Tooltip only Text
- $('.masterTooltip').hover(function(){
- // Hover over code
- var title = $(this).attr('title');
- $(this).data('tipText', title).removeAttr('title');
- $('<p class="tooltip"></p>')
- .text(title)
- .appendTo('body')
- .fadeIn('slow');
- }, function() {
- // Hover out code
- $(this).attr('title', $(this).data('tipText'));
- $('.tooltip').remove();
- }).mousemove(function(e) {
- var mousex = e.pageX + 20; //Get X coordinates
- var mousey = e.pageY + 10; //Get Y coordinates
- $('.tooltip')
- .css({ top: mousey, left: mousex })
- });
- });
- </script>
- <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
- <style type="text/css">
- html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote
- {margin:0;
- padding:0;
- list-style:none;}
- body {
- font-size: 10px;
- color: {color:text};
- background-color: {color:background};
- line-height:5px;
- }
- body a {
- color: {color:body link};
- text-decoration:none;
- }
- body a:hover {
- color:{color:background};
- webkit-transition: all 0.7s ease;
- moz-transition: all 0.7s ease;
- transition: all 0.7s ease;
- }
- b, strong {}
- i, em {}
- small {font-size:8px;}
- big {font-size:12px;}
- ul {list-style:square;text-align:justify;}
- blockquote
- {padding: 3px 0 3px 13px;
- border-left: 1px solid {color:text};
- text-align:justify;
- }
- blockquote p {display:block!important;}
- blockquote img {max-width:220px!important;}
- #entries {
- {block:IfNot400pxPosts}width:520px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width:420px;{/block:If400pxPosts}
- padding:20px;
- margin-left:450px;
- {block:IfNotOtherFont}font-family: 'Varela Round';{/block:IfNotOtherFont}
- {block:IfOtherFont}font-family: {font:other};{/block:IfOtherFont}
- }
- .tooltip {
- display:none;
- position:absolute;
- background-color:{color:tooltip};
- border-radius:1px;
- color:{color:tooltip text};
- padding:5px;
- font-size:11px;
- {block:IfNotOtherFont}font-family:arial;{/block:IfNotOtherFont}
- {block:IfOtherFont}font-family:{font:other};{/block:IfOtherFont}
- }
- /*sidebar*/
- #sidebar {
- position:fixed;
- overflow:hidden;
- height:100%;
- background-color: {color:sidebar};
- background-image: url('{image:sidebar bg}');
- background-repeat:no-repeat;
- height:652px;
- width:400px;
- opacity:1;
- }
- #sidebartop {
- position:absolute;
- z-index:0.9;
- width:175px;
- height:auto;
- left:125px;
- top:160px;
- }
- #sidebartop img {
- height:150px;
- width:150px;
- border-radius:100%;
- margin-top:2px;
- background-color:#fff;
- border-style: outset;
- border-color: {color:image border};
- }
- #title {
- padding-top:45px;
- margin:auto;
- line-height:20px;
- text-align:center;
- font-size:30px;
- font-family: 'Allura';
- color: {color:title};
- }
- #description {
- z-index:0.92;
- height:auto;
- line-height:11px;
- font-size:11px;
- position:relative;
- margin-top:10px;
- margin-left:auto;
- margin-right:auto;
- text-align:left;
- color: {color:description};
- {block:IfNotOtherFont}font-family:'Varela Round';{/block:IfNotOtherFont}
- {block:IfOtherFont}font-family:{font:other};{/block:IfOtherFont}
- }
- #description a {
- color: {color:body link};
- }
- #description a:hover {
- color: {color:description bg};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #toplinks {
- z-index:0.91;
- margin-left:26px;
- padding-bottom:15px;
- width:175px;
- opacity:0.9;
- }
- #one {
- margin-top:5px;
- position:absolute;
- }
- #two {
- margin-top:-5px;
- margin-left:30px;
- position:absolute;
- }
- #three {
- margin-top:-5px;
- margin-left:60px;
- position:absolute;
- }
- #four {
- margin-top:5px;
- margin-left:90px;
- position:absolute;
- }
- #five {
- margin-top:175px;
- position:absolute;
- }
- #six {
- margin-top:180px;
- margin-left:30px;
- position:absolute;
- }
- #seven {
- margin-top:180px;
- margin-left:60px;
- position:absolute;
- }
- #eight {
- margin-top:175px;
- margin-left:90px;
- position:absolute;
- }
- #previous {
- position:absolute;
- text-align:center;
- margin-left:60px;
- margin-top:-30px;
- font-size:20px;
- }
- #next {
- margin-left:-5px;
- font-size:20px;
- margin-top:30px;
- text-align:center;
- }
- .link {
- width:12px;
- height:12px;
- font-size:6px;
- border-radius:100%;
- background-color: {color:link};
- border: 1px solid {color:link border};
- -webkit-transition: all 0.3s ease;
- -moz-transition: all 0.3s ease;
- -o-transition: all 0.3s ease;
- transition: all 0.3s ease;
- }
- .link:hover {
- background-color:{color:link hover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- /* posts */
- .post {line-height: 16px;
- clear: both;}
- .post h3 {font-size: 15px; text-align:center; margin-bottom:5px;}
- .caption blockquote {padding-left: 20px;}
- /* kinds of posts */
- .post text {text-align: left;}
- .post photo {margin-bottom: 5px; text-align: center;}
- .post photo img {border: 0;}
- .post quote {
- text-align: left;
- font-size:12px;
- }
- .quote {
- font-size:18px;
- font-style:italic;
- }
- .source {
- font-size: 12px;
- padding-right:25px;
- text-align:right;
- }
- .answer {
- text-align: left;
- margin-bottom:10px;
- line-height: 13px;
- font-size:11px;
- }
- .postlink {
- line-height:15px;
- }
- .post audio {text-align: left;}
- #audioplayer {
- width:30px;
- height:30px;
- overflow:hidden;
- position:absolute;
- margin-top:35px;
- margin-left:35px;
- opacity:0.7;
- }
- .post video {text-align: left;}
- .post chat {text-align: left;}
- .post chat li {list-style-type: none;}
- /* metadata */
- #info {
- border-top:1px solid #e3e3e3;
- padding-bottom:60px;
- padding-top:10px;
- font-size: 10px;
- text-align:right;
- {block:IfNot400pxPosts}width:497px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width:397px;{/block:If400pxPosts}
- padding-right:3px;
- height:15px;
- line-height:150%;
- opacity:0.7;
- z-index:0.89;
- }
- #info span {
- color:#000;
- background-color:#e3e3e3;
- padding-right:2px;
- padding-left:2px;
- text-transform:uppercase;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #info span:hover {
- background-color: {color:link hover};
- -webkit-transition-duration:0.6s;
- -moz-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .tags {
- clear:both;
- font-size:9px;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- .tags a {
- text-decoration:none;
- color:{color:text};
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- ol.notes {display:block; text-align:left; margin-bottom:30px;}
- ol.notes li.note{padding:1%;}
- .pagenotes {text-align:left;}
- /*custom css */
- .caption{padding-top:13px;padding-left:10px;padding-bottom:5px;margin-top:5px;text-align:left;font-size:10px;padding-right:10px;}
- .post img{
- {block:IfNot400pxPosts}width:500px;{/block:IfNot400pxPosts}
- {block:If400pxPosts}width:400px;{/block:If400pxPosts}
- }
- /*credit*/
- #credit {
- right:10px;
- bottom:10px;
- font-size:16px;
- color:#050505;
- position:fixed;
- opacity:0.8;
- padding-left:2px;
- padding-right:2px;
- padding-top:6px;
- padding-bottom:6px;
- -webkit-transition:0.5s;
- -moz-transition:0.5s;
- -o-transition:0.5s;
- -ms-transition:0.5s;
- border:1px solid #050505;
- }
- #credit:hover {
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- color:#fff;
- background-color: #050505;
- }
- {CustomCSS}
- </style>
- </head>
- <div id="content">
- <div id="sidebar">
- <div id="sidebartop">
- <div id="previous">
- {block:PreviousPage}<a href="{PreviousPage}">↚</a>{/block:PreviousPage}
- </div>
- <div id="toplinks">
- <a class="masterTooltip" title="home" href="/"><div class="link" id="one"></div></a>
- <a class="masterTooltip" title="ask" href="/ask"><div class="link" id="two"></div></a>
- {block:iflink3}<a class="masterTooltip" title="{text:link 3}" href="{text:link 3 url}"><div class="link" id="three"></div></a>{/block:iflink3}
- {block:iflink4}<a class="masterTooltip" title="{text:link 4}" href="{text:link 4 url}"><div class="link" id="four"></div></a>{/block:iflink4}
- {block:iflink5}<a class="masterTooltip" title="{text:link 5}" href="{text:link 5 url}"><div class="link" id="five"></div></a>{/block:iflink5}
- {block:iflink6}<a class="masterTooltip" title="{text:link 6}" href="{text:link 6 url}"><div class="link" id="six"></div></a>{/block:iflink6}
- {block:iflink7}<a class="masterTooltip" title="{text:link 7}" href="{text:link 7 url}"><div class="link" id="seven"></div></a>{/block:iflink7}
- {block:iflink8}<a class="masterTooltip" title="{text:link 8}" href="{text:link 8 url}"><div class="link" id="eight"></div></a>{/block:iflink8}
- </div>
- <img src="{image:sidebar}"/>
- <div id="title">{Title}</div>
- <div id="description">{Description}</div>
- <div id="next">
- {block:NextPage}<a href="{NextPage}">↛</a>{/block:NextPage}
- </div>
- </div>
- </div>
- </div>
- <div id="entries">
- <ol id="posts">
- {block:Posts}
- {block:Text}
- <li class="post text">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}{Body}
- </li>
- {/block:Text}
- {block:Photo}
- <li class="post photo">
- {block:IfNot400pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot400pxPosts}
- {block:If400pxPosts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:If400pxPosts}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Photo}
- {block:Photoset}
- <li class="post photoset">
- {block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}
- {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Photoset}
- {block:Quote}
- <li class="post quote">
- <div class="quote">{Quote}</div>
- {block:Source}
- <div class="source">— {Source}</div>
- {/block:Source}
- </li>
- {/block:Quote}
- {block:Link}
- <li class="postlink">
- <div style="font-size:16px; font-style:italic; text-align:center; margin-bottom:4px;"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </li>
- {/block:Link}
- {block:Chat}
- <li class="post 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}
- {block:Answer}
- <table style="padding-bottom:5px;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-30}"></td>
- <td style="vertical-align:top; font-size:11px; line-height:12px"><span style="font-style:italic;text-transform:lowercase;">{Asker}</span> asked: {Question}</td>
- </tr>
- </table>
- <div class="answer">{block:Answerer}{Answerer}:{/block:Answerer}{Answer}</div>
- {/block:Answer}
- {block:Video}
- <li class="post video">
- {block:IfNot400pxPosts}{Video-500}{/block:IfNot400pxPosts}
- {block:If400pxPosts}{Video-400}{/block:If400pxPosts}
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </li>
- {/block:Video}
- {block:Audio}
- <li class="post audio">
- <table style="padding-bottom:5px;margin-bottom:5px;">
- <tr>
- <td style="vertical-align:top;padding-right:10px;"><div id="audioplayer">{AudioPlayerWhite}</div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" style="width:100px;">
- {/block:AlbumArt}</td>
- <td style="vertical-align:top; font-size:11px; line-height:12px">
- {block:TrackName}<i>title:</i> {TrackName} <br />{/block:TrackName}
- {block:Artist}<i>artist:</i> {Artist} <br />{/block:Artist}
- {block:Album}<i>album:</i> {Album} <br />{/block:Album}
- {block:PlayCount}<i>played:</i> {FormattedPlayCount} times{/block:PlayCount}
- </td>
- </tr>
- </table>
- {block:Caption}{Caption}{/block:Caption}
- </li>
- {/block:Audio}
- <div id="info">
- <div style="float:left;">{block:Date} <a href="{Permalink}"><span>{TimeAgo}</span></a>{/block:Date} with <a href="{Permalink}"> <span>{NoteCountWithLabel}</span></a></div>
- <div style="float:right;">{block:RebloggedFrom} <a href="{ReblogParentURL}"><span>via</span></a> {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}"><span>src</span></a> {/block:ContentSource} <a href="{ReblogURL}" target="_blank"> <span>reblog</span></a></div>
- {block:HasTags}
- <div class="tags">{block:Tags}<a href="{TagURL}"> - {Tag}</a>{/block:Tags}</div>{/block:HasTags}
- </div>
- {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </ol>
- <a title="credit" href="http://primrosetylers.tumblr.com/"><div id="credit">✿</div></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement