Scribd
Upload
43 views12 pages

Raw

Uploaded by

agubelmontebejerano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
43 views12 pages

Raw

Uploaded by

agubelmontebejerano
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 12

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.

0 Transitional//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!-- octomoosey @ tumblr -->

<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head><title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}"
/>{/block:Description}

<meta name="viewport" content="width=device-width, initial-scale=1">


<meta name="color:background" content="#000000">
<meta name="color:postbackground" content="#000000">
<meta name="color:sidebarbackground" content="#000000">
<meta name="color:questionbackground" content="#dddddd">
<meta name="color:questiontext" content="#dddddd">
<meta name="color:text" content="#3f3f3f">
<meta name="color:bold" content="#8c8c8c" />
<meta name="color:italic" content="#8c8c8c" />
<meta name="color:description" content="#3f3f3f">
<meta name="color:link" content="#dcdcdc">
<meta name="color:link hover" content="#cbcbcb">
<meta name="color:navigation" content="#dcdcdc">
<meta name="color:navigation hover" content="#cbcbcb">
<meta name="color:scrollbar" content="#fb9d28" />
<meta name="color:selectiontext" content="#ffffff" />
<meta name="color:selectionbg" content="#8c8c8c" />
<meta name="color:info" content="#8c8c8c" />
<meta name="color:info hover" content="#ffffff" />
<meta name="color:tags" content="#8c8c8c" />
<meta name="color:tags hover" content="#ffffff" />

<meta name="if:hide captions" content="0"/>


<meta name="if:hovertags" content="1"/>

<meta name="image:background" content="" />

<meta name="text:post width" content="350px" />


<meta name="text:font size" content="10px" />
<meta name="text:tag icon" content="✗" />

<meta name="text:link 1" content="link 1"/>


<meta name="text:link 1 url" content="/"/>
<meta name="text:link 2" content="link 2"/>
<meta name="text:link 2 url" content="/"/>
<meta name="text:link 3" content="link 3"/>
<meta name="text:link 3 url" content="/"/>
<meta name="text:link 4" content="link 4"/>
<meta name="text:link 4 url" content="/"/>
<meta name="text:link 5" content="link 5"/>
<meta name="text:link 5 url" content="/"/>
<meta name="text:link 6" content="link 6"/>
<meta name="text:link 6 url" content="/"/>
<meta name="text:link 7" content="link 7"/>
<meta name="text:link 7 url" content="/"/>
<meta name="text:link 8" content="link 8"/>
<meta name="text:link 8 url" content="/"/>
<link href='https://fonts.googleapis.com/css?family=Megrim' rel='stylesheet'
type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Share+Tech' rel='stylesheet'
type='text/css'>

<style type="text/css">

::-webkit-scrollbar{
height:3px;
width:3px;
background:inherit;}

::-webkit-scrollbar-thumb {
background: -webkit-linear-gradient({color:postbackground}, {color:scrollbar},
{color:postbackground});}

::-webkit-scrollbar-track {
margin-top:20px;
margin-bottom:20px;
background:transparent;}

::-moz-selection {
color:{color:selectiontext};
background:{color:selectionbg};}

::selection {
color:{color:selectiontext};
background:{color:selectionbg};}

.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
z-index:99999999999999999!important;
white-space:nowrap!important;
top:10px!important;
right:10px!important;
position:fixed!important;
opacity:.6!important;}

body {
margin:0;
font-size: {text:font size};
font-family: 'Share Tech', sans-serif;
line-height:150%;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
color:{color:text};
background:{color:background};
background-image: url('{image:background}');
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;}

blockquote {
padding-left:10px;
border-left:2px dotted {color:borders};
border-radius:10px;
margin:15px 30px 10px 10px;
text-align:left;}
.caption blockquote {
margin:0px 0px 0px 10px;}

blockquote img {
max-width:100%;
height:auto;}

blockquote iframe {
max-width:100%;
height:auto;}

img {
max-width:100%;
height:auto;}

.caption img {
max-width:100%;
height:auto;}

.posts img {
max-width:100%;
margin-top:5px;
margin-bottom:5px;}

a {
color:{color:link};
text-decoration:none;
letter-spacing:1px;
cursor:help;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

a:hover {
letter-spacing:1px;
text-decoration:none;
color:{color:link hover};
text-shadow: 0px 0px #aeaeae, -0px 0px #aeaeae;}

p {
margin:10px 0 10px 0;}

p:first-of-type {
margin-top:0;
padding-top:0;}

p:last-of-type {
margin-bottom:10px;
padding-bottom:0;}

small, sub {
font-size: {text:font size};
vertical-align:baseline;}

pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;}

h1, h2, h3, h4, h5, h6 {


text-align:right;
font-family: 'Fjalla One', sans-serif;
font-size:15px;}

b, strong {
font-family:font-family: 'Roboto', sans-serif;
text-transform:uppercase;
font-size: {text:bodyfontsize};
color:{color:bold};}

i, em {
font-family: 'Fjalla One', sans-serif;
font-size: 12px;
color:{color:italic};
letter-spacing:1.5px;}

small, big {
font-size:1em;}

.title {
font-family: 'Megrim', cursive;
font-size:15px;
letter-spacing:1.5px;
font-weight:bold;}

.entries{
margin-top:0px;
padding:20px;
position:absolute;
margin-left:420px;
width:{text:post width};}

.sidebar {
margin-left:0px;
margin-top:0px;
height:100%;
position:fixed;
padding:20px;
width:350px;
background:{color:sidebarbackground};}

.posts {
margin-bottom:50px;
padding:20px;
position:relative;
text-align:justify;
background:{color:postbackground};
border-bottom:1px solid {color:text};}

.date {
padding-right:3px;
font-family: 'Megrim', cursive;
text-transform:uppercase;
border-bottom:1px solid {color:text};
font-size:11px;}

.date a {
color:{color:info};}

.date a:hover {
color:{color:info hover};}

.tags {
{block:ifhovertags}
opacity:0;
max-height:0px;
{/block:ifhovertags}
line-height:130%;
text-align:left;
font-size:9px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

.tags a {
color:{color:tags};
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

.tags a:hover {
color:{color:tags hover};
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

{block:ifhovertags}
.posts:hover .tags{
opacity:1;
max-height:300px;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
{/block:ifhovertags}

ol.notes {
margin-left:-35px;
width:300px;
background:transparent;
list-style-type:none;}

ol.notes a {
color:{color:link};}

ol.notes a:hover {
color:{color:linkhover};}

ol.notes li.note {
display:block;
padding:0;
margin:5px 0;}

ol.notes li.note img.avatar {


display:none!important;}

a.more_notes_link {
display:block;
text-align:left;
border:0;
color:{color:link};}

.sidetitle {
margin-top:260px;
text-transform:lowercase;
font-family: 'Megrim', cursive;
height:20px;
line-height:20px;
font-size:30px;
text-align:center;
letter-spacing:7px;
margin-bottom:8px;}

.description {
color:{color:description};
margin-left:75px;
width:200px;
opacity:0;
font-size:9px;
margin-bottom:10px;
text-align:justify;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

.sidebar:hover .description{
opacity:1;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

.nav {
margin-top:20px;
text-align:center;
line-height:12px;
font-family: 'Megrim', cursive;
font-size:15px;
margin-bottom:15px;}

.nav a {
width:25px;
color:{color:navigation};
display:inline-block;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}
.nav a:hover {
color:{color:navigation hover};
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;}

.pagination {
z-index:9;
width:350px;
bottom:20px;
position:fixed;
text-align:center;}

.pagination a {
color:{color:description};}

.caption {
margin-top:15px;
{block:ifhidecaptions}
{block:indexpage}
display:none;
{/block:indexpage}
{/block:ifhidecaptions}}

.chat {
padding:0;
list-style-type:none;}

.chat .label {
font-weight:bold;}

.quote {
font-weight:bold;}

.media {
position:relative;
display:inline-block;
width:100%;}

.playerbuttonbg {
position: absolute;
left: 15px;
top: 17px;
width: 30px;
height: 30px;
background-color: #000;
padding: 10px;
opacity: 0.4;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
transition: opacity .7s ease-in-out;
-moz-transition: opacity .7s ease-in-out;
-webkit-transition: opacity .7s ease-in-out;}

.playerbuttonbg:hover {
opacity: 1;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;}

.newplayerbutton {
position: relative;
width: 30px;
height: 30px;
overflow: hidden;}

.playerbuttonhug {
position: absolute;
top: -30px;
left: -10px;}

.tumblr_audio_player {
height: 90px;
width: 270px;}

.audioimgwrapper {
position: absolute;
overflow: hidden;
width: 80px;
height: 80px;}

.trackdetails {
padding:10px;
display:inline-block;
margin-left: 90px;
min-height: 75px;}

.audiowrapper {
position: relative;
display:inline-block;}

.asker {
text-align:center;
font-family: 'Megrim', cursive;
font-size:14px;
margin-bottom:10px;}

.asked {
text-align:center;
padding:8px;
color:{color:questiontext};
background:{color:questionbackground};
margin-bottom:5px;}

.ans {
margin-top:10px;
}

#s-m-t-tooltip {
max-width:300px;
border-radius: 0px;
padding:2px 4px 2px 4px;
margin:20px 10px 0px 0px;
color:{color:text};
border:1px solid {color:text};
font-size:10px;
letter-spacing:1px;
background:{color:postbackground};
font-family: 'Roboto', sans-serif;
z-index:99999;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

#credit {
z-index:8;
bottom:5px;
right:5px;
height:30px;
width:30px;
opacity:0.8;
position:fixed;
padding:5px;}

</style>

</head>
<body>

<div class="sidebar">

<div class="sidetitle">{title}</div>

<div class="nav">

<a href="/" title="index">I</a>


<a href="/ask" title="ask">II</a>
{block:iflink1}<a href="{text:link 1 url}" title="{text:link
1}">III</a>{/block:iflink1}
{block:iflink2}<a href="{text:link 2 url}" title="{text:link
2}">IV</a>{/block:iflink2}
{block:iflink3}<a href="{text:link 3 url}" title="{text:link
3}">V</a>{/block:iflink3}
{block:iflink4}<a href="{text:link 4 url}" title="{text:link
4}">VI</a>{/block:iflink4}
{block:iflink5}<a href="{text:link 5 url}" title="{text:link
5}">VII</a>{/block:iflink5}
{block:iflink6}<a href="{text:link 6 url}" title="{text:link
6}">VIII</a>{/block:iflink6}
{block:iflink7}<a href="{text:link 7 url}" title="{text:link
7}">IX</a>{/block:iflink7}
{block:iflink8}<a href="{text:link 8 url}" title="{text:link
8}">X</a>{/block:iflink8}
</div>

<div class="description">{description}</div>

<div class="pagination">
{block:Pagination}{block:PreviousPage}<a
href="{PreviousPage}">previous</a>{/block:PreviousPage}{/block:Pagination}<br>
{block:Pagination}{block:NextPage}<a
href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}
</div>
</div>
<div class="entries">
{block:Posts}

<div id="{ShortURL}-hide">
{block:Date}<div class="date">
<a href="{Permalink}" title="{DayOfWeek}">I</a>
<a href="{ReblogURL}" title="reblog">II</a>
<a href="{permalink}" title="{NoteCountWithLabel}">III</a>
{block:RebloggedFrom}
<a href="{ReblogParentURL}" title="via">IV</a>
<a href="{ReblogRootURL}" title="source">V</a>
{/block:RebloggedFrom}
{/block:Date}</div>

<div class="posts">

{block:Text}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<div
class="text">{Body}</div>{/block:Text}

{block:Quote}<div class="faicq"><i class="fa fa-quote-left


fa-pull-left"></i></div><div class="quote text">{Quote}</div>{block:Source}<div
class="source text">{Source}</div>{/block:Source}{/block:Quote}

{block:Answer}<div class="asker">{lang:Asker asked}:</div>

<div class="asked">{Question}</span></div>
<div class="ans">{Answer}</div>{/block:Answer}

{block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul
class="chat text">{block:Lines}<li class="line">{block:Label}<span
class="label">{Label}&nbsp;
</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}

{block:Link}<h1 class="title"><a
href="{URL}">{Name}</a></h1>{block:Description}<div
class="text">{Description}</div>{/block:Description}{/block:Link}

{block:AudioPlayer}
<div class="audiowrapper">
{block:AlbumArt}<div class="audioimgwrapper"><img
src="{AlbumArtURL}"></div>{/block:AlbumArt}
<div class="playerbuttonbg"><div class="newplayerbutton"><div
class="playerbuttonhug">{AudioPlayerBlack}
</div></div></div><div class="trackdetails">
{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}
{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
</div></div>{/block:AudioPlayer}

{block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-


500}">{LinkCloseTag}</div>{/block:Photo}

{block:Photoset}
<div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}"
data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div
class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}"
height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-
width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a
class="tumblr-box" rel="post-{PostID}"
href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
</div>{/block:Photoset}

{block:Video}<div class="media video">{Video-500}</div>{/block:Video}

{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}

{block:HasTags}<div class="tags">
{block:Tags}<a href="{TagURL}">{text:tag icon}&nbsp{Tag}</a> {/block:Tags}</div>
{/block:HasTags}
</div>

</div>

{block:PostNotes}{PostNotes}
{/block:PostNotes}
{/block:Posts}

<!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}
{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
</div>

<div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by


octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-
24.png"></a></div>

</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-
tooltips.js"></script>

<script>
(function($){
$(document).ready(function(){
$("a[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"
></script>
<link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet"
type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></
script>
<script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></
script>
<script src
="https://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
<script>
$(document).ready(function(){
$('.photo-slideshow').pxuPhotoset({
lightbox: true,
rounded: false,
gutter: '3px',
photoset: '.photo-slideshow',
photoWrap: '.photo-data',
photo: '.pxu-photo'
});
var $container = $('.content');
});
</script>

<script>
$( ".entries" ).wrap( "<div class='scroll'></div>" );
</script>
</body>
</html>

You might also like