API tools faq
paste
Advertisement
boavistas

Theme V by sibunas

boavistas
Jun 7th, 2014
1,198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 21.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.     <head>
  5.    
  6. <!-----------------------------------------------------------------------
  7.  
  8. © sibunas, 2014.
  9. More themes by sibunas @ http://boavistas.tumblr.com
  10.  
  11. Do not redistribute or claim as your own ANY fraction of this coding.
  12.  
  13. Navigation icons by ninpen
  14. Pop-up menu by starious
  15.  
  16. NOTE: if the available links are too many for you, delete all the content of the appearance option of those links you do not want.
  17.  
  18. ------------------------------------------------------------------------->
  19.    
  20.    
  21. <title>{block:SearchPage}{SearchResultCount} results for {SearchQuery} on {/block:SearchPage}{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23. <link rel="shortcut icon" href="{Favicon}" />
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'>
  27. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic' rel='stylesheet' type='text/css'>
  28.  
  29.  
  30.     <meta name="color:background" content="#fff" />
  31.     <meta name="color:text" content="#000" />
  32.     <meta name="color:footer" content="#000" />
  33.     <meta name="color:triangle I" content="#4F5A7F" />
  34.     <meta name="color:triangle II" content="#7788BF" />
  35.     <meta name="color:triangle III" content="#9FB5FF" />
  36.     <meta name="color:triangle IV" content="#8FA3E5" />
  37.     <meta name="color:accent" content="#3E4663" />
  38.    
  39.     <meta name="image:sidebar" content="" />
  40.     <meta name="image:background" content="" />
  41.    
  42.     <meta name="if:Ask PopUp" content="1" />
  43.     <meta name="if:Show searchbar" content="1" />
  44.     <meta name="if:Show updates" content="1" />
  45.     <meta name="if:SidebarLinks" content="1" />
  46.    
  47.     <meta name="text:Your username" content="" />
  48.     <meta name="text:Ask prompt" content="Ask me something" />
  49.     <meta name="text:Updates" content="Your updates go here" />
  50.    
  51.     <meta name="text:Extra link 1" content="/" />
  52.     <meta name="text:Extra link 1 title" content="link" />
  53.     <meta name="text:Extra link 2" content="/" />
  54.     <meta name="text:Extra link 2 title" content="link" />
  55.     <meta name="text:Extra link 3" content="/" />
  56.     <meta name="text:Extra link 3 title" content="link" />
  57.     <meta name="text:Extra link 4" content="/" />
  58.     <meta name="text:Extra link 4 title" content="link" />
  59.     <meta name="text:Extra link 5" content="/" />
  60.     <meta name="text:Extra link 5 title" content="link" />
  61.     <meta name="text:Extra link 6" content="/" />
  62.     <meta name="text:Extra link 6 title" content="link" />
  63.    
  64.     <meta name="text:Side link 1" content="/" />
  65.     <meta name="text:Side link 1 title" content="link" />
  66.     <meta name="text:Side link 2" content="/" />
  67.     <meta name="text:Side link 2 title" content="link" />
  68.     <meta name="text:Side link 3" content="/" />
  69.     <meta name="text:Side link 3 title" content="link" />
  70.     <meta name="text:Side link 4" content="/" />
  71.     <meta name="text:Side link 4 title" content="link" />
  72.     <meta name="text:Side link 5" content="/" />
  73.     <meta name="text:Side link 5 title" content="link" />
  74.    
  75.    
  76.  
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("a[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:90,
  85. tip_fade_speed:600,
  86. attribute:"title"
  87. });
  88. });
  89. })(jQuery);
  90. </script>
  91.  
  92. <script type="text/javascript"
  93. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  94.  
  95. <script>
  96.  
  97.  
  98.  
  99. $(document).ready(function() {
  100.  
  101.     //
  102.  
  103.  
  104.  
  105. //When you click on a link with class of poplight and the href starts with a #
  106.  
  107. $('a.poplight[href^=#]').click(function() {
  108.  
  109.     var popID = $(this).attr('rel'); //Get Popup Name
  110.  
  111.     var popURL = $(this).attr('href'); //Get Popup href to define size
  112.  
  113.  
  114.  
  115.     //Pull Query & Variables from href URL
  116.  
  117.    var query= popURL.split('?');
  118.  
  119.     var dim= query[1].split('&');
  120.  
  121.     var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  122.  
  123.  
  124.  
  125.     //Fade in the Popup and add close button
  126.  
  127.     $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  128.  
  129.  
  130.     //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
  131.  
  132.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  133.  
  134.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  135.  
  136.  
  137.  
  138.     //Apply Margin to Popup
  139.  
  140.     $('#' + popID).css({
  141.  
  142.         'margin-top' : -popMargTop,
  143.  
  144.         'margin-left' : -popMargLeft
  145.  
  146.     });
  147.  
  148.  
  149.  
  150.     //Fade in Background
  151.  
  152.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  153.  
  154.     $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  155.  
  156.  
  157.  
  158.     return false;
  159.  
  160. });
  161.  
  162.  
  163.  
  164. //Close Popups and Fade Layer
  165.  
  166. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  167.  
  168.     $('#fade , .popup_block').fadeOut(function() {
  169.  
  170.         $('#fade, a.close').remove();  //fade them both out
  171.  
  172.     });
  173.  
  174.     return false;
  175.  
  176. });
  177.  
  178.  
  179.  
  180.  
  181.  
  182. });
  183.  
  184. </script>
  185.  
  186. <style type="text/css">
  187.  
  188. #s-m-t-tooltip {
  189.     margin: 10px 8px 20px 25px;
  190.     background: black;
  191.     z-index:99999999;
  192.     font-family: calibri;
  193.     text-transform: uppercase;
  194.     font-size: 8px;
  195.     letter-spacing: 2px;
  196.     color: white;
  197.     padding:5px;
  198.     display: inline-block;
  199. }
  200.  
  201. #content {
  202.     margin: 50px 0px 150px 550px;
  203. }
  204.  
  205. body {
  206.     background: {color:background} fixed top left url('{image:background}') repeat;
  207.     font-family: 'Yanone Kaffeesatz', sans-serif;
  208.     color: {color:text};
  209.     font-size: 14px;
  210.     line-height: 110%;
  211.     text-align: justify;
  212.     }
  213.  
  214. a {
  215.     text-decoration: none;
  216.     font-weight: bold;
  217.     color: {color:accent};
  218.     -webkit-transition: all 0.5s ease-out;
  219.     }
  220.  
  221. a:hover{cursor:help; color: {color:triangle I};}
  222.  
  223. blockquote {width: 80%; border-left: 5px solid {color:accent}; padding-left: 5px;}
  224. blockquote img{max-width: 300px;}
  225. b,strong {font-weight: 700;}
  226.  
  227. #entries {width: 500px;}
  228.  
  229. h1 {color: white; font-size: 24px; line-height: 28px; font-weight: 700; text-transform: uppercase; margin: 0px 25px; font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing: 2px; width: 40%; text-align: center;}
  230.  
  231.  
  232. #footer{
  233.     position:fixed;
  234.     left:0px;
  235.     bottom:0px;
  236.     height:30px;
  237.     padding: 25px 0px;
  238.     width:100%;
  239.     background: {color:footer};
  240.     opacity: 0.95;
  241.     z-index: 997;
  242. }
  243.  
  244. #triangle{
  245. width:130px;
  246. height:130px;
  247. position: fixed;
  248. left: 50%;
  249. margin-left: -55px;
  250. bottom: 0px;
  251. font-size: 80px;
  252. font-family: calibri;
  253. z-index: 999;
  254. color: white;
  255. }
  256.  
  257. #triangle a{color: white;}
  258. #triangle img {-webkit-filter: invert(100%);}
  259.  
  260. #tri{
  261. position:relative;
  262. width: 0;
  263. height: 0;
  264. border-left: 25px solid transparent;
  265. border-right: 25px solid transparent;
  266. }
  267.  
  268. #tri2{
  269. position:relative;
  270. width: 0;
  271. height: 0;
  272. border-left: 25px solid transparent;
  273. border-right: 25px solid transparent;
  274. border-top: 50px solid {color:triangle III};
  275. }
  276.  
  277. #tri,#tri2 {position:absolute;}
  278.  
  279. .tri1, .tri2, .tri3, .tri4{
  280. width:50px;
  281. height:50px;
  282. display:block;
  283. }
  284.  
  285. .tri1{
  286. margin:0 0 0 35px;
  287. border-bottom: 50px solid {color:triangle I};
  288. }
  289.  
  290. .tri2 {
  291. margin:50px 0 0 10px;
  292. border-bottom: 50px solid {color:triangle II};
  293. }
  294.  
  295. .tri3 {
  296. position:relative;
  297. margin:50px 0 0 35px;
  298. }
  299.  
  300. .tri4 {
  301. margin:50px 0 0 60px;
  302. border-bottom: 50px solid {color:triangle IV};
  303. }
  304.  
  305. .icons{
  306. width:10px;
  307. height:10px;
  308. position:absolute;
  309. top: 2px;
  310. left:-5px;
  311. }
  312.  
  313. .icon{
  314. width:20px;
  315. height:10px;
  316. position:absolute;
  317. bottom:30px;
  318. left:-10px;
  319. text-align: center;
  320. font:10px calibri;
  321. }
  322.  
  323.  
  324.  
  325. .pagination {
  326.     text-align: center;
  327.     font-family: calibri;
  328.     font-size: 8px;
  329.     letter-spacing: 1px;
  330.     font-weight: bold;
  331.     padding-bottom: 5px;
  332.  }
  333.  
  334. .pagination a{text-decoration:none; padding: 0px 10px 0px 10px;}
  335.  
  336. .current_page {text-decoration:underline; padding: 0px 10px 0px 10px; color: {color:accent};}
  337.  
  338. .pages {padding-bottom:10px;}
  339.  
  340.  
  341.  
  342. #circle {
  343.     position: fixed;
  344.     width: 120px;
  345.     height: 120px;
  346.     border-radius: 120px;
  347.     background: {color:footer};
  348.     z-index: 1;
  349.     bottom: 9px;
  350.     left: 50%;
  351.     margin-left: -55px;
  352.     z-index: 998;
  353.     box-shadow: 0px 0px 20px 2px {color:footer};
  354. }
  355.  
  356. #extra {
  357.     text-align: center;
  358.     font-size: 9px;
  359.     width: 300px;
  360.     left: 65%;
  361.     bottom: 35px;
  362.     position: fixed;
  363. }
  364.  
  365. #extra a {color: white; background: {color:footer}; padding: 2px 5px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-family: calibri; margin: 2px 3px;}
  366. #extra a:hover {background: {color:accent}; height: 50px; margin-top: -50px; padding: 50px 5px; margin-top: -50px;}
  367.  
  368.  
  369.  
  370. #sidebar {
  371.     position: fixed;
  372.     margin-left: 150px;
  373.     margin-top: 50px;
  374.     z-index: 2;
  375.     width: 200px;
  376.     overflow: hidden;
  377. }
  378.  
  379. .desc {font-size: 14px; line-height: 15px; margin-top: 10px;}
  380. .desc a {color: white; background: {color:accent}; padding: 2px 5px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-family: calibri; margin: 2px 3px; font-size: 9px;}
  381. #extra a:hover {background: {color:triangle III};}
  382.  
  383.  
  384.  
  385. #permalink {margin-bottom: 80px; width: 490px; padding: 5px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; font-family: calibri; text-align: right;}
  386.  
  387. #permalink i {letter-spacing: 2px; padding: 0px 2px; font-family: calibri;}
  388.  
  389. iframe#tumblr_controls {
  390. top: 0% !important;
  391. right:0% !important;
  392. position: fixed !important;
  393. }
  394.  
  395. /* ---------- quote posts ------- */
  396.  
  397.  
  398. #qsource {text-align: right; padding-right: 10px; font-size: 12px; font-style: normal;}
  399.  
  400. h2 {background: {color:triangle III}; padding: 20px; text-align: center; color: white; letter-spacing: 1px; font-weight: 300; font-style: italic; font-size: 18px; line-height: 22px; font-family: 'Roboto Condensed', sans-serif; margin-bottom: 0px;}
  401.  
  402. sub {font-size: 11px;}
  403. sub b, strong, i, em {text-decoration: none; font-family: 'Yanone Kaffeesatz', sans-serif;}
  404.  
  405. /* ---------- chat posts --------- */
  406.  
  407. .linea {background-color: {color:triangle IV}; color: white; margin-bottom: 1px; padding: 5px; font-size: 11px; letter-spacing: 1px;}
  408.                            
  409. .even {background-color: {color:accent};}
  410.  
  411. #chat b, strong {font-family: calibri; font-size: 9px; text-transform: uppercase; text-decoration: underline;}
  412.  
  413.  
  414.  
  415. /* ---------- scrollbar and selection --------- */
  416.  
  417.  
  418. ::-webkit-scrollbar-thumb {background: {color:triangle III}; border: 6px solid {color:footer};}
  419. ::-webkit-scrollbar{background: {color:footer}; width:15px;  border: 4px solid {color:footer};}
  420. ::-webkit-selection {background-color:transparent; color: {color:accent};}
  421.  
  422.  
  423.  
  424. /* ---------- audio posts --------- */
  425.  
  426.  .inf {
  427.     margin-left: 150px;
  428.     padding-top: 5px;
  429.     font-size: 12px;
  430.     line-height: 16px;
  431.     background: black;
  432.     color: white;
  433.     height: 195px;
  434.     text-align: center;
  435.     letter-spacing: 1px;
  436. }
  437.  
  438. .box {
  439.     background: white;
  440.     position: absolute;
  441.     z-index: 500;
  442.     margin-top: 80px;
  443.     margin-left: 80px;
  444.     border-radius: 30px;
  445.     opacity: 0.7;
  446.     -webkit-transition: all 0.6s ease-in-out;
  447.      transition: all 0.6s ease-in-out;
  448. }
  449.  
  450. .box:hover {opacity: 0.9;}
  451.    
  452.  
  453.  
  454. .musica {
  455.    position: relative;
  456.    width: 20px;
  457.    height: 30px;
  458.    overflow: hidden;
  459.    z-index: 500;
  460.    margin: 10px 19px 8px 11px;
  461. }
  462.  
  463.  
  464. #tod {height:200px; width:500px; position:relative; margin-bottom:10px;}
  465.  
  466. #tod b{text-decoration:underline; text-transform: uppercase;}
  467.  
  468.  
  469. h4 {font-size: 25px; text-transform: uppercase; font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing: 2px; line-height: 26px; margin-bottom: 0px;}
  470.  
  471. #notes ol {list-style: none; font-family: calibri; font-size: 9px; text-transform: uppercase; padding-left: 0px; width: 500px;}
  472. #notes img {width: 10px; border-radius: 10px; margin-right: 5px;}
  473.  
  474. /* ---------- question posts --------- */
  475.  
  476.  
  477. #pregunta {
  478.     background: black;
  479.     color: white;
  480.     width:470px;
  481.     padding:15px;
  482.     padding-bottom: 25px;
  483.     letter-spacing: 1px;
  484.     font-size: 8px;
  485.     text-transform: uppercase;
  486.     font-family: calibri;
  487.     text-align: center;
  488. }
  489.  
  490. #pregunta a{color: white; text-transform:uppercase; font-weight:bold; text-decoration:underline;}
  491.  
  492. #perma {background: black; color: white; padding: 20px; width: 460px; text-align: right; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; line-height: 16px;}
  493. #perma a{color:white;}
  494.  
  495. #sr {opacity: 0;}
  496. #cred{margin-bottom: 10px; margin-right: 10px; background: black; padding: 5px; position: fixed;}
  497. #cred a{color: white;}
  498.  
  499. #fade {
  500.     display: none;
  501.     background: black;
  502.     position: fixed;
  503.     left: 0;
  504.     top: 0;
  505.     width: 100%;
  506.     height: 100%;
  507.     opacity: .95;
  508.     z-index: 9999;
  509. }
  510.  
  511. .popup_block{
  512.     display: none;
  513.     background: white;
  514.     padding: 20px;
  515.     float: left;
  516.     position: fixed;
  517.     top: 50%;
  518.     left: 50%;
  519.     z-index: 99999;
  520. }
  521.  
  522. img.btn_close {float: right; margin: -55px -55px 0 0; opacity: 0;}
  523.  
  524.  
  525. .search {margin-top: 5px;}
  526.  
  527. input[type=text]{
  528.     letter-spacing: 1px;
  529.     font-family: 'Roboto Condensed', sans-serif;
  530.     font-size: 12px;
  531.     margin-top: 10px;
  532.     border: 1px solid {color:triangle III};
  533.     padding: 5px 5px 5px 25px;
  534.     background: url('http://www.mricons.com/store/png/124267_43272_128_monotone_search_zoom_icon.png') no-repeat white;
  535.     background-size: 15px;
  536.     background-position: 3% 50%;
  537.     font-style: italic;
  538.     width: 142px;
  539. }
  540.  
  541. input[type=submit] {
  542.     background: {color:footer};
  543.     font-family: 'Yanone Kaffeesatz', sans-serif;
  544.     height: 28px;
  545.     padding: 5px;
  546.     border: 1px solid {color:footer};
  547.     border-bottom: none;
  548.     margin-left: -2px;
  549.     color: white;
  550.     font-weight: 700;
  551.     letter-spacing: 1px;
  552. }
  553.  
  554.  
  555. {CustomCSS}
  556. </style>
  557.  
  558.  
  559.  
  560. </head>
  561. <body>
  562.  
  563. <div id="sidebar">
  564.  
  565. <center><font size="4">
  566. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">
  567. <span style="color: {color:accent}">◄</span></a>
  568. &nbsp;&nbsp;{/block:PreviousPage}{/block:Pagination}
  569. <span style="color: {color:triangle IV}">▼</span>
  570. <span style="color: {color:triangle III}">▲</span>
  571. <span style="color: {color:triangle II}">▼</span>
  572. <span style="color: {color:triangle IV}">▲</span>
  573. <span style="color: {color:triangle III}">▼</span>
  574. <span style="color: {color:triangle II}">▲</span>
  575. {block:Pagination}{block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">
  576. <span style="color: {color:accent}">►</span></a>{/block:NextPage}{/block:Pagination}
  577. </font></center><br>
  578.  
  579.        
  580. <img src="{image:sidebar}">
  581.  
  582.     <div class="desc">{Description}
  583.         {block:ifSidebarLinks}<p><center>
  584.         <a href="{text:Side link 1}">{text:Side link 1 title}</a>
  585.         <a href="{text:Side link 2}">{text:Side link 2 title}</a>
  586.         <a href="{text:Side link 3}">{text:Side link 3 title}</a>
  587.         <a href="{text:Side link 4}">{text:Side link 4 title}</a>
  588.         <a href="{text:Side link 5}">{text:Side link 5 title}</a>
  589.         </center>{/block:ifSidebarLinks}
  590.        
  591.     </div><!--desc-->
  592.    
  593. {block:ifShowSearchbar}
  594.     <div class="search"><form action="/search" method="get">
  595.     <input type="text" name="q" value="{SearchQuery}" placeholder="I'm looking for..."/>
  596.     <input type="submit" value="GO"/>
  597. </form></div><!--search-->
  598. {/block:ifShowSearchbar}
  599.    
  600. {block:ifShowUpdates}<br><span style="padding: 5px; background: {color:background};"><b>UPDATES</b> </span><div style="margin-top: -15px; margin-left: 50px"> <marquee behavior="scroll" width="150" direction="left" scrollamount="2">{text:Updates}</marquee></div>{/block:ifShowUpdates}
  601.  
  602.    
  603. </div><!--sidebar-->
  604.  
  605.  
  606.  
  607. <div id="content">
  608.  
  609. {block:NoSearchResults}<h3>No results were found</h3>{/block:NoSearchResults}
  610.  
  611. {block:Posts}
  612. <div id="entries">
  613.  
  614. <!------------------------------TEXT------------------------------>
  615.  
  616. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}
  617.  
  618. {/block:Text}
  619.  
  620.  
  621. <!----------------------------QUOTE---------------------------->
  622.  
  623. {block:Quote}<h2><big>❝</big> {Quote}{block:Source}<div id="qsource">—{Source}</div>{/block:Source}</h2>
  624.  
  625. {/block:Quote}
  626.  
  627.  <!-----------------------------LINK----------------------------->
  628.  
  629. {block:Link}<a href="{URL}"><h2>→ {Name}</h2></a>
  630. {block:Description}{Description}{/block:Description}
  631. {/block:Link}
  632.  
  633.  
  634. <!------------------------------CHAT------------------------------>
  635.  
  636. {block:Chat}
  637. {block:Title}<h3>{Title}</h3>{/block:Title}
  638. <div id="chat">
  639. {block:Lines}
  640. <div class="linea {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  641. {/block:Lines}
  642. </div>
  643. {/block:Chat}
  644.  
  645.  
  646.  
  647.  <!------------------------------AUDIO------------------------------>
  648.  
  649. {block:Audio}
  650. <div id="tod">
  651.  
  652. <div class="box">
  653. <div class="musica">
  654. {block:AudioPlayer}
  655. {AudioPlayerWhite}
  656. {/block:AudioPlayer}    
  657. </div></div><!--musica-->
  658.  
  659. {block:AlbumArt}
  660. <img src="{AlbumArtURL}" width="200" style="position: relative" align="left">
  661. {/block:AlbumArt}
  662.  
  663. <div class="inf">
  664. {block:TrackName}<h4>{TrackName}</h4><br>{/block:TrackName}<span style="font-size: 25px; letter-spacing: -8px">▲▼▲▼▲</span><br><br>
  665. {block:Artist}<b>Artist</b>: {Artist}<br>{/block:Artist}
  666. {block:Album}<b>Album</b>: {Album}<br>{/block:Album}
  667. <i>played {PlayCount} times</i>
  668. </div><!--inf-->
  669.  
  670. </div><!--tod-->
  671.  
  672. {block:Caption}{Caption}{/block:Caption}
  673.  
  674. {/block:Audio}
  675.  
  676.  
  677. <!---------------------------QUESTIONS--------------------------->
  678.  
  679. {block:Answer}<div id="pregunta">
  680.  
  681. <font style="text-transform:uppercase; font-weight:bold; text-decoration:underline;">{Asker} asked:</font> {Question}</div> <img src="{AskerPortraitURL-24}" align="left" style="margin-left: 235px; border: 3px solid {color:accent}; border-radius: 24px; margin-top: -15px; position: absolute;"/> <br>{Answer}{/block:Answer}
  682.  
  683.  
  684. <!-----------------------------PHOTOS----------------------------->
  685.  
  686. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  687. {block:Caption}{Caption}{/block:Caption}
  688. {/block:Photo}
  689.  
  690.  
  691.  
  692. {block:Photoset}{Photoset-500}
  693. {block:Caption}{Caption}{/block:Caption}
  694. {/block:Photoset}
  695.  
  696.  
  697. {block:Video}{Video-500}
  698. {block:Caption}{Caption}{/block:Caption}
  699. {/block:Video}
  700.  
  701.  
  702.  
  703.  
  704. {block:PermalinkPage}
  705. {block:Date}
  706. <div id="perma">
  707.     Posted {TimeAgo}, on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}<br>{block:HasTags}Filed under:{block:Tags} <i><a href="{TagURL}">{Tag}</a></i>, {/block:Tags}{/block:HasTags}<br>{block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>, originally posted by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>{/block:RebloggedFrom}
  708. </div>
  709. {/block:Date}
  710. {block:PermalinkPage}
  711.  
  712. {block:PostNotes}<div id="sr">{block:ContentSource} {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}"alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div><div id="notes">{PostNotes}</div><br>{/block:PostNotes}
  713.  
  714.  
  715. </div><!--entries-->
  716.  
  717. {block:IndexPage}
  718. <div id="permalink">
  719.  
  720.  
  721. {block:Date}<div style="margin-right: 40px;"><a href="{Permalink}" target="_blank">{DayofMonthWithZero}.{ShortMonth}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{block:HasTags}— {block:Tags}<i><a href="{TagURL}">{Tag}</a></i> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  722.  
  723. <div style="margin-top: -15px;"><font size="4"><a href="{ReblogURL}" title="reblog"><span style="color: {color:triangle II}">●</span></a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="via {ReblogParentName}">{/block:RebloggedFrom}<span style="color: {color:triangle IV}">●</span>{block:RebloggedFrom}</a><a href="{ReblogRootURL}" title="by {ReblogRootName}">{/block:RebloggedFrom}<span style="color: {color:triangle III}">●</span>{block:RebloggedFrom}</a>{block:RebloggedFrom}</font></div>
  724.    
  725. </div><!--permalink-->
  726. {/block:IndexPage}
  727.  
  728.  
  729.  
  730. {/block:Posts}
  731.  
  732. </div><!--content-->
  733.  
  734. <div id="footer">
  735.     <h1>{Title}</h1>
  736.    
  737.     <div id="extra">
  738.            <a href="{text:Extra link 1}">{text:Extra link 1 title}</a>
  739.            <a href="{text:Extra link 2}">{text:Extra link 2 title}</a>
  740.            <a href="{text:Extra link 3}">{text:Extra link 3 title}</a>
  741.            <a href="{text:Extra link 4}">{text:Extra link 4 title}</a>
  742.            <a href="{text:Extra link 5}">{text:Extra link 5 title}</a>
  743.            <a href="{text:Extra link 6}">{text:Extra link 6 title}</a>
  744.            <a href="http://boavistas.tumblr.com">theme</a>
  745.        </div><!--extra-->
  746.        
  747. </div><!--footer-->
  748.  
  749. <div id="triangle">
  750.    
  751. <div id="tri" class="tri1">
  752. <div class="icons"><a href="/" title="home"><img src="http://imgur.com/Q8pFQHe.jpg"></a></div></div>
  753.  
  754. <div id="tri" class="tri2"><div class="icons">{block:IfAskPopUp}<a href="#?w=500" rel="popup_name" class="poplight" title="message">{/block:IfAskPopUp}{block:IfNotAskPopUp}<a href="/ask">{block:IfNotAskPopUp}<img src="http://imgur.com/bM0Kcxo.jpg"></a></div></div>
  755.  
  756. <div id="tri2" class="tri3"><div class="icon">{block:Pagination}{CurrentPage}{/block:Pagination}</div></div>
  757.  
  758. <div id="tri" class="tri4"><div class="icons"><a href="/archive" title="archive"><img src="http://imgur.com/032CgNy.jpg"></a></div></div>
  759. </div>
  760.  
  761.  
  762. <div id="circle"></div><!--circle-->
  763.  
  764. <div id="popup_name" class="popup_block">
  765. <h3>{text:Ask prompt}</h3>
  766. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:Your username}.tumblr.com" width="100%"></iframe>
  767. </div>
  768.  
  769.      </body>
  770. </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!