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">
- <!-----------------------------------------------------------------------
- THEME 16.
- @thehiddenwill-themes.tumblr.com
- ------------------------------------------------------------------------->
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="text:Link 1" content=""/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 2" content=""/>
- <meta name="text:Link 2 URL" 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:Header" content=""/>
- <meta name="image:Background" content=""/>
- <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
- <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/2V1m9r58l/reset.css">
- </script>
- <style type="text/css">
- @font-face {font-family: 'pix';font-style: normal;font-weight: normal;
- src: local('pix'), url('http://static.tumblr.com/s4afcug/sJzmj12zk/pix-webfont.woff') format('woff');}
- ::-webkit-scrollbar {background-color:#000; height:8px; width:4px}
- ::-webkit-scrollbar-thumb:vertical {border:1px solid #000; background-color:#fff; height:5px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:8px!important}
- .photo {
- filter: url("data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=’grayscale’><feColorMatrix type=’matrix’ values=’0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale"); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(0.7);
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .photo:hover{
- filter: none;
- -webkit-filter: grayscale(0);
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #cred{
- position:fixed;
- bottom:15px;
- right:15px;
- width:10px;
- height:10px;}
- #cred a{
- color:#000;
- font: 10px courier;
- text-align:center;
- padding:3px;
- display:block;
- text-transform:uppercase;
- text-decoration:none;}
- iframe#tumblr_controls {margin-top:4px;position: fixed!important;z-index: 9999;opacity:0;-webkit-filter: invert(100%);-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
- iframe#tumblr_controls:hover {opacity:1;-webkit-transition:opacity 0.4s linear;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; transition:all 0.4s linear}
- :-moz-selection {
- background: #eee;
- color: #000;
- }
- ::selection {
- background: #eee;
- color: #000;
- }
- iframe.photoset{
- {block:IndexPage}
- width:150px!important;
- {/block:IndexPage}
- }
- body {
- color: #000;
- background: #fff url({image:Background});
- font-family: courier;
- font-size: 10px;
- line-height: 1.5em;
- }
- p {margin:0 0 .75em 0;}
- p:last-child {margin:0;}
- a {
- cursor:help;
- color: #000;
- text-decoration:none;
- }
- a:hover { cursor: help;
- color: #000000; text-decoration:line-through;}
- blockquote {
- width:90%;
- margin-left:5px;
- margin-bottom:5px;
- margin-top:5px;
- padding-left:5px;
- padding-top:0px;
- padding-bottom:0px;
- border-left:4px solid #000;
- }
- pre {
- width:90%;
- white-space:pre-wrap;
- word-wrap:break-word;
- background:#fff;
- padding:5px;
- }
- b, strong {
- color:#000;
- font-weight:bold;
- }
- i, em {
- color:#000;
- font-style:italic;
- }
- h1 {
- font-family: georgia;
- margin-top:-2px;
- margin-bottom:5px;
- font-size: 12px;
- font-style:italic;
- line-height: 1.5em;
- font-weight: normal;
- }
- h2 {
- font-family:georgia;
- font-size:12px;
- text-align:center;
- font-weight:400;
- font-style:italic;
- margin-top:-96px;
- }
- h3 {
- font-family:georgia; font-style:italic; text-transform:lowercase; text-align:center; font-size: 12px; font-weight: none;
- }
- h3:first-letter {float:center; display:inline-block; font-family:cambria; font-size:20px; font-style:italic; text-transform:uppercase; background:#fff; color:#000;}
- h4 {
- text-align:right;
- font-family:courier;
- font-size:10px;
- text-transform:lowercase;
- padding-right:3px;
- font-weight:400;
- font-style:normal;
- }
- h69 {
- opacity:0.1;
- font:113px georgia;
- margin-left:10px;
- margin-top:-10px;
- color:#000;
- z-index:-999999;
- line-height:90%;
- }
- ul {
- margin: 0px 1.5em .75em;}
- li {
- margin-left:15px;
- list-style-type: hiragana;
- }
- .box img {
- display: block;
- max-width: 100%;}.m-i {
- display: block;
- line-height: 1px!important;
- }
- .menu-picture {
- line-height: 100%;
- display: inline-block;
- line-height: 0px!important;
- }
- .post-link{
- font-family: consolas;
- letter-spacing:1px;
- font-size: 8px;
- text-transform:uppercase;
- line-height: 8px;
- text-align:right;
- }
- .menu-picture {
- line-height: 100%;display: inline-block;
- }
- .tagged { padding:5px; margin:5px; text-align: left; font-family:pix; text-transform:lowercase; line-height: 8px; letter-spacing:1px; font-size: 8px;}
- .text { padding: 5px;}
- p.question {
- margin-bottom: .375em;
- }
- .response {
- font-family:georgia;
- font-style:italic;
- font-family:8px;
- background: #FFF;
- color:#000;
- border:4px double #000;
- padding: 5px;
- margin-bottom: .75em;
- }
- .asker {
- font-style:normal;
- font-size: 8px;
- font-family: cambria;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .answer {
- text-align: center;
- }
- .post {
- position: relative;
- {block:IndexPage}
- width:150px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:400px;
- right:0px;
- margin-top:-5px;
- {/block:PermalinkPage}
- float:left;
- background: #fff;
- padding:5px;
- margin:15px;
- border:4px double #000;
- -webkit-box-shadow: 6px 6px 0px -1px #000;
- box-shadow: 6px 6px 0px -1px #000;
- }
- .box {position: relative;}
- #side {
- position: fixed!important;
- text-align: center;
- top:130px;
- right:840px;
- width:70px;
- padding:0px;
- background: transparent;
- }
- #description{
- background-color:#fff;
- border:4px double #000;
- padding:10px;
- -webkit-box-shadow: 6px 6px 0px -1px #000;
- box-shadow: 6px 6px 0px -1px #000;
- font-family:MS Gothic;
- font-size:10px;
- text-shadow:2px 2px 0px #ccc, 0px 2px 0px #ccc;
- -webkit-transition:all 0.4s ease-in-out;
- -moz-transition:all 0.4s ease-in-out;
- -o-transition:all 0.4s ease-in-out;
- transition:all 0.4s ease-in-out;
- }
- #description:hover{
- text-shadow:2px 0px 0px #ccc, 2px 0px 0px #ccc;
- }
- #description:first-letter {
- float:left;
- display:inline-block;
- padding:7px;
- margin-right:5px;
- font-family:cambria;
- font-size:20px;
- font-style:italic;
- text-transform:uppercase;
- background:#000;
- color:#fff;}
- #description{
- width:150px;
- height:48px;
- text-align:center;
- overflow-y:auto;}
- }
- #description::-webkit-scrollbar {background-color:#000; height:8px; width:4px}
- #description::-webkit-scrollbar-thumb {
- background: #fff;
- border:1px solid #000;
- }
- ul {
- margin: 0px 0em .75em;
- }
- li {
- margin: 0.75em 30px;
- list-style-type: hiragana;
- }
- #content {
- margin: 10px auto 0;
- }
- #content {
- width:180px;
- margin-top:40px;
- margin-right:495px;
- }
- .perma-a { text-align: right; text-transform: uppercase; padding:5px; padding-top:10px;}
- p.menu-m {margin: .375em;}
- .box iframe {max-width: 100%;}
- .text img {max-width: 100%;}
- img {display: block;}
- .box img {display: block;}
- .post-info-data{text-align:center; text-transform:lowercase; font-family:courier; font-size:10px; font-style:none;}
- .notes img{display:none;float:left;margin-right:.75em}
- ol.notes li{margin:.375em 0;list-style-type:none;line-height:16px}
- ol.notes {font-family:consolas; font-size:8px; padding-right:5px; padding-left:5px; height:100px;overflow-y:scroll;overflow-x:hidden;}
- #s-m-t-tooltip {
- z-index:9999;
- background:#000;
- border:0px solid #000;
- line-height:11px;
- font:8px consolas;
- text-align:center;
- letter-spacing:1px;
- color:#fff;
- max-width:150px;
- word-wrap:break-word;
- padding:1px 10px 1px 10px;
- display:block;
- margin:25px 0 0 15px;
- -webkit-border-radius: 50px;
- -moz-border-radius: 50px;
- border-radius: 50px;
- }
- #musicart {
- position: absolute;
- height: 40px;
- width: 40px;
- }
- #musicart img {
- height: 40px;
- width: 40px;
- -moz-border-radius: 35px;
- -webkit-border-radius: 35px;
- border-radius: 35px;
- }
- #player {
- opacity: 1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #entry:hover #player {
- opacity: 1;
- }
- #top1 {
- height:35px;
- width: 150%;
- position:fixed!important;
- top:-4px;
- right: -15px;
- opacity:1;
- background-color:#fff;
- border:4px double #000;
- z-index:999;
- }
- #musicart {
- position: absolute;
- height: 40px;
- width: 40px;
- }
- #musicart img {
- height: 40px;
- width: 40px;
- -moz-border-radius: 35px;
- -webkit-border-radius: 35px;
- border-radius: 35px;
- }
- #player {
- opacity: 1;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- }
- #entry:hover #player {
- opacity: 1;
- }
- #border {
- position: fixed!important;
- top: 90px;
- right:690px;
- }
- </style>
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="cred"><a title="credit" href="http://thehiddenwill-themes.tumblr.com">C</a></div>
- <div id="top1"></div>
- <div id="border">
- <div style="width:0px;height:550px;border:4px double #000; "></div></div>
- <div style="z-index:1000;font-size:24px; font-family:georgia;
- font-style:italic; line-height: 25px; position: fixed!important; top:4px;right:495px;"><font color="#000"<br>{text:Header}</font></div>
- <div id="contain" class="clearfix">
- <div id="side">
- <div class="text">
- {block:IfShowTitle}<h1><a href="/">{Title}</a></h1>{/block:IfShowTitle}
- <div id="description">
- {Description}
- <select style=" width:145px; -webkit-appearance: none; margin-top:10px; border: 4px double; padding: 3px; color: #000; background-color: #fff; font-family: MS Gothic; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;" onchange="location.href=this.options[this.selectedIndex].value;">
- <option value="/">NAVIGATE</option>
- <option value="{text:Link 1 URL}"> {text:Link 1}</option>
- <option value="{text:Link 2 URL}"> {text:Link 2}</option>
- <option value="{text:Link 3 URL}"> {text:Link 3}</option>
- <option value="{text:Link 4 URL}"> {text:Link 4}</option>
- </select>
- </div>
- </div>
- </div>
- <div id="content">
- <div class="autopagerize_page_element"/>
- {block:Posts}
- <div class="post">
- {block:Text}
- <div class="text">
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {Body}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Text}
- {block:Quote}
- <div style="color: #000; font-size: 30px; line-height: 30px; float: left; font-family: georgia;">
- ❝</div>
- <div style="font-size:12px; letter-spacing: 1px; line-height:120%; font-family: georgia; font-style: italic; margin-left: 20px; padding:5px; padding-left: 10px;">
- {Quote}
- </div>
- {block:Source}
- <div style="text-align: right; margin-top: 10px; font-size: 10px; text-transform: lowercase; font-family: courier; line-height: 10px; letter-spacing: 1px;"> {Source}</div>
- {/block:Source}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- {/block:Quote}
- {block:Link}
- <div class="text link">
- <h3><a href="{URL}" {Target}>{Name}</a></h3>
- {block:Description}{Description}{/block:Description}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="text chat">
- <ul class="conversation">
- {block:Lines}
- <li class="line {Alt}">
- {block:Label}<span class="person">{Label}</span>{/block:Label}
- <span class="person-said">{Line}</span>
- </li>
- {/block:Lines}
- </ul>
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Audio}
- <div id="musicart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- <div id="player"><div style="position: absolute; margin-top: -5px; margin-left: -5px; padding: 12px 11px 11px 12px; background: #FFF; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;">
- <div style="width: 27px; height: 27px; overflow: hidden;">
- {AudioPlayerWhite}
- </div></div></div>
- <div style="text-transform:lowercase; margin-left: 52px; line-height: 10px;">
- <b>Track:</b> {block:TrackName}{TrackName}{/block:TrackName}
- <br>
- <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
- <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
- {PlayCountWithLabel}<br>
- </div>
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- {/block:Audio}
- {block:Answer}
- <div class="text answer">
- <div class="response">
- <p class="question">{Question}</p>
- <div class="asker"><p>@{Asker}</p></div></div>
- {Answer}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a> </p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Answer}
- {block:Photoset}
- <div class="photoset">
- <div class="box">
- {block:IndexPage}<center><div class="photo"{Photoset-250}</center>{/block:IndexPage}
- {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
- </div>
- {block:IndexPage}{block:IfShowCaptions} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:IfShowCaptions}{/block:IndexPage}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Photoset}
- {block:Video}
- <div class="video">
- <div class="box">
- <center>{Video-250}</center>
- </div>
- {block:IndexPage}{block:IfShowCaptions}
- {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}{/block:IndexPage}
- <!-- permalink --> {block:IndexPage}
- <p class="post-link perma-a"><a href="{Permalink}" title="{NoteCountWithLabel}">{12Hour}:{Minutes} {AmPm}</a></p>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Video}
- {block:Photo}
- {LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-400}" width="100%"title="{NoteCountWithLabel}" <div class="photo"></a>{LinkCloseTag}
- {/block:Photo}
- {block:IfShowTags}{block:IndexPage}{block:HasTags}
- <div class="tagged"><p>{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p></div>
- {/block:HasTags}{/block:IndexPage}{/block:IfShowTags}
- {block:PermalinkPage}
- <div id="post-info" class="text">
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:HasTags}
- <p class="tagged">{lang:Tagged}: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</p>
- {/block:HasTags}
- <p class="post-info-data">
- {block:Date}{12Hour}:{Minutes}:{Seconds} @ {MonthNumber}/{DayOfMonth}/{Year}<br/>{/block:Date}
- {block:NoteCount}{NoteCountWithLabel}<br />{/block:NoteCount}{block:RebloggedFrom}
- Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br/>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFrom}</p>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- </div> <!-- end single post -->
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- {/block:Posts}
- </div>
- </div><!-- end content -->
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment