Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- THEME XI
- SEHUNEU THEMES. Do not reproduce.
- -->
- <meta name="color:Background" content="#ebffff" />
- <meta name="color:Body links" content="#615151" />
- <meta name="color:Body text" content="#1d1818" />
- <meta name="color:Scrollbar" content="#ebffff" />
- <meta name="color:Masthead background" content="#0a0303" />
- <meta name="color:Masthead links" content="#b9b8b8" />
- <meta name="color:Masthead text" content="#868484" />
- <meta name="color:Post color" content="#ffffff" />
- <meta name="color:Text highlight" content="#d83e3e" />
- <meta name="font:Body" content='Georgia,serif'/>
- <meta name="if:Masthead portrait" content="0"/>
- <meta name="if:Masthead search" content="0"/>
- <meta name="if:White Tumblr Controls" content="0"/>
- <meta name="image:Background" content="" />
- <meta name="image:Masthead" content="" />
- <meta name="text:Font size" content='0.8em'/>
- <meta name="text:Post margin" content='10px'/>
- <meta name="text:Your URL here" content='you have to put your URL here for the searchbox to work'/>
- <meta name="text:Link 1" content="" />
- <meta name="text:Link Title 1" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link Title 2" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link Title 3" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link Title 4" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link Title 5" content="" />
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta charset="utf-8">
- <meta name="viewport" content="initial-scale=1.0, width=device-width" />
- <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
- <style type="text/css">
- /*Basic styles*/
- ::-moz-selection {
- background: {color:Text highlight};
- color: #fff;
- }
- ::selection {
- background: {color:Text highlight};
- color: #fff;
- }
- #content {
- margin: 2%;
- width:64%;
- float: right;
- }
- body {
- background: {color:Background} url('{image:Background}');
- color: {color:Body text};
- font-family: 'PT Sans Caption', helvetica, sans-serif;
- font-size: {text:Font size};
- font-weight:400;
- margin: 0;
- padding: 0;
- }
- a {
- color: {color:Body links};
- text-decoration: none;
- }
- blockquote {
- background:transparent;
- border-left: 2px solid rgba(0, 0, 0, 0.2);
- margin: 0;
- padding-left:10px;
- }
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- iframe#tumblr_controls {
- top:0%!important;
- right:0%!important;
- position:fixed!important;
- z-index:999999999!important;
- {block:ifWhiteTumblrControls}
- opacity:0.3;
- -webkit-filter:invert(100%);
- -moz-filter:invert(100%);
- -o-filter:invert(100%);
- -ms-filter:invert(100%);
- filter:invert(100%);
- {/block:ifWhiteTumblrControls}
- }
- #s-m-t-tooltip {
- max-width:300px;
- padding: 3px 5px;
- margin:10px;
- background-color:#ffffff;
- font-family: 'PT Sans Caption', helvetica, sans-serif;
- font-size:9px;
- font-style:bold;
- letter-spacing:1px;
- text-transform:uppercase;
- color:{color:masthead text};
- box-shadow:5px 5px 0.2em #f0f0f0;
- border-top:1px solid #f9f9f9;
- border-left:1px solid #f9f9f9;
- z-index:10000000000000000000000000000000;
- -moz-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- ::-webkit-scrollbar { width:3px; height:3px; }
- ::-webkit-scrollbar-track-piece { background-color:{color:masthead background}; }
- ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
- /*Masthead/Sidebar*/
- .masthead {
- background: {color:Masthead background} url('{image:Masthead}');
- padding: 20px;
- color: {color:Masthead text};
- width: 20%;
- float: left;
- margin: 3%;
- position:fixed;
- -webkit-transition:all 0.8s ease-in-out;
- -moz-transition:all 0.8s ease-in-out;
- -o-transition:all 0.8s ease-in-out;
- }
- .masthead a {
- color: {color:Masthead links};
- }
- nav li {
- display: inline;
- }
- .masthead_outer {
- width:auto;
- height:30px;
- margin-left:auto;
- margin-right:auto;
- overflow:hidden;
- background:{color:Masthead background};
- padding-bottom:5px;
- z-index:9999;
- border-bottom:#ddd 1px solid;
- }
- .title{
- color:{color:Body text};
- font-family: 'PT Sans Caption', helvetica, sans-serif;
- font-size:20px;
- font-weight:400;
- letter-spacing:3px;
- line-height:30px;
- text-align:center;
- text-transform:uppercase;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -ms-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- }
- .desc {
- margin-top:5px;
- color:{color:Masthead text};
- font-size:8px;
- line-height:10px;
- letter-spacing:1px;
- text-align:center;
- padding-top:15px;
- padding-bottom:5px;
- }
- .navi {
- width:auto;
- height:auto;
- padding:8px;
- opacity:0;
- margin-top:-38px;
- background:transparent;
- font-family:times;
- font-size:10px;
- line-height:120%
- letter-spacing:0.5em;
- text-align:center;
- -webkit-transition:all 0.7s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;
- }
- .navi a {
- margin-left:10px;
- margin-right:10px;
- color:{color:Masthead Links};
- }
- .navi a:hover{
- text-decoration:underline;
- }
- .masthead:hover .navi{opacity:1;}
- .masthead:hover .title{margin-top:-80px;opacity:0; -webkit-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.7s ease-in-out;
- -o-transition:all 0.7s ease-in-out;}
- /*Article*/
- article {
- background: {color:Post color};
- margin: {text:Post margin};
- padding: 20px;
- width: 250px;
- }
- .chat span {
- float: left;
- margin-right: 1%;
- }
- /*Metadata*/
- .metadata {
- display: inline-block;
- width: 100%;
- padding-bottom:8px;
- text-transform:uppercase;
- font-size:9px;
- }
- .notecount {
- float: right;
- text-transform:uppercase;
- font-size:9px;
- }
- .reblogged {
- float: right;
- margin: 3% 0;
- width: 100%;
- }
- /*Tags and notes*/
- #tags, nav ul, .chat ul {
- list-style: none;
- list-style-image: none;
- margin: 0;
- padding: 0;
- }
- #tags li {
- float: left;
- margin-right: 1%;
- }
- .notes {
- width:200px;
- height:150px;
- padding:5px 10px;
- overflow-y:scroll;
- overflow-x:hidden;
- text-align:justify;
- font-size:8px;
- margin:0 40px 0px 30px;
- line-height:125%;
- }
- .notes img {display:none;}
- .notes ol, #notes li {list-style:circle;line-height:125%;}
- .search { margin-top:5px; overflow:hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding:5px; } .search form { padding:5px 0; line-height:1em; border: 1px solid #e3e3e3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background:#f9f9f9; margin: 0; } .search form .query { margin:0; width:150px; font-family:'calibri', cursive; font-size:12px; border: none; background: transparent; padding:2px 4px; outline: none; border: 0px solid black; color:#737373; } .search form .submit { margin-left:30px; outline:none; border:0px solid black; color:#b5b5b5; font-size:13px; background:rgba(0,0,0,0); font-family:'calibri', cursive; padding:2px 4px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 1px solid #e3e3e3;cursor: pointer; }
- .kwon {
- text-align:left;
- text-transform:uppercase;
- padding:6px;
- padding-bottom:10px;
- font-size:10px;
- font-weight:500;
- letter-spacing:1px;
- border:1px solid #ddd;
- margin-top:-0px;
- }
- .jiyong {
- text-align:right;
- padding:5px;
- font-size:10px;
- font-weight:500;
- letter-spacing:1px;
- margin-right:29px;
- margin-top:-11px;
- }
- .dragon {
- margin-top:-4px;
- }
- .arrow-down {
- width: 0;
- height: 0;
- text-align:right;
- margin-top:-9px;
- margin-left:220px;
- border-left: 10px solid transparent;
- border-right: 10px solid transparent;
- border-top: 10px solid #ddd;
- }
- .tumblr_audio_player {width:100%;}
- .player {
- width:30px;
- height:30px;
- padding:10px;
- border:solid 1px #ddd;
- overflow:hidden;
- background:#fff;
- margin:0;
- display:inline-block;
- }
- .audioinfo {
- color:{color:accent};
- display:inline-block;
- padding-left:10px;
- text-align:left;
- font-size:10px;
- background:transparent;
- width:160px;
- max-height:30px;
- float:right;
- margin-right:15px;
- margin-bottom:5px;
- }
- .daesung {
- font-size:14px;
- }
- /*Custom CSS*/
- {CustomCSS}
- </style>
- </head>
- <body>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title],a[title],img[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:30,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--Sidebar/masthead-->
- <header class="masthead">
- <div class="masthead_outer">
- <div id="header">
- <div class="title"><a href="/">{Title}</a></div>
- </div>
- </div>
- <div class="navi">
- {block:ifLink1}<a href="{text:Link 1}" title="{text:Link Title 1}">★</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link 2}" title="{text:Link Title 2}">☆</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link 3}" title="{text:Link Title 3}">☆</a>{/block:ifLink3}
- {block:ifLink4}<a href="{text:Link 4}" title="{text:Link Title 4}">☆</a>{/block:ifLink4}
- {block:ifLink5}<a href="{text:Link 5}" title="{text:Link Title 5}">☆</a>{/block:ifLink5}
- <a href="http://bravesound.co.vu/" title="Theme Credit">☆</a>
- </div>
- {block:Description}
- <div class="desc">{Description}</div>
- {block:Description}
- {block:IfMastheadSearch}
- <div class="search">
- <form action="/search" method="get" class="search-form">
- <input type="hidden" name="t" value="{text:your URL here}" />
- <input type="text" name="q" class="query" value="" />
- <input type="submit" value="search" class="submit" />
- <div class="clear">
- </div>
- </form>
- </div>
- {/block:IfMastheadSearch}
- </header>
- <!--Content holder-->
- <div id="content">
- {block:Posts}
- <article>
- <!--Metadata: date, note count-->
- <header class="metadata">
- {block:Date} <a href="{Permalink}"> <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}</time> </a> {/block:Date}
- {block:NoteCount}<a class="notecount" href="{Permalink}#notes">{NoteCountWithLabel}</a> {/block:NoteCount}
- </header>
- <!--Unique code for each post type-->
- {block:Text}
- <div class="text">
- {block:Title}<h1 class="title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {block:IndexPage}{Photoset-250}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="daesung">
- <font weight="bold" size="3">"</font>{Quote}
- {block:Source}<cite> <font size="1" weight:"200">{Source}</font> </cite>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="link">
- <h1 class="title"><a href="{URL}">{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- <div class="chat">
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {block:TrackName}<h1 class="audioinfo"><a href="{Permalink}">{TrackName}</a>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}</h1>
- <div class="player">{AudioPlayerWhite}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- <div class="video">
- <div class="video-player">{Video-250}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="answer">
- <h1 class="kwon">{Question}</h1>
- <div class="arrow-down"></div>
- <div class="jiyong">{Asker}</div>
- <div class="dragon">{Answer}</div>
- {/block:Answer}
- </div>
- <footer class="details">
- {block:ContentSource}
- <div class="reblogged">
- <!--Content source-->
- <a href="{SourceURL}">{lang:Source}:{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
- {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}"height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}</a>
- </div>
- {/block:ContentSource}
- {block:Permalink}
- <!--Tags and notes on displayed on permalink pages-->
- {block:HasTags}
- <ul id="tags">
- {block:Tags}<li> <a href="{TagURL}">·{Tag}</a> </li>{/block:Tags}
- </ul>
- {/block:HasTags}
- {block:PostNotes}
- <div id="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Permalink}
- </footer>
- </article>
- {/block:Posts}
- <!--Close of article-->
- </div>
- <!--Pagination: previous/next page links-->
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}"></a>{/block:NextPage}
- </div>
- {/block:Pagination}
- <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
- <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
- <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
- <!--Code for infinite scroll and grid layout-->
- <script>
- (function() {
- var $tumblelog = $('#content');
- $tumblelog.infinitescroll({
- navSelector : ".pagination",
- nextSelector : ".pagination a:first",
- itemSelector : "article",
- bufferPx : 50,
- done : "",
- loading: {
- img : "",
- msgText: ""
- },
- },
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $tumblelog.masonry( 'appended', $newElems);
- });
- }
- );
- $tumblelog.imagesLoaded( function(){
- $tumblelog.masonry({
- columnWidth: function( containerWidth ) {
- return containerWidth / 100;
- }
- });
- });
- })();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment