Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---- matsuokaa theme made by madarathemes
- don't take off the credits
- don't copy
- 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 -->
- <meta name="if:Caption" content="1"/>
- <meta name="if:Tags" content="0"/>
- <meta name="if:EndlessScrolling" content="0"/>
- <meta name="if:PostSize1" content="1"/>
- <meta name="if:PostSize2" content="0"/>
- <meta name="if:PostSize3" content="0"/>
- <!-- DEFAULTS LINKS -->
- <meta name="text:Link1" content="/"/>
- <meta name="text:Link1 Title" content="Link 1"/>
- <meta name="text:Link2" content="http://"/>
- <meta name="text:Link2 Title" content="Link 2"/>
- <meta name="text:Link3" content="/"/>
- <meta name="text:Link3 Title" content="Link 3"/>
- <meta name="text:Link4" content="http://"/>
- <meta name="text:Link4 Title" content="Link 4"/>
- <!-- DEFAULTS COLORS -->
- <meta name="color:Background" content="#eee"/>
- <meta name="color:Scrollbar" content="#ccccbb"/>
- <meta name="color:Text" content="#000"/>
- <meta name="color:Link" content="#aa8866"/>
- <meta name="color:Link Hover" content="#7788aa"/>
- <meta name="color:Blockquote Border" content="#aa8866"/>
- <meta name="color:Blockquote Text" content="#888"/>
- <meta name="color:Postbox" content="#ffffff"/>
- <meta name="color:Post Band" content="#8899aa"/>
- <meta name="color:Title" content="#aa8866"/>
- <meta name="color:Title Hover" content="#dddddd"/>
- <meta name="color:Asker BG" content="#ccccbb"/>
- <meta name="color:Ask BG" content="#eeeeee"/>
- <meta name="color:Question" content="#000000"/>
- <meta name="color:Whispered" content="#333333"/>
- <meta name="color:Permalink Box" content="#ccccbb"/>
- <meta name="color:Permalink Text" content="#ffffff"/>
- <meta name="color:Sidebar" content="#eee"/>
- <meta name="color:Navi Box" content="#f9f9f9"/>
- <meta name="color:Navi Text" content="#333"/>
- <meta name="color:Navi Border" content="#65717d"/>
- <meta name="color:Navi BG" content="#8899aa"/>
- <meta name="color:Title BG" content="#ccccbb"/>
- <meta name="color:Blog Title" content="#ffffff"/>
- <meta name="color:Pagination" content="#ccccbb"/>
- <meta name="color:Tag BG" content="#ccccbb"/>
- <meta name="color:Tag Links" content="#fff"/>
- <meta name="color:Tagged" content="#000"/>
- <!-- DEFAULT IMAGE -->
- <meta name="image:Background" content="http://static.tumblr.com/uobboj6/ep6m83n9p/light_wool.png"/>
- <meta name="image:Sidebar" content="http://24.media.tumblr.com/tumblr_lz7n8wcH051qme912o1_1280.jpg"/>
- <meta name="image:Post Band" content=""/>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScrolling}
- <style type="text/css">
- @font-face {
- font-family: "04b03";
- src: url('https://dl.dropboxusercontent.com/u/109376002/tinytots.ttf');
- }
- @font-face {
- font-family: "futura";
- src: url('https://dl.dropboxusercontent.com/u/109376002/futura__light_.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;}
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:Scrollbar};
- height:100px;
- }
- ::-webkit-scrollbar {
- height:25px;
- width:7px;
- background-color: #fff;
- }
- body {
- font-family:verdana;
- font-size:10px;
- 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};
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- -o-transition: all 0.5s ease-out;
- }
- blockquote {
- padding: 0px;
- padding-left: 5px;
- font: 11px arial;
- letter-spacing: 1px;
- margin-right: 2px;
- margin-left: 3px;
- border-left: 2px solid {color:Blockquote Border};
- background-color: transparent;
- color:{color:Blockquote Text};
- }
- #entry {
- {block:IndexPage}{block:IfPostSize1}width:535px;{/block:IfPostSize1}
- {block:IfPostSize2}width:435px;{/block:IfPostSize2}
- {block:IfPostSize3}width:285px;{/block:IfPostSize3}{/block:IndexPage}
- {block:PermalinkPage}width:535px;{/block:PermalinkPage}
- overflow:hidden;
- z-index:1;
- }
- #entry:hover .permalink {opacity: 1;}
- #entry img {
- {block:IndexPage}{block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
- {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
- {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}{/block:IndexPage}
- {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
- }
- #entry blockquote img{
- {block:IndexPage}{block:IfPostSize1}max-width:450px;{/block:IfPostSize1}
- {block:IfPostSize2}max-width:350px;{/block:IfPostSize2}
- {block:IfPostSize3}max-width:220px;{/block:IfPostSize3}{/block:IndexPage}
- {block:PermalinkPage}max-width:450px;{/block:PermalinkPage}
- }
- #sidebar {
- position: fixed;
- float: left;
- top: 50px;
- margin-left:750px;
- {block:IndexPage}{block:IfPostSize1}margin-left:750px;{/block:IfPostSize1}
- {block:IfPostSize2}margin-left:650px;{/block:IfPostSize2}
- {block:IfPostSize3}margin-left:500px;{/block:IfPostSize3}{/block:IndexPage}
- {block:PermalinkPage}margin-left:750px;{/block:PermalinkPage}
- }
- #postar{
- width:545px;
- {block:IndexPage}{block:IfPostSize1}width:545px;{/block:IfPostSize1}
- {block:IfPostSize2}width:445px;{/block:IfPostSize2}
- {block:IfPostSize3}width:295px;{/block:IfPostSize3}{/block:IndexPage}
- {block:PermalinkPage}width:545px;{/block:PermalinkPage}
- padding: 2px;
- padding-right:2px;
- margin-top: -10px;
- margin-left: 90px;
- background-color:{color:Post Band};
- background-image:url('{image:Post Band}');
- background-repeat:repeat;
- padding-bottom:10px;
- padding-top:10px;
- margin-bottom:-20px;
- }
- #posts{
- float:left;
- width: 500px;
- {block:IndexPage}{block:IfPostSize1}width:500px;{/block:IfPostSize1}
- {block:IfPostSize2}width:400px;{/block:IfPostSize2}
- {block:IfPostSize3}width:250px;{/block:IfPostSize3}{/block:IndexPage}
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- padding: 5px;
- margin-left:10px;
- margin-bottom:5px;
- color: {color:Text};
- background: {color:Postbox};
- }
- .titulo{
- font: 18px 'cambria';
- text-align:left;
- margin-left:3px;
- }
- .titulo a{
- color:{color:Title};
- text-decoration:none;
- -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};
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .quote{
- font:18px 'Times New Roman';
- text-align: center;
- display:block;
- }
- #audio{
- z-index:3;
- background: #000;
- display:block;
- margin-bottom:0px;
- }
- .audiopic{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;}
- #audioborder{
- padding: 2px;
- border: 2px solid #000;
- background-color: #000;
- }
- #ask {
- text-align: left;
- background: {color:Ask BG};
- padding: 10px;
- position: relative;
- font: 12px 'trebuchet ms';
- color: {color:Question};
- margin-bottom:3px;
- }
- #ask p {margin:1px 1px;}
- .asker{
- padding: 3px;
- background:{color:Asker BG};
- position:relative;
- font:8px '04b03';
- color:{color:Whispered};
- text-transform:uppercase;
- }
- .notes {width:500px;
- padding: 0px;
- color: {color:Text};
- margin-top: 5px;
- margin-left: 10px;
- line-height: 15px;
- float:left;
- letter-spacing: 0px;
- font-family: trebuchet ms;
- font-size: 10px;}
- li.notes {list-style:decimal; padding: 2px; margin: 2px; letter-spacing: 0px; text-transform:lowercase;}
- #notes a{color: {color:Tag BG}; letter-spacing: 0px; text-transform:lowercase; font-family: trebuchet ms; font-size: 10px;}
- .perma {
- float:right;
- width:50px;
- height:auto;
- padding:3px;
- color:{color:Permalink Text};
- background:{color:Permalink Box};
- margin-left:520px;
- {block:IfPostSize1}margin-left:520px;{/block:IfPostSize1}
- {block:IfPostSize2}margin-left:420px;{/block:IfPostSize2}
- {block:IfPostSize3}margin-left:270px;{/block:IfPostSize3}
- margin-top:20px;
- z-index:300;
- filter:alpha(opacity=80);
- opacity:0;
- font-size:8px;
- font-family:'04b03';
- text-transform:uppercase;
- text-align:center;
- letter-spacing: 1px;
- -webkit-transition-duration: .90s;
- position: absolute;
- }
- .link:hover .perma {
- float:right;
- filter:alpha(opacity=30);
- opacity:99;
- width:50px;
- height:auto;
- padding:3px;
- color:{color:Permalink Text};
- background:{color:Permalink Box};
- margin-left:540px;
- {block:IfPostSize1}margin-left:540px;{/block:IfPostSize1}
- {block:IfPostSize2}margin-left:440px;{/block:IfPostSize2}
- {block:IfPostSize3}margin-left:290px;{/block:IfPostSize3}
- margin-top:20px;
- z-index:300;
- font-size:8px;
- font-family:'04b03';
- text-transform:uppercase;
- text-align:center;
- letter-spacing: 1px;
- -webkit-transition-duration: .90s;
- position: absolute;
- }
- .menu a{
- float:left;
- width: 45px;
- height:13px;
- margin-left:5px;
- padding:5px;
- padding-top:5px;
- background: {color:Navi Box};
- font: 8px 'trebuchet ms';
- letter-spacing:1px;
- text-align:center;
- display:block;
- margin-top:10px;
- margin-bottom:3px;
- color: {color:Navi Text};
- text-decoration: none;
- text-transform:uppercase;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .menu a:hover{
- float:left;
- width: 45px;
- height:13px;
- margin-left:5px;
- padding:5px;
- padding-top:5px;
- background: {color:Navi Box};
- border-right: 5px solid {color:Navi Border};
- font: 8px 'trebuchet ms';
- text-align:center;
- display:block;
- margin-bottom:3px;
- color: {color:Navi Text};
- text-decoration: none;
- text-transform:uppercase;
- -webkit-transition: all 0.5s ease-in;
- -moz-transition: all 0.5s ease-in;
- -o-transition: all 0.5s ease-in;
- }
- .title{
- height:14px;
- background:{color:Title BG};
- font-family:'consolas';
- font-size:12px;
- color:{color:Blog Title};
- padding:5px;
- text-align:center;
- margin-top:3px;
- margin-bottom:5px;
- margin-left:0px;
- }
- .title a{
- height:14px;
- background:{color:Title BG};
- font-family:'consolas';
- font-size:12px;
- color:{color:Blog Title};
- padding:5px;
- margin-top:-10px;
- margin-bottom:-10px;
- margin-left:0px;
- }
- .side{
- width: 250px;
- height: auto;
- background:{color:Sidebar};
- color:{color:Text};
- font:11px; 'verdana';
- padding:4px;
- }
- .navega {
- width:250px;
- height:auto;
- padding:0px;
- padding-top:-5px;
- background:{color:Navi BG};
- color:#000;
- padding-bottom:10px;
- margin-top:10px;
- z-index:300;
- filter:alpha(opacity=80);
- opacity:0;
- font-size:10px;
- font-family:'trebuchet ms';
- text-align:left;
- -webkit-transition-duration: .90s;
- position: absolute;
- border-left: 4px solid {color:Title BG};
- border-right: 4px solid {color:Title BG};
- }
- .links:hover .navega{
- filter:alpha(opacity=30);
- opacity:99;
- width:250px;
- height:auto;
- padding:0px;
- background:{color:Navi BG};
- padding-top:-5px;
- padding-bottom:10px;
- color:#000;
- margin-top:15px;
- z-index:300;
- font-size:10px;
- font-family:'trebuchet ms';
- text-align:left;
- -webkit-transition-duration: .90s;
- position: absolute;
- border-left: 4px solid {color:Title BG};
- border-right: 4px solid {color:Title BG};
- }
- .more{
- width:250px;
- height:10px;
- background:{color:Navi BG};
- color:#fff;
- font:8px '04b03';
- padding-top:4px;
- padding-bottom:4px;
- text-transform:uppercase;
- text-align:center;
- border-left: 4px solid {color:Title BG};
- border-right: 4px solid {color:Title BG};
- }
- .pagination{
- text-align:right;
- font: 9px 'consolas';
- color:{color:Text};
- margin:3px;
- }
- .pagination a{
- text-align:right;
- font: 9px 'consolas';
- color:{color:Pagination};
- margin:3px;
- }
- .tag {
- height: auto;
- text-align: center;
- background: {color:Tag BG};
- text-transform: normal;
- margin-top: 5px;
- margin-bottom: 0px;
- position: relative;
- font: 10px 'trebuchet ms';
- color: {color:Tagged};
- opacity: 0.9;
- filter: alpha(opacity = 90);
- }
- .tag a{
- color: {color:Tag Links};
- text-decoration:none;
- }
- {CustomCSS}
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
- </script>
- <script type="text/javascript" language="javascript">
- $(function () {
- $('#scrlBotm').click(function () {
- $('html, body').animate({
- scrollTop: $(document).height()
- },
- 1500);
- return false;
- });
- $('#scrlTop').click(function () {
- $('html, body').animate({
- scrollTop: '0px'
- },
- 1500);
- return false;
- });
- });
- </script>
- </head>
- <body>
- <div id="sidebar">
- <div class="side">
- <img src="{image:Sidebar}" width="250">
- <div class="title"><a href="/">{title}</a></div>
- <center>{description}</center>
- {block:IfNotEndlessScrolling}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">◀</a> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage} <a href="{NextPage}">▶</a>{/block:NextPage}</div>{/block:IfNotEndlessScrolling}
- </div>
- <div class="links"><div class="navega">
- <div class="menu"><a href="/" a title="home">Index</a></div>
- <div class="menu"><a href="/ask" a title="ask me">message</a></div>
- <div class="menu"><a href="/archive" a title="my past">archive</a></div>
- <div class="menu"><a href="http://madarathemes.tumblr.com/" a title="theme maker">theme</a></div>
- {block:IfLink1}<div class="menu"><a href="{text:Link1}" a title="{text:Link1 Title}">{text:Link1 Title}</a></div>{block:IfLink1}
- {block:IfLink2}<div class="menu"><a href="{text:Link2}" a title="{text:Link2 Title}">{text:Link2 Title}</a></div>{block:IfLink2}
- {block:IfLink3}<div class="menu"><a href="{text:Link3}" a title="{text:Link3 Title}">{text:Link3 Title}</a></div>{block:IfLink3}
- {block:IfLink4}<div class="menu"><a href="{text:Link4}" a title="{text:Link4 Title}">{text:Link4 Title}</a></div>{block:IfLink4}
- </div>
- <div class="more">links</div>
- </div></div>
- <div id="postar">
- <table width="40%" border="0">
- <tr>
- <td align="center">
- {block:IfEndlessScrolling}<div class = "autopagerize_page_element" >{/block:IfEndlessScrolling}
- {block:Posts}
- <div id="entry">
- {block:IndexPage}<div class="link"><div class="perma">
- <a style="color:{color:Permalink Text};" href="{Permalink}">{NoteCount}</a><br><a style="color:{color:Permalink Text};" href="{ReblogURL}" target="_blank">Reblog</a>
- </div>
- {/block:IndexPage}
- <table width="500" border="0">
- <tr>
- <td>
- <div id="posts">
- {block:Text}
- {block:Title}<div class="titulo"><a href="{Permalink}">■ {Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-500}" border="0" width="500px"/></a>{/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:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
- {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
- {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}{/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="titulo"><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>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
- {/block:Chat}
- {block:Audio}
- {block:IfCaption}<div id="audio">{AudioPlayerBlack}</div>
- <div style="float:right;display: block; margin-top:3px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div>
- {block:Caption}
- {Caption}
- {/block:Caption}{/block:IfCaption}
- {block:IfNotCaption}{block:IndexPage}<div id="audio">{AudioPlayerBlack}</div>{/block:IndexPage}
- {block:PermalinkPage}<div id="audio">{AudioPlayerBlack}</div>
- <div style="float:right;display: block; margin-top:3px;z-index:4;">{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" id="audioborder" class="audiopic"/>{/block:AlbumArt}</div>
- {block:Caption}
- {Caption}
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotCaption}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}{block:IfPostSize1}{Video-500}{/block:IfPostSize1}
- {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
- {block:IfPostSize3}{Video-250}{/block:IfPostSize3}{/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 class="asker">{Asker} whispered : </div>
- <div id="ask" align="right">{Question}</div>
- <div style="margin-left:10px;"> {Answer}</div>
- {/block:Answer}
- {block:IfTags} {block:IndexPage}<div class="tag">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
- {/block:IfTags}
- </div>
- {block:PermalinkPage}{block:Date}<div class="notes">
- <div style="background:{color:Postbox}; padding:5px; width:500px; margin-bottom:10px;">
- <div style="background:#eee; width:490px;padding:5px;font-family: 'cambria'; font-size:16px;">
- {Month} {DayOfMonthWithZero}, {Year} - {12Hour}:{Minutes}{AmPm} [{TimeAgo}] </div><br>
- <div style="margin-top: -5px;margin-left:3px;font-family: 'cambria'; font-size: 12px; text-transform:lowercase;">
- {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></div>{/block:Date}
- <div id="notes" style="margin-left:10px; width:490px;">
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div></div>{/block:PermalinkPage}
- </td>
- </tr>
- </table>
- {block:IndexPage}</div>{block:IfTags}</div>{/block:IfTags}{/block:IndexPage}
- {block:Posts}{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}
- </td>
- </tr>
- </table>
- </div>
- {block:IfEndlessScrolling}<a id="scrlTop" title="Top" href="#" style="color:{color:Scrollbar}; font-size:16px; font-family: 'futura'; position: fixed; bottom: 10px; right: 10px;">TOP ▲</a>{/block:IfEndlessScrolling}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement