Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---- haruharu theme made by madarathemes
- don't take off the credits
- don't steal any code
- don't use this theme as a base ---->
- <!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>
- <!-- DEFAULTS COLORS -->
- <meta name="color:Background" content="#eee"/>
- <meta name="color:Scrollbar" content="#d6e68a"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Link" content="#00cc77"/>
- <meta name="color:Link Hover" content="#000"/>
- <meta name="color:Blockquote" content="#d6e68a"/>
- <meta name="color:Postbox" content="#fff"/>
- <meta name="color:Postbox Border" content="#eee"/>
- <meta name="color:Title" content="#777"/>
- <meta name="color:Title Bar Hover" content="#eee"/>
- <meta name="color:Asker Border" content="#eee"/>
- <meta name="color:Ask" content="#999"/>
- <meta name="color:Asker Link" content="#00cc77"/>
- <meta name="color:Permalink Box" content="#d6e68a"/>
- <meta name="color:Permalink Text" content="#000"/>
- <meta name="color:Tag Box" content="#fff"/>
- <meta name="color:Tag Text" content="#000"/>
- <meta name="color:Topbar" content="#000"/>
- <meta name="color:Navigation" content="#fff"/>
- <meta name="color:Navigation Border" content="#d6e68a"/>
- <meta name="color:Navigation Text" content="#000"/>
- <meta name="color:Picture Border" content="#fff"/>
- <meta name="color:Description" content="#f5f5f5"/>
- <meta name="color:Blog Name" content="#fff"/>
- <meta name="color:Pagination" content="#fff"/>
- <meta name="color:Selection BG" content="#d6e68a"/>
- <meta name="color:Selection Text" content="#fff"/>
- <meta name="color:Menu" content="#fff"/>
- <!-- DEFAULTS LINKS -->
- <meta name="text:URL 01" content="http://"/>
- <meta name="text:URL 01 Title" content="Link 1"/>
- <meta name="text:URL 02" content="/"/>
- <meta name="text:URL 02 Title" content="Link 2"/>
- <meta name="text:URL 03" content="http://"/>
- <meta name="text:URL 03 Title" content="Link 3"/>
- <meta name="text:URL 04" content="/"/>
- <meta name="text:URL 04 Title" content="Link 4"/>
- <meta name="text:URL 05" content="http://"/>
- <meta name="text:URL 05 Title" content="Link 5"/>
- <meta name="text:URL 06" content="/"/>
- <meta name="text:URL 06 Title" content="Link 6"/>
- <meta name="text:URL 07" content="http://"/>
- <meta name="text:URL 07 Title" content="Link 7"/>
- <meta name="text:URL 08" content="/"/>
- <meta name="text:URL 08 Title" content="Link 8"/>
- <meta name="text:ask" content="ask"/>
- <!-- DEFAULTS -->
- <meta name="if:Caption" content="1"/>
- <meta name="if:Fade Hover" content="0"/>
- <meta name="if:Gray Scale" content="0"/>
- <meta name="if:Tags" content="0"/>
- <meta name="if:Submit" content="1"/>
- <meta name="if:Archive" content="1"/>
- <meta name="if:EndlessScrolling" content="0"/>
- <meta name="if:2 Columns" content="0"/>
- <!-- DEFAULT IMAGE -->
- <meta name="image:Background" content="http://static.tumblr.com/z9nrs6q/tAtmcj1t5/pinstripe.png"/>
- <meta name="image:Picture" content="http://static.tumblr.com/z9nrs6q/O3Amcj2k0/bzd.png"/>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <style type="text/css">
- @font-face {
- font-family: "bebas";
- src: url('https://dl.dropboxusercontent.com/u/109376002/bebas__.ttf');
- }
- @font-face{
- font-family: 'muncie';
- src: url('https://dl.dropboxusercontent.com/u/109376002/muncie.ttf');
- }
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
- #infscr-loading {display:none;}
- .navigation {display:none!important;}
- ::-webkit-scrollbar-thumb {
- background-color:{color:Scrollbar};
- height:100px;
- }
- ::-webkit-scrollbar {
- height:4px;
- width:4px;
- background-color: #fff;
- }
- ::-moz-selection { color: #d6e68a; background: #eee;}
- ::selection { color: #d6e68a; background: #eee; }
- body {
- font-family:'calibri';
- font-size:11px;
- color:{color:Text};
- background-color:{color:Background};
- background-image:url('{image:Background}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;}
- a:link,a:active,a:visited {
- text-decoration: none;
- color: {color:Link};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- a:hover {
- color: {color:Link Hover};
- text-shadow: 2px 0 .3px {color:Link}, -2px 0 .3px #ddd;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- blockquote {
- padding: 1px;
- padding-left: 8px;
- font:11px arial;
- letter-spacing: 1px;
- margin-right: 10px;
- margin-left: 5px;
- border-left: 5px solid {color:Blockquote};
- color:{color:Text};
- }
- pre
- {overflow: auto;
- margin-bottom:5px;
- padding: 5px;
- background: transparent;
- color: {color:Text};
- max-height: 220px;}
- pre::-webkit-scrollbar
- {width: 4px; height: 4px; background-color: {color:Postbox};}
- pre::-webkit-scrollbar-track-piece
- {background-color: {color:Postbox};}
- pre::-webkit-scrollbar-thumb
- {background-color: {color:Scrollbar};}
- #postar{
- width:575px;
- {block:IndexPage}
- {block:If2Columns}width:670px;{/block:If2Columns}
- {/block:IndexPage}
- padding: 1px;
- margin-top: 280px;
- margin-left: 390px;
- {block:IndexPage}{block:If2Columns}margin-left:360px;{/block:If2Columns}{/block:IndexPage}
- {block:PermalinkPage}margin-left: 390px;{/block:PermalinkPage}
- }
- .posts img{
- {block:IndexPage}
- max-width:500px;
- {block:If2Columns}max-width:250px;{/block:If2Columns}
- {/block:IndexPage}
- {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
- }
- .posts blockquote img{
- {block:IndexPage}
- max-width:450px;
- {block:If2Columns}max-width:215px;{/block:If2Columns}
- {/block:IndexPage}
- {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
- }
- .posts{
- float:left;
- overflow: hidden;
- {block:IndexPage}width:500px;
- {block:If2Columns}width:250px;{/block:If2Columns}{/block:IndexPage}
- {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
- padding: 25px;
- margin-left:12px;
- margin-bottom:12px;
- color: {color:Text};
- background: {color:Postbox};
- border: 1px solid {color:Postbox Border};
- }
- .imghover{{block:IfGrayScale}{block:IndexPage}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(100%); /* Chrome 19+ & Safari 6+ */
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfGrayScale}
- {block:IfFadeHover}{block:IndexPage}opacity:0.75;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;{/block:IndexPage}{/block:IfFadeHover}}
- .imghover:hover{filter: none; opacity:1; -webkit-filter: grayscale(0%); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;}
- .titulo{
- font: 30px 'muncie';
- letter-spacing:1px;
- text-align:left;
- margin-left:0px;
- padding:5px;
- border-left: 5px solid {color:Blockquote};
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .posts:hover .titulo{
- border-left: 25px solid {color:Title Bar Hover};
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in}
- .titulo a{
- color:{color:Title};
- text-decoration:none;
- padding-left:5px;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .titulo a:hover{
- color:{color:Title Hover};
- text-shadow: 2px 0 .5px #ddd, -2px 0 .5px #eee;
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .linku{
- font: 30px 'muncie';
- letter-spacing:1px;
- text-align:left;
- margin-left:0px;
- padding:5px;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .linku a{
- color:{color:Title};
- text-decoration:none;
- padding-left:5px;
- border-bottom:4px double {color:Blockquote};
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .linku a:hover{
- color:{color:Link Title};
- text-shadow: 2px 0 .5px #ddd, -2px 0 .5px #eee;
- border-bottom:2px solid {color:Blockquote};
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .quote{
- font:16px 'century gothic';
- text-align: center;
- display:block;
- }
- #audio{
- width:25px;
- height:25px;
- overflow:hidden;
- background:#e5e5e5;
- padding:0px;
- position:absolute;
- {block:IndexPage}
- margin-left:255px;
- border:110px solid #e5e5e5;
- border-right:110px solid #e5e5e5;
- border-top: 110px solid #e5e5e5;
- border-bottom:115px solid #e5e5e5;
- {block:If2Columns}
- margin-left:130px;
- border:40px solid #e5e5e5;
- border-right:53px solid #e5e5e5;
- border-top:50px solid #e5e5e5;
- border-bottom:50px solid #e5e5e5;
- {/block:If2Columns}
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-left:255px;
- border:110px solid #e5e5e5;
- border-right:110px solid #e5e5e5;
- border-top: 110px solid #e5e5e5;
- border-bottom:115px solid #e5e5e5;
- {/block:PermalinkPage}
- margin-top:1px;
- opacity: 0.8;filter:alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;
- }
- #audiopic{
- background: url('http://static.tumblr.com/7qjmkr5/RJWm88a26/musicpost.png'); width:200px; height:200px; {block:If2Columns}width:125px; height:125px;{/block:If2Columns} margin:1px;
- }
- #asker{
- float:left;
- background:transparent;
- border:5px solid {color:Asker Border};
- padding:5px;
- border-radius:50px;
- margin:0px 5px 15px 3px;
- }
- #ask{
- text-align: left;
- background: transparent;
- position: relative;
- font: 11px 'calibri';
- color: {color:Ask};
- margin-bottom:10px;
- min-height:80px;
- }
- .asker{
- font:12px 'calibri';
- text-transform:uppercase;
- letter-spacing:1px;
- color:#888;
- margin-bottom:4px;
- }
- .asker a{color:{color:Asker Link}; background:{color:Asker Border};}
- #date{
- float:left;
- width:500px;
- padding:25px;
- background:{color:Postbox};
- margin-left:12px;
- margin-bottom:10px;
- font: 12px 'cambria';
- color:{color:Text};
- border: 1px solid {color:Postbox Border};
- }
- .data{
- padding:5px;
- border-bottom: 4px double {color:Scrollbar};
- font:16px 'cambria';
- color:{color:Text};
- margin-bottom:7px;
- }
- #note{
- float:left;
- width:510px;
- max-height:500px;
- background:{color:Postbox};
- padding-left:30px;
- padding-right:10px;
- margin-left:12px;
- font:11px 'trebuchet ms';
- color:{color:Text};
- border: 1px solid {color:Postbox Border};
- }
- #note a{color: {color:Link};}
- ol.notes{
- padding: 0px;
- margin: 25px 0px;
- list-style-type: none;
- }
- #haru{
- position:fixed;
- float:center;
- top:30px;
- z-index:99999;
- left:320px;
- {block:IfNotEndlessScrolling}left:280px;{/block:IfNotEndlessScrolling}
- }
- .haru{
- width:700px;
- height:200px;
- padding:20px;
- z-index:9999;
- font:11px 'trebuchet ms';
- color:#fff;
- text-align:left;
- background:{color:Topbar};
- {block:IfNotEndlessScrolling}border-left:35px solid {color:Pagination};border-right:35px solid {color:Pagination};{/block:IfNotEndlessScrolling}
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- .hborder{
- height:170px;
- border: 10px outset {color:Picture Border};
- padding:5px;
- background: transparent;
- margin: 0px 3px;
- float:left;
- }
- #container{
- width:250px;
- float:left;
- }
- .haruname{
- border-bottom:1px dotted {color:Blog Name};
- text-align:center;
- width:250px;
- margin-bottom:0px;
- }
- .haruname a{
- text-align:center;
- width:250px;
- font: 24px 'cambria';
- color:{color:Blog Name};
- text-shadow: 2px 0 .2px {color:Scrollbar}, -1px 0 .1px #ddd;
- }
- .menu a{
- float:left;
- width:40px;
- height:9px;
- color:{color:Menu};
- font: 9px 'trebuchet ms';
- padding:5px;
- padding-top:7px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:1px;
- overflow:hidden;
- {block:IfSubmit}{block:IfNotArchive}margin-left:23px;{/block:IfNotArchive}{/block:IfSubmit}
- {block:IfSubmit}{block:IfArchive}margin-left:10px;{block:IfArchive}{/block:IfSubmit}
- {block:IfNotSubmit}{block:IfArchive}margin-left:23px;{/block:IfArchive}{/block:IfNotSubmit}
- border-radius: 0px 0px 10px 10px;
- webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- .menu a:hover{
- float:left;
- color:{color:Navigation Text};
- webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
- .harudescr{
- float:left;
- width:200px;
- height:115px;
- font:11px 'calibri';
- padding-right:10px;
- color:{color:Description};
- margin-top:10px;
- margin-left:20px;
- text-align:center;
- }
- #linksp{
- float:left;
- position:fixed;
- top:50px;
- left:810px;
- width:250px;
- }
- .links{
- float:left;
- width:92px;
- height:21px;
- font: 10px 'calibri';
- letter-spacing:1px;
- margin:5px;
- background:{color:Navigation};
- border-left:8px solid {color:Navigation Border};
- border-right:0px solid {color:Navigation Border};
- color:{color:Navigation Text};
- text-transform:uppercase;
- padding:13px 3px 3px 3px;
- text-align:center;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- }
- .links:hover{
- float:left;
- color:{color:Navigation Text};
- text-shadow: 2px 0 .2px #999, -2px 0 .2px #eee;
- border-right:8px solid {color:Navigation Border};
- border-left:0px solid {color:Navigation Border};
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- }
- .byebar{
- position:fixed;
- width:100%;
- top:0px;
- left:0px;
- height:30px;
- background-color:{color:Background};
- background-image:url('{image:Background}');
- background-position: fixed;
- background-attachment:fixed;
- background-repeat:repeat;
- }
- .perma{
- background:{color:Permalink Box};
- padding:5px;
- position: absolute;
- text-transform:uppercase;
- font: 8px 'consolas';
- letter-spacing: 2px;
- color:{color:Permalink Text};
- top:-10px;
- left:-10px;
- z-index:99;
- opacity:0;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .perma a{color:{color:Permalink Text};}
- .posts:hover .perma{
- top:10px;
- left:10px;
- opacity: 0.75;
- filter:alpha(opacity=75);
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;}
- .posts .perma:hover{
- opacity: 1; filter:alpha(opacity= 100);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;}
- #tags {
- width: 550px;
- {block:If2Columns}width:270px;{/block:If2Columns}
- font-size: 8px;
- padding-bottom:5px;
- padding-top:3px;
- font-family: 'consolas';
- color:{color:Link};
- text-transform: uppercase;
- background-color: {color:Tag Box};
- margin-left: -25px;
- bottom:0px;
- position: absolute;
- letter-spacing: 2px;
- text-align: center;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- opacity:0; filter: alpha(opacity = 0); zoom: 1;}
- #tags a{color: {color:Tag Text};}
- .posts:hover #tags {
- opacity: 0.75;
- filter:alpha(opacity=75);
- z-index:3;
- padding-bottom:10px;
- }
- .posts #tags:hover{
- opacity: 1;
- filter:alpha(opacity= 100);
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- .pagination {
- float:left;
- background:transparent;
- width:250px;
- height:35px;
- padding:8px;
- padding-bottom:15px;
- text-align:Center;
- font: 14px 'consolas';
- color:{color:Pagination};
- }
- .pagination a{
- font: 18px 'consolas';
- color:{color:Pagination};
- }
- {CustomCSS}
- </style>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- {block:IfEndlessScrolling}<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:IfEndlessScrolling}
- <script type="text/javascript">
- $(window).load(function () {
- $('#postar').masonry(),
- $('.masonryWrap').infinitescroll({
- itemSelector : ".posts",
- navSelector : "div.navigation",
- nextSelector : ".navigation a#next",
- bufferPx : 10000,
- extraScrollPx: 10000,
- loadingImg : "",
- loadingText : "",
- },
- function() { $('#postar').masonry({ appendedContent: $(this) });
- });
- });</script>
- <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
- </head>
- <body>
- <div id="top"></div>
- <a style="position:fixed;bottom:5px;left:5px; font:11px 'consolas';color:{color:Text}; text-transform:uppercase;" href="http://madarathemes.tumblr.com/">theme ☁</a>
- <div id="postar">
- {block:Posts}
- <div class="posts">
- {block:IndexPage}<div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a> · <a href="{ReblogURL}" target="_blank">Reblog</a></div>
- {block:IfTags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfTags}
- {/block:IndexPage}
- {block:Text}
- {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}<div class="imghover"><a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a></div>{/block:IndexPage}
- {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" border="0" width="500px"/>{LinkCloseTag}{/block:PermalinkPage}
- {block:IfCaption} {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {block:IfNot2Columns}<div class="imghover">{Photoset-500}</div>{/block:IfNot2Columns}
- {block:If2Columns}<div class="imghover">{Photoset-250}</div>{/block:If2Columns}{/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- {block:IfCaption} {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝{Quote}❞</div>
- {block:Source}
- <div align="right">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="linku"><a href="{URL}" class="link" {Target}>{Name} →</a></div>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div style="margin-left:16px;">{block:Lines}{block:Label}<b><span style="color:{color:Scrollbar};">{Label}</span></b>{/block:Label} {Line}<br>{/block:Lines}</div>
- {/block:Chat}
- {block:Audio}
- <div id= "audio">{AudioPlayerGrey}</div>
- <div id="audiopic">{block:AlbumArt}
- <div class="imghover"><img src="{AlbumArtURL}" {block:If2Columns}width="125"{/block:If2Columns} width="250"></div>
- {/block:AlbumArt}</div>
- {block:IfCaption}
- {block:IfNot2Columns}<br><br><br><br>{/block:IfNot2Columns}{block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}{block:IfNot2Columns}{Video-500}{/block:IfNot2Columns}
- {block:If2Columns}{Video-250}{/block:If2Columns}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:IfCaption} {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:PermalinkPage}{block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Video}
- {block:Answer}
- <div id="ask" align="right"><div id="asker"><img style="border-radius:50px;" src="{AskerPortraitURL-64}" align="left"></div>
- <div class="asker">{Asker} said:</div>❝ {Question} ❞</div>
- <div style="border-bottom: 1px dotted {color:Link}; margin-bottom:5px; margin-top:10px;"></div>
- {Answer}
- {/block:Answer}
- </div>
- {block:PermalinkPage}{block:Date}
- <div id="date"><div class="data">
- {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}]</div>
- {NoteCountWithLabel}<br>
- {block:RebloggedFrom}
- <b>via:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> <br>
- <b>source:</b> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a> <br>{/block:RebloggedFrom}
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
- </div>{/block:Date}
- {block:PostNotes}<div id="note" style="overflow:auto; line-height:100%">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- {/block:Posts}
- </div>
- </div>
- <div class="navigation">
- {block:Pagination}
- {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
- {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
- {/block:Pagination}
- </div>
- <div id="haru">
- <div class="haru">
- <img src="{image:Picture}" class="hborder" height='170' width='170'>
- <div id="container">
- <div class="haruname"><a href="/">{title}</a></div>
- <div class="menu"><a href="/"><b>home</b></a></div>
- <div class="menu"><a href="/ask">{text:ask}</a></div>
- {block:IfSubmit}<div class="menu"><a href="/submit">submit</a></div>{/block:IfSubmit}
- {block:IfArchive}<div class="menu"><a href="/archive">archive</a></div>{/block:IfArchive}
- <br>
- <div class="harudescr" style="overflow:auto; line-height:120%">{description}</div>
- {block:IfNotEndlessScrolling}
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<b>☁</b>{/block:CurrentPage}
- {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
- {/block:JumpPagination}
- {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
- </div>{/block:IfNotEndlessScrolling}
- </div>
- <div id="linksp">
- {block:IfURL01}<a href="{text:URL 01}"><div class="links">{text:URL 01 Title}</div></a>{/block:IfURL01}
- {block:IfURL02}<a href="{text:URL 02}"><div class="links">{text:URL 02 Title}</div></a>{/block:IfURL02}
- {block:IfURL03}<a href="{text:URL 03}"><div class="links">{text:URL 03 Title}</div></a>{/block:IfURL03}
- {block:IfURL04}<a href="{text:URL 04}"><div class="links">{text:URL 04 Title}</div></a>{/block:IfURL04}
- {block:IfURL05}<a href="{text:URL 05}"><div class="links">{text:URL 05 Title}</div></a>{/block:IfURL05}
- {block:IfURL06}<a href="{text:URL 06}"><div class="links">{text:URL 06 Title}</div></a>{/block:IfURL06}
- {block:IfURL07}<a href="{text:URL 07}"><div class="links">{text:URL 07 Title}</div></a>{/block:IfURL07}
- {block:IfURL08}<a href="{text:URL 08}"><div class="links">{text:URL 08 Title}</div></a>{/block:IfURL08}
- </div></div></div>
- <div class="byebar"></div>
- {block:IfEndlessScrolling}{block:IndexPage}<a style="position:fixed; bottom:10px; right:10px;font:18px 'courier new';" href="#top">▲ TOP</a>{/block:IndexPage}{block:IfEndlessScrolling}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement