0% found this document useful (0 votes)
44 views

HTML

The document is the HTML and CSS code for a blog template. It includes CSS styles for formatting different page elements like the header, navigation menu, posts, and background. The HTML contains the basic structure of the blog with a header, content area, and footer. Fonts and images are also linked to for styling various elements.
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
44 views

HTML

The document is the HTML and CSS code for a blog template. It includes CSS styles for formatting different page elements like the header, navigation menu, posts, and background. The HTML contains the basic structure of the blog with a header, content area, and footer. Fonts and images are also linked to for styling various elements.
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 69

<html>

<head>

<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>

<link rel="shortcut icon" href="{Favicon}">

<link rel="alternate" type="application/rss+xml" href="{RSS}">

<script type="text/javascript" src="http://static.tumblr.com/srkzstu/x3dl77ejh/jquery-


1.3.2.min.js"></script>

{block:Description}

<meta name="description" content="{MetaDescription}" />

{/block:Description}

<meta name="font:Title" content="Impact"/>

<meta name="color:Post body" content="#555"/>

<meta name="color:Post links" content="#000"/>

<meta name="color:Post links hover" content="#700"/>

<meta name="color:Background" content="#fff"/>

<meta name="text:Header Text" content="Melani Sub Rosa"/>

<!--<meta name="text:Disqus Shortname" content=""/>-->

<meta name="if:Show Pages Menu" content="1"/>

<meta name="if:Show People I Follow" content="1"/>

<meta name="if:Show Stuff I Like" content="1"/>

<meta name="if:Show My Latest Tweet" content="0"/>

<meta name="if:Fix Background Image" content="0"/>


<meta name="if:Repeat Background Image" content="1"/>

<meta name="image:Background"
content="http://static.tumblr.com/srkzstu/hyKl7jbm4/color.jpg"/>

<style type="text/css">

@font-face {

font-family:Cantarell;

src: url('http://static.tumblr.com/srkzstu/eGrl8xsmf/cantarell-regular.ttf');

@font-face {

font-family:Yanone Kaffeesatz;

src: url('http://static.tumblr.com/srkzstu/N6hl8xsqf/yanonekaffeesatz-regular.ttf');

@font-face {

font-family:LearningCurve;

src: url('http://static.tumblr.com/srkzstu/zTDl8xsv5/learningcurve.ttf');

@font-face {

font-family:delicious;

src: url('http://static.tumblr.com/srkzstu/56hl7b3wt/delicious-smallcaps.otf');
}

@font-face {

font-family:traveling;

src: url('http://static.tumblr.com/srkzstu/TQhl7ecva/travelingtypewriter.otf');

@font-face {

font-family:loveletter;

src: url('http://static.tumblr.com/srkzstu/PJYl7fl1p/loveletter.ttf');

body {

background-color:{color:Background};

font-family:Cantarell,helvetica;

font-size:12pt;

text-align:center;

margin:0;

background-image:url({image:Background});

background-repeat:no-repeat;

background-position:top center;
{block:IfRepeatBackgroundImage}

background-repeat:repeat;

{/block:IfRepeatBackgroundImage}

{block:IfFixBackgroundImage}

background-attachment:fixed;

{/block:IfFixBackgroundImage}

a{

color:#555;

text-decoration:none;

a:hover {

color:#500;

#pagina {

padding: 40px 0 0 0;

background-image:url('http://static.tumblr.com/srkzstu/HIrl7jcjr/prueba.png');

background-repeat:no-repeat;

background-position:center -35px;

}
#contenedor {

width:500px;

/width:530px;

background-color:#eee;

text-align:left;

border-style:solid;

border-width:2px;

border-color:#c8ab65;

margin: 40px auto 50px auto;

-webkit-border-radius:4px;

-moz-border-radius:4px;

border-radius:4px;

-webkit-box-shadow: 0 0 5px #888;

-moz-box-shadow: 0 0 5px #888;

box-shadow: 0 0 5px #888;

padding:15px;

background-image:url('http://static.tumblr.com/srkzstu/Ybml7dph6/f2.jpg');

background-position:top center;

#interior {

border-style:solid;

border-color:#aaa;

border-width:1px;

-webkit-border-radius:4px;
-moz-border-radius:4px;

border-radius:4px;

background-color:#fff;

-webkit-box-shadow: 0 0 10px #888;

-moz-box-shadow: 0 0 10px #888;

box-shadow: 0 0 10px #888;

#header {

background-color:#efefef;

#header p {

padding:0;

margin:0;

#header .rss {

display:block;

float:right;

height:61px;

width:80px;

background-image:url('http://static.tumblr.com/srkzstu/fXJl7gvme/rss.png');

background-repeat:no-repeat;

background-position:top right;
margin-top:-4px;

margin-right:-4px;

position:absolute;

margin-left:423px;

/margin-left:418px;

z-index:4;

cursor:pointer;

#header .rss:hover {

background-position:-61px right;

#header .titulo{

font-size:40pt;

background-image:url('http://static.tumblr.com/srkzstu/Srul7emn5/fondotitulo.png');

background-repeat:no-repeat;

background-position:top center;

font-family:{font:Title},'Yanone Kaffeesatz', topsecret,loveletter,delicious,impact;

text-transform:uppercase;

color:#555;

text-shadow:1px 1px 2px #bbb;

text-align:center;

background-color:#e3e3e3;

padding:20px 5px;
}

#header .titulo a {

color:#555;

#header .titulo a:hover {

text-shadow:1px 1px 2px #ccc;

#header .titulo .menu {

font-size:18px;

#header .titulo .menu span{

padding:2px 5px;

#header #description .menu span {

padding:2px 4px;

margin: 15px 6px 5px 0px;

background-color:#aaa;

color:#fff;

-webkit-border-radius:4px;

-moz-border-radius:4px;
border-radius:4px;

text-shadow:none;

text-transform:uppercase;

font-size:10px;

cursor:pointer;

#header .menu a{

color:#fff;

#header .titulo .menu a:hover{

text-shadow:1px 1px 2px #888;

#header #description .menu span:hover {

background-color:#222;

#header #description .menu {

padding: 5px 0 0 0;

#header #description {

padding:25px 20px 10px 70px;


/padding:25px 20px 10px 70px;

/margin:0 0 0 0px;

line-height:150%;

color:#555;

text-shadow: 1px 1px 2px #fafafa;

background-image:url('http://static.tumblr.com/srkzstu/XbSl7b70g/piticligray.png');

background-repeat:repeat-x;

background-position:top center;

font-size:10pt;

font-family:Cantarell,helvetica;

#header #portrait {

position:absolute;

width:64px;

height:64px;

margin: 0 0 0 -90px;

/margin: 0 0 0 -46px;

background-image:url('{PortraitURL-64}');

-webkit-transform: rotate(-5deg);

-moz-transform: rotate(-5deg);

}
#header #portrait span {

position:absolute;

width:75px;

height:80px;

background-image:url('http://static.tumblr.com/srkzstu/56Pl7bbk0/portrait2.png');

background-repeat:no-repeat;

background-position:top left;

display:block;

z-index:99999;

margin-left:-3px;

margin-top:-10px;

#header #portrait span img {

z-index:-1 !important;

padding:4px;

background-color:#fff;

-webkit-transform: rotate(-5deg);

-moz-transform: rotate(-5deg);

border-style:solid;

border-width:1px;

border-color:#eee #ccc #ccc #eee;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;
}

/* ~~~~~~~~~~ Likes ~~~~~~~~~~~~~~ */

.gustos{

text-align:right;

cursor:default;

color:#555;

font-size:12px;

.gustos a {

color:#555;

.gustos .like_audio {

filter:alpha(opacity=50);

-moz-opacity:0.5;

-khtml-opacity: 0.5;

opacity: 0.5;

.gustos:hover {

}
ul#likes{

list-style-type:none;

margin:0 0 0 0;

padding:0 0px 0 0px}

li.like_post{

width:200px;

float:left;

margin:5px 0;

padding:5px 10px;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

/*background-color:#fff;

border-style:solid;

border-width:1px;

border-color:#ddd;

border-radius:3px; */

-webkit-border-radius:3px;

-moz-border-radius:3px}

li .post_info_top{

display:block !important;
/display:block !important;

/width:200px;

background-image:url('http://static.tumblr.com/srkzstu/4OXl7834g/ribbon3.png');

background-position:right top;

background-repeat:no-repeat;

color:#888;

text-shadow:1px 1px 1px #ccc;

padding-left:10px;

padding-right:10px;

margin-bottom:5px;

padding-top:0;

font-size:12px;

padding-bottom:4px}

li .post_info_top a{

color:#888;

text-shadow:1px 1px 1px #ccc;

text-decoration:none}

li .post_info_top a:hover{

color:#000}

li .post_info_bottom{

display:none !important;

visibility:hidden;
height:0px;

font-size:10px;

color:#888;

text-shadow:1px 1px 1px #000;

padding:0 5px;

text-align:center;

color:#ccc;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

background-image:url('http://static.tumblr.com/srkzstu/oi1l73viw/cuero.jpg');

background-color:#fff;

border-style:solid;

border-width:1px;

border-color:#ddd}

li.like_post img{

width:97%;

padding:2px;

background-color:#fff;

border-style:solid;

border-width:1px;

border-color:#bbb;

border-radius:3px;

-webkit-border-radius:3px;
-moz-border-radius:3px}

li.like_video_post{

padding:5px;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px}

li.like_post blockquote{

margin:0;

padding:0 0 0 10px;

border-left:1px solid #eee}

li.like_post ol,

li.like_post ul{

margin:0 0 0 15px;

padding:0}

li.like_post .like_link a{

li.like_post .like_title{

li.like_post .post_info_bottom{
margin:10px 0 0 0;

display:block !important}

/* ~~~~~~~~~~ Search ~~~~~~~~~~~~ */

.busqueda {

padding:3px 0;

margin: auto;

width:180px;

.busqueda .textbox {

border-style:solid;

border-color:#ddd;

border-width:1px;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

font-family:Neuton;

padding:2px 5px 2px 25px;

width:180px;

color:#888;

background-image:url('http://static.tumblr.com/srkzstu/c6tl75kvh/ico_lupa.png');

background-position: left center;

background-repeat:no-repeat;
}

ol {

margin:0;

padding:0;

#contenedor li{

list-style:none}

.content-following {

position:absolute;

background-color:#f8f8f8;

width:444px;

/width:495px;

padding:20px 27px 0px 27px;

display:none;

background-image:url('http://static.tumblr.com/srkzstu/Srul7emn5/fondotitulo.png');

background-repeat:no-repeat;

background-position:top center;

z-index:3;

-webkit-box-shadow: 0 0 5px #888;

-moz-box-shadow: 0 0 5px #888;


box-shadow: 0 0 5px #888;

text-align:center;

.content-following .close {

text-transform:uppercase;

text-align:center;

padding: 50px 0 0 0;

.content-following .close span {

background-color:#888;

color:#fff;

padding:3px 10px;

-webkit-border-radius:10px 10px 0px 0;

-moz-border-radius:10px 10px 0px 0px;

border-radius:10px 10px 0px 0px;

cursor:pointer;

.content-following .close span:hover {

background-color:#000;

.content-following .titulo {
font-size:40pt;

font-family:impact,'Yanone Kaffeesatz', topsecret,loveletter,delicious,impact;

text-transform:uppercase;

color:#fff;

text-shadow:1px 1px 2px #bbb;

text-align:center;

padding:20px 5px;

.content-following img {

padding:2px;

background-color:#fff;

border-style:solid;

border-color:#ddd #ccc #ccc #ddd;

border-width:1px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

width:64px;

#cuerpo {

background-image:url('http://static.tumblr.com/srkzstu/2abl7b8pn/fondo-presentacion.png');
background-repeat:no-repeat;

background-position:top center;

#cuerpo .piticli {

height:25px;

background-image:url('http://static.tumblr.com/srkzstu/oNXl7b7h8/piticli.png');

background-repeat:repeat-x;

background-position:top center;

li.post {

padding:20px 20px 0 20px;

border-style:dashed;

border-color:#eee;

border-width: 0 0 2px 0;

font-family:Cantarell,helvetica;

font-size:14px;

color:{color:Post body};

line-height:150%;

li.post a {

color:{color:Post links};
}

li.post a:hover {

color:{color:Post links hover};

li.text a {

border-style:dashed;

border-color:#800;

border-width: 0 0 1px 0;

.post-footer {

font-size:10pt;

color:#555;

text-align:right;

padding:10px 0;

.post-footer .minicuadro {

background-color:#fff;

font-size:10px;

text-transform:uppercase;

border-style:solid;
border-width:1px;

border-color:#ddd;

-webkit-border-radius:3px;

-moz-border-radius:3px;

padding: 2px 0;

/padding:0;

border-radius:3px;

font-family:helvetica;

background-repeat:repeat-x;

background-position:bottom left;

text-shadow:1px 1px 2px #fff;

color:#888;

background-image:url('http://static.tumblr.com/srkzstu/lI2l7erfr/btn.jpg');

.post-footer .notas {

.post-footer .minicuadro em {

padding:4px 5px 4px 20px;

/padding: 2px 5px 2px 20px;

min-height:16px;

min-width:16px;

font-style:normal;
background-repeat:no-repeat;

background-position:2px center;

.post-footer .notas{cursor:pointer;}

.post-footer .notas em {

/*background-image:url('http://static.tumblr.com/srkzstu/3Okl7erx8/heart.png');*/

background-image:url('http://static.tumblr.com/srkzstu/W7ol7ewzo/heart.png');}

.post-footer .notas em:hover {

background-image:url('http://static.tumblr.com/srkzstu/tAAl7es48/heart.png');}

.post-footer .fecha em {

background-image:url('http://static.tumblr.com/srkzstu/82Wl7ewy6/calday.png');}

/*.post-footer .fecha em:hover {

background-image:url('http://static.tumblr.com/srkzstu/tAAl7es48/heart.png');}*/

.post-footer .link em {

/*background-image:url('http://static.tumblr.com/srkzstu/3Okl7erx8/heart.png');*/

background-image:url('http://static.tumblr.com/srkzstu/Y48l7fc07/forward.png');}

.post-footer .link em:hover {


background-image:url('http://static.tumblr.com/srkzstu/37gl7iln4/forward.png');}

.post-footer .comentarios em {

background-image:url('http://static.tumblr.com/srkzstu/clkl7ikfs/comment.png');}

.post-footer .comentarios em:hover {

background-image:url('http://static.tumblr.com/srkzstu/RDsl7ikhl/comment.png');}

li .ribon {

background-image:url('http://static.tumblr.com/srkzstu/rpal7bubp/ribon.png');

background-repeat:no-repeat;

background-position:top left;

height:60px;

width:60px;

position:absolute;

margin-left:-68px;

/margin-left:-34px;

z-index:2;

li .ribon span{

display:block;
width:70px;

height:40px;

background-repeat:no-repeat;

background-position:center center;

li.quote .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/lJel7ojbj/right_quote_24x24.png');

li.text .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/euGl7ojp6/book_alt_24x24.png');

li.link .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/Q2zl7ojh3/link_24x24.png');

li.audio .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/nIFl7ojnu/heaphones_24x21.png');

li.photo .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/NQel7ojfh/image_24x24.png');

}
li.photoset .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/devl7ojsl/new_window_24x24.png');

li.video .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/xgfl7ojrr/play_18x24.png');

li.chat .ribon span {

background-image:url('http://static.tumblr.com/srkzstu/P9Zl7ojk1/chat_24x24.png');

/* ~~~~~~~~~~~~ Video Posts ~~~~~~~~~~~~~~~~ */

#contenedor li.video object{

margin:auto;

width:100% !important}

#contenedor li.video .cajita {

text-align:center;

padding:10px;

background-color:#f5f5f5;

-webkit-border-radius:3px;

-moz-border-radius:3px;
border-radius:3px;

#contenedor li.video .caption {

li.answer .pregunta{

border-style:solid;

border-color:#ddd;

border-width:1px 1px 0 2px;

padding:10px 10px 20px 10px;

margin:0 3px;

/*background-color:#f5f5f5;*/

color:#555;

background-image:url('http://static.tumblr.com/srkzstu/U2ll7kc75/asnwer.png');

background-position:left bottom;

background-repeat:no-repeat;

li.answer p {

display:block;

margin: 0 0 10px 0;

}
li.answer .pregunta .texto{

padding:25px 10px 10px 10px;

text-shadow:1px 1px 1px #ccc}

li.answer .respuesta{

padding:0 10px 10px 10px;

margin:0px 10px 5px 10px;

font-size:14px}

li.answer .pregunton{

display:block;

text-align:left;

font-size:10px;

position:relative;

margin:-15px 0 0 -15px;

li.answer .asker{

font-size:10px;

text-align:right;

padding:2px 10px}

li.answer .pregunton img{

border-style:solid;
border-color:#ddd #bbb #bbb #ddd;

border-width:1px;

background-color:#fff;

padding:2px;

display:none;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px}

/* ~~~~~~~~~~~~ Txts Posts ~~~~~~~~~~~~~~~~ */

#contenedor li.text{

font-size:14px;

text-align:left;}

#contenedor li.text p{

padding:0px 20px}

#contenedor li.text blockquote {

display:block;

border-style:solid;

border-color:#ccc;

border-width: 0 0 0 2px;

padding-left:10px;
}

#contenedor li.text .titulo{

display:block;

background-image:url('http://static.tumblr.com/srkzstu/jf9l7fliy/divider.png');

background-repeat:no-repeat;

background-position:bottom center;

/*background-color:#f0f0f0; */

font-family:'Yanone Kaffeesatz', Lobster;

font-size:30pt;

margin:0px;

line-height:130%;

padding:10px 10px 40px 10px;

text-align:center}

#contenedor li.text .titulo a{

text-decoration:none;

border:0;

text-shadow:1px 1px 1px #ccc;

color:#555;

#contenedor li.text .titulo a:hover{

color:#000;

}
/* ~~~~~~~~~~~~ Quote Posts ~~~~~~~~~~~~~~~~ */

#contenedor li.quote{

font-size:23px;

color:#555;

text-shadow:1px 1px 1px #ccc;

font-family:Neuton,helvetica;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

/*margin-right:-65px;*/

/*background-image:url('http://static.tumblr.com/srkzstu/XbSl7b70g/piticligray.png');*/

background-repeat:repeat-x;

background-position:bottom center;

/*background-color:#fcf9ea;*/

#contenedor li.quote .flecha {

/*background-image:url('http://static.tumblr.com/srkzstu/w4Xl7ekxj/flechita.png');*/

/*background-image:url('http://static.tumblr.com/srkzstu/nbcl7ep9m/pie.png');*/

background-repeat:no-repeat;

background-position:bottom right;

height:50px;

width:450px;
margin-right:-41px;

float:right;

display:block;

position:relative;

#contenedor li.quote .top {

height:40px;

background-image:url('http://static.tumblr.com/srkzstu/Tdnl7bj1i/quote1.png');

background-repeat:no-repeat;

background-position:top center;

#contenedor li.quote .center {

background-image:url('http://static.tumblr.com/srkzstu/oN2l7bj3d/quote2.png');

background-repeat:repeat-y;

background-position:top center;

padding:0 20px 0 30px;

color:#888;

font-family:LearningCurve,tangerine;

font-size:36px;

#contenedor li.quote .bottom {

background-image:url('http://static.tumblr.com/srkzstu/VK2l7bj5z/quote3.png');
background-repeat:no-repeat;

background-position:bottom center;

min-height:60px;

#contenedor li.quote .source{

font-family:traveling;

font-size:10pt;

color:#888;

text-align:right;

padding:5px 55px 10px 5px;

/padding-bottom:20px;}

/* ~~~~~~~~~~~~ photo Posts ~~~~~~~~~~~~~~~~ */

li.photo {

/*background-color:#ecf8fa;*/

li.photo .tape {

background-image:url('http://static.tumblr.com/srkzstu/t1Ol7dlmi/tape.png');

background-repeat:no-repeat;

background-position:top left;
position:absolute;

height:80px;

width:83px;

margin:-20px 0 0 -30px;

/margin:-25px 0 0 0px;

li.photo .tape2 {

background-image:url('http://static.tumblr.com/srkzstu/t1Ol7dlmi/tape.png');

background-repeat:no-repeat;

background-position:top left;

position:relative;

height:80px;

width:83px;

margin:-50px -15 0 0px;

float:right;

display:block;

li.photo img {

width:97%;

padding:6px;

background-color:#fff;

border-style:solid;

border-color:#ddd #ccc #ccc #ddd;


border-width:1px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

/margin-left:40px;

#contenedor li.photo .caption{

padding:0px 10px 0px 10px;

/* ~~~~~~~~~~~~ links Posts ~~~~~~~~~~~~~~~~ */

li.link {

/*background-color:#fef9ff;*/

#contenedor li.link a.link {

padding:5px;

margin:2px 0;

display:block;

font-family:'Yanone Kaffeesatz', Droid Sans;

font-size:30px;

color:#555;

}
/* ~~~~~~~~~~~~ Audio Posts ~~~~~~~~~~~~~~~~ */

li.audio .reproductor {

padding:3px;

background-color:#e7e7e7;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

li.audio .reproductor span.plays {

color:#fff;

font-size:20pt;

display:block;

text-align:right;

margin:-25px 0 0 0;

padding: 0 0 4px 0;

li.audio .nombre {

padding:3px;

text-align:center;

background-color:#e7e7e7;

margin: 5px 0 0 0;

text-shadow:1px 1px 2px #fff;


-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px;

/* ~~~~~~~~~~~~ Chat Posts ~~~~~~~~~~~~ */

#contenedor li.chat h3 a{

color:#555;

#contenedor li.chat h3 a:hover{

color:#000;

#contenedor li.chat h3{

display:block;

padding:10px;

background-color:#f0f0f0;

font-family:Lobster;

font-size:20pt;

margin:0px;

padding:5px 10px;

text-align:center}
ul.chat {

margin:0;

padding:0;

.chat li {

padding: 2px 5px 2px 25px;

background-position:4px 4px;

background-repeat:no-repeat;

font-size:14px;

margin:2px 0;

.odd {

background-color:#f9f9f9;

ul.chat .user_1 {

background-image:url('http://static.tumblr.com/srkzstu/V8Dl75my2/user-black.png');

color:#555;

ul.chat .user_2 {

background-image:url('http://static.tumblr.com/srkzstu/0HUl75n0e/user-white.png');

color:#888;
}

ul.chat .user_3 {

background-image:url('http://static.tumblr.com/srkzstu/iaYl75n0y/user.png');

color:008

ul.chat .user_4 {

background-image:url('http://static.tumblr.com/srkzstu/Roil75o2w/user-red.png');

color:#800;

ul.chat .user_5 {

background-image:url('http://static.tumblr.com/srkzstu/gzhl75n21/user-green.png');

color:#080;

ul.chat .user_6 {

background-image:url('http://static.tumblr.com/srkzstu/MzHl75o3j/user-gray.png');

ul.chat .user_7 {

background-image:url('http://static.tumblr.com/srkzstu/iIBl75n2x/user-yellow.png');

}
/* ~~~~~~~~~~~~~~~~~~ Notes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.notas {

background-color:#f0f0f0;

/*background-image:url('http://static.tumblr.com/srkzstu/XbSl7b70g/piticligray.png');*/

background-image:url('http://static.tumblr.com/srkzstu/S3rl7f57h/piticli2.png');

background-repeat:repeat-x;

background-position:bottom center;

ol.notes{

/*background-image:url('http://static.tumblr.com/srkzstu/nXgl7f4xt/piticli.png');*/

background-image:url('http://static.tumblr.com/srkzstu/xQEl7f667/piticlinotes.png');

background-position:left top;

background-repeat:no-repeat;

padding:10px;

margin:-2px 0 15px 0px;

text-align:left;

padding:20px;

ol.notes img {
width:16px;

a.more_notes_link {

display:block;

padding: 5px 5px 30px 5px;

font-family:cantarell, delicious,helvetica;

text-shadow:1px 1px 2px #ccc;

ol.notes li{

font-family:cantarell;

padding:4px 4px 0px 4px;

margin:4px 0;

/padding:2px;

/margin:2px;

/*border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px; */

/*background-image:url('http://static.tumblr.com/srkzstu/fkAl73vhx/white.png'); */

border-style:solid;

border-color:#fff;

border-width: 0 0 1px 0;

overflow:hidden}
ol.notes span.action{

padding:5px 5px 0 5px;

position:absolute;

margin-top:-5px;

/position:relative;

/margin-top:2px;

font-size:14px;

text-shadow:1px 1px 1px #ddd;

color:#555;

overflow:hidden}

ol.notes span.action a{

text-decoration:none;

text-shadow:1px 1px 1px #ddd}

ol.notes span.action a:hover{

color:#008}

ol.notes img {

background-color:#fff;

padding:2px;

border-style:solid;

border-width:1px;

border-color:#ccc;

border-radius:3px;
-webkit-border-radius:3px;

-moz-border-radius:3px;

ol.notes img:hover{

background-color:#888;

/* ~~~~~~~~~~~~~~~~~ Likes ~~~~~~~~~~~~ */

#likesbox {

};

#likesbox {

text-align:left;

padding:10px 5px;

border-style:Solid;

border-width:0 0 1px 0;

border-color:#ccc;

/* ~~~~~~~~~~~~~~~~ fOOTER ~~~~~~~~~~~~ */

#footer {

text-align:center;
}

#footermenu {

text-align:center;

padding:0px 5px 5px 5px;

background-color:#f5f5f5;

#footermenu span {

padding:0 5px;

font-size:10px;

#footermenu a {

color:#555;

#footermenu a:hover {

color:#000;

.firma {

font-size:10px;

font-family:helvetica;

text-align:center;
padding:2px 0;

position:Absolute;

margin:auto;

width:475px;

color: #7E2217;

text-shadow: 0px 0px 1px #fff;

.firma a {

color: #059;

.firma a:hover {

color: #000;

.btn {

display:block;

width:90px;

font-size:12px;

font-family:Cantarell;

text-transform:uppercase;

border-style:solid;

border-color:#ddd;

border-width:1px;
padding:4px;

background-image:url('http://static.tumblr.com/srkzstu/lI2l7erfr/btn.jpg');

background-position:center bottom;

background-repeat:repeat-x;

border-radius:3px;

-webkit-border-radius:3px;

-moz-border-radius:3px;

margin:auto;

.nav-right {

position: relative;

width:120px;

clear:right;

float:right;

text-align:center;

.nav-left {

position: relative;

width:120px;

clear:left;

float:left;

text-align:center;

}
/* ~~~~~~~~~~~~~~ Tweets ~~~~~~~~~~~~~~ */

#tweets .content{

background-image:url('http://static.tumblr.com/srkzstu/sXsl7iewa/twitter.png');

background-position:left center;

background-repeat:no-repeat;

border-style:solid;

border-color:#fff;

border-width:1px 0 1px 0;

font-family:helvetica;

font-size:10px;

padding: 5px 0 5px 35px;

margin: 10px 0 0 0;

/* ~~~~~~~~~~~~~~~~ Disqus ~~~~~~~~~~~~~~~~~~ */

#disqus_thread {

padding:20px;

font-size:12px;

{CustomCSS}
</style>

<script type="text/javascript" charset="utf-8">

function cargar2(div, URL) {

if (navigator.appName != "Microsoft Internet Explorer") {

$("#nota-" + div).slideUp(500, function() {

$("#nota-" + div).hide()

})

$("#div-" + div + " .post-footer .notas em").css("background-image",


"url(http://static.tumblr.com/srkzstu/fMyl7f7op/miniloading.gif)");

$("#nota-" + div).animate({opacity: 0.1}, 500, function () {

$("#nota-" + div).load(URL, function () {

$("#div-" + div + " .post-footer .notas em").css("background-image",


"url(http://static.tumblr.com/srkzstu/W7ol7ewzo/heart.png)");

$("#nota-" + div).slideDown(500)

$("#nota-" + div).animate({opacity: 1.0}, 500)

$("#nota-" + div + " ol").css("margin-top",-2);

})

});

};

};
function folio(div) {

//$('#content-following').show();

$("#interior li").animate({opacity: 1.0}, 50, function () {$("#" + div).slideDown(500)});

function cerrar() {

$("#interior li").animate({opacity: 1.0}, 500, function () {$(".content-following").slideUp(500)});

</script>

</head>

<body>

<div id="pagina">

<div id="contenedor">

<div id="interior">

{block:IfShowPeopleIFollow}

{block:Following}

<div id="following" class="content-following">

<div class="titulo">People i following</div>

<div class="siguiendo">
{block:Followed}

<a title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-64}"/></a>

{/block:Followed}

</div>

<div style="clear:both;"></div>

<div class="close"><span onclick="cerrar()">Close</span></div>

</div>

{/block:Following}

{/block:IfShowPeopleIFollow}

{block:IfShowStuffILike}

{block:Likes}

<div id="likes" class="content-following">

<div class="titulo">Stuff I Like</div>

<div class="gustos">

{Likes limit="10" summarize="250" width="200"}

<a href="http://www.tumblr.com/liked/by/{Name}">

See more stuff I like

</a>

</div>

<div style="clear:both;"></div>

<div class="close"><span onclick="cerrar()">Close</span></div>

</div>
{/block:Likes}

{/block:IfShowStuffILike}

<div id="header"><a alt="Feed RSS" href="{RSS}"><span class="rss"></span></a>

<div class="titulo">

<a href="/">{text:Header Text}</a>

<div class="menu">

{block:HasPages}

{block:Pages}

<span><a alt="{Label}" href="{URL}">{Label}</a></span>

{/block:Pages}

{/block:HasPages}

</div>

</div>

<div id="description">

<div id="portrait">

<span>

</span>

</div>

{block:Description}

{Description}
{/block:Description}

{block:IfShowMyLatestTweet}

{block:Twitter}

<div id="twitter" style="display:none;">

<span class="title">Tweets</span>

<div id="tweets"></div>

</div>

<script type="text/javascript">

function recent_tweets(data) {

document.getElementById("tweets").innerHTML =

document.getElementById("tweets").innerHTML +

'<a href="http://twitter.com/{TwitterUsername}/status/' +

data[0].id + '"><div class="content">' + data[0].text +

'</div></a>';

document.getElementById("twitter").style.display = 'block';

</script>

{/block:Twitter}

{/block:IfShowMyLatestTweet}
<div class="menu">

{block:IfShowStuffILike}

{block:Likes}

<span onclick="folio('likes')">Likes</span>

{/block:Likes}

{/block:IfShowStuffILike}

{block:IfShowPeopleIFollow}

{block:Following}

<span onclick="folio('following')">Following</span>

{/block:Following}

{/block:IfShowPeopleIFollow}

{block:AskEnabled}

<span><a href="/ask">{AskLabel}</a></span>

{/block:AskEnabled}
{block:SubmissionsEnabled}

<span><a href="/submit">{SubmitLabel}</a></span>

{/block:SubmissionsEnabled}

</div>

</div>

</div>

<div id="cuerpo">

<div class="piticli"></div>

<ol id="posts">

{block:Posts}

{block:Text}

<li id="div-{PostID}" class="post text">

<div class="ribon"><span></span></div>

{block:Title}

<div class="titulo"><a href="{Permalink}">{Title}</a></div>

{/block:Title}

{Body}

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}
<span class="minicuadro comentarios"><em><a class="dsq-comment-count"
href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Text}

{block:Photo}

<li id="div-{PostID}" class="post photo">

<div class="ribon"><span></span></div>

<span class="tape"></span>

{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}

<span class="tape2"></span>

{block:Caption}

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

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Photo}

{block:Photoset}

<li class="post photoset">

<div class="ribon"><span></span></div>

{Photoset-500}
{block:Caption}

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

{/block:Caption}

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

{/block:Photoset}

{block:Quote}

<li id="div-{PostID}" class="post quote">

<div class="ribon"><span></span></div>

<div class="top"></div>

<div class="center">{Quote}</div>

<div class="bottom">

{block:Source}

<div class="source">{Source}</div>

{/block:Source}
</div>

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Quote}

{block:Link}

<li id="div-{PostID}" class="post link">

<div class="ribon"><span></span></div>
<a href="{URL}" class="link" {Target}>{Name}</a>

{block:Description}

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

{/block:Description}

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Link}
{block:Chat}

<li id="div-{PostID}" class="post chat">

<div class="ribon"><span></span></div>

{block:Title}

<h3><a href="{Permalink}">{Title}</a></h3>

{/block:Title}

<ul class="chat">

{block:Lines}

<li class="{Alt} user_{UserNumber}">

{block:Label}

<span class="label">{Label}</span>

{/block:Label}

{Line}

</li>

{/block:Lines}

</ul>

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}
<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro
notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Chat}

{block:Video}

<li id="div-{PostID}" class="post video">

<div class="ribon"><span></span></div>

<div class="cajita">{Video-400}</div>

{block:Caption}

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

{/block:Caption}

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}
<span class="minicuadro comentarios"><em><a class="dsq-comment-count"
href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Video}

{block:Audio}

<li id="div-{PostID}" class="post audio">

<div class="ribon"><span></span></div>

<div class="reproductor">

{AudioPlayerGrey}<span class="plays">{PlayCountWithLabel}</span>

</div>

<div class="nombre">
{block:Artist}

{Artist}

{/block:Artist}

{block:TrackName}

{TrackName}

{/block:TrackName}

</div>

{block:Caption}

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

{/block:Caption}

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}

<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro


notas"><em>{NoteCount}</em></span>

</div>

</li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}
<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

{/block:Audio}

{block:Answer}

<!---------------------- Answer Posts ------------------------------->

<li id="div-{PostID}" class="post answer">

<div class="cosido">

<div class="pregunta">

<span class="pregunton"><img src="{AskerPortraitURL-24}"></span>

<div class="texto">{Question}</div>

</div>

<div class="asker">{Asker}</div>

<div class="respuesta">{Answer}</div>

<div class="post-footer">

<span class="minicuadro fecha"><em>{TimeAgo}</em></span>

<span class="minicuadro link"><em><a href="{ShortURL}">link</a></em></span>

{block:ifDisqusShortname}

<span class="minicuadro comentarios"><em><a class="dsq-comment-count"


href="{Permalink}#disqus_thread">Comments</a></em></span>

{/block:ifDisqusShortname}
<span onclick="cargar2('{PostID}','{PostNotesURL}')" class="minicuadro
notas"><em>{NoteCount}</em></span>

</div>

</div>

</li><li></li>

<div class="notas" id="nota-{PostID}">

{block:PostNotes}

<script type="text/javascript">

$('.notas').show()

</script>

{PostNotes}

{/block:PostNotes}

</div>

<!--------------------------------------------------------------------->

{/block:Answer}

<!--{block:ifDisqusShortname}

<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}


{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div>

<script type="text/javascript">

/**

* var disqus_identifier; [Optional but recommended: Define a unique identifier (e.g. post id or slug) for
this thread]
*/

(function() {

var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;

dsq.src = 'http://kohettelab.disqus.com/embed.js';

(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')
[0]).appendChild(dsq);

})();

</script>

<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:Disqus


Shortname}">comments powered by Disqus.</a></noscript>

{/block:Permalink}<script type="text/javascript">

var disqus_shortname = '{text:Disqus Shortname}';

(function () {

var s = document.createElement('script'); s.async = true;

s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';

(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')
[0]).appendChild(s);

}());

</script>

{/block:ifDisqusShortname}-->

{/block:Posts}

</ol>

</div>
<p id="footer">

<div class="nav-left">

{block:PreviousPage}

<a class="btn" href="{PreviousPage}">Previous</a>

{/block:PreviousPage}

</div>

<div class="nav-right">

{block:NextPage}

<a class="btn" href="{NextPage}">Next</a>

{/block:NextPage}

</div>

<div class="busqueda">

<form action="/search" method="get">

<input type="text" class="textbox" name="q" value="{SearchQuery}"/>

</form>

</div>

</p>

<div id="footermenu">

<span class="cat"><a href="{RSS}">Feed RSS</a></span>

<span class="cat"><a href="/random">Random</a></span>

<span class="cat"><a href="/archive">Archive</a></span>


<span class="cat"><a href="/mobile">Mobile</a></span>

{block:AskEnabled}

<span class="cat"><a href="/ask">{AskLabel}</a></span>

{/block:AskEnabled}

{block:SubmissionsEnabled}

<span class="cat"><a href="/submit">{SubmitLabel}</a></span>

{/block:SubmissionsEnabled}

</div>

</div>

<div class="firma">Melani Sub Rosa © by <a href="http://kohette.com">Rafael Martin</a></div>

</div>

</div>

{block:IfShowMyLatestTweet}

{block:Twitter}

<script type="text/javascript" src="/tweets.js"></script>

{/block:Twitter}

{/block:IfShowMyLatestTweet}

</body>

</html>

<body oncontextmenu="return false;">

You might also like