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 made by
- @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>ʜᴏᴜsᴇ ᴏғ ᴜᴢᴜᴍᴀᴋɪ</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="if:Show Title" content="1"/>
- <meta name="if:Show Tags" content="0"/>
- <meta name="if:Show Captions" content="0"/>
- <meta name="if:Show Tags" content="0"/>
- <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:custom;src:url(http://static.tumblr.com/eblp3l5/qiAmfnyk5/wisdom_script.otf);}
- @font-face { font-family: "cedarcursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v1/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
- @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
- ::-webkit-scrollbar {background-color:#fff; height:8px; width:5px}
- ::-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(1);
- -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.7);
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- iframe#tumblr_controls {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}
- ::selection {
- background: #eee;
- color: #000;
- }
- ::-moz-selection {
- background: #eee;
- color: #000;
- }
- ul#pagination{
- {block:IfInfiniteScroll}
- {block:IndexPage}
- display:none;
- {/block:IndexPage}
- {/block:IfInfiniteScroll}
- }
- body {
- color: #000;
- background: #fff url({image:Background});
- font-family:ms gothic;
- font-size: 10px;
- line-height: 1.5em;
- }
- p {margin:0 0 0.75em 0;}
- p:last-child {margin:0px;}
- a {
- cursor:help;
- color: #000;
- text-decoration:none;
- }
- a:hover { cursor: help;
- color: #000000; }
- big {
- font-size:11px;
- }
- small {
- font-size:9px;
- letter-spacing:1px;
- }
- blockquote {
- width:90%;
- margin-left:0px;
- 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: cedarcursive;
- font-size: 20px;
- text-transform:lowercase;
- font-style:none;
- text-shadow:2px 2px 0px #eee;
- border-bottom:1px solid #000;
- margin-top:0px;
- margin-bottom:5px;
- padding-bottom:1px;
- line-height: 70%;
- }
- h2 {
- font-family:custom;
- text-shadow:2px 2px 0px #eee;
- font-size:17px;
- border-bottom:1px solid #eee;
- padding-bottom:2px;
- text-align:center;
- letter-spacing:1px;
- font-weight:400;
- font-style:none;
- 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;
- padding-top:2px;
- padding:0px;
- font-family:MS Gothic;
- font-size:8px;
- letter-spacing:1px;
- text-transform:lowercase;
- width:100%;
- font-weight:400;
- font-style:normal;
- }
- h69 {
- opacity:0.1;
- font:113px georgia;
- margin-left:10px;
- margin-top:-10px;
- color:#000;
- height:20px;
- 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;
- }
- .text{
- padding:5px;
- }
- .post-link{
- font-family: MS Gothic;
- border:1px solid #000;
- padding: 3px 6px;
- margin-top: 5px;
- letter-spacing:0px;
- font-size: 8px;
- text-transform:uppercase;
- line-height: 8px;
- text-align:right;
- }
- .menu-picture {
- line-height: 100%;display: inline-block;
- }
- .tagged { padding:3px 6px; margin-top:5px; text-align: left; font-family:ms gothic; text-transform:lowercase; line-height: 8px; letter-spacing:1px; font-size: 8px; {block:IndexPage}border:1px solid #000;{/block:IndexPage}}
- p.question {
- margin-bottom: .375em;
- }
- .response {
- font-family:bebas neue;
- font-size:10px;
- font-style:none;
- letter-spacing:1px;
- text-transform:normal;
- border-bottom:1px solid #eee;
- padding-bottom:2px;
- text-shadow:2px 2px 0px #eee;
- }
- .asker {
- font-style:normal;
- font-size: 8px;
- font-family: cambria;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .answer {
- text-align: center;
- }
- .caption{
- {block:IndexPage}
- width:125px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- .post {
- position: relative;
- {block:IndexPage}
- width:125px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- right:350px;
- {/block:PermalinkPage}
- float:left;
- border:1px solid #000;
- background: #ffffff;
- padding:10px;
- margin:10px;
- }
- .box {position: relative;}
- #side {
- position: fixed!important;
- text-align: center;
- top:95px;
- right:200px;
- width:130px;
- padding:0px;
- background: transparent;
- }
- #description{
- background-color:#fff;
- border:4px double #000;
- padding:5px;
- font-family:MS Gothic;
- font-size:10px;
- }
- #description{
- height:100px;
- 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: 5px auto 0;
- }
- #content {
- width:200px;
- float: right;
- margin-right:350px;
- }
- .perma-a { text-align: left; text-transform: uppercase;}
- 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:ms gothic; font-size:10px; font-style:none;}
- .notes img{display:none;float:left;margin-right:.75em}
- ol.notes li{margin:.375em 0;line-height:16px; list-style-type:none;}
- ol.notes {font-family:ms gothic; font-size:8px; text-transform:uppercase; padding-right:5px; padding-left:5px; letter-spacing:1px; height:100px;overflow-y:scroll;overflow-x:hidden;}
- #s-m-t-tooltip{
- max-width:200px;
- margin-top:25px;
- margin-left:15px;
- padding-left:5px;
- padding-right:5px;
- padding-top:1px;
- padding-bottom:1px;
- z-index:999999;
- border:1px solid #eee;
- background-color:#ffffff;
- color:#000;
- font-family:ms gothic;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:13px;
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- }
- .audio {
- {/block:IndexPage}
- width:125px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- .infoo {
- text-align:center;
- {block:IndexPage}
- width:125px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- line-height:130%;
- background-color:#fff;
- margin-top:-1px;
- padding-top:0px;
- font-family:ms gothic;
- font-size:9px;
- letter-spacing:0px;
- text-transform:uppercase;
- color:#000;
- padding-bottom:5px;
- border-bottom:1px solid #eee;
- }
- .titlee {
- font-family: custom;
- font-size: 20px;
- text-transform:lowercase;
- text-shadow:2px 2px 0px #eee;
- font-style:none;
- letter-spacing:0px;
- }
- .playerr {
- text-align:center;
- background-color:#fff;
- {block:IndexPage}
- margin-left:45px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-left:235px;
- {/block:PermalinkPage}
- width: 25px;
- height: 25px; overflow: hidden;
- padding: 5px 5px 5px 5px; -moz-border-radius:0px; -webkit-border-radius: 0px; border-radius: 0px;
- }
- #border {
- position: fixed!important;
- left: -4px;
- bottom:-55px;
- }
- #pagination{
- position:absolute;
- float:left;
- width:115px;
- margin-right:350px;
- }
- #pagination-holder{
- position:absolute;
- float:left;
- margin-bottom:50px;
- margin-right:350px;
- }
- #cred {
- position:fixed;
- font-family:ms gothic;
- text-transform:uppercase;
- font-size:7px;
- left:2px;
- bottom:0px;
- padding:4px;
- font-style:none;
- letter-spacing:1px;
- z-index:1000000;
- }
- #cred a{
- text-decoration:none;
- }
- </style>
- <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>
- <script type="text/javascript">
- /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
- $(document).ready(function() {
- function photosetResize() {
- $('iframe.photoset').each(function(){
- var newSize = {block:IndexPage}125{/block:IndexPage};
- var newSrc = $(this).attr('src').replace('500',newSize);
- $(this).attr('src', newSrc).width(newSize);
- var high = $(this).css('height');
- var calculate = parseInt(high, 10)* newSize/500;
- $(this).css('height', calculate);
- });
- }
- photosetResize();
- });
- </script>
- </head>
- <body>
- <div id="border">
- <div style="width:40px;height:2000px;border:4px double #000; "></div></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}</div>
- <p><center>
- <select style=" width:120px; -webkit-appearance: none; border: 4px double; padding: 3px; margin-top:0px; 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>
- </center></p>
- </div>
- </div>
- <div id="content">
- {block:Posts}
- <div class="post">
- {block:Text}
- <div class="text">
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {Body}
- <!-- permalink --> {block:IndexPage}
- <div style="margin-top:10px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Text}
- {block:Quote}
- <h69>“</h69>
- <h2>{Quote}</h2>
- {block:Source}
- <h4>— {Source}</h4>
- {/block:Source}
- <!-- permalink --> {block:IndexPage}
- <div style="margin-top:2px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ </p> </div>
- <!-- /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}
- <div style="margin-top:10px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /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}
- <div style="margin-top:15px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Chat}
- {block:Audio}
- <div style="opacity:0.1; font:113px georgia; margin-top:-3px; margin-left:80px; {block:PermalinkPage} margin-left:250px;{/block:PermalinkPage}color:#000; z-index:-999999; height:15px; line-height:90%;">”</div>
- <div class="audio"><div class="infoo">
- {block:Artist}{Artist}{/block:Artist}<br>
- {block:TrackName}<span class="titlee">{TrackName}<br></span>{/block:TrackName}<div style="margin-top:0px;">{block:Album}{Album}{/block:Album}<br>{block:PlayCount}Played {FormattedPlayCount} times{/block:PlayCount}</div></div></div><div class="playerr">{AudioPlayerWhite}</div>
- <!-- permalink --> {block:IndexPage}
- <div style="margin-top:5px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /permalink --> {/block:IndexPage}
- {/block:Audio}
- {block:Answer}
- <div class="text answer">
- <div class="response">
- <p class="question">
- <div style="opacity:0.1; font:113px georgia; margin-left:55px; {block:PermalinkPage} margin-left:350px;{/block:PermalinkPage}margin-top:-10px; color:#000; z-index:-999999; height:15px; line-height:90%;">”</div>
- {Question}</p>
- <div class="asker"><p>@{Asker}</p></div></div>
- {Answer}
- <!-- permalink --> {block:IndexPage}
- <div style="margin-top:10px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Answer}
- {block:Photoset}
- <div class="photoset">
- <div class="box">
- {block:IndexPage}<center><div class="photo"{Photoset-500}</center>{/block:IndexPage}
- {block:PermalinkPage}<div class="photo"{Photoset-500}{/block:PermalinkPage}
- </div>
- {block:IndexPage}{block:IfShowCaptions} {block:Caption}<div class="caption">{Caption}</div>{/block:Caption} {/block:IfShowCaptions}{/block:IndexPage}
- <!-- permalink --> {block:IndexPage}
- <div style="margin-top:5px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /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}
- <div style="margin-top:10px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/block:Video}
- {block:Photo}
- <div class="photo">
- <div class="box">
- {block:IndexPage}
- <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{LinkCloseTag}
- {/block:PermalinkPage}
- </div>
- {block:IndexPage}{block:IfShowCaptions}
- {block:Caption}<div class="caption text">{Caption}</div>{/block:Caption}
- {/block:IfShowCaptions}{/block:IndexPage}
- <!-- permalink --> {block:IndexPage}
- <div style="margin-top:10px;">
- <p class="post-link perma-a"><a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> // {NoteCount} ハツ</p> </div>
- <!-- /permalink --> {/block:IndexPage}
- </div>
- {/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}
- {block:Pagination}
- <div id="pagination-holder;">
- <div id="pagination;">
- <div style="font-family:ms gothic; margin-right:3px; font-size:8px; text-transform:uppercase;">
- {block:PreviousPage}
- <font style="float:left; margin-top:15px; margin-bottom:15px; margin-left:25px; padding-right:5px; padding-left:5px; border:4px double #000; width:auto; "><a href="{PreviousPage}"> PREV </a></font>
- {/block:PreviousPage}
- {block:NextPage}
- <font style="float:right; margin-top:15px; margin-bottom:15px; margin-right:55px; padding-right:5px; padding-left:5px; border:4px double #000; width:auto;"><a href="{NextPage}"> NEXT </a></font>
- {/block:NextPage}
- </div></div></div>
- {/block:Pagination}
- </div> <!-- end content -->
- <div id="cred">
- <a href="http://thehiddenwill-themes.tumblr.com/">credit</a>
- </div>
- </div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment