Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="image:Fondo" content=""/>
- <meta name="image:Foto widget" content=""/>
- <meta name="color:Principal1" content="#D4D4D4" />
- <meta name="color:Principal2" content="#383838" />
- <meta name="color:Principal3" content="#EBEBEB" />
- <meta name="color:Principal4" content="#49B5BF" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 URL" content="" />
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- </head>
- <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background:url('{image:Fondo}');
- background-repeat: repeat;
- background-attachment: fixed;
- font-family: Arial;
- color: {color:Principal2};
- }
- ::-webkit-scrollbar {background-color: {color:Principal1}; height:8px; width:8px}
- ::-webkit-scrollbar-thumb:vertical {background-color: {color:Principal4};}
- ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Principal4}; height:8px!important}
- img {
- max-width: 100%;
- }
- a {
- text-decoration: none;
- color: {color:Principal4};
- font-weight: bold;
- }
- .notas li {
- list-style-type:none;
- }
- .notas img {
- display:none!important;
- }
- .notas a {
- color: {color:Principal};
- }
- .posts {
- width: 500px;
- text-align: justify;
- background: {color:Principal1};
- margin-bottom: 30px;
- }
- .caption {
- font-size: 11px;
- text-align: justify;
- padding: 10px;
- }
- #theme {
- width: 770px;
- padding: 10px;
- overflow-y:auto;
- overflow-x: hidden;
- position: relative;
- margin-left: auto;
- margin-right: auto;
- outline: 30px solid {color:Principal2};
- height: 560px;
- top: 40px;
- background: {color:Principal3};
- }
- h1 {
- font-family: Oswald;
- font-size: 12px;
- text-transform: uppercase;
- text-align: center;
- line-height: 100%;
- }
- .imagen-widget {
- background:url({image:Foto widget});
- width: 185px;
- height: 200px;
- margin: 6px;
- }
- .widgets {
- width: 197px;
- height: 580px;
- position: fixed;
- overflow: hidden;
- margin-top: 30px;
- margin-left: -10px;
- background: {color:Principal1};
- }
- .posts2 {
- position: absolute;
- right: 20px;
- }
- #description {
- max-height: 120px;
- padding: 5px;
- padding-top: 0px;
- overflow-y: auto;
- overflow-x: hidden;
- margin-top: -5px;
- line-height: 110%;
- margin-right: 8px;
- font-size: 10px;
- text-align: justify;
- }
- .description::-webkit-scrollbar {background-color: {color:Principal3}; width:5px}
- .description::-webkit-scrollbar-thumb:vertical {background-color: {color:Principal4};}
- .description::-webkit-scrollbar-thumb:horizontal {background-color: {color:Principal4}; height:8px!important}
- .navegacion a {
- display: block;
- line-height: 100%;
- padding-top: 4px;
- padding-bottom: 4px;
- margin-bottom: 2px;
- background: {color:Principal2};
- font-size: 10px;
- text-transform: uppercase;
- font-family: Oswald;
- padding-left: 15px;
- width: 160px;
- margin-left: 5px;
- border-right: 10px solid {color:Principal4};
- transition: 1s;
- }
- .navegacion a:hover {
- letter-spacing: 2px;
- width: 140px;
- transition: 1s;
- }
- h3 {
- background: {color:Principal2};
- width: 480px;
- position: relative;
- top: 10px;
- text-align: center;
- font-size: 20px;
- margin: 10px;
- line-height: 100%;
- padding-top: 15px;
- padding-bottom: 15px;
- font-family: Oswald;
- text-transform: uppercase;
- }
- .texto {
- font-size: 12px;
- text-align: justify;
- line-height: 115%;
- padding: 15px;
- }
- #pagination {
- position: absolute;
- left: 0px;
- bottom: 5px;
- display: block;
- width: 193px;
- text-align: center;
- font-size: 12px;
- text-transform: uppercase;
- font-family: Oswald;
- }
- .my-like {
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- color: {color:Principal4};
- font-weight: bold;
- width: 120px;
- font-family: oswald;
- background: {color:Principal2};
- margin: 2px;
- text-align: center;
- font-size: 11px;
- text-transform: uppercase;
- line-height: 100%;
- padding-top: 4px;
- padding-bottom: 4px;
- }
- .my-liked, .my-like:hover {
- color: {color:Principal3};
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- }
- #postpie {
- margin: 2px;
- position: relative;
- bottom: 2px;
- }
- #postpie a {
- display: inline-block;
- width: 120px;
- background: {color:Principal2};
- font-family: oswald;
- margin: 2px;
- text-align: center;
- font-size: 11px;
- text-transform: uppercase;
- line-height: 100%;
- padding-top: 4px;
- padding-bottom: 4px;
- }
- .question {
- width: 470px;
- padding: 15px;
- line-height: 110%;
- text-align: justify;
- font-size: 11px;
- background: {color:Principal4};
- }
- .question2 {
- position: relative;
- }
- .triangle {
- width: 0;
- height: 0;
- border-style: solid;
- border-width: 0 25px 25px 0;
- border-color: transparent {color:Principal4} transparent transparent;
- margin-left: 50px;
- display: inline-block;
- }
- .autorquest {
- display: inline-block;
- font-size: 12px;
- font-family: oswald;
- text-transform: uppercase;
- margin-left: 10px;
- }
- .replies {
- font-size: 12px;
- padding: 15px;
- text-align: justify;
- }
- .notas {
- width: 480px;
- padding: 10px;
- max-height: 180px;
- overflow-y: auto;
- font-size: 11px;
- background: {color:Principal1};
- }
- ol {
- -webkit-padding-start: 0px;
- }
- .leermas {
- font-size: 12px;
- text-align: right;
- padding-right: 15px;
- display: block;
- margin-top: -10px;
- text-transform: uppercase;
- font-family: Oswald;
- letter-spacing: 3px;
- margin-bottom: 20px;
- }
- blockquote {
- margin: 0px;
- padding: 15px;
- border-left: 3px solid {color:Principal2};
- }
- .submitter {
- font-size: 12px;
- text-align: right;
- padding-right: 15px;
- display: block;
- margin-top: 20px;
- text-transform: uppercase;
- font-family: Oswald;
- letter-spacing: 3px;
- margin-bottom: -10px;
- }
- .tags {
- background: {color:Principal1};
- text-transform: uppercase;
- font-size: 10px;
- padding: 10px;
- width: 480px;
- margin-bottom: -20px;
- position: relative;
- top: -25px;
- }
- </style>
- <body>
- <div id="theme"><div class="widgets"><div class="imagen-widget"></div><h1 style="display: block; position: relative; top: -7px; padding-bottom: 0px; width: 185px; margin-left: 7px; margin-right: 7px; padding-top: 4px;"><a href="/" style="color: {color:Principal2};">{Title}</a></h1>
- {block:Description}
- <p id="description" class="description">{Description}</p>
- {/block:Description}
- <div class="navegacion"><a href="/">Inicio</a><a href="/ask">Pregunta</a><a href="/submit">Colabora</a>{block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}{block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}{block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}<a href="http://thecaptainknowsbest.tumblr.com/">Crédito</a></div>
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}" style="font-family: arial;">◄</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}" style="font-family: arial;">►</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div class="posts2">{block:Posts}<div class="posts">{block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {block:Text}
- {block:Submission}<a href="{SubmitterURL}" class="submitter">{Submitter}</a>{/block:Submission}
- <div class="texto">{Body}</div>
- {block:More}<a href="{Permalink}" class="leermas">{lang:Read more}</a>{/block:More}
- {/block:Text}{block:Photo}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photo}{block:Panorama}
- {LinkOpenTag}
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Panorama}{block:Photoset}
- {Photoset-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Answer}<div class="question2"><div class="question">{Question}</div><div class="triangle"></div><div class="autorquest">Preguntado por {Asker}</div></div>
- <div class="replies">{Replies}</div>{/block:Answer}
- {block:Quote}
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {/block:Quote}{block:Link}
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {/block:Link}{block:Chat}
- {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>
- {/block:Chat}{block:Video}
- {Video-500}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Video}{block:Audio}
- {AudioEmbed}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:indexpage}<div id="postpie">
- {block:date}<a href="{Permalink}">{timeago}</a>{/block:date}{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank" class="details">Reblog</a><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like">Me gusta</div></div>{/block:indexpage}</div>
- {block:permalinkpage}{block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}"> #{Tag}</a>
- {/block:Tags}
- </div>{/block:HasTags}{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}{/block:Posts}</div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement