Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!---
- *******************
- Theme by ambientthemes.tumblr.com
- *******************
- -do not use as a base (there are hundreds of base codes out there for you to use honestly)
- -do not redestribute
- -leave the credit intact
- *******************
- --->
- <meta name="color:text" content="#444444"/>
- <meta name="text:ask label" content="ask"/>
- <title>{Title}{block:PermalinkPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}{/block:PermalinkPage}{block:TagPage} | {Tag}{/block:TagPage}{block:SearchPage} | {SearchQuery}{/block:SearchPage}</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}
- <link rel="stylesheet" href="http://static.tumblr.com/1023xue/pmvn66qex/normalize.css">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script language="JavaScript" src="http://static.tumblr.com/1023xue/FH1n3b2dd/qtip.js" type="text/JavaScript"></script>
- <!---- to make line slide out on load as well ----->
- <script>
- function addLoadEvent(func) {
- var oldonload = window.onload;
- if (typeof window.onload != 'function') {
- window.onload = func;
- } else {
- window.onload = function() {
- if (oldonload) {
- oldonload();
- }
- func();
- }
- }
- }
- addLoadEvent(tooltip.init);
- addLoadEvent(function() {
- $("#line").animate({width:"500px"},2000);
- });
- </script>
- <!--------- navigation ----------->
- <script>
- $(document).ready(function(){
- $(".close_nav").click(function(){
- $("#navigation").fadeOut();
- });
- $(".open_nav").click(function(){
- $("#navigation").fadeIn();
- });
- });
- </script>
- <!----- header image fade -------->
- {block:ShowHeaderImage}
- <script>
- $(document).ready(function(){
- var header = $('#header_image');
- $(window).on('scroll', function() {
- var st = $(this).scrollTop();
- header.css({ 'opacity' : (1 - st/350) });
- });
- });
- </script>
- {/block:ShowHeaderImage}
- <style type="text/css">
- /***********************
- basics
- ************************/
- #qTip {
- margin:4px;
- padding:5px;
- display:none;
- text-align:center;
- position:absolute;
- font-size:11px;
- line-height:10px;
- text-transform:lowercase;
- z-index:9999;
- background-color:#fff;
- color:{color:text};
- }
- body {
- background-color:{BackgroundColor};
- font-family:Arial, sans-serif;
- text-rendering: optimizeLegibility;
- -webkit-font-smoothing: antialiased !important;
- margin:0 auto;
- font-size:12px;
- word-wrap:break-word;
- color:{color:text};
- }
- h1 {
- font-weight:bold;
- letter-spacing:1px;
- font-size:18px;
- padding-top:10px;
- }
- h1 a {
- color:{TitleColor};
- display:inline-block;
- }
- h1 a:hover {
- color:{TitleColor};
- }
- a {
- color:{AccentColor};
- text-decoration:none;
- transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -moz-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition-timing-function:ease-in;
- -webkit-transition-timing-function:ease-in;
- -moz-transition-timing-function:ease-in;
- -o-transition-timing-function:ease-in;
- }
- a:hover {
- color:{color:text};
- }
- blockquote {
- border-left:2px solid {color:text};
- padding:0px 0px 0px 10px;
- margin:0px 0px 0px 5px;
- }
- h2 {
- display:block;
- font-size:17px;
- letter-spacing:1px;
- font-weight:bold;
- margin:20px 0px 0px 20px;
- }
- h3 {
- font-weight:bold;
- letter-spacing:1px;
- font-size:15px;
- line-height:100%;
- margin:10px 0px 5px 0px;
- }
- #header_image {
- background-image:url('{HeaderImage}');
- background-size:cover;
- width:100%;
- height:275px;
- }
- #header {
- padding:10px 0px 10px 0px;
- margin:0px 20px 0px 20px;
- background-color:{BackgroundColor};
- margin-top:30px;
- }
- .avatar {
- display:inline-block;
- float:left;
- margin:6px 10px 2px 0px;
- border:3px solid rgba(0,0,0,0.07)
- }
- .avatar.circle {
- border-radius:26px;
- }
- #description {
- max-width:460px;
- }
- #line {
- width:500px;
- height:2px;
- margin-top:23px;
- display:block;
- background-color:{color:text};
- clear:both;
- }
- {block:IndexPage}
- #line {
- width:0px;
- height:2px;
- display:block;
- background-color:{color:text};
- }{/block:IndexPage}
- /*** navigation ***/
- #navigation {
- display:none;
- top:0;
- left:0;
- text-align:center;
- margin-top:0px;
- position:fixed;
- z-index:1000;
- width:100%;
- background-color:rgba(255, 255, 255, 0.9);
- height:100%;
- }
- #nav_inner {
- padding:5% 0;
- }
- #nav_wrap {
- padding:10% 0;
- }
- #navigation ul {
- margin:0 auto;
- width:150px;
- padding:5px 20px 20px 20px;
- border-bottom:1px solid rgba(0,0,0,0.1);
- }
- #navigation li {
- text-transform:lowercase;
- font-weight:bold;
- letter-spacing:1px;
- font-size:13px;
- margin-left:0px;
- display:block;
- text-align:left;
- padding:3px 7px 3px 7px;
- list-style:none;
- word-wrap:normal;
- width:150px;
- height:15px;
- overflow:hidden;
- position:relative;
- }
- #navigation li a {
- color:{color:text};
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- transition:all 0.6s;
- }
- #navigation li a:hover {
- color:#fff;
- }
- #navigation li a:before {
- z-index:-1;
- content:'';
- position:absolute;
- margin-left:0px;
- width:2px;
- height:17px;
- background-color:{color:text};
- -webkit-transition:all 0.6s;
- -moz-transition:all 0.6s;
- -ms-transition:all 0.6s;
- -o-transition:all 0.6s;
- transition:all 0.6s;
- }
- #navigation li a:hover:before {
- width:150px;
- }
- .open_nav {
- margin-top:-25px;
- display:inline-block;
- margin-bottom:10px;
- margin-right:5px;
- float:right;
- height:0px;
- width:0px;
- padding:7px;
- background:url('http://static.tumblr.com/1023xue/uRin690kj/navigate.png') no-repeat;
- }
- {block:ShowAvatar}
- {block:HideTitle}
- {block:HideDescription}
- .open_nav {
- margin-top:25px;
- display:inline-block;
- margin-bottom:0px;
- margin-right:5px;
- float:right;
- height:0px;
- width:0px;
- padding:7px;
- background:url('http://static.tumblr.com/1023xue/uRin690kj/navigate.png') no-repeat;
- }
- {/block:HideDescription}
- {/block:HideTitle}
- {/block:ShowAvatar}
- {block:HideAvatar}
- {block:HideTitle}
- {block:HideDescription}
- .open_nav {
- margin-top:10px;
- display:inline-block;
- margin-bottom:15px;
- margin-right:5px;
- float:right;
- height:0px;
- width:0px;
- padding:7px;
- background:url('http://static.tumblr.com/1023xue/uRin690kj/navigate.png') no-repeat;
- }
- {/block:HideDescription}
- {/block:HideTitle}
- {/block:HideAvatar}
- .open_nav:hover {
- cursor:pointer;
- }
- .close_nav {
- display:inline-block;
- margin-left:475px;
- height:0px;
- width:0px;
- padding:6px;
- background:url('http://static.tumblr.com/1023xue/nOPn691mg/close.png') no-repeat;
- }
- .close_nav:hover {
- cursor:pointer;
- }
- #search_box {
- margin-bottom:10px;
- }
- #q {
- color:{color:text};
- border:0px;
- padding:7px 6px;
- background-color:transparent;
- border-bottom:2px solid {color:text};
- font-weight:bold;
- letter-spacing:1px;
- text-transform:lowercase;
- width:120px;
- }
- .search {
- position:absolute;
- margin:11px 0px 0px 6px;
- padding:6px;
- background-image:url('http://static.tumblr.com/1023xue/0YIn6e5dw/search_icon.png');
- height:0px;
- width:0px;
- border:0px;
- background-repeat:no-repeat;
- background-color:transparent;
- }
- /*** navigation end ***/
- #container {
- margin:0 auto;
- width:540px;
- }
- #footer {
- text-align:center;
- margin:35px 0px 20px 0px;
- }
- #footer_links {
- text-transform:lowercase;
- margin-top:40px;
- margin-left:-40px;
- }
- #footer_links li {
- padding:0px 5px 0px 5px;
- display:inline-block;
- list-style:none;
- }
- .current_page {
- padding:5px 8px 5px 8px;
- border-top:2px solid {color:text};
- }
- .jump_page {
- border-top:2px solid transparent;
- padding:5px 8px 5px 8px;
- }
- .jump_page:hover {
- border-top:2px solid {color:text};
- }
- /******************
- posts
- ******************/
- .post {
- background-color:{BackgroundColor};
- padding:20px 0px 35px 0px;
- margin:30px 20px 30px 20px;
- border-bottom:1px solid rgba(0,0,0,0.06);
- min-height:60px;
- }
- .post p img {
- max-width:450px;
- }
- .post pre {
- background-color:rgba(0,0,0,0.06);
- padding:10px;
- }
- .post a.read_more {
- text-transform:lowercase;
- font-weight:bold;
- letter-spacing:1px;
- }
- .post a.read_more:after {
- content:' ›';
- }
- /***** post info ******/
- .post_info {
- position:absolute;
- margin:20px 0px 0px -65px;
- width:70px;
- text-transform:lowercase;
- text-align:right;
- }
- .post_info a {
- color:{color:text};
- }
- .date {
- width:65px;
- margin-left:5px;
- font-weight:bold;
- font-size:15px;
- letter-spacing:1px;
- z-index:5;
- position:relative;
- }
- .date a {
- border-bottom:2px solid {color:text};
- display:block;
- padding:0px 0px 8px 0px;
- background-color:{BackgroundColor};
- }
- .info {
- position:relative;
- font-size:11px;
- z-index:2;
- opacity:0;
- margin-left:-40px;
- margin-top:-20px;
- transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- transition-timing-function:ease-in;
- -webkit-transition-timing-function:ease-in;
- -moz-transition-timing-function:ease-in;
- -o-transition-timing-function:ease-in;
- }
- .info li {
- list-style:none;
- }
- .button {
- display:inline-block;
- padding:3px 3px 3px 2px;
- }
- .post_info:hover .info {
- opacity:1;
- margin-top:3px;
- transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -moz-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- transition-timing-function:ease-in;
- -webkit-transition-timing-function:ease-in;
- -moz-transition-timing-function:ease-in;
- -o-transition-timing-function:ease-in;
- }
- #notes {
- margin-left:-20px;
- }
- #notes li {
- height:30px;
- list-style:none;
- }
- #notes img {
- vertical-align:middle;
- margin:3px 3px 3px 0px;
- border:2px solid {color:text};
- }
- .tags {
- display:inline-block;
- margin:5px 8px 0px 0px;
- }
- /****** audio *********/
- .audiobody {
- height:100px;
- padding:10px;
- display:table;
- width:480px;
- }
- .audioinfo {
- display:table-cell;
- vertical-align:middle;
- padding-left:110px;
- padding-right:10px;
- line-height:120%;
- text-align:left;
- border-bottom:2px solid {color:text};
- }
- .audioinfo li {
- list-style:none;
- padding:5px;
- margin-left:-40px;
- }
- .albumart {
- position:absolute;
- width:100px;
- height:100px;
- background-color:#eee;
- }
- .albumart img {
- width:100px;
- height:100px;
- z-index:901;
- }
- .player {
- position:absolute;
- border:37px solid #fff;
- border-right:36px solid #fff;
- border-bottom:36px solid #fff;
- margin:0px 0px 0px 0px;
- height:27px;
- width:27px;
- overflow:hidden;
- opacity:0.6;
- z-index:903;
- transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -moz-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition-timing-function:ease-in;
- -webkit-transition-timing-function:ease-in;
- -moz-transition-timing-function:ease-in;
- -o-transition-timing-function:ease-in;
- }
- .player:hover {
- opacity:0.8;
- transition-duration:0.2s;
- -webkit-transition-duration:0.2s;
- -moz-transition-duration:0.2s;
- -o-transition-duration:0.2s;
- transition-timing-function:ease-in;
- -webkit-transition-timing-function:ease-in;
- -moz-transition-timing-function:ease-in;
- -o-transition-timing-function:ease-in;
- }
- /****** text **********/
- .post .text {
- margin-left:5px;
- }
- /****** panorama ******/
- .panorama img {
- width:500px;
- }
- /***** link ***********/
- .link .link {
- font-weight:bold;
- letter-spacing:1px;
- font-size:15px;
- display:block;
- padding:15px;
- border-bottom:2px solid transparent;
- }
- .link .link:hover {
- border-bottom:2px solid {color:text};
- }
- /***** quote ********/
- .quote .quote {
- font-weight:bold;
- letter-spacing:1px;
- }
- .quote .quote p:first-child {
- display:inline;
- }
- .quote .quote p:last-child {
- display:inline;
- }
- .quote.short {
- font-size:17px;
- }
- .quote.medium {
- font-size:15px;
- }
- .quote.long {
- font-size:14px;
- }
- .quote .source {
- margin-top:5px;
- margin-bottom:5px;
- font-weight:normal;
- letter-spacing:0px;
- font-size:12px;
- }
- .quote .source p:first-child {
- display:inline;
- }
- /***** chat ********/
- .line.even {
- background-color:#f9f9f9;
- }
- .chat li {
- margin-left:-40px;
- padding:5px;
- list-style:none;
- }
- .label {
- font-weight:bold;
- }
- /***** answer *****/
- .question {
- background-color:#f5f5f5;
- padding:20px;
- border:1px solid #eaeaea;
- border-radius:5px;
- }
- .answerer {
- position:relative;
- z-index:10;
- border-radius:5px;
- background-color:#f5f5f5;
- padding:20px;
- margin-top:20px;
- border:1px solid #eaeaea;
- }
- .answerer a {
- border:0px;
- padding:0px;
- }
- .answerer p {
- display:inline;
- }
- .triangle_1 {
- margin-top:0px;
- margin-left:400px;
- width:0px;
- height:0px;
- border-top:10px solid #eaeaea;
- border-right:10px solid transparent;
- border-left:10px solid transparent;
- }
- .triangle1 {
- margin-top:-12px;
- margin-left:400px;
- width:0px;
- height:0px;
- border-top:10px solid #f5f5f5;
- border-right:10px solid transparent;
- border-left:10px solid transparent;
- }
- .triangle_2 {
- position:relative;
- z-index:11;
- margin-left:40px;
- margin-bottom:-8px;
- width:0px;
- height:0px;
- border-bottom:10px solid #eaeaea;
- border-right:10px solid transparent;
- border-left:10px solid transparent;
- }
- .triangle2 {
- z-index:20;
- position:relative;
- margin-left:40px;
- margin-bottom:-22px;
- width:0px;
- height:0px;
- border-bottom:10px solid #f5f5f5;
- border-right:10px solid transparent;
- border-left:10px solid transparent;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="navigation">
- <div id="nav_inner">
- <div id="nav_wrap">
- <span class="close_nav"></span>
- <div id="search_box">
- <form action="/search" method="get">
- <input type="text" name="q" value="{SearchQuery}" id="q" placeholder="{lang:Search}"/>
- <input type="submit" value="" class="search"/>
- </form>
- </div>
- <ul>
- {block:AskEnabled}<li><a href="/ask"> {text:ask label}</a></li>{/block:AskEnabled}{block:HasPages}{block:Pages}<li><a href="{URL}"> {Label}</a></li>{/block:Pages}{block:SubmissionsEnabled}<li><a href="/submit"> {SubmitLabel}</a></li>{/block:SubmissionsEnabled}{/block:HasPages}
- </ul>
- </div>
- </div>
- </div>
- {block:ShowHeaderImage}
- <div id="header_image"></div>
- {/block:ShowHeaderImage}
- <div id="container">
- <div id="header">
- {block:ShowAvatar}<a href="/"><img src="{PortraitURL-40}" class="avatar {AvatarShape}"/></a>{/block:ShowAvatar}{block:ShowTitle}<h1><a href="/">{Title}</a></h1>{/block:ShowTitle}
- {block:ShowDescription}{block:Description}
- <p id="description">{Description}</p>
- {/block:Description}{/block:ShowDescription}
- <span class="open_nav"></span>
- <div id="line"></div>
- </div>
- {block:TagPage}
- <h2>{lang:TagResultCount posts tagged Tag 3}</h2>
- {/block:TagPage}
- {block:SearchPage}
- <h2>{lang:SearchResultCount results for SearchQuery} {block:NoSearchResults}{lang:No results found}{/block:NoSearchResults}</h2>
- {/block:SearchPage}<div id="posts">
- {block:Posts}
- {block:Date}<div class="post_info">
- <div class="date"><a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a></div>
- <ul class="info">
- {block:NoteCount}<li>{NoteCountWithLabel}</li>{/block:NoteCount}
- {block:RebloggedFrom}<li><a href="{ReblogParentURL}" title="{ReblogParentName}">{lang:Via}</a></li>{/block:RebloggedFrom}
- {block:ContentSource}<li><a href="{SourceURL}" title="{SourceTitle}">{lang:Source}</a></li>{/block:ContentSource}
- <div class="button reblog">{ReblogButton color="black" size="14"}</div><div class="button like">{LikeButton color="black" size="14"}</div>
- </ul>
- </div>{/block:Date}
- <div class="post">{block:Text}
- <div class="text">
- {block:Title}
- <h3>{Title}</h3>
- {/block:Title}{Body}
- </div>
- {/block:Text}{block:Photo}
- <div class="photo">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}{block:Panorama}
- <div class="panorama">
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Panorama}{block:Photoset}
- <div class="photoset">
- {Photoset-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photoset}{block:Quote}
- <div class="quote {Length}">
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="source"> — {Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}{block:Link}
- <div class="link">
- <a href="{URL}" class="link" {Target}>{Name} ›</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}{block:Chat}
- <div class="chat">
- {block:Title}
- <h3>{Title}</h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- </div>
- {/block:Chat}{block:Video}
- <div class="video">
- {Video-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}{block:Audio}
- <div class="audio">
- <div class="audiobody">
- <div class="albumart">
- {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
- </div>
- <div class="player">{AudioPlayerWhite}</div>
- <div class="audioinfo">
- <ul>
- {block:TrackName}
- <li><strong>{TrackName}</strong></li>
- {/block:TrackName}
- {block:Artist}
- <li>{Artist}</li>
- {/block:Artist}
- {block:PlayCount}
- <li>{PlayCountWithLabel}</li>
- {/block:PlayCount}
- </ul>
- </div></div>{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}{block:Answer}
- <div class="answer">
- <div class="question"><strong>{Asker}:</strong> {Question}</div><div class="triangle_1"></div><div class="triangle1"></div>
- {block:Answerer}
- <div class="triangle_2"></div><div class="triangle2"></div>
- <div class="answerer">
- <strong>{Answerer}:</strong> {Answer}
- </div>
- {/block:Answerer}
- {Replies}
- </div>{/block:Answer}
- {block:HasTags}
- {block:Tags}<a href="{TagURL}" class="tags">#{Tag}</a>{/block:Tags}
- {/block:HasTags}
- </div>
- {block:PostNotes}
- <div id="notes">
- {PostNotes-16}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- </div>
- <div id="footer">{block:Pagination}
- {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:Pagination}
- {block:IndexPage}
- <ul id="footer_links">
- <li>
- <a href="/archive">{lang:Archive}</a>
- </li>
- <li>
- <a href="http://ambientthemes.tumblr.com">{lang:Install this theme}</a>
- <li>
- </ul>{/block:IndexPage}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement