swallowed in the sea tumblr theme
DESCRIPTION
tumblr themeTRANSCRIPT
<!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">
<!-- theme #02 "Swallowed in the Sea"
by alemsy
http://alemsy.tumblr.com/ -->
<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}
<!-- custom -->
<meta name="color:Background" content="#0F0F0F" />
<meta name="color:Bold" content="#237e77" />
<meta name="color:Italic" content="" />
<meta name="color:Entry Background" content="#080808">
<meta name="color:Entry Text" content="#ABABAB" />
<meta name="color:Links" content="#42a6a4" />
<meta name="color:Links hover" content="#a7cecb" />
<meta name="color:Entry Border" content="#141414">
<meta name="color:Permalink Background" content="#fff">
<meta name="color:Scrollbar Background" content="#141414" />
<meta name="color:Scrollbar" content="#000" />
<meta name="color:Sidebar Background" content="#0f0f0f" />
<meta name="color:Custom Links BG" content="#42a6a4" />
<meta name="color:Custom Links BG Hover" content="#106158" />
<meta name="color:Custom Links" content="#F2F2F2" />
<meta name="color:Custom Links Hover" content="#e9e9e9" />
<meta name="if:Bubbles" content="0" />
<meta name="if:Infinite Scrolling" content="0" />
<meta name="if:Gradient" content="1" />
<meta name="if:Monochrome" content="0" />
<meta name="if:Sidebar Transparent Background" content="0" />
<meta name="if:Show caption" content="0" />
<meta name="if:500px Entry" content="1" />
<meta name="if:400px Entry" content="0" />
<meta name="if:250px Entry" content="0" />
<meta name="if:White Icons" content="1" />
<meta name="if:Black Icons" content="0" />
<meta name="if:Gray Icons" content="0" />
<meta name="image:Sidebar" content="" />
<meta name="image:Background" content="http://static.tumblr.com/nbjaqjc/scFmf4qlq/pattern3.gif" />
<meta name="text:Entry Border Width" content="1px">
<meta name="text:Entry Border Type" content="Solid">
<meta name="text:Entry font" content="Cambria" />
<meta name="text:Entry font size" content="11px" />
<meta name="text:Link1 URL" content="/" />
<meta name="text:Link1 Title" content="Link 1" />
<meta name="text:Link2 URL" content="/" />
<meta name="text:Link2 Title" content="Link 2" />
<meta name="text:Link3 URL" content="/" />
<meta name="text:Link3 Title" content="Link 3" />
<meta name="text:Link4 URL" content="/" />
<meta name="text:Link4 Title" content="Link 4" />
<meta name="text:Link5 URL" content="/" />
<meta name="text:Link5 Title" content="Link 5" />
<meta name="text:Link6 URL" content="/" />
<meta name="text:Link6 Title" content="Link 6" />
<style type="text/css">
body {background-color:{color:Background}; background-image:url('{image:Background}'); background-attachment:fixed; font-family:{text:Entry font}; color:{color:Entry Text}; line-height:100%; font-size:{text:Entry font size};}
iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:9999;}
iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 0.9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
#contenedor {width:{block:IndexPage}{block:If500pxEntry}905px{/block:If500pxEntry} {block:If400pxEntry}805px{/block:If400pxEntry} {block:If250pxEntry}665px{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}905px{/block:PermalinkPage}; margin-top:10px; height:100%;}
::selection {background:#ccc; color:#fff;}
::-moz-selection {background:#ccc; color:#fff;}
::-webkit-selection {background:#ccc; color:#fff;}
b, bold, strong {color:{color:Bold}; font-weight:bold;}
i, italic, em {font-style:italic; color:{color:Italic};}
u {font-style:none; text-decoration:none; border-bottom:1px solid {color:Links};}
/* Scrollbars */
::-webkit-scrollbar{height:10px; width:7px; background-color:{color:Scrollbar Background};}
::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; height:auto;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:{color:Scrollbar};}
::-webkit-scrollbar-thumb:horizontal{background-color:{color:Scrollbar}; height:auto;}
::-webkit-scrollbar-thumb:horizontal:hover{background-color:{color:Scrollbar};}
/* Sidebar */
#sidebar {position:fixed; width:270px; height:auto; margin-top:85px; float:left; z-index:9999;}
.retrato {border:5px solid {color:Sidebar Background}; width:230px; height:auto; z-index:9999;}
#description {width:230px; text-align:left; {block:IfNotSidebarTransparentBackground}background-color:{color:Sidebar Background};{/block:IfNotSidebarTransparentBackground} margin-top:7px; padding:5px;}
#links {margin-top:7px;}
.cthrough {width:240px; padding:2px 0; background-color:{color:Sidebar Background}; display:block; cursor:help;}
.sub {padding-top:3px;}
.clink {width:78px; padding:2px 0 1px 0; background-color:{color:Custom Links BG}; color:{color:Custom Links}; display:inline-block; margin-top:3px; font-family:arial; text-transform:uppercase; font-size:8px; letter-spacing:1px;}
.clink:hover {background-color:{color:Custom Links BG Hover}; color:{color:Custom Links Hover};}
/* Navigation */
#navigation {position:absolute; text-align:left; margin-left:-4px; margin-top:10px; z-index:-999;}
#navigation a {text-transform:uppercase; font-family:arial; font-size:8px; overflow:hidden;}
.home {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; z-index:-3;}
.home:hover {margin-left:-37px;}
.ask {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.ask:hover {margin-left:-45px;}
.archive {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.archive:hover {margin-left:-35px;}
.random {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.random:hover {margin-left:-52px;}
.credits {-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.credits:hover {margin-left:-55px;}
/* Pagination */
#pagination {position:fixed; margin-top:-20px; width:270px; height:20px; font-size:8px; text-align:center;}
.jump_page {padding:1px 3px; border:1px solid #242424; background-color:#141414; color:#84c2ac; font-family:arial; font-size:8px; text-decoration:none;}
.current_page, .jump_page:hover {padding: 1px 3px; border:1px solid #3D8F84; background-color:#242424; color:#ffffff; font-family:arial; font-size:8px; text-decoration:none;}
/* Gradient */
#bajofondo {width:100%; height:150px; position:fixed; left:0; bottom:0; z-index:999;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
{block:IfNotGradient}display:none;{/block:IfNotGradient};}
/* Posts */
blockquote {border-left:2px solid {color:Blockquote Border}; padding-left:5px; margin:0px 2px 0px 10px;}
#posts {position:relative; width:{block:IndexPage}{block:If500pxEntry}730px{/block:If500pxEntry} {block:If400pxEntry}630px{/block:If400pxEntry} {block:If250pxEntry}520px{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}730px{/block:PermalinkPage}; margin-top:5px; float:right; margin-bottom:{block:IfGradient}40px{/block:IfGradient} {block:IfNotGradient}10px{/block:IfNotGradient};}
#stars {padding:10px; width:{block:IndexPage}{block:If500pxEntry}500px{/block:If500pxEntry} {block:If400pxEntry}400px{/block:If400pxEntry} {block:If250pxEntry}250px{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}500px{/block:PermalinkPage}; margin-bottom:20px; overflow:hidden; text-align:left; border:{text:Entry Border Width} {text:Entry Border Type} {color:Entry Border}; background-color:{color:Entry Background};}
#stars img {max-width: 500px; {block:IfMonochrome}-webkit-filter: grayscale(1);{/block:IfMonochrome} -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}
#stars img:hover {filter:none; -webkit-filter:grayscale(0); -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;}
.photo {
{block:IfMonochrome}-webkit-filter: grayscale(1);{/block:IfMonochrome}-webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}
.photo:hover {filter: none; -webkit-filter: grayscale(0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
.ptitulo {font-family: cambria; font-size: 11pt; text-transform:uppercase; padding:1px 0px 4px 3px; border-bottom:1px solid {color:Entry Border}; text-align:center;}
.ptitulo:first-letter {font-size:18pt; text-transform:lowercase; font-style:italic; font-weight:bold; color:{color:links};}
.plink {font-family:cambria; font-size:10pt; font-style:none; text-transform:uppercase; padding-left:5px; line-height:10px; text-align:center;}
/* Links */
a {text-decoration:none; font-style:none; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; color:{color:links};}
a:hover {color:{color:links hover}; text-shadow:0px 0px 1px {color:Links};}
/* Permalink */
#permalink {position:absolute; width:{block:If500pxEntry}500px{/block:If500pxEntry} {block:If400pxEntry}400px{/block:If400pxEntry} {block:If250pxEntry}250px{/block:If250pxEntry}; height:5px; background-color:{color:Permalink Background}; text-align:center; margin-top:-10px; opacity:0; filter:alpha(opacity=0); -moz-opacity: 0; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease; z-index:999;}
#permalink a:hover {text-shadow:0 0 0;}
#info {padding:2px 0 2px 5px; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:1px;}
#stars:hover #permalink {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; height:15px; margin-top:0px;}
#tagged {position:absolute; margin-left:{block:If500pxEntry}520px{/block:If500pxEntry} {block:If400pxEntry}420px{/block:If400pxEntry} {block:If250pxEntry}270px{/block:If250pxEntry}; margin-top:-5px; opacity:0; filter:alpha(opacity=0); -moz-opacity: 0; -webkit-transition:all 0.6s ease; -moz-transition:all 0.6s ease; -o-transition:all 0.6s ease;}
#stars:hover #tagged {opacity:1; filter:alpha(opacity=100); -moz-opacity:1; margin-top:-5px;}
.tags {font-family:arial; font-size:8px; text-transform:uppercase;}
/* Asks */
.asker {font-family:cambria; font-style:italic;}
.asker:hover {text-shadow:0 0 0;}
#aportrait img {float:left; border: 5px solid {color:Sidebar Background}; position:absolute;}
#pregunta {margin-left:80px; text-align:left; background-color:{color:Sidebar Background}; padding:5px 5px 5px 3px; border-left:5px solid {color:Links}; font-family:georgia; font-size:10px; min-height:64px;}
#answer {margin-bottom:-5px;}
/* Chat */
.user_1 .label, .user_5 .label, .user_9 .label, .user_13 .label {color:{color:links}; font-weight:bold; text-transform: uppercase; font-family:cambria; font-size:10px;}
.user_2 .label, .user_6 .label, .user_10 .label, .user_14 .label {color:#C5C5C5; font-weight:bold; text-transform: uppercase; font-family:cambria; font-size:10px;}
.user_3 .label, .user_7 .label, .user_11 .label, .user_15 .label {color:#3D8F84; font-weight:bold; text-transform: uppercase; font-family:cambria; font-size:10px;}
.user_4 .label, .user_8 .label, .user_12 .label, .user_16 .label {color:#B5B5B5; font-weight:bold; text-transform: uppercase; font-family:cambria; font-size:10px;}
ul.chat, .chat ol, .chat li {font-family:arial; font-size:11px; line-height:12px; list-style:none; margin:0px; padding:0px; }
/* Quote */
#comilla {opacity:.3; position:relative; font-weight:light; float:left; font-size:45pt; color:{color:Links}; margin-top:13px;}
#comilla2 {opacity:.3; position:relative; font-weight:light; float:right; font-size:45pt; color:{color:Links}; margin-top:13px;}
.source {text-align: right; margin-top: 4px; padding-top: 3px; font-family: cambria; font-weight: bold; font-size: 10px; width:{block:IndexPage}{block:If500pxEntry}440px{/block:If500pxEntry} {block:If400pxEntry}340px{/block:If400pxEntry} {block:If250pxEntry}190px{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}440px{/block:PermalinkPage};}
/* Audio */
#audiostats {display:block; height:auto; position:relative; min-height:80px;}
.audioentry {width:{block:If500pxEntry}490px{/block:If500pxEntry} {block:If400pxEntry}390px{/block:If400pxEntry} {block:If250pxEntry}240px{/block:If250pxEntry} {block:PermalinkPage}490px{/block:PermalinkPage}; background-color:{color:Posts Background}; position:relative; padding:5px; {block:IndexPage}overflow:hidden;{/block:IndexPage}; min-height:80px;}
.audio {top:32px; left:32px; position:absolute; z-index:990; background: white; opacity:.7; filter:alpha(opacity=70); -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -o-transition:all 0.9s ease;}
.audio:hover {opacity:.9; filter:alpha(opacity=90);}
.audioplayer {width:15px; height:25px; overflow:hidden; padding:0px 10px 0px 0px;}
.musinfo {border-bottom:1px solid {color:Entry Border}; padding-bottom:3px; margin-top:-8px;}
/* Post Notes */
.notes img {display:none;}
ol.notes, .notes li {width:490px; text-align:left; line-height:12px; margin:0px 0 -2px 5px; padding:1px 0 2px 0; font-family:cambria; font-size:11px; text-transform:lowercase; color:#8c8c8c; font-style:italic; border-bottom:{text:Entry Border Width} {text:Entry Border Type} {color:Entry Border};}
/* Post Info (permalinkpage) */
#perma {background-color:#080808; border:{text:Entry Border Width} {text:Entry Border Type} {color:Entry Border}; width:500px ; height:auto; padding:10px; font-family:cambria; font-size:11px; color:#8c8c8c; text-align:left; margin-top:-10px;}
/* Back to Top */
#totop {top:45px; right:15px; position:fixed;}
#totop a {color:{color:Links}; font-family:arial; font-size:35px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out;}
#totop a:hover {color:{color:Links};}
</style>
{block:IfInfiniteScrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScrolling}
<!-- BACK TO TOP --->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
// hide #totop first
$("#totop").hide();
// fade in #totop
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#totop').fadeIn();
} else {
$('#totop').fadeOut();
}
});
// scroll body to 0px on click
$('#totop a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
{block:IfBubbles}
<script type="text/javascript">
// <![CDATA[
var colours=new Array("#68afa7", "#ccc", "#ccc", "#68afa7", "#9cc7bd"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=66; // maximum number of bubbles on screen
/****************************
* JavaScript Bubble Cursor *
*(c)2010-12 mf2fm web-design*
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();
var sploosh=false;
function addLoadEvent(funky) {
var oldonload=window.onload;
if (typeof(oldonload)!='function') window.onload=funky;
else window.onload=function() {
if (oldonload) oldonload();
funky();
}
}
addLoadEvent(buble);
function buble() { if (document.getElementById) {
var i, rats, div;
for (i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];
div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
if (navigator.appName=="Microsoft Internet Explorer") div.filter="alpha(opacity=50)";
else div.opacity=0.5;
document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}
function bubble() {
var c;
if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}
document.onmousedown=splash;
document.onmouseup=function(){clearTimeout(sploosh);};
function splash() {
ox=-1;
oy=-1;
sploosh=setTimeout('splash()', 100);
}
function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>sleft && bubbx[i]<sleft+swide+bubbs[i]) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}
document.onmousemove=mouse;
function mouse(e) {
if (e) {
y=e.pageY;
x=e.pageX;
}
else {
set_scroll();
y=event.y+sdown;
x=event.x+sleft;
}
}
window.onresize=set_width;
function set_width() {
var sw_min=999999;
var sh_min=999999;
if (document.documentElement && document.documentElement.clientWidth) {
if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
}
if (typeof(self.innerWidth)=='number' && self.innerWidth) {
if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
}
if (document.body.clientWidth) {
if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
}
if (sw_min==999999 || sh_min==999999) {
sw_min=800;
sh_min=600;
}
swide=sw_min;
shigh=sh_min;
}
window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=='number') {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
div.style.backgroundColor="transparent";
return (div);
}
// ]]>
</script>
{/block:IfBubbles}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
<div id="totop"> <a href="#top">▲</a> </div>
<center><div id="contenedor">
<div id="bajofondo"> </div>
<div id="sidebar">
{block:IfNotInfiniteScrolling}
<div id="pagination">
{block:Pagination}
{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
{block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage}
{/block:Pagination}
</div>
{/block:IfNotInfiniteScrolling}
<div id="navigation">
<a href="/"><div class="home"><img src="{block:IfWhiteIcons}http://static.tumblr.com/nbjaqjc/lBcmf5ciy/home.png{/block:IfWhiteIcons}{block:IfBlackIcons}http://static.tumblr.com/4bz6gt4/JYamfcy1m/home.png{/block:IfBlackIcons}{block:IfGrayIcons}http://static.tumblr.com/4bz6gt4/qqcmfcy5v/home.png{/block:IfGrayIcons}" align=ABSMIDDLE style="margin-bottom:3px; padding-right:4px;"> home</div></a>
<a href="/ask"><div class="ask"><img src="{block:IfWhiteIcons}http://static.tumblr.com/nbjaqjc/c4kmf5cmv/mail.png{/block:IfWhiteIcons}{block:IfBlackIcons}http://static.tumblr.com/4bz6gt4/bLSmfcy20/mail.png{/block:IfBlackIcons}{block:IfGrayIcons}http://static.tumblr.com/4bz6gt4/t1Pmfcy66/mail.png{/block:IfGrayIcons}" align=ABSMIDDLE style="margin-bottom:3px; padding-right:4px;"> askbox</div></a>
<a href="/archive"><div class="archive"><img src="{block:IfWhiteIcons}http://static.tumblr.com/nbjaqjc/VEWmf5cnw/folder.png{/block:IfWhiteIcons}{block:IfBlackIcons}http://static.tumblr.com/4bz6gt4/RNLmfcy2l/folder.png{/block:IfBlackIcons}{block:IfGrayIcons}http://static.tumblr.com/4bz6gt4/VZpmfcy72/folder.png{/block:IfGrayIcons}" align=ABSMIDDLE style="margin-bottom:3px; padding-right:5px;"> past</div></a>
<a href="/random"><div class="random"><img src="{block:IfWhiteIcons}http://static.tumblr.com/nbjaqjc/9lEmf5coj/add.png{/block:IfWhiteIcons}{block:IfBlackIcons}http://static.tumblr.com/4bz6gt4/0IUmfcy11/add.png{/block:IfBlackIcons}{block:IfGrayIcons}http://static.tumblr.com/4bz6gt4/zA6mfcy6i/add.png{/block:IfGrayIcons}" align=ABSMIDDLE style="margin-bottom:3px; padding-right:3px;"> random</div></a>
<a href="http://alemsy.tumblr.com"><div class="credits"><img src="{block:IfWhiteIcons}http://static.tumblr.com/nbjaqjc/mQYmf5cqj/html.png{/block:IfWhiteIcons}{block:IfBlackIcons}http://static.tumblr.com/4bz6gt4/JJomfcy2v/html.png{/block:IfBlackIcons}{block:IfGrayIcons}http://static.tumblr.com/4bz6gt4/7h2mfcy7g/html.png{/block:IfGrayIcons}" align=ABSMIDDLE style="margin-bottom:3px; padding-right:3px;"> (c) theme</div></a>
</div>
<div class="retrato"> <a href="/"><img src="{image:sidebar}" width="230" height="auto"></a> </div>
<div id="description">{Description}</div>
<div id="links">
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".sub").hide();
//toggle the componenet with class msg_body
jQuery(".cthrough").click(function()
{
jQuery(this).next(".sub").slideToggle(500);
});});
</script>
<a class="cthrough">LINKS</a>
<div class="sub">
{block:IfLink1Title}<a class="clink" href="{block:IfLink1URL}{text:Link1 URL}{/block:IfLink1URL}">{text:Link1 Title}{/block:IfLink1Title}</a>
{block:IfLink2Title}<a class="clink" href="{block:IfLink2URL}{text:Link2 URL}{/block:IfLink2URL}">{text:Link2 Title}{/block:IfLink2Title}</a>
{block:IfLink3Title}<a class="clink" href="{block:IfLink3URL}{text:Link3 URL}{/block:IfLink3URL}">{text:Link3 Title}{/block:IfLink3Title}</a>
{block:IfLink4Title}<a class="clink" href="{block:IfLink4URL}{text:Link4 URL}{/block:IfLink4URL}">{text:Link4 Title}{/block:IfLink4Title}</a>
{block:IfLink5Title}<a class="clink" href="{block:IfLink5URL}{text:Link5 URL}{/block:IfLink5URL}">{text:Link5 Title}{/block:IfLink5Title}</a>
{block:IfLink6Title}<a class="clink" href="{block:IfLink6URL}{text:Link6 URL}{/block:IfLink6URL}">{text:Link6 Title}{/block:IfLink6Title}</a>
</div>
</div>
</div>
<div id="posts">
{Block:Posts}
{block:ContentSource}
<!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
{/block:SourceLogo}
{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
<div id="stars">
{block:indexpage}
<div id="permalink">
<div id="info">
<a href="{permalink}">{block:NoteCount}{block:NoteCount}{/block:NoteCount}{NoteCountWithLabel}</a> | {block:Date} {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year} | {/block:Date} <a href="{ReblogURL}" target="_blank">reblog</a>
</div>
</div>
{block:HasTags}<div id="tagged"><i>tagged as:</i><br/>
<div class="tags">{block:Tags}# <a href="{TagURL}">{Tag}</a><br/>{/block:Tags}</div>
</div>{/block:HasTags}
{/block:indexpage}
{block:Text}{block:Title}<div class="ptitulo">{Title}</div>{/block:Title}{Body}
{/block:Text}
{block:Photo}<center>{LinkOpenTag}{block:IndexPage}{block:If500pxEntry}<img src="{PhotoURL-500}">{/block:If500pxEntry} {block:If400pxEntry}<img src="{PhotoURL-400}">{/block:If400pxEntry} {block:If250pxEntry}<img src="{PhotoURL-250}">{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}<img src="{PhotoURL-500}">{/block:PermalinkPage}{LinkCloseTag}</center>
{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
{/block:Photo}
{block:Photoset}<div class="photo">{block:IndexPage}{block:If500pxEntry}{Photoset-500}{/block:If500pxEntry} {block:If400pxEntry}{Photoset-400}{/block:If400pxEntry} {block:If250pxEntry}{Photoset-250}{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
{/block:Photoset}
{block:Quote}<div id="comilla">❝</div> <div id="comilla2">❞</div>
<span style="font-size:14px; font-family:cambria;"><center><i>{Quote}</i></center></span>
{block:Source}<center><div class="source">—{Source}</div></center>{/block:Source}
{/block:Quote}
{block:Link}<a href="{URL}" {Target}><div class="plink">{Name}</div></a>
{block:Description}{Description}{/block:Description}
{/block:Link}
{block:Chat}{block:Title}<div class="ptitulo">{Title}</div>{/block:Title}
<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
{/block:Chat}
{block:Audio}<div id="audiostats"><div class="audioentry"><img src="http://static.tumblr.com/2lqtwbf/coolyqooj/untitled-1.png" alt="default album art" width="80" height="80" style="position:absolute; vertical-align:middle;" />
{block:AlbumArt}<img width="80" height="80" src="{AlbumArtURL}" style="position:absolute;" />{/block:AlbumArt}
<div class="audio"><div class="audioplayer">{AudioPlayerWhite}</div></div>
<div style="margin-left:90px; line-height:12px; margin-top:8px;">{block:TrackName}<div class="musinfo"><b>Song:</b> {TrackName}</div> <br />{/block:TrackName}
{block:Artist}<div class="musinfo"><b>Artist:</b> {Artist}</div> <br />{/block:Artist}
{block:Album}<div class="musinfo"><b>Album:</b> {Album}</div> <br />{/block:Album}
<div class="musinfo"><b>Plays:</b> {FormattedPlayCount}</div>
{block:Caption}{Caption}{/block:Caption}</div>
</div></div>
{/block:Audio}
{block:Video}{block:IndexPage}{block:If500pxEntry}{Video-500}{/block:If500pxEntry} {block:If400pxEntry}{Video-400}{/block:If400pxEntry} {block:If250pxEntry}{Video-250}{/block:If250pxEntry}{/block:IndexPage} {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption}
{block:ifNotShowCaption}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:ifNotShowCaption}
{/block:Video}
{block:Answer}<div id="aportrait"><img src="{AskerPortraitURL-64}"></div>
<div id="pregunta"><div class="asker"><a><b>{Asker}</b></a> asked</div>
{Question}</div>
<div id="answer">{Answer}</div>{/block:Answer}
</div>
{block:PermalinkPage}
<div id="perma">
{block:NoteCount}<img src="http://static.tumblr.com/4bz6gt4/Iu1mbcta6/heart-gray.png"> {NoteCountWithLabel}<br/>{/block:NoteCount}
{block:Date}<img src="http://static.tumblr.com/4bz6gt4/fhJmdpc41/sin_t__tulo-1.gif"> <span style="text-transform:uppercase; font-family:cambria; font-size:10px; font-weight:bold;"> {DayOfWeek}, {Month} {DayOfMonthWithZero}{DayOfMonthSuffix}, {Year} at {12HourWithZero}:{Minutes}{CapitalAmPm}</span><br/>{/block:Date}
{block:RebloggedFrom} <img src="http://static.tumblr.com/4bz6gt4/cNDmdpqqz/sin_t__tulo-2.gif"> rebbloged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}" target="_blank">{ReblogParentName}</a> - originally</a> <a href="{ReblogRootURL}" title="{ReblogRootTitle}" target="_blank">{ReblogRootName}</a></br>{/block:RebloggedFrom}
{block:HasTags}<img src="http://static.tumblr.com/4bz6gt4/TbCmdpr5j/tags-gray.png"> {block:Tags} <a href="{TagURL}">{Tag} </a>|{/block:Tags}{/block:HasTags}
</div>
{/block:PermalinkPage}
{/block:Posts}
{block:PostNotes}{PostNotes}<br>{/block:PostNotes}
{block:IfInfiniteScrolling}</div> {/block:IfInfiniteScrolling}
</div> <!-- contenedor --> </center>
</body>
</html>