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:Cabecera" content=""/>
- <meta name="image:Historia" content=""/>
- <meta name="image:Admin1" content=""/>
- <meta name="image:Admin2" content=""/>
- <meta name="image:Admin3" content=""/>
- <meta name="color:Principal" content="#d8d8d8" />
- <meta name="color:Secundario" content="#5c7852" />
- <meta name="color:Fondo" content="#e6e8e7" />
- <meta name="text:Admin1 Nombre" content="" />
- <meta name="text:Admin2 Nombre" content="" />
- <meta name="text:Admin3 Nombre" content="" />
- <meta name="text:Noticia 1" content="" />
- <meta name="text:Contenido noticia 1" content="" />
- <meta name="text:Noticia 2" content="" />
- <meta name="text:Contenido noticia 2" content="" />
- <meta name="text:Noticia 3" content="" />
- <meta name="text:Contenido noticia 3" content="" />
- </head>
- <style type="text/css">
- body {
- background: {color:Fondo};
- background-repeat: repeat;
- background-attachment: fixed;
- font-family: Calibri;
- font-style: italic;
- }
- .cabecera {
- width: 800px;
- height: 500px;
- background-image:url('{image:Cabecera}');
- position: relative;
- margin-bottom: -8px;
- top: -8px;
- }
- ::-webkit-scrollbar {background-color: {color:Principal}; height:8px; width:8px}
- ::-webkit-scrollbar-thumb:vertical {background-color: {color:Secundario};}
- ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Secundario}; height:8px!important}
- img {
- max-width: 100%;
- }
- a {
- text-decoration: none;
- color: {color:Secundario};
- font-weight: bold;
- }
- .notas li {
- list-style-type:none;
- }
- .notas img {
- display:none!important;
- }
- .notas {
- max-width: 400px;
- text-align: left;
- max-height: 150px;
- font-size: 12px;
- overflow-y:auto;
- position: relative;
- top: -25px;
- left: -20px;
- margin-bottom: 40px;
- }
- .posts {
- width: 400px;
- padding: 5px;
- margin-bottom: 40px;
- text-align: justify;
- background: {color:Principal};
- }
- h2 {
- font-size: 20px;
- font-weight: normal;
- color: {color:Secundario};
- }
- .caption {
- font-size: 14px;
- margin: 20px;
- padding-left: 20px;
- border-left: 4px solid {color:Secundario};
- }
- h3 a {
- text-transform: uppercase;
- color: #282828;
- }
- h3 {
- line-height: 100%;
- margin-bottom: 10px;
- }
- h3:first-letter {
- color: {color:Secundario};
- font-size: 30px;
- }
- #navegacion {
- width: 800px;
- line-height: 100%;
- text-align: center;
- font-size: 11px;
- text-transform: uppercase;
- background: {color:Principal};
- padding-top: 25px;
- padding-bottom: 25px;
- border-bottom: 4px solid {color:Secundario};
- z-index: 999999;
- }
- .menu {
- font-family: calibri;
- display: inline-block;
- padding-left: 5px;
- padding-right: 5px;
- transition: 1s;
- }
- .menu:first-letter {
- color: {color:Secundario};
- font-size: 16px;
- padding-right: 2px;
- }
- #navegacion a {
- color: #282828;
- transition: 1s;
- }
- #navegacion a:hover {
- color: {color:Secundario};
- transition: 1s;
- letter-spacing:2px;
- }
- #wrap {
- width: 800px;
- top: 0px;
- padding-top: 40px;
- position: relative;
- padding-bottom: 40px;
- }
- .datoextra a {
- display: inline-block;
- text-transform: uppercase;
- font-size: 9px;
- font-family: calibri;
- color: #282828;
- }
- .datoextra {
- font-size: 9px;
- font-weight: bold;
- }
- .widgets {
- float: right;
- width: 310px;
- text-align: justify;
- font-size: 13px;
- }
- #footer {
- position: fixed;
- bottom: 0px;
- right: 0px;
- width: 150px;
- text-transform: uppercase;
- }
- .post {
- position: relative;
- padding-right: 30px;
- }
- .botones {
- position: absolute;
- top: 10px;
- right: 0px;
- }
- .my-like {
- background-image: url(http://i.imgur.com/SEx8WWJ.png) !important;
- height:20px;
- width:20px;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- transition: 1s;
- }
- .my-liked, .my-like:hover {
- background-image: url(http://i.imgur.com/A7uDJlQ.png) !important;
- height:20px;
- width:20px;
- cursor:pointer;
- display:inline-block;
- vertical-align:top;
- transition: 1s;
- }
- .credito {
- text-align: right;
- font-size: 9px;
- text-transform: uppercase;
- font-family: calibri;
- font-weight: 700;
- }
- .texto {
- font-size: 14px;
- padding: 15px;
- }
- .submitter {
- line-height: 100%;
- text-align: right;
- margin-top: 15px;
- font-size: 9px;
- text-transform: uppercase;
- margin-bottom: -10px;
- padding-right: 15px;
- font-weight: bold;
- }
- .titulo {
- text-transform: uppercase;
- color: #282828;
- line-height: 100%;
- margin-bottom: 10px;
- font-size: 15px;
- font-weight: bold;
- text-align: right;
- padding-right: 20px;
- }
- .titulo:first-letter {
- color: {color:Secundario};
- font-size: 25px;
- }
- #description {
- max-height: 164px;
- overflow-y:auto;
- }
- .widgetcontenido {
- padding: 5px;
- background: {color:Principal};
- margin-bottom: 15px;
- }
- .fotoasker {
- border: 5px solid {color:Secundario};
- border-radius: 48px;
- float: left;
- margin: 10px 20px 0px 0px;
- }
- .autorquest {
- text-align: right;
- font-size: 9px;
- text-transform: uppercase;
- padding-right: 15px;
- font-weight: bold;
- }
- .question {
- font-size: 12px;
- margin-bottom: 30px;
- }
- .admincon {
- width: 100px;
- display: inline-block;
- margin-bottom: 7px;
- margin-top: 7px;
- height: 108px;
- position: relative;
- }
- #admincon2 {
- width: 65px;
- background: {color:Secundario};
- height: 65px;
- position: absolute;
- border-radius: 65px;
- top: 22px;
- left: 13px;
- overflow: hidden;
- }
- #admincon3 {
- width: 65px;
- height: 65px;
- position: relative;
- }
- #admincon3 .efectad {
- transform: scale(1);
- position: absolute;
- top: 0px;
- transition:0.5s;
- }
- #admincon3 .efectad:hover {
- transform: scale(0);
- transition: 0.5s;
- }
- .admininfo {
- font-size: 9px;
- text-transform: uppercase;
- padding-top: 20px;
- text-align: center;
- line-height: 100%;
- font-weight: bold;
- }
- .leemas {
- text-transform: uppercase;
- text-align: center;
- margin-top: -20px;
- font-size: 11px;
- width: 100%;
- display: block;
- }
- .fechanoticia {
- width: 100%;
- background: {color:Secundario};
- text-align:center;
- text-transform: uppercase;
- font-size: 10px;
- margin-top: 5px;
- font-weight: bold;
- }
- .tags {
- max-width: 400px;
- font-size: 10px;
- text-transform: uppercase;
- line-height: 110%;
- position: relative;
- top: -30px;
- left: -20px;
- text-align: left;
- }
- </style>
- <body>
- <center><div class="cabecera"></div>
- <div id="navegacion"><div class="menu"><a href="/">Inicio</a></div> <div class="menu"><a href="/ask">Pregunta</a></div> <div class="menu"><a href="/submit">Colabora</a></div> <div class="menu"><a href="">Link 1</a></div> <div class="menu"><a href="">Link 2</a></div> <div class="menu"><a href="">Link 3</a></div> <div class="menu"><a href="">Link 4</a></div> <div class="menu"><a href="">Link 5</a></div> <div class="menu"><a href="">Link 6</a></div></div><div id="wrap">
- <div class="widgets"><div class="titulo">Ambientación</div><div class="widgetcontenido"><div style="width: 300px; height: 150px; background:url('{image:Historia}');"></div>{block:Description}
- <p id="description">{Description}</p>
- {/block:Description}</div>
- <div class="titulo">Novedades</div><div class="widgetcontenido" style="font-size: 11px;">{text:Contenido noticia 1}<div class="fechanoticia">{text:Noticia 1}</div>
- <br>{text:Contenido noticia 2}<div class="fechanoticia">{text:Noticia 2}</div>
- <br>{text:Contenido noticia 3}<div class="fechanoticia">{text:Noticia 3}</div>
- </div>
- <div class="titulo">Administración</div><div class="widgetcontenido"><div class="admincon"><img style="width: 90px;" src="http://1.bp.blogspot.com/-XwDXj2ASdhg/U5RY4PMbA3I/AAAAAAAAC5U/4apf_2xvEi0/s1600/circle_frame_02_by_tigers_stock-d357lrz.png" /><div id="admincon2"><div id="admincon3"><div class="efectad"><div style="width:65px; height: 65px; background:url('{image:Admin1}'); border-radius: 65px;"></div></div><div class="admininfo">{text:Admin1 Nombre}</div></div></div></div><div class="admincon"><img style="width: 90px;" src="http://1.bp.blogspot.com/-XwDXj2ASdhg/U5RY4PMbA3I/AAAAAAAAC5U/4apf_2xvEi0/s1600/circle_frame_02_by_tigers_stock-d357lrz.png" /><div id="admincon2"><div id="admincon3"><div class="efectad"><div style="width:65px; height: 65px; background:url('{image:Admin2}'); border-radius: 65px;"></div></div><div class="admininfo">{text:Admin2 Nombre}</div></div></div></div><div class="admincon"><img style="width: 90px;" src="http://1.bp.blogspot.com/-XwDXj2ASdhg/U5RY4PMbA3I/AAAAAAAAC5U/4apf_2xvEi0/s1600/circle_frame_02_by_tigers_stock-d357lrz.png" /><div id="admincon2"><div id="admincon3"><div class="efectad"><div style="width:65px; height: 65px; background:url('{image:Admin3}'); border-radius: 65px;"></div></div><div class="admininfo">{text:Admin3 Nombre}</div></div></div></div></div>
- <div class="credito">Theme hecho por <a href="http://thecaptainknowsbest.tumblr.com/">Hardrock</a></div>
- </div>
- <div style="float: left;">{block:Posts}<div class="post">{block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}<div class="posts">{block:Text}
- {block:Submission}<div class="submitter">Enviado por <a href="{SubmitterURL}">{Submitter}</a></div>{/block:Submission}
- <div class="texto">{Body}</div>
- {block:More}<a href="{Permalink}" class="leemas">{lang:Read more}</a>{/block:More}
- {/block:Text}{block:Photo}
- <img src="{PhotoURL-400}" 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-400}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Answer}<div class="texto"><img class="fotoasker" src="{AskerPortraitURL-48}" /><div class="autorquest">Enviado por {Asker}</div><div class="question">{Question}</div>
- {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 class="botones"><a href="{ReblogURL}"><img src="http://i.imgur.com/F20LAev.png" /></a> <br><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div><div class="datoextra">{block:Date}<a href="{Permalink}">{TimeAgo}</a> {/block:Date} / {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>{/block:indexpage}</div></div>
- {block:permalinkpage}{block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}<br>{block:PostNotes}<div class="notas">{PostNotes}</div>{/block:PostNotes}{/block:permalinkpage}{/block:Posts}</div>
- </ol>
- </div><p id="footer">
- {block:PreviousPage}
- <a href="{PreviousPage}">« Previous</a>
- {/block:PreviousPage}{block:NextPage}
- <a href="{NextPage}">Next »</a>
- {/block:NextPage}
- </p></center>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function(){
- var stickyRibbonTop = $('#navegacion').offset().top;
- $(window).scroll(function(){
- if( $(window).scrollTop() > stickyRibbonTop ) {
- $('#navegacion').css({position: 'fixed', top: '0px', width: '100%', left: '0px', right: '0px'});
- } else {
- $('#navegacion').css({position: 'static', top: '0px', width: '800px'});
- }
- });
- });
- </script>
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement