Documento
Enviado por Valentina1234 • 6 de Febrero de 2013 • 5.080 Palabras (21 Páginas) • 352 Visitas
<!DOCTYPE html>
<!-- -------------------------------------------------------------
Theme Six Caps By Max Davis.
Get this free theme: themes.themaxdavis.com/theme/six_caps
More Themes: themes.themaxdavis.com
PROMOTE YOUR TUMBLR: themes.themaxdavis.com/spotlight
------------------------------------------------------------- -->
<html lang="en">
<head>
<meta charset="utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Titles" content="#000000"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#000000"/>
<meta name="color:Link Hover" content="#000000"/>
<meta name="color:Border" content="#F5F5F5"/>
<meta name="image:Header Logo" content="" />
<meta name="if:Infinite scrolling" content="1" />
<meta name="text:Ask Title" content="Ask" />
<meta name="text:Link 1" content="" />
<meta name="text:Link 1 Title" content="" />
<meta name="text:Link 2" content="" />
<meta name="text:Link 2 Title" content="" />
<meta name="text:Link 3" content="" />
<meta name="text:Link 3 Title" content="" />
<meta name="text:Link 4" content="" />
<meta name="text:Link 4 Title" content="" />
<meta name="text:Link 5" content="" />
<meta name="text:Link 5 Title" content="" />
<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
<script type="text/javascript" src="http://masonry.desandro.com/jquery.masonry.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
<link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
{block:IfInfinitescrolling}
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
{/block:IfInfinitescrolling}
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#social').containedStickyScroll();
});
</script>
<style type="text/css"> body { padding:0; margin:0; font-family:'Helvetica', arial; font-size:11px; color:{color:text}; background-color:{color:background};} a { text-decoration:none; color:{color:link}; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;} a:hover { text-decoration:none; color:{color:link hover}; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;} a:active{outline: none;} a:focus{-moz-outline-style: none;} :-moz-any-link:focus{outline: none;} img{border:none;} .clear {clear:both;} #center{ width:1080px; margin: 0 auto 15px;} .top{ margin:30px 0; width:715px;} .top .logo{ max-width:655px;} /**** Header styles ****/ #header{ margin: 0 auto; position: relative; width: 1080px; background-color: {color:background};} #header h1{ font-family: 'Helvetica neue',arial; font-size: 70px; font-style: italic; font-weight: bold; height: 65px; letter-spacing: -6px; line-height: 50px; margin: 50px 0; text-align: center; color:{color:Titles};} #header .logo{ max-height:250px; margin:0 0 20px 0;} #header .description{ margin: 0 auto 25px; text-align: center; width: 400px;} #header .links_box{ height:10px; overflow:hidden;} #header .links{ list-style: none outside none; margin: 0 auto 20px; padding: 0; text-align: center; color:{color:Titles}} #header .links li a{ color:{color:Titles}} #header .links li{ display: inline; font-weight:bold; font-size: 10px; letter-spacing: 0px; margin: 0 15px; text-transform: uppercase; color:{color:Titles}} #header .border{ clear: both; margin: 25px auto; width: 450px; border-top: 1px solid {color:border};} #container{ width: 1080px; overflow-y: hidden;} #container .post{ float: left; margin: 0 25px 50px; overflow: hidden; position: relative; width: 220px; background-color: {color:background}; {block:PermalinkPage} width:800px; padding: 5px 0 30px; margin:auto; float:none; {/block:PermalinkPage}} #container .post img{ {block:IndexPage} max-width:200px; height: auto; {/block:IndexPage} {block:PermalinkPage} max-width:800px; {/block:PermalinkPage}} #container h3{ font-family: Helvetica Neue; margin:0; padding:0; line-height:19px; font-weight:bold; text-transform:uppercase; color:{color:Titles};} #container .quote{ text-align:center; {block:PermalinkPage} margin:auto; min-height:52px; text-align:center; width:500px; {/block:PermalinkPage}} #container .quote .quote_symbol{ font-family: Impact,Charcoal,sans-serif; font-size: 200px; margin: -170px 0 0; opacity: 0.07; position: absolute;} #container .quote .source{ margin-top:10px} #container .album{ margin:0; height:28px;} #container .albumart{ margin:0; min-height:height:28px;; width: 220px;} #container .albumart img{ height: auto; max-width: 220px !important; width: 220px;} #container .audio{ background: none repeat scroll 0 0 black; border-left: 45px solid black; border-right: 45px solid black; float: left; height: 27px; margin: -39px 0 0; opacity: 0.8; overflow: hidden; padding: 5px 0 4px; position: absolute; width: 27px;} #container .plays{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); color: white; font-size: 9px; font-weight: bold; height: 11px; margin: -39px 0 0 117px; padding: 15px 15px 10px; position: absolute; text-align: right; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; width: 73px;} #container .caption{
...