API tools faq
paste
Advertisement
boavistas

Theme III by sibunas (revamped)

boavistas
Mar 31st, 2014
399
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 35.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-----------------------------------------------------------------------
  4. © sibunas, 2012.
  5. Last updated on 2014.
  6. More themes by sibunas @ http://boavistas.tumblr.com
  7.  
  8. Do not redistribute or claim as your own ANY fraction of this coding.
  9.  
  10. Panel coding thanks to codrops.
  11. ------------------------------------------------------------------------>
  12.  
  13. <html>
  14. <head>
  15.  
  16.     <meta name="color:background" content="#19041d" />
  17.     <meta name="color:posts" content="#ffffff" />
  18.     <meta name="color:text" content="#d1bfa2" />
  19.     <meta name="color:link" content="#772265" />
  20.     <meta name="color:hover" content="#fff" />
  21.     <meta name="color:permalink" content="#FCFCFC" />
  22.     <meta name="color:panel two" content="#f7ce8c">
  23.    
  24.     <meta name="text:link one" content="/" />
  25.     <meta name="text:link two" content="/" />
  26.     <meta name="text:link tres" content="/" />
  27.     <meta name="text:link four" content="/" />
  28.     <meta name="text:link five" content="/" />
  29.    
  30.     <meta name="image:sidebar" content=""/>
  31.     <meta name="font:body" content="calibri" />
  32.    
  33.     <meta name="text:title link 1" content="link one" />
  34.     <meta name="text:title link 2" content="link two" />
  35.     <meta name="text:title link 3" content="link tres" />
  36.     <meta name="text:title link 4" content="link four" />
  37.     <meta name="text:title link 5" content="link five" />
  38.    
  39.     <meta name="text:panel two title" content="I will never lose you, Melanie.">
  40.    
  41.     <meta name="if:show captions" content="yes"/>
  42.     <meta name="if:two panels" content="yes"/>
  43.     <meta name="if:three panels" content="no"/>
  44.    
  45.    
  46.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47.     <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  48.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.     <link rel="shortcut icon" href="{Favicon}" />
  50.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.    
  52.  
  53.  <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  54.  
  55.  
  56.  
  57. <!---------------------------------------------------------------------->
  58.  
  59. <style type="text/css">
  60.  
  61. body {background-color: {color:background}; font-family: {font:body}; font-size:10px; line-height:12px; text-align:justify; overflow: hidden; -webkit-font-smoothing: antialiased; overflow-y: scroll; color:{color:text};}
  62.  
  63.  
  64. a:link, a:active, a:visited{color:{color:link}; font-weight:bold; text-decoration:none; text-transform:uppercase; font-size:9px; letter-spacing:1px; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;  transition: all 0.8s ease-in-out;}
  65.  
  66. a:hover{
  67.     color:{color:posts};
  68.     background-color:{color:link};
  69.     -webkit-transition: all 0.8s ease-in-out;
  70.     -moz-transition: all 0.8s ease-in-out;
  71.     -o-transition: all 0.8s ease-in-out;
  72.     -ms-transition: all 0.8s ease-in-out;
  73.     transition: all 0.8s ease-in-out;
  74.     cursor:help;
  75. }
  76.  
  77. small {font-size: 90%;}
  78. blockquote {width: 480px; margin-left: 0px; padding-left: 8px; border-left: 8px solid {color:link};}
  79. strong, b{font-family:calibri;}
  80.  
  81. h1{font-size: 14px; letter-spacing:1px; text-transform:uppercase; line-height:16px;}
  82.    
  83. h2{font-size: 18px; line-height: 20px; font-weight:normal; font-family: 'Lobster';}
  84. h3 {font-size: 16px; font-style: bold italic;}
  85.  
  86. ul {list-style: none;}
  87.  
  88.  
  89.  
  90. /* ---------- general html --------- */
  91.  
  92.  
  93. #content {
  94.  position: relative;
  95.  width: 700px;
  96.  margin: 30px 20px 0 500px;
  97.  }
  98.  
  99. #entries {
  100.  position:relative;
  101.  width: 500px;
  102.  padding: 10px;
  103.  background-color: {color:posts};
  104.  margin-bottom: 30px;
  105.   }
  106.  
  107.  
  108. #entries a:hover{
  109.     color:{color:posts};
  110.     background-color:{color:link};
  111.     -webkit-transition: all 0.8s ease-in-out;
  112.     -moz-transition: all 0.8s ease-in-out;
  113.     -o-transition: all 0.8s ease-in-out;
  114.     -ms-transition: all 0.8s ease-in-out;
  115.     transition: all 0.8s ease-in-out;
  116.     cursor:help;
  117. }
  118.  
  119.  
  120. /* ---------- sidebar configuration --------- */
  121.  
  122.  
  123. #sidebar {
  124.  float:left;
  125.  position:fixed;
  126.  text-align:center;
  127.  width: 260px;
  128.  height: auto;
  129.  z-index: 20;
  130.  top: 80px;
  131.  left: 100px;
  132.  }
  133.  
  134.  
  135.  #arriba {
  136.  float: left;
  137.  position: fixed;
  138.  width: 390px;
  139.  height: 100px;
  140.  background-color: {color:background};
  141.  z-index: 5000;
  142.  left: 60px;
  143.  top: -10px;
  144.  }
  145.  
  146.  
  147. .st-container {
  148.     position: absolute;
  149.     width: 300px;
  150.     height: 300px;
  151.     top: 0;
  152.     left: 0;
  153.     font-family: calibri;
  154. }
  155.  
  156. .st-container > input,
  157. .st-container > a {
  158.     position: fixed;
  159.     top: 360px;
  160.     {block:ifThreePanels}width:95px;{/block:ifThreePanels}
  161.     {block:ifTwoPanels}width:140px;{/block:ifTwoPanels}
  162.     cursor: pointer;
  163.     height: 35px;
  164.     margin-left: 100px;
  165.     line-height: 34px;
  166.     z-index: 5000;
  167.     text-transform:uppercase;
  168.     font-size:8px;
  169.     font-weight:bold;
  170.     font-family:calibri;
  171.     letter-spacing:1px;
  172.    
  173. }
  174.  
  175. .st-container > input {
  176.     opacity: 0;
  177.     z-index: 5000;
  178. }
  179.  
  180. .st-container > a {
  181.     z-index: 4000;
  182.     background: {color:link};
  183.     color: #fff;
  184.     text-align: center;
  185. }
  186.  
  187. /* "Fix" for percentage rounding: add a background bar pseudo element with the same color like the labels */
  188. .st-container:before {
  189.     content: '';
  190.     position: fixed;
  191.     width: 300px;
  192.     left: 90px;
  193.     height: 2000px;
  194.     background: {color:background};
  195.     z-index: 3000;
  196.     top: 360px;
  197. }
  198.  
  199. #st-control-1, #st-control-1 + a {
  200.     left: 0;
  201. }
  202.  
  203. #st-control-2, #st-control-2 + a {
  204.     {block:ifThreePanels}left:92px;{/block:ifThreePanels}
  205.     {block:ifTwoPanels}left:140px;{/block:ifTwoPanels}
  206. }
  207.  
  208. #st-control-3, #st-control-3 + a {
  209.     {block:ifThreePanels}left:185px;{/block:ifThreePanels}
  210. }
  211.  
  212.  
  213. .st-container > input:checked + a,
  214. .st-container > input:checked:hover + a{
  215.     background: {color:link};
  216. }
  217.  
  218. .st-container > input:checked + a:after,
  219. .st-container > input:checked:hover + a:after{
  220.     bottom: 100%;
  221.     border: solid transparent;
  222.     content: '';
  223.     height: 0;
  224.     width: 0;
  225.     position: absolute;
  226.     pointer-events: none;
  227.     border-bottom-color: {color:link};
  228.     border-width: 20px;
  229.     left: 50%;
  230.     margin-left: -20px;
  231. }
  232.  
  233. .st-container > input:hover + a{
  234.     background: {color:panel two};
  235. }
  236.  
  237. .st-container > input:hover + a:after {
  238.     border-bottom-color: {color:panel two};
  239. }
  240.  
  241. .st-scroll,
  242. .st-panel {
  243.     position: relative;
  244.     width: 280px;
  245.     height: 300px;
  246. }
  247.  
  248. .st-panel a{color: {color:link}; font-family:calibri; text-transform:uppercase; font-size:9px; letter-spacing: 2px; font-weight: bold;}
  249.  
  250. .st-panel ul {
  251.     width:250px;
  252.     position: absolute;
  253.     text-align: center;
  254.     font-size: 10px;
  255.     line-height: 13px;
  256.     letter-spacing:1px;
  257.     color: #8b8b8b;
  258.     z-index: 2;
  259.     padding: 20px;
  260.     width: 220px;
  261.     left:15px;
  262.     top: 80px;
  263.     font-family:calibri;
  264.     -webkit-backface-visibility: hidden;
  265. }
  266.    
  267. .st-panel li {
  268.     border-top: 1px solid {color:panel two};
  269.     width:205px;
  270.     padding:3px;
  271.     -webkit-transition: all 0.6s ease-in-out;
  272.     -moz-transition: all 0.6s ease-in-out;
  273.     -o-transition: all 0.6s ease-in-out;
  274.     -ms-transition: all 0.6s ease-in-out;
  275.     transition: all 0.6s ease-in-out;
  276.   }
  277.    
  278. .st-panel li:hover {
  279.     background-color: {color:panel two};
  280.     -webkit-transition: all 0.6s ease-in-out;
  281.     -moz-transition: all 0.6s ease-in-out;
  282.     -o-transition: all 0.6s ease-in-out;
  283.     -ms-transition: all 0.6s ease-in-out;
  284.     transition: all 0.6s ease-in-out;
  285. }
  286.  
  287. .st-panel li a:hover{
  288.     background-color: {color:link};
  289.     color:{color:posts};
  290.     -webkit-transition: all 0.6s ease-in-out;
  291.     -moz-transition: all 0.6s ease-in-out;
  292.     -o-transition: all 0.6s ease-in-out;
  293.     -ms-transition: all 0.6s ease-in-out;
  294.     transition: all 0.6s ease-in-out;
  295. }
  296.  
  297. .st-panel li:hover a{color: {color:posts};}
  298.  
  299. .st-scroll {
  300.     top: 0;
  301.     left: 0;
  302.     -webkit-transition: all 0.6s ease-in-out;
  303.     -moz-transition: all 0.6s ease-in-out;
  304.     -o-transition: all 0.6s ease-in-out;
  305.     -ms-transition: all 0.6s ease-in-out;
  306.     transition: all 0.6s ease-in-out;
  307.    
  308.     /* Let's enforce some hardware acceleration */
  309.     -webkit-transform: translate3d(0, 0, 0);
  310.     -webkit-backface-visibility: hidden;
  311. }
  312.  
  313. .st-panel{
  314.     background: {color:posts};
  315.     overflow: hidden;
  316. }
  317.  
  318.  
  319. #desc {
  320.     width: 220px;
  321.     color: {color:text};
  322.     height: 220px;
  323.     padding: 20px;
  324.     margin: 10px;
  325.     margin-top: 20px;
  326.     position: fixed;
  327.     font-family: {font:body};
  328. }
  329.  
  330. #desc a{background-color: {color:link}; text-decoration: none; padding: 3px 4px 3px 5px; font-size: 8px; text-transform: uppercase; font-family: calibri; color: white; font-weight: bold; letter-spacing: 1px; line-height:10px;}
  331.  
  332. #desc img{margin: -30px; width: 280px; z-index: 0; padding-bottom: 50px;}
  333.  
  334.  
  335.  
  336. #st-control-1:checked ~ .st-scroll {
  337.     -webkit-transform: translateY(0%);
  338.     -moz-transform: translateY(0%);
  339.     -o-transform: translateY(0%);
  340.     -ms-transform: translateY(0%);
  341.     transform: translateY(0%);
  342. }
  343. #st-control-2:checked ~ .st-scroll {
  344.     -webkit-transform: translateY(-100%);
  345.     -moz-transform: translateY(-100%);
  346.     -o-transform: translateY(-100%);
  347.     -ms-transform: translateY(-100%);
  348.     transform: translateY(-100%);
  349. }
  350. #st-control-3:checked ~ .st-scroll {
  351.     -webkit-transform: translateY(-200%);
  352.     -moz-transform: translateY(-200%);
  353.     -o-transform: translateY(-200%);
  354.     -ms-transform: translateY(-200%);
  355.     transform: translateY(-200%);
  356. }
  357.  
  358.  
  359.  
  360. /* Content elements */
  361.  
  362. .st-deco{
  363.     width: 100px;
  364.     height: 100px;
  365.     position: absolute;
  366.     top: 0px;
  367.     left: 90px;
  368.     background: #fa96b5;
  369.     -webkit-transform: translateY(-50%) rotate(45deg);
  370.     -moz-transform: translateY(-50%) rotate(45deg);
  371.     -o-transform: translateY(-50%) rotate(45deg);
  372.     -ms-transform: translateY(-50%) rotate(45deg);
  373.     transform: translateY(-50%) rotate(45deg);
  374.  
  375. }
  376.  
  377. [data-icon]:after {
  378.     content: attr(data-icon);
  379.     font-family: calibri;
  380.     color: {color:posts};
  381.     text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
  382.     position: absolute;
  383.     width: 200px;
  384.     height: 200px;
  385.     line-height: 200px;
  386.     text-align: center;
  387.     font-size: 90px;
  388.     top: 50%;
  389.     left: 50%;
  390.     margin: -100px 0 0 -100px;
  391. }
  392.  
  393.  
  394.  
  395. #st-control-1:checked ~ .st-scroll #st-panel-1 h2,
  396. #st-control-2:checked ~ .st-scroll #st-panel-2 h2,
  397. #st-control-3:checked ~ .st-scroll #st-panel-3 h2,
  398. {
  399.     -webkit-animation: moveDown 0.6s ease-in-out 0.2s backwards;
  400.     -moz-animation: moveDown 0.6s ease-in-out 0.2s backwards;
  401.     -o-animation: moveDown 0.6s ease-in-out 0.2s backwards;
  402.     -ms-animation: moveDown 0.6s ease-in-out 0.2s backwards;
  403.     animation: moveDown 0.6s ease-in-out 0.2s backwards;
  404. }
  405. @-webkit-keyframes moveDown{
  406.     0% {
  407.         -webkit-transform: translateY(-40px);
  408.         opacity: 0;
  409.     }
  410.     100% {
  411.         -webkit-transform: translateY(0px);  
  412.         opacity: 1;
  413.     }
  414. }
  415.  
  416. @-moz-keyframes moveDown{
  417.     0% {
  418.         -moz-transform: translateY(-40px);
  419.         opacity: 0;
  420.     }
  421.     100% {
  422.         -moz-transform: translateY(0px);  
  423.         opacity: 1;
  424.     }
  425. }
  426.  
  427. @-o-keyframes moveDown{
  428.     0% {
  429.         -o-transform: translateY(-40px);
  430.         opacity: 0;
  431.     }
  432.     100% {
  433.         -o-transform: translateY(0px);  
  434.         opacity: 1;
  435.     }
  436. }
  437.  
  438. @-ms-keyframes moveDown{
  439.     0% {
  440.         -ms-transform: translateY(-40px);
  441.         opacity: 0;
  442.     }
  443.     100% {
  444.         -ms-transform: translateY(0px);  
  445.         opacity: 1;
  446.     }
  447. }
  448.  
  449. @keyframes moveDown{
  450.     0% {
  451.         transform: translateY(-40px);
  452.         opacity: 0;
  453.     }
  454.     100% {
  455.         transform: translateY(0px);  
  456.         opacity: 1;
  457.     }
  458. }
  459.  
  460. .st-panel p {
  461.     position: absolute;
  462.     text-align: center;
  463.     font-size: 11px;
  464.     line-height: 13px;
  465.     color: #8b8b8b;
  466.     z-index: 2;
  467.     padding: 20px;
  468.     width: 220px;
  469.     top: 105px;
  470.     margin: 10px;
  471.     font-family:trebuchet ms;
  472.     -webkit-backface-visibility: hidden;
  473. }
  474.  
  475.  
  476. .st-panel h2 {
  477.     color: #a65d65;
  478.     text-shadow: 1px 1px 1px #eacec2;
  479.     position: absolute;
  480.     font-size: 30px;
  481.     font-family: 'Lobster';
  482.     text-decoration: none;
  483.     font-weight: normal;
  484.     width: 280px;
  485.     text-align: center;
  486.     line-height: 35px;
  487.     margin: -70px 0 0 0;
  488.     padding: 0;
  489.     top: 150px;
  490.     -webkit-backface-visibility: hidden;
  491. }
  492.  
  493.  
  494. #st-control-1:checked ~ .st-scroll #st-panel-1 p,
  495. #st-control-2:checked ~ .st-scroll #st-panel-2 p,
  496. #st-control-3:checked ~ .st-scroll #st-panel-3 p,
  497. {
  498.     -webkit-animation: moveUp 0.6s ease-in-out 0.2s backwards;
  499.     -moz-animation: moveUp 0.6s ease-in-out 0.2s backwards;
  500.     -o-animation: moveUp 0.6s ease-in-out 0.2s backwards;
  501.     -ms-animation: moveUp 0.6s ease-in-out 0.2s backwards;
  502.     animation: moveUp 0.6s ease-in-out 0.2s backwards;
  503. }
  504.  
  505. @-webkit-keyframes moveUp{
  506.     0% {
  507.         -webkit-transform: translateY(40px);
  508.         opacity: 0;
  509.     }
  510.     100% {
  511.         -webkit-transform: translateY(0px);  
  512.         opacity: 1;
  513.     }
  514. }
  515.  
  516. @-moz-keyframes moveUp{
  517.     0% {
  518.         -moz-transform: translateY(40px);
  519.         opacity: 0;
  520.     }
  521.     100% {
  522.         -moz-transform: translateY(0px);  
  523.         opacity: 1;
  524.     }
  525. }
  526.  
  527. @-o-keyframes moveUp{
  528.     0% {
  529.         -o-transform: translateY(40px);
  530.         opacity: 0;
  531.     }
  532.     100% {
  533.         -o-transform: translateY(0px);  
  534.         opacity: 1;
  535.     }
  536. }
  537.  
  538. @-ms-keyframes moveUp{
  539.     0% {
  540.         -ms-transform: translateY(40px);
  541.         opacity: 0;
  542.     }
  543.     100% {
  544.         -ms-transform: translateY(0px);  
  545.         opacity: 1;
  546.     }
  547. }
  548.  
  549. @keyframes moveUp{
  550.     0% {
  551.         transform: translateY(40px);
  552.         opacity: 0;
  553.     }
  554.     100% {
  555.         transform: translateY(0px);  
  556.         opacity: 1;
  557.     }
  558. }
  559.  
  560. /* Colored sections */
  561.  
  562. .st-color,
  563. .st-deco{
  564.     background: {color:panel two};
  565. }
  566. .st-color [data-icon]:after {
  567.     color: #fa96b5;
  568. }
  569. .st-color .st-deco {
  570.     background: {color:posts};
  571. }
  572.  
  573. .st-color ul {
  574.     width:250px;
  575.     position: absolute;
  576.     text-align: center;
  577.     font-size: 10px;
  578.     line-height: 13px;
  579.     letter-spacing:1px;
  580.     color: #8b8b8b;
  581.     z-index: 2;
  582.     padding: 20px;
  583.     width: 220px;
  584.     left:15px;
  585.     top: 90px;
  586.     font-family:calibri;
  587.     -webkit-backface-visibility: hidden;
  588. }
  589.  
  590. .st-color li {
  591.     border-top: 1px solid {color:background};
  592.     width:205px;
  593.     padding:3px;
  594.     -webkit-transition: all 0.6s ease-in-out;
  595.     -moz-transition: all 0.6s ease-in-out;
  596.     -o-transition: all 0.6s ease-in-out;
  597.     -ms-transition: all 0.6s ease-in-out;
  598.     transition: all 0.6s ease-in-out;
  599.   }
  600.    
  601. .st-color li:hover {
  602.     background-color: {color:background};
  603.     -webkit-transition: all 0.6s ease-in-out;
  604.     -moz-transition: all 0.6s ease-in-out;
  605.     -o-transition: all 0.6s ease-in-out;
  606.     -ms-transition: all 0.6s ease-in-out;
  607.     transition: all 0.6s ease-in-out;
  608. }
  609.  
  610. .st-color li a:hover{
  611.     background-color: {color:link};
  612.     color:{color:posts};
  613.     -webkit-transition: all 0.6s ease-in-out;
  614.     -moz-transition: all 0.6s ease-in-out;
  615.     -o-transition: all 0.6s ease-in-out;
  616.     -ms-transition: all 0.6s ease-in-out;
  617.     transition: all 0.6s ease-in-out;
  618. }
  619.  
  620. .st-color h2 {
  621.     color: #fff;
  622.     text-shadow: 1px 1px 1px rgba(151,24,64,0.2);
  623.     position: absolute;
  624.     font-size: 30px;
  625.     font-family: 'Lobster';
  626.     text-decoration: none;
  627.     font-weight: normal;
  628.     width: 280px;
  629.     text-align: center;
  630.     line-height: 35px;
  631.     margin: -70px 0 0 0;
  632.     padding: 0;
  633.     top: 150px;
  634.     -webkit-backface-visibility: hidden;
  635. }
  636. .st-color p {
  637.     color: #fff;
  638.     text-align:justify;
  639.     font-family:calibri;
  640.     top: 130px;
  641. }
  642.  
  643. @media screen and (max-width: 520px) {
  644.     .st-panel h2 {
  645.         font-size: 42px;
  646.     }
  647.    
  648.     .st-panel p {
  649.         width: 300px;
  650.         left: 5%;
  651.         margin-top: 0;
  652.     }
  653.    
  654.     .st-container > a {
  655.         font-size: 13px;
  656.     }
  657. }
  658. @media screen and (max-width: 360px) {
  659.     .st-container > a {
  660.         font-size: 10px;
  661.     }
  662.    
  663.     .st-deco{
  664.         width: 120px;
  665.         height: 120px;
  666.         margin-left: -60px;
  667.     }
  668.    
  669.     [data-icon]:after {
  670.         font-size: 60px;
  671.         -webkit-transform: rotate(-45deg) translateY(15%);
  672.         -moz-transform: rotate(-45deg) translateY(15%);
  673.         -o-transform: rotate(-45deg) translateY(15%);
  674.         -ms-transform: rotate(-45deg) translateY(15%);
  675.         transform: rotate(-45deg) translateY(15%);
  676.     }
  677. }
  678.  
  679. .clr{
  680.     clear: both;
  681.     padding: 0;
  682.     height: 0;
  683.     margin: 0;
  684. }
  685.  
  686. @import url('normalize.css');
  687. @font-face {
  688.     font-family:calibri;
  689.     font-weight: normal;
  690.     font-style: normal;
  691. }
  692.  
  693.  
  694.  
  695.  
  696. /* ---------- info onhover on posts --------- */
  697.  
  698. #entries:hover .etiquetas {opacity:0.9;}
  699. #entries:hover .perm {opacity:0.9;}
  700. #entries:hover .tex {opacity:0.9;}
  701.  
  702.  
  703. .etiquetas {
  704. position:absolute;
  705. opacity: 0;
  706. width:480px;
  707. padding: 10px;
  708. height: 20px;
  709. margin-top: -42px;
  710. text-transform: uppercase;
  711. letter-spacing:1px;
  712. font-weight: bold;
  713. text-align:right;
  714. -webkit-transition-duration: 0.4s;
  715. -moz-transition-duration: 0.4s;
  716. transition-duration: 0.4s;
  717. font-size:8px;
  718. color:white;
  719. background-color: {color:background};
  720. }
  721.  
  722. .etiquetas a{text-decoration:none; color:white;}
  723.  
  724. .etiquetas a:hover {
  725. background-color: transparent;
  726. color:{color:link hover};
  727. }
  728.  
  729.  
  730. .perm {
  731. position:absolute;
  732. opacity: 0;
  733. width:500px;
  734. padding: 10px;
  735. height: 20px;
  736. margin-left: -10px;
  737. margin-top: -30px;
  738. text-transform: uppercase;
  739. letter-spacing:1px;
  740. font-weight: bold;
  741. text-align:right;
  742. -webkit-transition-duration: 0.4s;
  743. -moz-transition-duration: 0.4s;
  744. transition-duration: 0.4s;
  745. font-size:8px;
  746. color:white;
  747. background-color: {color:background};
  748. }
  749.  
  750. .perm a{text-decoration:none; color:white;}
  751.  
  752. .perm a:hover {
  753. background-color: transparent;
  754. color:{color:link hover};
  755. }
  756.  
  757.  
  758. .tex {
  759. position:absolute;
  760. opacity: 0;
  761. width:500px;
  762. padding: 10px;
  763. height: 20px;
  764. margin-left: -10px;
  765. margin-top: -40px;
  766. text-transform: uppercase;
  767. letter-spacing:1px;
  768. font-weight: bold;
  769. text-align:right;
  770. -webkit-transition-duration: 0.4s;
  771. -moz-transition-duration: 0.4s;
  772. transition-duration: 0.4s;
  773. font-size:8px;
  774. color:white;
  775. background-color: {color:background};
  776. z-index:3;
  777. }
  778.  
  779. .tex a{text-decoration:none; color:white;}
  780.  
  781. .tex a:hover {
  782. background-color: transparent;
  783. color:{color:link hover};
  784. }
  785.  
  786.  
  787.  
  788. /* ---------- index tags --------- */
  789.  
  790.  
  791. #top a:hover {background-color:transparent}
  792. #top a {color:white;}
  793.  
  794. .timeago {text-align: right; position:absolute;}
  795. .timeago a{font-size:30px; line-height: 20px; font-family: arial;}
  796.  
  797.  
  798. .notas {
  799.     margin-left: 150px;
  800.     position:absolute;
  801.     font-weight: bold;
  802.     letter-spacing: 1px;
  803.     margin-top: -4px;
  804.     font-size: 10px;
  805.     font-family:calibri;
  806.     }
  807.    
  808. .notas a{font-size:10px;}
  809.  
  810. .source {
  811.     margin-left: 150px;
  812.     margin-top: 10px;
  813.     font-size: 10px;
  814.     font-weight:bold;
  815.     position:absolute;
  816.     letter-spacing: 1px;
  817.     font-family:calibri;
  818.     color:white;
  819. }
  820.  
  821. .source a{font-size:10px; color:white;}
  822.  
  823.  
  824. #entries:hover .tags {opacity:1;}
  825.  
  826. #permalink {
  827. height: auto;
  828.  width: 510px;
  829.  padding: 5px;
  830.  margin-top: 10px;
  831.  margin-left: -10px;
  832. -webkit-transition: all 0.5s ease-in-out;
  833. -moz-transition: all 0.5s ease-in-out;
  834. -o-transition: all 0.5s ease-in-out;
  835. -ms-transition: all 0.5s ease-in-out;
  836. transition: all 0.5s ease-in-out;
  837. font-family:calibri;
  838. text-transform: uppercase;
  839. font-size:8px;
  840. letter-spacing:1px;
  841. font-weight:bold;
  842. background-color: {color:background};
  843.  }
  844.  
  845.  
  846.  #clear {
  847.      background-color:{color:background};
  848.      height:10px;
  849.      width:520px;
  850.      margin-left: -10px;
  851.      margin-bottom: -10px;
  852. }
  853.  
  854. .tags {
  855.  display: block;
  856.  opacity: 0;
  857.  color: white;
  858.  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
  859. }
  860.  
  861. .tags a{color:white; text-decoration:underline; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  862.  
  863.  #permalink a{font-size:8px;}
  864.  
  865. #permalink a:hover{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color:{color:link};  text-decoration:none; background-color: {color:panel two};}
  866.  
  867.  
  868. /* ---------- permalinks on permalinkpage --------- */
  869.  
  870. #permas {text-align: center;
  871. margin-top: 10px;
  872. letter-spacing: 2px;
  873. padding: 10px;
  874. height: auto;
  875. width: 500px;
  876. margin-left: -10px;
  877. font-size: 9px;
  878. -webkit-transition: opacity 0.6s linear;
  879.  -webkit-transition: all 0.5s ease-out;
  880.  -moz-transition: all 0.5s ease-out;
  881.  transition: all 0.5s ease-out;
  882. text-transform: lowercase;
  883. color: {color:posts};
  884. background-color: {color:background};
  885. }
  886.  
  887.  
  888. #permas a {color:{color:background}; background-color: {color:panel two}; font-family: calibri; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  889.  
  890.  
  891.  
  892.  
  893.  
  894. /* ---------- pagination --------- */
  895.  
  896.  
  897. #pagination {
  898.     width: 270px;
  899.     padding: 5px;
  900.     text-align: center;
  901.     margin-top: 370px;
  902.     position: fixed;
  903.     float: left;
  904.     margin-left: 100px;
  905.     height: auto;
  906.     font-family:calibri;
  907.     font-size:8px;
  908.     text-transform:uppercase;
  909.     letter-spacing:1px;
  910.     font-weight:bold;
  911.     z-index:10000000000000;
  912.  }
  913.  
  914. #pagination a{text-decoration:none; color:{color:posts}; padding: 0px 10px 0px 10px;}
  915.  
  916. #pagination a:hover{background-color:transparent;}
  917.  
  918. .current_page {text-decoration:underline; color:white; padding: 0px 10px 0px 10px;}
  919.  
  920. .pages {padding-bottom:10px;}
  921.  
  922.  
  923. /* ---------- notes on permalinkpage --------- */
  924.  
  925.  
  926. #notes {font-weight:normal; width: 500px; margin-top: -20px;}
  927. #notes li {padding-bottom:0.5em}
  928. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:15px; height:15px;}
  929.  
  930.  
  931.  
  932. /* ---------- quote posts ------- */
  933.  
  934.  
  935. #qsource {font-size: 10px; letter-spacing: 1px; text-align: right; padding-right: 10px; font-style:italic;}
  936.  
  937.  
  938. /* ---------- chat posts --------- */
  939.  
  940. #chat {background-color: #fff; border-left: 5px solid #dedddd; margin: 10px 10px 0 10px; ont-size: 14px;}
  941. .lines {margin-left: 1px;}
  942.  
  943. .line {background-color: {color:permalink}; color: {color:text}; margin-bottom: 1px; padding: 3px 5px;}
  944.                            
  945. .even {background-color: #dedddd;}
  946.  
  947.  
  948.  
  949.  
  950. /* ---------- scrollbar and selection --------- */
  951.  
  952.  
  953. ::-webkit-scrollbar-thumb:vertical {height:100px; background-color:{color:link};}
  954. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:link}; height: 5px;}
  955. ::-webkit-scrollbar {background-color: {color:background}; width:10px;}
  956. ::-moz-selection {background-color:transparent; color:{color:link};}
  957. ::selection {background-color:transparent; color:{color:link};}
  958.  
  959.  
  960. /* ---------- audio posts --------- */
  961.  
  962.  
  963.  #musica {
  964.     width:26px;
  965.     height:30px;
  966.     overflow:hidden;
  967.     position:absolute;
  968.     margin-top:60px;
  969.     margin-left:60px;
  970.     opacity: 0.7;
  971.     -webkit-transition: all 0.6s ease-in-out;
  972.     -moz-transition: all 0.6s ease-in-out;
  973.     -o-transition: all 0.6s ease-in-out;
  974.     -ms-transition: all 0.6s ease-in-out;
  975.     transition: all 0.6s ease-in-out;
  976. }
  977.  
  978. #musica:hover {
  979.     opacity:1;
  980.     -webkit-transition: all 0.6s ease-in-out;
  981.     -moz-transition: all 0.6s ease-in-out;
  982.     -o-transition: all 0.6s ease-in-out;
  983.     -ms-transition: all 0.6s ease-in-out;
  984.     transition: all 0.6s ease-in-out;
  985. }
  986.    
  987.  
  988. #tod {
  989.     height: 150px;
  990.     width: 500px;
  991.     position:relative;
  992.     margin-top: -10px;
  993. }
  994.    
  995.    
  996. #tod p{margin-left: 160px; padding: 9px; font-family:calibri; background-color:{color:background}; color: {color:posts};}
  997.  
  998. #tod b{text-transform:uppercase; font-size:8px; text-decoration:underline;}
  999.  
  1000.  
  1001.  
  1002. /* ---------- question posts --------- */
  1003.  
  1004.  
  1005. #pregunta {
  1006.     background-color: {color:link};
  1007.     border-bottom: 1px solid {color:background};
  1008.     margin-left: -10px;
  1009.     margin-top: -10px;
  1010.     width:500px;
  1011.     padding: 10px;
  1012.     color:{color:posts};
  1013. }
  1014.  
  1015. #pregunta a{color:white;}
  1016.  
  1017. #pregunta img{position:relative;
  1018. border:5px solid {color:background};
  1019. margin: 0px 20px 5px 0px;
  1020. z-index:2;
  1021. }
  1022.  
  1023. .askr {
  1024.     text-transform:uppercase;
  1025.     font-weight:bold;
  1026.     font-style: italic;
  1027.     color: {color:posts};
  1028.     position:relative;
  1029.     padding-left:20px;
  1030. }
  1031.  
  1032. .askr a{text-decoration: underline;}
  1033.  
  1034.  
  1035. .triang {
  1036.     position:absolute;
  1037.     margin-left: 20px;
  1038.     font-size:50px;
  1039.     color: {color:background};
  1040.     margin-top: 6px;
  1041.     z-index:1;
  1042. }
  1043.  
  1044.  
  1045. .ans{position:relative;}
  1046.  
  1047. {CustomCSS}
  1048.  
  1049.    
  1050. </style>
  1051. </head>
  1052. <body>
  1053.  
  1054. <div id="arriba"></div>
  1055.  
  1056. <div id="pagination">{block:Pagination}
  1057.             {block:PreviousPage}
  1058.                 <a href="{PreviousPage}">«</a>
  1059.             {/block:PreviousPage}
  1060.  
  1061.             {block:JumpPagination length="5"}
  1062.                 {block:CurrentPage}
  1063.                     <span class="current_page">{PageNumber}</span>
  1064.                 {/block:CurrentPage}
  1065.  
  1066.                 {block:JumpPage}
  1067.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  1068.                 {/block:JumpPage}
  1069.             {/block:JumpPagination}
  1070.  
  1071.             {block:NextPage}
  1072.                 <a href="{NextPage}">»</a>
  1073.             {/block:NextPage}
  1074.         {/block:Pagination}</div>
  1075.  
  1076. <div id="sidebar">
  1077.  
  1078.  
  1079.  
  1080.     <div class="st-container">
  1081.            
  1082.                 <input type="radio" name="radio-set" checked="checked" id="st-control-1"/><a href="#st-panel-1">index</a>
  1083.                
  1084.                 <input type="radio" name="radio-set" id="st-control-2"/>
  1085.                 <a href="#st-panel-2">{block:ifTwoPanels}links{/block:ifTwoPanels}{block:ifThreePanels}about{/block:ifThreePanels}</a>
  1086.                
  1087.                 {block:ifThreePanels}<input type="radio" name="radio-set" id="st-control-3"/>
  1088.                 <a href="#st-panel-3">links</a>{/block:ifThreePanels}
  1089.                
  1090.            
  1091.                 <div class="st-scroll">
  1092.                
  1093.                     <!-- Placeholder text from http://hipsteripsum.me/ -->
  1094.                    
  1095.                     <section class="st-panel" id="st-panel-1">
  1096.                         <div class="st-deco"></div>
  1097.                         <div id="desc">
  1098.                         <img src="{image:sidebar}">
  1099.                         <br>{Description}<br><br>
  1100.                             <a href="/">refresh</a>
  1101.                             <a href="/ask">message</a>
  1102.                             <a href="/archive" target="_blank">archive</a>
  1103.                             <a href="http://boavistas.tumblr.com" target="_blank">&copy; theme</a>
  1104.                            
  1105.                         </div></section>
  1106.                    
  1107.                     <section class="st-panel st-color" id="st-panel-2">
  1108.                         <div class="st-deco"></div>
  1109.                        
  1110. {block:ifThreePanels}
  1111.                         <h2>{text:panel two title}</h2>
  1112.                         <p>Extra space for any additional information about yourself, your blog, or whatsoever. Its use is up to you. <i>I'll never lose you</i> comes with options for two or three panels, according to your preference. This is the optional panel. The third one contains space for up to six links.</p>
  1113. {/block:ifThreePanels}
  1114.  
  1115.  
  1116. {block:ifTwoPanels}
  1117.                         <ul>
  1118. <li><a href="{text:link one}">{text:title link 1}</a></li>
  1119. <li><a href="{text:link two}">{text:title link 2}</a></li>
  1120. <li><a href="{text:link tres}">{text:title link 3}</a></li>
  1121. <li><a href="{text:link four}">{text:title link 4}</a></li>
  1122. <li style="border-bottom: 1px solid {color:background}"><a href="{text:link five}">{text:title link 5}</a></li>
  1123.                         </ul>  
  1124. {block:ifTwoPanels}
  1125.                        
  1126.                     </section>
  1127.                    
  1128. {block:ifThreePanels}
  1129.                     <section class="st-panel" id="st-panel-3">
  1130.                         <div class="st-deco"></div>
  1131.                        
  1132.                         <ul>
  1133. <li><a href="{text:link one}">{text:title link 1}</a></li>
  1134. <li><a href="{text:link two}">{text:title link 2}</a></li>
  1135. <li><a href="{text:link tres}">{text:title link 3}</a></li>
  1136. <li><a href="{text:link four}">{text:title link 4}</a></li>
  1137. <li style="border-bottom: 1px solid {color:panel two}"><a href="{text:link five}">{text:title link 5}</a></li>
  1138.                         </ul>
  1139.                        
  1140.                     </section>
  1141.                    
  1142. {/block:ifThreePanels}
  1143.                                    
  1144.  
  1145.                 </div><!-- // st-scroll -->
  1146.                
  1147.             </div><!-- // st-container -->
  1148.  
  1149.  
  1150. </div>
  1151.  
  1152.  
  1153.  
  1154. <div id="content">
  1155. {block:Posts}
  1156.  
  1157. <div id="entries">
  1158.  
  1159.  
  1160. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  1161.  
  1162. {block:IndexPage}
  1163. <div id="top">
  1164. <div class="tex">
  1165. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1166. </div>
  1167. </div>
  1168. {/block:IndexPage}
  1169.  
  1170. {/block:Text}
  1171.  
  1172.  
  1173. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1174.  
  1175. {block:IndexPage}
  1176. <div id="top">
  1177. <div class="etiquetas">
  1178. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1179. </div>
  1180. </div>
  1181. {/block:IndexPage}
  1182.  
  1183. {block:Caption}{Caption}{/block:Caption}
  1184. {/block:Photo}
  1185.  
  1186.  
  1187. {block:Photoset}{Photoset-500}
  1188.  
  1189. {block:IndexPage}
  1190. <div id="top">
  1191. <div class="etiquetas">
  1192. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1193. </div>
  1194. </div>
  1195. {/block:IndexPage}
  1196.  
  1197. {block:Caption}{Caption}{/block:Caption}
  1198. {/block:Photoset}
  1199.  
  1200.  
  1201. {block:Quote}<h2><big>❝</big> {Quote}</h2>{block:Source}<div id="qsource">—{Source}</div>{/block:Source}
  1202.  
  1203. {block:IndexPage}
  1204. <div id="top">
  1205. <div class="perm">
  1206. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1207. </div>
  1208. </div>
  1209. {/block:IndexPage}
  1210.  
  1211. {/block:Quote}
  1212.  
  1213.  
  1214. {block:Link}<a href="{URL}" class="link" {Target}><h3>→ {Name}</h3></a>
  1215. {block:Description}{Description}{/block:Description}
  1216.  
  1217. {block:IndexPage}
  1218. <div id="top">
  1219. <div class="tex">
  1220. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1221. </div>
  1222. </div>
  1223. {/block:IndexPage}
  1224.  
  1225. {/block:Link}
  1226.  
  1227.  
  1228. {block:Chat}{block:Title}<div class="ctitle">{Title}</div>{/block:Title}<div class="id">                            <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div><div class="clear"></div>
  1229.  
  1230. {block:IndexPage}
  1231. <div id="top">
  1232. <div class="perm">
  1233. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1234. </div>
  1235. </div>
  1236. {/block:IndexPage}
  1237.  
  1238. {/block:Chat}
  1239.  
  1240.  
  1241. {block:Video}{Video-500}
  1242.  
  1243. {block:IndexPage}
  1244. <div id="top">
  1245. <div class="etiquetas">
  1246. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1247. </div>
  1248. </div>
  1249. {/block:IndexPage}
  1250.  
  1251. {block:Caption}{Caption}{/block:Caption}
  1252. {/block:Video}
  1253.  
  1254. {block:Audio}
  1255. <div id="tod"><div id= "musica">{AudioPlayerWhite}</div>
  1256. {block:AlbumArt}
  1257. <img src="{AlbumArtURL}" width="150" align="left">
  1258. {/block:AlbumArt}
  1259. {block:TrackName}<p><b>Audio</b>: {TrackName}</p>{/block:TrackName}
  1260. {block:Artist}<p><b>Artist</b>: {Artist}</p>{/block:Artist}
  1261. {block:Album}<p><b>Album</b>: {Album}</p>{/block:Album}
  1262. <p><i>played {PlayCount} times</i></p>
  1263. </div>
  1264.  
  1265. {block:IndexPage}
  1266. <div id="top">
  1267. <div class="perm">
  1268. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1269. </div>
  1270. </div>
  1271. {/block:IndexPage}
  1272.  
  1273. {block:Caption}{Caption}{/block:Caption}
  1274.  
  1275. {/block:Audio}
  1276.  
  1277.  
  1278. {block:Answer}<div id="pregunta"><img src="{AskerPortraitURL-30}" align="left"/><div class="triang">▶</div><div class="askr">{Asker} asked:</div>{Question}</div><div class="ans">{Answer}</div>
  1279.  
  1280. {block:IndexPage}
  1281. <div id="top">
  1282. <div class="tex">
  1283. <div class="timeago"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}{ShortMonth}{ShortYear}</a></div>{block:NoteCount}<div class="notas">with <a href="{Permalink}" target="_blank">{NoteCountwithLabel}</div>{/block:NoteCount}</a> <div class="source">{block:RebloggedFrom}&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>, @ <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  1284. </div>
  1285. </div>
  1286. {/block:IndexPage}
  1287.  
  1288. {/block:Answer}
  1289.  
  1290.  
  1291. {block:IndexPage}<div id="permalink"><div class="tags">{block:HasTags}{block:Tags}#<a href="/tagged/{Tag}" title="everything tagged as {Tag}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div></div>
  1292. <div id="clear"></div>
  1293. {/block:IndexPage}
  1294.  
  1295. {block:Date}{block:PermalinkPage}<div id="permas"><a href="{Permalink}" target="_blank">Posted on {DayOfWeek} {DayOfMonth}{DayOfMonthSuffix}, {Month} {Year}{block:NoteCount} with {NoteCountWithLabel} {/block:NoteCount}</a>{block:RebloggedFrom} <br><a href="{ReblogParentURL}">&nbsp;reblogged from {ReblogParentName}&nbsp;</a><a href="{ReblogRootURL}">&nbsp;originally by {ReblogRootName}&nbsp;</a>{/block:RebloggedFrom}<br>{block:HasTags}<i>{block:Tags}<a href="/tagged/{Tag}">&nbsp;{Tag}&nbsp;</a>{/block:Tags}</i>{/block:HasTags}</div>{/block:PermalinkPage}{/block:Date}
  1296.  
  1297.  
  1298.  
  1299. </div>
  1300.  
  1301.  
  1302. {block:Pages}
  1303.  
  1304. {/block:Pages}
  1305.  
  1306. {/block:Posts}
  1307.  
  1308.  
  1309. {block:PostNotes}{block:RebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom},{block:ContentSource} Original posted by: <a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}<div id="notes">{PostNotes}</div><br>{/block:PostNotes}
  1310.  
  1311.  
  1312. </div></div>
  1313.  
  1314.  
  1315.    
  1316.     <script src="http://tympanus.net/codrops/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>
  1317.  
  1318.  
  1319.  
  1320.  
  1321. </body>
  1322. </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!