API tools faq
paste
Advertisement
Guest User

Tema CapuchaInformativa: Carepolera v2.0.

a guest
Oct 23rd, 2013
662
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 28.75 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="es-ES">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.        
  6.         <title>{block:PermalinkPage}{block:PostSummary}{PostSummary} :: {/block:PostSummary}{/block:PermalinkPage}{Title}{block:IndexPage}. Contrainformación contra la enajenación.{/block:IndexPage}{block:SearchPage} :: Resultados para: {SearchQuery}{/block:SearchPage}</title>
  7.  
  8.         {block:Description}
  9.             <meta name="description" content="{MetaDescription}" />
  10.         {/block:Description}
  11.         <link rel="shortcut icon" href="{Favicon}" />
  12.         <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.        
  14.         <meta name="color:Blanco" content="#fff" />
  15.         <meta name="color:Fondo pagina" content="#666" />
  16.         <meta name="color:Fondo contenido principal" content="#eee" />
  17.         <meta name="color:Fondo titulos laterales" content="#333" />
  18.         <meta name="color:Texto" content="#000" />
  19.         <meta name="color:Contraste" content="#fa0" />
  20.        
  21.         <meta name="image:Encabezado" content="" />
  22.         <meta name="image:Barra lateral" content="" />
  23.  
  24.         <meta name="if:Mostrar enlace al Archivo" content="1" />
  25.         <meta name="if:Mostrar enlace Aleatorio" content="1" />
  26.         <meta name="if:Mostrar enlace a canal RSS" content="1" />
  27.         <meta name="if:Mostrar miembros del grupo" content="1" />
  28.        
  29.         <meta name="text:Enlace 1 URL" content="" />
  30.         <meta name="text:Enlace 1 Titulo" content="" />
  31.         <meta name="text:Enlace 2 URL" content="" />
  32.         <meta name="text:Enlace 2 Titulo" content="" />
  33.         <meta name="text:Enlace 3 URL" content="" />
  34.         <meta name="text:Enlace 3 Titulo" content="" />
  35.         <meta name="text:Enlace 4 URL" content="" />
  36.         <meta name="text:Enlace 4 Titulo" content="" />
  37.         <meta name="text:Twitter Username" content="" />
  38.         <meta name="text:Twitter Tweet Count" content="4" />
  39.         <meta name="text:Seccion lateral Titulo 1" content="" />
  40.         <meta name="text:Seccion lateral Contenido 1" content="" />
  41.         <meta name="text:Seccion lateral Titulo 2" content="" />
  42.         <meta name="text:Seccion lateral Contenido 2" content="" />
  43.        
  44.    
  45. <script>(function(d, s, id) {
  46.   var js, fjs = d.getElementsByTagName(s)[0];
  47.   if (d.getElementById(id)) return;
  48.   js = d.createElement(s); js.id = id;
  49.   js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
  50.   fjs.parentNode.insertBefore(js, fjs);
  51. }(document, 'script', 'facebook-jssdk'));</script>
  52.        
  53.         <link rel="stylesheet" href="http://static.tumblr.com/3driglx/oKzlqlo14/font.css" type="text/css">
  54.        
  55.         <style type="text/css">
  56.             * {
  57.                 margin:0;
  58.                 padding:0;
  59.                 border:0;
  60.                 }
  61.  
  62.             body {
  63.                 color:{color:Texto};
  64.                 font:normal 12px/17px Helvetica, Arial, sans-serif;
  65.                 word-wrap:break-word;
  66.                 background:{color:Fondo pagina};
  67.                 }
  68.             #envoltorio {
  69.                 background:{color:Fondo contenido principal};
  70.                 margin:0 auto;
  71.                 width:80%;
  72.                 min-width:1000px;
  73.                 box-shadow:.25em 0 .5em #333, -.25em 0 .5em #333;
  74.                 }
  75.                
  76.         /* CABECERA DE LA PÁGINA */
  77.         header {
  78.             background:{color:Blanco};
  79.             }
  80.             header img {
  81.                 width:100%;
  82.                 max-width:1200px;
  83.                 }
  84.                 nav {
  85.                     background:{color:Blanco};
  86.                     }
  87.                     nav ul {
  88.                         list-style-type:none;
  89.                         height:2.5em;
  90.                         }
  91.                         nav ul#paginas-fijas {
  92.                             background:{color:Contraste};
  93.                             }
  94.                         nav ul li {
  95.                             float:left;
  96.                             }
  97.                         nav ul#paginas-fijas li a {
  98.                             color:{color:Texto};
  99.                             /*font:normal normal 1.5em LeagueGothicRegular, Helvetica, Arial, sans;*/
  100.                             display:block;
  101.                             padding:.55em 1em;
  102.                             }
  103.                             nav ul#paginas-fijas li a:hover {
  104.                                 color:{color:Blanco};
  105.                                 background:{color:Texto};
  106.                                
  107.                                 }
  108.                     nav ul#paginas-personalizadas {
  109.                         height:2.5em;
  110.                         background:{color:Texto};
  111.                         float: left;
  112.                         width: 100%;
  113.                         box-shadow:0px 2px 2px #999;
  114.                         }
  115.                         nav ul li {
  116.                             float:left;
  117.                             }
  118.                             nav ul#paginas-personalizadas li a {
  119.                                 color:{color:Blanco};
  120.                                 font-weight:bold;
  121.                                 display:block;
  122.                                 padding:.55em 1em;
  123.                                 }
  124.                         nav ul#paginas-personalizadas li a:hover {
  125.                                 color:{color:Texto};
  126.                                 background:{color:Contraste};
  127.                                 }
  128.         /* BARRA LATERAL */                    
  129.         section#barra-lateral {
  130.             background:{color:Fondo contenido principal};
  131.             width:33%;
  132.             min-width:300px;
  133.             float:right;
  134.             margin: .5em;
  135.             }
  136.             div.seccion-lateral {
  137.                 background:{color:Blanco};
  138.                 margin: 2em 1em .5em;
  139.                 width:93%;
  140.                 box-shadow:2px 2px 5px #999;
  141.                 }
  142.             div.seccion-lateral h3, footer#pie-articulo h3 {
  143.                 display:block;
  144.                 font:normal normal 2em LeagueGothicRegular, Helvetica, Arial, sans;
  145.                 text-transform:uppercase;
  146.                 background:{color:Fondo titulos laterales};
  147.                 color:{color:Blanco};
  148.                 margin:.25em 0;
  149.                 padding:.2em .25em;
  150.                 border-top-left-radius:.25em;
  151.                 border-top-right-radius:.25em;
  152.                 }
  153.                 div.seccion-lateral figure.autor {
  154.                     padding:.5em;
  155.                     margin:.25em;
  156.                     height:64px;
  157.                     }
  158.                     figure.autor img {
  159.                         float:left;
  160.                         border-radius:6em;
  161.                         }
  162.                     figure.autor figcaption {
  163.                         margin-left:.5em;
  164.                         vertical-align:bottom;
  165.                         text-align:right;
  166.                         }
  167.                 div.seccion-lateral figure.descripcion {
  168.                                     margin:.5em;
  169.                                     }
  170.                                 .descripcion img {
  171.                                     float:left;
  172.                                     margin:.5em;
  173.                                     box-shadow:2px 2px 5px rgba(0,0,0,.2);
  174.                                     border-radius:6em;
  175.                                     }
  176.                                 .descripcion figcaption {
  177.                                     padding:1em 0;
  178.                                     text-align:justify;
  179.                                     }
  180.                                     .descripcion figcaption p {margin:0 1em}
  181.                                     .descripcion figcaption p:first-letter {margin-left:1em;font-weight:bold}
  182.                 div.seccion-lateral ul {
  183.                     margin:1em;
  184.                     list-style:none;
  185.                     }
  186.                     div.seccion-lateral ul li {
  187.                         margin:.25em;
  188.                         }
  189.                         div.seccion-lateral ul li a {
  190.                             display:block;
  191.                             padding:.5em 0;
  192.                             }
  193.                
  194.         /* SECCION DE ARTICULOS */
  195.         section#articulos {
  196.             background:{color:Fondo contenido principal};
  197.             width:65%;
  198.             min-width:500px;
  199.             float:left;
  200.             clear:both;
  201.             margin-top:1em;
  202.             font-size:1.1em;
  203.             }
  204.            
  205.             article {
  206.                 text-align:left;
  207.                 overflow:hidden;
  208.                 background:{color:Blanco};
  209.                 margin:1em;
  210.                 padding:1em;
  211.                 border-radius:.5em;
  212.                 box-shadow:2px 2px 5px #999;
  213.                 }
  214.                 article p {
  215.                     margin:.25em .5em 1em;
  216.                     line-height:160%;
  217.                     }
  218.                     article div.contenido {
  219.                         padding:.5em 1.2em;
  220.                         font-size:1.2em;
  221.                         }
  222.                         article div.contenido a.tumblr_blog {
  223.                             color:{color:Blanco};
  224.                             background:{color:Contraste};
  225.                             border-radius:.25em;
  226.                             padding:.25em;
  227.                             margin-left:-.25em;
  228.                             }
  229.                             article div.contenido a:hover {
  230.                                 text-decoration:underline;
  231.                                 }
  232.                             article div.contenido a.tumblr_blog:hover {
  233.                                 text-decoration:none;
  234.                                 background:{color:Blanco};
  235.                                 color:{color:Texto};
  236.                                 }
  237.                    
  238.                     article p:first-child {margin-top:.8em}
  239.                 article img, .video object, .video iframe {
  240.                         display:block;
  241.                         text-align:center;
  242.                         margin:.5em auto;
  243.                         border-radius:.3em;
  244.                         }
  245.                         article img:hover, video object, .video iframe {
  246.                             box-shadow:2px 2px 5px #999;
  247.                             }
  248.                 article a {
  249.                     color:{color:Texto};
  250.                     font-weight:bold;
  251.                     }
  252.                     article a:hover {{color:Contraste}}
  253.                 article ol, article ul {
  254.                     list-style-position:inside;
  255.                     margin:.5em;
  256.                     }
  257.                 h2, #articulos > p {
  258.                     display:block;
  259.                     font:normal normal 2em LeagueGothicRegular, Helvetica, Arial, sans;
  260.                     text-transform:uppercase;
  261.                     background:{color:Fondo titulos laterales};
  262.                     color:{color:Blanco};
  263.                     margin:.25em 0;
  264.                     padding:.2em .25em;
  265.                     border-radius:.125em;
  266.                     }
  267.                     h2:hover {background:#000;}
  268.                 h3 {
  269.                     font-size:1.5em;
  270.                     }
  271.                     h3.cita {
  272.                         color:{color:Texto};
  273.                         text-shadow:0px 1px 0px rgba(205, 0, 0, .2);
  274.                         font-variant:small-caps;
  275.                         margin:.5em;
  276.                         }
  277.                 article blockquote {
  278.                     border-left:.5em solid #eee;
  279.                     margin-left:.2em;
  280.                     }
  281.                     /* AUDIO */
  282.                     article.audio header figure {
  283.                             background:{color:Texto};
  284.                             color:{color:Blanco};
  285.                             padding:.5em;
  286.                             }
  287.                             article.audio header figure div {
  288.                                 margin:0 auto;
  289.                                 }
  290.                                 article.audio header figure figcaption {
  291.                                     margin:0 auto;
  292.                                     }
  293.                                     /* CONVERSACION */
  294.                                     dt {
  295.                                         font-weight:bold;
  296.                                         }
  297.                                     article header figure figcaption dl {
  298.                                         margin:1em;
  299.                                         }
  300.                                     article header figure figcaption img {
  301.                                         float:right;
  302.                                         margin-top:-125px;
  303.                                         max-width:125px;
  304.                                         min-width:125px;
  305.                                         width:125px;
  306.                                         box-shadow:2px 2px 5px rgba(255,255,255,.5);
  307.                                         }
  308.                     /* ASK */
  309.                     .ask .pregunta {
  310.                         background:{color:Fondo titulos laterales};
  311.                         color:{color:Blanco};
  312.                         padding: .5em .5em 2.25em;
  313.                         font-size:1.2em;
  314.                         border-radius:.25em;
  315.                         }
  316.                         .pregunta img {
  317.                             margin: 0 .5em;
  318.                             float: left;
  319.                             }
  320.                     /* IMAGEN */
  321.                
  322.                 aside.metainformacion {
  323.                     font-size:.75em;
  324.                     width:100%;
  325.                     display:block;
  326.                     margin-top:1em;
  327.                     }
  328.                     aside.metainformacion div.temporal {
  329.                         border-top-left-radius:.3em;
  330.                         border-top-right-radius:.3em;
  331.                         padding:.75em 2em .5em 0;
  332.                         display:inline-block;
  333.                         width:100%;
  334.                         background:{color:Fondo contenido principal};
  335.                         border-bottom:.5em solid {color:Contraste};
  336.                         }
  337.                         div.temporal p {
  338.                             display:inline;
  339.                             margin:.5em 1em;
  340.                             }
  341.                             div.temporal p a img {
  342.                                 display:inline;
  343.                                 margin:.5em 0 .5em .75em;
  344.                                 vertical-align:middle;
  345.                                 }
  346.                             div.temporal p:nth-child(2) {
  347.                                 float:right;
  348.                                 }
  349.                     aside.metainformacion div.datos {
  350.                         display:inline-block;
  351.                         width:100%;
  352.                         border-bottom-left-radius:.3em;
  353.                         border-bottom-right-radius:.3em;
  354.                         }
  355.                         aside.metainformacion div.datos a {
  356.                             white-space:nowrap;
  357.                             display:block-inline;
  358.                             padding:.5em;
  359.                             margin-right:.25em;
  360.                             float:left;
  361.                             background:{color:Contraste};
  362.                             text-overflow:ellipsis;
  363.                             overflow:hidden;
  364.                             max-width:96%;
  365.                             }
  366.                         aside.metainformacion div.datos a:hover {
  367.                             background:{color:Blanco};
  368.                             }
  369.                             aside.metainformacion div.datos div {
  370.                                 background:{color:Contraste};
  371.                                 display:inline-block;
  372.                                 padding:.5em;
  373.                                 max-width:40%;
  374.                                 }
  375.                                 aside.metainformacion div.datos div.boton-social {float:right}
  376.                                 aside.metainformacion div.datos div a {
  377.                                     padding:0;
  378.                                     font-size:.8em;
  379.                                     }
  380.                             aside.metainformacion div.datos div a:hover {
  381.                                 background:transparent;
  382.                                 color:#fff;
  383.                                 }
  384.                                 aside.metainformacion div.datos div span {
  385.                                     color:{color:Blanco};
  386.                                     }
  387. /* NOTAS */
  388. ol.notes {
  389.     list-style-position:inside;
  390.     list-style-type:none;
  391.     background:{color:Contraste};
  392.     color:{color:Texto};
  393.     padding: 5%;
  394.     width: 90%;
  395.     }
  396.     ol.notes li {
  397.         margin:.25em 2em;
  398.         }
  399.        
  400.         /* PIE DE PAGINA */
  401.             footer#pie-de-pagina {
  402.                 width:100%;
  403.                 display:block;
  404.                 clear:both;
  405.                 background:{color:Contraste};
  406.                 }
  407.                 footer#pie-de-pagina ul {
  408.                     background:{color:Contraste};
  409.                     height:2.4em;
  410.                     display:inline-block;
  411.                     }
  412.                     footer#pie-de-pagina ul:first-child {float:left}
  413.                     footer#pie-de-pagina ul:last-child {float:right}
  414.                     footer#pie-de-pagina ul li {
  415.                         float:left;
  416.                         list-style:none;
  417.                         }
  418.                     footer#pie-de-pagina ul li a {
  419.                         background:{color:Contraste};
  420.                         color:{color:Texto};
  421.                         display:block;
  422.                         font-weight:normal;
  423.                         padding: .5em 1em;
  424.                         }
  425.                         footer#pie-de-pagina ul li a:hover, footer#pie-de-pagina ul li a.pagina-actual {
  426.                             background:{color:Fondo titulos laterales};
  427.                             color:{color:Blanco};
  428.                             }
  429.                            
  430.                     footer#pie-de-pagina div#paperli {
  431.                         background:{color:Blanco};
  432.                         padding:1em 0;
  433.                         }
  434.                         footer#pie-de-pagina div h3 {
  435.                             display:block;
  436.                             font:normal normal 2em LeagueGothicRegular, Helvetica, Arial, sans;
  437.                             text-transform:uppercase;
  438.                             background:{color:Fondo titulos laterales};
  439.                             color:{color:Blanco};
  440.                             padding:.2em .25em;
  441.                             border-radius:.125em;
  442.                             }
  443.            
  444.            
  445.             a, a:hover {
  446.                 color:{color:Texto};
  447.                 font-weight:bold;
  448.                 text-decoration:none;
  449.                 }
  450.             p {
  451.                 margin:.25em .5em;     
  452.                 }
  453.                
  454.                 #barra-de-busqueda {
  455.                     margin:.5em;
  456.                     padding:1em .5em;
  457.                     }
  458.                 .miembro-grupo {
  459.                     float:left;
  460.                     width:25%;
  461.                     }
  462.                     .miembro-grupo a img {
  463.                         width:100%;
  464.                         }
  465.                     .miembro-grupo figcaption {
  466.                         position:absolute;
  467.                         display:block;
  468.                         margin:-6.5% 0;
  469.                         font-size:.8em;
  470.                         background:{color:Texto};
  471.                         opacity:0;
  472.                         }
  473.                         .miembro-grupo figcaption a {
  474.                             float:left;                
  475.                             text-align:center;
  476.                             color:{color:Blanco};
  477.                             }
  478.                         .miembro-grupo:hover figcaption {
  479.                             opacity:.8;
  480.                             }
  481.                                            
  482. .texto-busqueda {
  483.     border:1px solid {color:Contraste};
  484.     padding:.5em;
  485.     width:65%;
  486.     }
  487.     .texto-busqueda:hover, .texto-busqueda:active, .texto-busqueda:focus {
  488.         background:{color:Contraste};
  489.         color:{color:Blanco};
  490.         border-radius:.3em;
  491.         }
  492. .boton-buscar {
  493.     float:right;
  494.     padding:.5em;
  495.     width:25%;
  496.     }
  497.     .boton-buscar:hover {
  498.         background:{color:Contraste};
  499.         color:{color:Blanco};
  500.         border-radius:.3em;
  501.         }
  502.        
  503.         footer#pie-articulo {
  504.             display:block;
  505.             margin:1em;
  506.             padding:1em;
  507.             }
  508.             .facebookcomments {
  509.                 background:{color:Blanco};
  510.                 }
  511.             .fb_ltr {
  512.                 width:100%!important;
  513.                 background:{color:Blanco};
  514.                 }
  515.                                            
  516.             ::-webkit-scrollbar, ::-webkit-scrollbar-button, ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background:{color:Contraste}}
  517.             ::-webkit-scrollbar {height:auto;width:2em}
  518.             ::-webkit-scrollbar-track-piece {background:{color:Fondo contenido principal}}
  519.            
  520.             /* TRANSICIONES */
  521.             a,article,h2,img, .miembro-grupo figcaption, .texto-busqueda, .boton-buscar,
  522.             a:hover, article:hover, h2:hover, img:hover, .miembro-grupo:hover figcaption, .texto-busqueda:hover, .boton-buscar:hover{
  523.                 transition:all .5s;
  524.                 -moz-transition:all .5s;
  525.                 -o-transition:all .5s;
  526.                 -webkit-transition:all .5s;
  527.                 }
  528.         </style>
  529.        
  530.         <!--[if lt IE 9]>
  531.             <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  532.         <![endif]-->
  533.     </head>
  534.  
  535.     <body>
  536.         <div id="envoltorio">
  537.             <header>
  538.                 <img src="{image:Encabezado}" alt="Contrainformación contra la enajenación" />
  539.                 <nav>
  540.                     <ul id="paginas-fijas">
  541.                         <li><a href="/">Inicio</a></li>
  542.                         {block:AskEnabled}
  543.                             <li><a href="/ask">Pregunta</a><li>
  544.                         {/block:AskEnabled}
  545.                         {block:SubmissionsEnabled}
  546.                             <li><a href="/submit">Aporta</a></li>
  547.                         {/block:SubmissionsEnabled}
  548.                     </ul>  
  549.                     <ul id="paginas-personalizadas">
  550.                         {block:ifEnlace1Titulo}<li><a href="{text:Enlace 1 URL}">{text:Enlace 1 title}</a></li>{/block:ifEnlace1Titulo}
  551.                         {block:ifEnlace2Titulo}<li><a href="{text:Enlace 2 URL}">{text:Enlace 2 title}</a></li>{/block:ifEnlace2Titulo}
  552.                         {block:ifEnlace3Titulo}<li><a href="{text:Enlace 3 URL}">{text:Enlace 3 title}</a></li>{/block:ifEnlace3Titulo}
  553.                         {block:ifEnlace4Titulo}<li><a href="{text:Enlace 4 URL}">{text:Enlace 4 title}</a></li>{/block:ifEnlace4Titulo}
  554.                         {block:HasPages}
  555.                             {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  556.                         {/block:HasPages}
  557.                     </ul>  
  558.                 </nav>
  559.             </header>
  560.             <section id="articulos">
  561.                 {block:TagPage}
  562.                     <p>Publicaciones etiquetadas como {Tag}.</p>
  563.                 {/block:TagPage}
  564.                 {block:SearchPage}
  565.                     <p>Resultados:{block:NoSearchResults} <strong>no hay resultados para esta búsqueda.</strong>{/block:NoSearchResults}.</p>
  566.                 {/block:SearchPage}
  567.                 {block:DayPage}
  568.                     <p>Viendo publicaciones del {Month}-{DayOfMonth}-{Year}.</p>
  569.                 {/block:DayPage}
  570.  
  571.                 {block:Posts}
  572.                         {block:Text}
  573.                             <article>
  574.                                 {block:Title}
  575.                                     <a href="{Permalink}">
  576.                                         <h2>{Title}</h2>
  577.                                     </a>
  578.                                 {/block:Title}
  579.                                 <div class="contenido">
  580.                                 {Body}
  581.                             </div>
  582.                         {/block:Text}
  583.  
  584.                         {block:Photo}
  585.                             <article class="foto">
  586.                                 {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  587.                                 {block:Caption}
  588.                                 <div class="contenido">
  589.                                     {Caption}
  590.                                     </div>
  591.                                 {/block:Caption}
  592.                            
  593.                         {/block:Photo}
  594.  
  595.                         {block:Photoset}
  596.                             <article class="foto">
  597.                                 <a href="{Permalink}">
  598.                                     {Photoset-500}
  599.                                 </a>
  600.                                 {block:Caption}
  601.                                 <div class="contenido">
  602.                                     {Caption}
  603.                                     </div>
  604.                                 {/block:Caption}
  605.                            
  606.                         {/block:Photoset}
  607.  
  608.                         {block:Video}
  609.                             <article class="video">        
  610.                                 {Video-500}
  611.                                 {block:Caption}
  612.                                 <div class="contenido">
  613.                                     {Caption}
  614.                                     </div>
  615.                                 {/block:Caption}
  616.                            
  617.                         {/block:Video}
  618.  
  619.                         {block:Audio}
  620.                         <article class="audio">
  621.                             <header>
  622.                                 <figure>
  623.                                     <div>
  624.                                         {AudioPlayerBlack}
  625.                                     </div>
  626.                                     <figcaption>
  627.                                         <dl>
  628.                                             {block:Artist}<dt>Artista:</dt><dd> {Artist}</dd>{/block:Artist}
  629.                                             {block:TrackName}<dt>Canción:</dt><dd> {TrackName}</dd>{/block:TrackName}
  630.                                             {block:Album}<dt>Álbum:</dt><dd> {Album}</dd>{/block:Album}
  631.                                         </dl>
  632.                                         {block:AlbumArt}
  633.                                             <a href="{Permalink}">
  634.                                                 <img src="{AlbumArtURL}">
  635.                                             </a>
  636.                                         {/block:AlbumArt}
  637.                                     </figcaption>
  638.                                 </figure>
  639.                             </header>
  640.                             {block:Caption}
  641.                                 <div class="contenido">
  642.                                     {Caption}
  643.                                 </div>
  644.                             {/block:Caption}
  645.                         {/block:Audio}
  646.  
  647.                         {block:Quote}
  648.                             <article class="cita">
  649.                                 <a href="{Permalink}">
  650.                                     <h2 class="cita">{Quote}</h2>
  651.                                 </a>
  652.                                 {block:Source}
  653.                                 <div class="contenido">
  654.                                     {Source}
  655.                                     </div>
  656.                                 {/block:Source}
  657.                            
  658.                         {/block:Quote}
  659.  
  660.                         {block:Link}
  661.                             <article class="enlace">
  662.                                 <a href="{URL}" {Target}>
  663.                                     <h2 class="enlace">{Name}</h2>
  664.                                 </a>
  665.                                 {block:Description}
  666.                                 <div class="contenido">
  667.                                     {Description}
  668.                                     </div>
  669.                                 {/block:Description}
  670.                            
  671.                         {/block:Link}
  672.  
  673.                         {block:Answer}
  674.                             <article class="ask">
  675.                                 <div class="pregunta">
  676.                                     <img src="{AskerPortraitURL-64}" class="asker_portrait" />
  677.                                     <strong>{Asker}</strong>
  678.                                     <br />
  679.                                     {Question}
  680.                                 </div>
  681.                                 <div class="respuesta">
  682.                                     {Answer}
  683.                                 </div>
  684.                            
  685.                         {/block:Answer}
  686.  
  687.                         {block:Chat}
  688.                             <article class="chat">
  689.                                 {block:Title}
  690.                                     <a href="{Permalink}">
  691.                                         <h2>{Title}</h2>
  692.                                     <a>
  693.                                 {/block:Title}
  694.                                 <div class="contenido">
  695.                                 <dialog>
  696.                                     {block:Lines}
  697.                                         {block:Label}
  698.                                             <dt>{Label}</dt>
  699.                                         {/block:Label}
  700.                                         <dd>{Line}</dd>
  701.                                     {/block:Lines}
  702.                                 </dialog>
  703.                             </div>
  704.                         {/block:Chat}
  705.  
  706.                         {block:Date}
  707.                        
  708.                         <aside class="metainformacion">
  709.                             <div class="temporal">
  710.                                 {block:IndexPage}
  711.                                     <p>
  712.                                         Publicado hace {TimeAgo}
  713.                                         {block:GroupMembers}
  714.                                             por <a href="{PostAuthorURL}"><img src="{PostAuthorPortraitURL-16}" /> {PostAuthorName}.</a>
  715.                                         {/block:GroupMembers}
  716.                                     </p>
  717.                                     <p>
  718.                                         url corta: <a href="{ShortURL}">{ShortURL}</a>
  719.                                     </p>
  720.                                 {/block:IndexPage}
  721.                                 {block:PermalinkPage}
  722.                                     Publicado el
  723.                                     <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonth}">
  724.                                         <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">
  725.                                             {Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}
  726.                                         </time>
  727.                                     </a>
  728.                                     {block:GroupMembers}
  729.                                         por <a href="{PostAuthorURL}">{PostAuthorName}</a>
  730.                                     {/block:GroupMembers}
  731.                                      con {NoteCount} notas.
  732.                                 {/block:PermalinkPage}
  733.                             </div>
  734.                             <div class="datos">
  735.                                 {block:NoteCount}
  736.                                     <a class="notas" href="{Permalink}">
  737.                                         {NoteCount} notas
  738.                                     </a>
  739.                                 {/block:NoteCount}
  740.                                 {block:ContentSource}
  741.                                     <a href="{SourceURL}" target="_blank">
  742.                                         {SourceTitle}
  743.                                     </a>
  744.                                 {/block:ContentSource}
  745.                                 {block:RebloggedFrom}
  746.                                     <a href="{ReblogParentURL}" target="_blank">
  747.                                         {ReblogParentName}
  748.                                     </a>
  749.                                 {/block:RebloggedFrom}
  750.                                 {block:ExternalAudio}
  751.                                     <a href="{ExternalAudioURL}">Descargar</a>
  752.                                 {/block:ExternalAudio}
  753.                                 <a href="{Permalink}#facebookcomments">Comentarios</a>
  754.                                 {block:HasTags}
  755.                                     <div>
  756.                                         {block:Tags}                                           
  757.                                             <a href="http://{Name}.tumblr.com/tagged/{Tag}" class="tip_trigger">
  758.                                                 <span>#</span>{Tag}
  759.                                             </a>                                           
  760.                                         {/block:Tags}
  761.                                     </div>
  762.                                 {/block:HasTags}
  763.                                 <div class="boton-social">
  764.                                     {ReblogButton color="black"}
  765.                                 </div>
  766.                                 <div class="boton-social">
  767.                                     <a class="boton-fb" style="display: block;width:20px;height:20px;" href="http://www.facebook.com/share.php?v=4&src=bm&u={Permalink}">
  768.                                         <svg fill="#000" width="100%" height="100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
  769.                                                 <path d="M3.5,0c-1.94,0-3.5,1.56-3.5,3.5v25c0,1.9,1.56,3.5,3.5,3.5h25c1.9,0,3.5-1.6,3.5-3.5v-25c0-1.94-1.6-3.5-3.5-3.5h-25zm23.2,5.03c0.5,0.01,1,0.05,1.4,0.09v3.94c-0.8-0.18-1.2,0-1.9,0s-1.2,0.19-1.5,0.53c-0.3,0.33-0.5,1.01-0.5,1.91v1.3h3.7v3.9h-3.7v14.8h-4.9v-14.8h-2.8v-3.9h2.8v-1.4c0-1.56,0.2-2.72,0.5-3.49,0.3-0.78,0.9-1.71,1.8-2.19,1.6-0.58,3.5-0.72,5.1-0.69z" fill-rule="nonzero" fill="#000"/>
  770.                                         </svg>
  771.                                     </a>
  772.                                 </div>
  773.                             </div>
  774.                         </aside>
  775.                         {/block:Date}
  776.                     </article>
  777.                     {block:PermalinkPage}
  778.                         <footer id="pie-articulo">
  779.                             <h3>Comentarios</h3>
  780.                             <div id="facebookcomments" class="fb-root">
  781.                                 <div class="fb-comments" data-href="{Permalink}" data-colorscheme="light" data-numposts="5" width="604"></div>
  782.                             </div>
  783.                             <h3>Notas</h3>
  784.                             {block:PostNotes}
  785.                                 {PostNotes}
  786.                             {/block:PostNotes}
  787.                         </footer>
  788.                     {/block:PermalinkPage}
  789.                 {/block:Posts}
  790.             </section>
  791.            
  792.             <section id="barra-lateral">
  793.                 {block:PermalinkPage}
  794.                     {block:Posts}              
  795.                         {block:GroupMembers}
  796.                             <div class="seccion-lateral">
  797.                                 <h3>Publicado por</h3>
  798.                                 <figure class="autor">
  799.                                     <div>
  800.                                         <a href="{PostAuthorURL}">
  801.                                             <img src="{PostAuthorPortraitURL-64}" alt="{GroupMemberURL}" />
  802.                                         </a>
  803.                                     </div>
  804.                                     <figcaption>
  805.                                         <p><a href="{PostAuthorURL}">{PostAuthorName}</a></p>
  806.                                         <p>{PostAuthorTitle}</p>
  807.                                     </figcaption>
  808.                                 </figure>
  809.                             </div>
  810.                         {/block:GroupMembers}
  811.                     {/block:Posts}
  812.                 {/block:PermalinkPage}
  813.                
  814.                 <div class="seccion-lateral">
  815.                     <div id="barra-de-busqueda">
  816.                         <form action="/search" method="get">
  817.                             <input class="texto-busqueda" type="text" name="q" value="Ingrese búsqueda..." onclick="value=''" onblur="if(this.value=='') this.value='Ingrese búsqueda...';" />
  818.                             <input class="boton-buscar" type="submit" value="Buscar"/>
  819.                         </form>
  820.                     </div>
  821.                 </div>
  822.                
  823.                 {block:ifBarraLateral}
  824.                     <div class="seccion-lateral">
  825.                         <img src="{image:Barra lateral}" />
  826.                     </div>
  827.                 {/block:ifBarraLateral}
  828.                
  829.                 <div class="seccion-lateral">
  830.                     <h3>{Title}</h3>
  831.                     <figure class="descripcion">
  832.                         <img src="{PortraitURL-128}" alt="{MetaDescription}" />
  833.                         {block:Description}
  834.                             <figcaption>
  835.                                 <p>
  836.                                     {Description}
  837.                                 </p>
  838.                             </figcaption>
  839.                         {/block:Description}
  840.                     </figure>
  841.                 </div>
  842.                
  843.                 <div class="seccion-lateral">
  844.                     <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcapuchainformativa&amp;width=400&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23e5e5e5&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100%; height:400px;" allowTransparency="true"></iframe>
  845.                 </div>
  846.  
  847.                 {block:ifMostrarMiembrosDelGrupo}
  848.                     {block:GroupMembers}
  849.                         <div class="seccion-lateral">
  850.                             <h3>{lang:Group members}</h3>
  851.                             {block:GroupMember}
  852.                                 <figure class="miembro-grupo">
  853.                                     <a href="{GroupMemberURL}" title="{GroupMemberName} - {GroupMemberTitle}" target="_blank">
  854.                                         <img src="{GroupMemberPortraitURL-128}" alt="{GroupMemberURL}" />
  855.                                     </a>
  856.                                     <figcaption>
  857.                                         <a href="{GroupMemberURL}" title="{GroupMemberName} - {GroupMemberTitle}" target="_blank">{GroupMemberName}</a>
  858.                                     </figcaption>
  859.                                 </figure>
  860.                             {/block:GroupMember}
  861.                         </div>
  862.                     {/block:GroupMembers}
  863.                 {/block:ifMostrarMiembrosDelGrupo}
  864.                
  865.                 {block:ifSeccionLateralTitulo1}
  866.                     <div class="seccion-lateral">
  867.                         <h3>
  868.                             {text:Seccion lateral Titulo 1}
  869.                         </h3>
  870.                         <p>
  871.                             {text:Seccion lateral Contenido 1}
  872.                         </p>
  873.                     </div>
  874.                 {/block:ifSeccionLateralTitulo1}
  875.                
  876.                 {block:ifSeccionLateralTitulo2}
  877.                     <div class="seccion-lateral">
  878.                         <h3>
  879.                             {text:Seccion lateral Titulo 2}
  880.                         </h3>              
  881.                         <p>
  882.                             {text:Seccion lateral Contenido 2}
  883.                         </p>
  884.                     </div>
  885.                 {/block:ifSeccionLateralTitulo2}
  886.             </section>
  887.         <footer id="pie-de-pagina" id="pie-de-pagina">
  888.             <div id="paperli">
  889.             <h3>Periódico virtual</h3>
  890.                 <iframe id="sr-paper-frame-1" width="100%" scrolling="no" height="300" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" src="http://paper.li/embeddable/index.html?id=1263887&w=300&h=300&i=false&fc=%23666666&url=http%3A%2F%2Fcapuchainformativa.tumblr.com%2F"></iframe>
  891.             </div>
  892.             <div>
  893.             <h3>Enlaces</h3>
  894.             <ul>
  895.                 <li><a class="facebook-fondo" href="https://www.facebook.com/capuchainformativa">Facebook</a></li>
  896.                 <li><a class="twitter-fondo" href="https://twitter.com/CapuchaInfo">Twitter</a></li>
  897.                 <li><a class="scribd-fondo" href="http://es.scribd.com/Capuchainformativa">Scribd</a></li>
  898.                 <li><a class="paperli-fondo" href="http://paper.li/CapuchaInfo/1330107369">Papel.li</a></li>
  899.             </ul>
  900.                 <ul>
  901.                     {block:Pagination}
  902.                         {block:PreviousPage}
  903.                             <li class="paginacion">
  904.                                 <a class="previous" href="{PreviousPage}">&larr; Página previa</a>
  905.                             </li>
  906.                         {/block:PreviousPage}
  907.    
  908.                         {block:JumpPagination length="5"}
  909.                             {block:CurrentPage}
  910.                                 <li class="paginacion">
  911.                                     <a class="pagina-actual" href="{URL}">{PageNumber}</a>
  912.                                 </li>
  913.                             {/block:CurrentPage}
  914.                             {block:JumpPage}
  915.                                 <li class="paginacion">
  916.                                     <a href="{URL}">{PageNumber}</a>
  917.                                 </li>
  918.                             {/block:JumpPage}
  919.                         {/block:JumpPagination}
  920.    
  921.                         {block:NextPage}
  922.                             <li class="paginacion">
  923.                                 <a href="{NextPage}">Próxima página &rarr;</a>
  924.                             </li>
  925.                         {/block:NextPage}
  926.                     {/block:Pagination}
  927.        
  928.                     {block:PermalinkPagination}
  929.                         {block:NextPost}
  930.                             <li class="paginacion">
  931.                                 <a class="previous" href="{NextPost}">&larr; Artículo previo</a>
  932.                             </li>
  933.                         {/block:NextPost}
  934.                         {block:PreviousPost}
  935.                             <li class="paginacion">
  936.                                 <a href="{PreviousPost}">Próximo artículo &rarr;</a>
  937.                             </li>
  938.                         {/block:PreviousPost}
  939.                     {/block:PermalinkPagination}
  940.  
  941.                     {block:DayPagination}
  942.                         {block:PreviousDayPage}
  943.                             <li class="paginacion">
  944.                                 <a class="previous" href="{PreviousDayPage}">&larr; Día anterior</a>
  945.                             </li>
  946.                         {/block:PreviousDayPage}
  947.                         {block:NextDayPage}
  948.                             <li class="paginacion">
  949.                                 <a href="{NextDayPage}">Día siguiente &rarr;</a>
  950.                             </li>
  951.                         {/block:NextDayPage}
  952.                     {/block:DayPagination}
  953.                 </ul>
  954.                 </div>
  955.             </footer>
  956.         </div>
  957.     </body>
  958. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!