swallowed in the sea tumblr theme

35
<!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" />

Upload: camille-little-nguyen

Post on 27-Oct-2015

18 views

Category:

Documents


2 download

DESCRIPTION

tumblr theme

TRANSCRIPT

Page 1: Swallowed in the Sea Tumblr Theme

<!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">

Page 2: Swallowed in the Sea Tumblr Theme

<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" />

Page 3: Swallowed in the Sea Tumblr Theme

<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};}

Page 4: Swallowed in the Sea Tumblr Theme

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};}

Page 5: Swallowed in the Sea Tumblr Theme

/* 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;}

Page 6: Swallowed in the Sea Tumblr Theme

.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;}

Page 7: Swallowed in the Sea Tumblr Theme

/* 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};}

Page 8: Swallowed in the Sea Tumblr Theme

#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;}

Page 9: Swallowed in the Sea Tumblr Theme

/* 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;}

Page 10: Swallowed in the Sea Tumblr Theme

/* 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;}

Page 11: Swallowed in the Sea Tumblr Theme

.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;}

Page 12: Swallowed in the Sea Tumblr Theme

.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;}

Page 13: Swallowed in the Sea Tumblr Theme

#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) {

Page 14: Swallowed in the Sea Tumblr Theme

$('#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

/****************************

Page 15: Swallowed in the Sea Tumblr Theme

* 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();

}

}

Page 16: Swallowed in the Sea Tumblr Theme

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"

Page 17: Swallowed in the Sea Tumblr Theme

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;

Page 18: Swallowed in the Sea Tumblr Theme

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) {

Page 19: Swallowed in the Sea Tumblr Theme

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;

}

Page 20: Swallowed in the Sea Tumblr Theme

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) {

Page 21: Swallowed in the Sea Tumblr Theme

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;

}

Page 22: Swallowed in the Sea Tumblr Theme

}

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">

Page 23: Swallowed in the Sea Tumblr Theme

<div id="bajofondo"> </div>

<div id="sidebar">

{block:IfNotInfiniteScrolling}

<div id="pagination">

{block:Pagination}

{block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</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">&raquo;</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>

Page 24: Swallowed in the Sea Tumblr Theme

<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>

Page 25: Swallowed in the Sea Tumblr Theme

<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}

Page 26: Swallowed in the Sea Tumblr Theme

<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}

Page 27: Swallowed in the Sea Tumblr Theme

{/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}&nbsp;{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;" />

Page 28: Swallowed in the Sea Tumblr Theme

{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}

Page 29: Swallowed in the Sea Tumblr Theme

</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}&nbsp;</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>