API tools faq
paste
Advertisement
andieanjos

Maleficent Theme #01

andieanjos
Mar 8th, 2014
972
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 24.45 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}" />
  7. <meta name="description" content="{MetaDescription}" />
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,500,700,800,400italic,500italic,700italic,800italic' rel='stylesheet' type='text/css'>
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Main Text" content="#000000"/>
  16. <meta name="color:Link Text" content="#000000"/>
  17. <meta name="color:Caption Text" content="#000000"/>
  18. <meta name="color:Question Text" content="#ffffff"/>
  19. <meta name="color:Question BG" content="#000000"/>
  20. <meta name="color:TopBar BG" content="#000000"/>
  21. <meta name="color:TopBar Link Text" content="#ffffff"/>
  22. <meta name="color:TopBar Link BG" content="#000000"/>
  23. <meta name="color:Scroll BG" content="#ffffff"/>
  24. <meta name="color:ScrollBar BG" content="#000000"/>
  25. <meta name="color:BlockQuote Border" content="#000000" />
  26.  
  27. <meta name="text:Link 1" content="" />
  28. <meta name="text:Link 2" content="" />
  29. <meta name="text:Link 3" content="" />
  30. <meta name="text:Link 4" content="" />
  31. <meta name="text:Link 5" content="" />
  32. <meta name="text:Link 1 URL" content="" />
  33. <meta name="text:Link 2 URL" content="" />
  34. <meta name="text:Link 3 URL" content="" />
  35. <meta name="text:Link 4 URL" content="" />
  36. <meta name="text:Link 5 URL" content="" />
  37. <meta name="text:TopBar Title" content="i've got those symptoms" />
  38.  
  39. <meta name="image:TopBar" content="http://static.tumblr.com/rpnuv6v/pIBn24zkt/maleficient.png"/>
  40.  
  41. <meta name="if:Caption" content="1" />
  42.  
  43. <script type="text/javascript">
  44.     $(document).ready(function() {
  45.         $(function() {
  46.             var fixadent = $("#topLinks"), pos = fixadent.offset();
  47.             var pc = $("#postContainer").css("z-index");
  48.             $(window).scroll(function() {
  49.                 if($(this).scrollTop() > (pos.top + 10)
  50.                         && fixadent.css('position') == 'absolute') {
  51.                    fixadent.addClass('fixed');
  52.                     $("#postContainer").css("z-index","0");
  53.                 }
  54.                 else if($(this).scrollTop() <= pos.top
  55.                        && fixadent.hasClass('fixed')) {
  56.                    fixadent.removeClass('fixed');
  57.                    $("#postContainer").css("z-index",pc);
  58.                }
  59.            })
  60.        });
  61.        
  62.        var parts = location.hostname.split('.');
  63.        var askDomain = parts[0];
  64.        
  65.        $("#askBox iframe").attr("src","http://www.tumblr.com/ask_form/"+askDomain+".tumblr.com");
  66.        
  67.        //When you click on a link with class of poplight and the href starts with a #
  68.  
  69. $('a.poplight[href^=#]').click(function() {
  70.  
  71.    var popID = $(this).attr('rel'); //Get Popup Name
  72.  
  73.    var popURL = $(this).attr('href'); //Get Popup href to define size
  74.  
  75.  
  76.  
  77.    //Pull Query & Variables from href URL
  78.  
  79.    var query= popURL.split('?');
  80.  
  81.    var dim= query[1].split('&');
  82.  
  83.    var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  84.  
  85.  
  86.  
  87.    //Fade in the Popup and add close button
  88.  
  89.    $('#' + 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>');
  90.  
  91.  
  92.     //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
  93.  
  94.     var popMargTop = ($('#' + popID).height() + 80) / 2;
  95.  
  96.     var popMargLeft = ($('#' + popID).width() + 80) / 2;
  97.  
  98.  
  99.  
  100.     //Apply Margin to Popup
  101.  
  102.     $('#' + popID).css({
  103.  
  104.         'margin-top' : -popMargTop,
  105.  
  106.         'margin-left' : -popMargLeft
  107.  
  108.     });
  109.  
  110.  
  111.  
  112.     //Fade in Background
  113.  
  114.     $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  115.  
  116.     $('#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
  117.  
  118.  
  119.  
  120.     return false;
  121.  
  122. });
  123.  
  124.  
  125.  
  126. //Close Popups and Fade Layer
  127.  
  128. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  129.  
  130.     $('#fade , .popup_block').fadeOut(function() {
  131.  
  132.         $('#fade, a.close').remove();  //fade them both out
  133.  
  134.     });
  135.  
  136.     return false;
  137.  
  138. });
  139.     });
  140. </script>
  141.  
  142. <style type="text/css">
  143.  
  144. ::-webkit-scrollbar {width: 10px; height:1px; background: {color:Scroll BG}; }
  145. ::-webkit-scrollbar-thumb { background-color: {color:ScrollBar BG}; }
  146.  
  147. /************************************************************************/
  148.  
  149. body {
  150.     color:{color:Main Text};
  151.     background-color:{color:Background};
  152.     font-family:'Alegreya Sans SC', serif;
  153.     font-weight: 400;
  154.     font-size:10pt;
  155.     height:100%;
  156.     min-height: 100%;
  157. }
  158. a {
  159.     color:{color:Link Text};
  160.     text-decoration:none;
  161.     -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
  162.     transition: all .5s;
  163. }
  164. a:hover {
  165.     font-weight:700;
  166. }
  167.  
  168. /************************************************************************/
  169.  
  170. #postContainer {
  171.     margin:0 auto;
  172.     text-align:center;
  173.     margin-top:120px;
  174.     width:750px;
  175.     position: relative;
  176. }
  177. .post {
  178.     text-align:center;
  179.     max-width:500px;
  180.     margin:15px;
  181.     margin-bottom:50px;
  182.     display:inline-block;
  183. }
  184. .post .bgArea {
  185.     position:relative;
  186. }
  187. .post.text {
  188.     width:500px;
  189. }
  190. .post img {
  191.     display:block;
  192.     max-width:500px;
  193.     margin:0 auto;
  194. }
  195.  
  196. .post .titleP {
  197.     font-size:12pt;
  198.     font-weight:bold;
  199.     display:block;
  200.     margin-bottom:10px;
  201. }
  202. .post>strong {
  203.     font-size:11pt;
  204. }
  205. .post .caption {
  206.     font-size:8pt;
  207.     text-align:justify;
  208.     padding:10px;
  209. }
  210. .post .caption>strong {
  211.     font-weight:700;
  212. }
  213. .post .caption>img {
  214.     max-width:200px;
  215. }
  216. .post .postCaption {
  217.     font-size:8pt;
  218.     text-align:justify;
  219. }
  220. .post .postInfo {
  221.     text-transform:lowercase;
  222.     font-variant:small-caps;
  223.     font-style:italic;
  224.     font-size:10pt;
  225.     text-align:center;
  226.     color:{color:Caption Text};
  227. }
  228. .post .postInfo a {
  229.     color:{color:Caption Text};
  230. }
  231. .post.photo .bgArea:hover .postInfo {
  232.     display:table-cell;
  233. }
  234. .post .postCaption {
  235.     font-size:10pt;
  236.     text-align:center;
  237.     color:{color:Caption Text};
  238. }
  239. .post .caption strong {
  240.     font-variant:small-caps;
  241.     font-size:10pt;
  242. }
  243. .post .caption blockquote {
  244.     padding:5px;
  245.     margin-left:15px;
  246.     border-left:1px solid {color:BlockQuote Border};
  247. }
  248. .post .caption .chatLine {
  249.     display:block;
  250.     margin:0;
  251.     padding:3px;
  252. }
  253. .post .caption .chatLine.odd {
  254.     color:{color:Background};
  255.     background-color:{color:Main Text};
  256. }
  257.  
  258. /************************************************************************/
  259.  
  260. .post .question {
  261.     font-size:7pt;
  262.     text-align:justify;
  263.     padding:10px;
  264.     background-color:{color:Question BG};
  265.     color:{color:Question Text};
  266.     padding:5px;
  267.     margin-left:15px;
  268. }
  269. .post .tags {
  270.     font-variant:small-caps;
  271.     text-transform:lowercase;
  272.     font-size:8pt;
  273. }
  274. .post .tags a {
  275.     margin-right:10px;
  276.     color:{color:Link Text};
  277.     text-decoration:none;
  278.     -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
  279.     transition: all .5s;
  280. }
  281. .post .tags a:hover {
  282.     font-weight:500;
  283. }
  284.  
  285.  
  286. /************************************************************************/
  287.  
  288. #topBar {
  289.     margin:0;
  290.     background-color:{color:TopBar BG};
  291.     position:absolute;
  292.     top:0; left:0; right:0;
  293.     height:100px;
  294.     text-align:center;
  295.     background-image:url({image:TopBar});
  296.     background-position:bottom;
  297.     background-size:cover;
  298.     background-repeat:no-repeat;
  299. }
  300. #topTitle {
  301.     font-size:12pt;
  302.     font-variant:small-caps;
  303.     margin:20px;
  304. }
  305. #topLinks {
  306.     margin:0;
  307.     text-align:center;
  308.     height:25px;
  309.     position:absolute;
  310.     top:100px; left:0; right:0;
  311.     background-color:{color:TopBar Link BG};
  312. }
  313. #topLinks a {
  314.     color:{color:TopBar Link Text};
  315.     text-decoration:none;
  316.     font-family:'Alegreya Sans SC', serif;
  317.     font-weight: 500;
  318.     font-size:10pt;
  319.     font-variant: small-caps;
  320.     vertical-align:middle;
  321.     letter-spacing:1px;
  322.     margin:0 10px;
  323.     line-height:25px;
  324.     -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
  325.     transition: all .5s;
  326. }
  327. #topLinks a:hover {
  328.     font-weight:800;
  329.     margin:0 8px;
  330. }
  331. .fixed {
  332.     position:fixed !important;
  333.     top:0px !important; left:0; right:0;
  334. }
  335.  
  336. /************************************************************************/
  337.  
  338. .member {
  339.     text-align:center;
  340.     padding:25px;
  341.     display:block;
  342. }
  343.  
  344. .member .photo {
  345.     display:block;
  346.     width:80px;
  347.     height:100px;
  348.     margin:0 auto;
  349.     background-color:black;
  350.     background-size:cover;
  351.     background-position:center;
  352.     -webkit-filter: grayscale(1);
  353.     -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
  354.    border-radius:         50%  50%  50%  50%  / 60%   60%   40%  40%;
  355. }
  356.  
  357. .member .name {
  358.     font-size:12pt;
  359.     font-weight:bold;
  360.     text-transform:uppercase;
  361.     display:block;
  362.     margin-top:-25px;
  363. }
  364.  
  365. .member .dots {
  366.     font-family:'Alegreya Sans SC', serif;
  367.     margin-bottom:20px;
  368. }
  369.  
  370. .member .dots a {
  371.     margin:3px 5px;
  372.     text-decoration:none;
  373.     border-bottom: 1px solid {color:Link Text};
  374.     -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
  375.     transition: all .5s;
  376. }
  377.  
  378. .member .dots a:hover {
  379.     padding:0px 5px;
  380.     font-weight:700;
  381. }
  382.  
  383. .member .about {
  384.     font-size:8pt;
  385.     display:block;
  386.     margin-bottom:25px;
  387.     margin-top:10px;
  388. }
  389. .member .about strong, .member .about b {
  390.     font-variant:small-caps;
  391.     font-size:10pt;
  392. }
  393. .member .about quote, .member .about em, .member .about i {
  394.     font-style:italic;
  395.     letter-spacing:.5px;
  396. }
  397. .member .about u {
  398.     text-decoration:none;
  399.     border-bottom: 1px solid {color:Link Text};
  400. }
  401.  
  402. #whoAmI {
  403.     display:none;
  404.     font-family:'Noticia Text', serif;
  405. }
  406.  
  407. /************************************************************************/
  408.  
  409. .likeReblog {
  410.     display:block;
  411.     text-align:right;
  412. }
  413. .like_button {
  414.     display:inline-block;
  415. }
  416. .reblog_button {
  417.     display:inline-block !important;
  418.     float:left;
  419. }
  420.  
  421. /************************************************************************/
  422.  
  423. #fade {
  424.     display: none;
  425.     background: #000;
  426.     position: fixed;
  427.     left: 0;
  428.     top: 0;
  429.     width: 100%;
  430.     height: 100%;
  431.     opacity: .80;
  432.     z-index: 9999;
  433. }
  434.  
  435. .popup_block{
  436.     display: none;
  437.     background: #FFFFFF;
  438.     padding: 20px;
  439.     float: left;
  440.     position: fixed;
  441.     top: 50%;
  442.     left: 50%;
  443.     z-index: 99999;
  444. }
  445.  
  446. img.btn_close {
  447.     float: right;
  448.     margin: -55px -55px 0 0;
  449. }
  450.  
  451. *html #fade {
  452.     position: absolute;
  453. }
  454.  
  455. *html .popup_block {
  456.     position: absolute;
  457. }
  458.  
  459. /************************************************************************/
  460.  
  461. ol.notes {
  462.     padding:0; margin:0;
  463.     text-align:center;
  464. }
  465. ol.notes li.note img.avatar {
  466.     display:none;
  467. }
  468. ol.notes li.note {
  469.      list-style:none;
  470.  }
  471.  
  472.  /************************************************************************/
  473.  
  474.  #pagination {
  475.      width:500px;
  476.      margin:20px auto;
  477.  }
  478.  
  479.  #pagination a {
  480.     color:{color:TopBar Link Text};
  481.     background-color:{color:TopBar BG};
  482.     text-decoration:none;
  483.     font-family:'Alegreya Sans SC', serif;
  484.     font-weight: 500;
  485.     font-size:10pt;
  486.     font-variant: small-caps;
  487.     vertical-align:middle;
  488.     letter-spacing:1px;
  489.     padding-left:10px;
  490.     padding-right:10px;
  491.     line-height:25px;
  492.     -webkit-transition: all .5s; /* For Safari 3.1 to 6.0 */
  493.     transition: all .5s;
  494. }
  495. #pagination a:hover {
  496.     font-weight:800;
  497. }
  498.  
  499. {CustomCSS}
  500. </style>
  501. </head>
  502. <body>
  503.    
  504.    
  505. <div id="postContainer">
  506.     {block:Posts}
  507.    
  508.         {block:Photo}
  509.             <div class="post">
  510.                 <div class="bgArea">
  511.                     {LinkOpenTag}<img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  512.                 </div>
  513.                 <div class="postCaption">
  514.                     {block:Caption}
  515.                     <div class="caption">
  516.                         {Caption}
  517.                     </div>
  518.                     {/block:Caption}
  519.                 </div>
  520.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  521.                 <div class="postInfo">
  522.                 {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  523.                 </div>
  524.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  525.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  526.             </div>
  527.         {/block:Photo}
  528.        
  529.        
  530.         {block:Photoset}
  531.             <div class="post">
  532.                 <div class="bgArea">
  533.                     {Photoset-500}
  534.                 </div>
  535.                 <div class="postCaption">
  536.                     {block:Caption}
  537.                     <div class="caption">
  538.                         {Caption}
  539.                     </div>
  540.                     {/block:Caption}
  541.                 </div>
  542.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  543.                 <div class="postInfo">
  544.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  545.                 </div>
  546.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  547.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  548.             </div>
  549.         {/block:Photoset}
  550.        
  551.        
  552.         {block:Quote}
  553.             <div class="post text">
  554.                 <div class="bgArea">
  555.                     <span class="titleP">{Quote}</span>
  556.                 </div>
  557.                 <div class="postCaption">
  558.                 {block:Source}
  559.                     <div class="caption" style="text-align:right;">
  560.                         &mdash; {Source}
  561.                     </div>
  562.                 {/block:Source}
  563.                 </div>
  564.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  565.                 <div class="postInfo">
  566.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  567.                 </div>
  568.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  569.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  570.             </div>
  571.         {/block:Quote}
  572.        
  573.        
  574.         {block:Link}
  575.             <div class="post text">
  576.                 <div class="bgArea">
  577.                     <a href="{URL}" {Target}><span class="titleP">{Name}</span></a>
  578.                 </div>
  579.                 <div class="postCaption">
  580.                 {block:Description}
  581.                     <div class="caption">
  582.                         {Description}
  583.                     </div>
  584.                 {/block:Description}
  585.                 </div>
  586.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  587.                 <div class="postInfo">
  588.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  589.                 </div>
  590.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  591.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  592.             </div>
  593.         {/block:Link}
  594.        
  595.        
  596.         {block:Chat}
  597.             <div class="post text">
  598.                 <div class="bgArea">
  599.                     {block:Title}<span class="titleP">{Title}</span>{/block:Title}
  600.                 </div>
  601.                 <div class="postCaption">
  602.                     <div class="caption">
  603.                         {block:Lines}<span class="chatLine {Alt}">{block:Label}{Label}{/block:Label} {Line}</span>{/block:Lines}
  604.                     </div>
  605.                 </div>
  606.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  607.                 <div class="postInfo">
  608.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  609.                 </div>
  610.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  611.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  612.             </div>
  613.         {/block:Chat}
  614.        
  615.        
  616.         {block:Audio}
  617.             <div class="post text">
  618.                 <div class="bgArea">
  619.                     {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  620.                     {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  621.                 </div>
  622.                 <div class="postCaption">
  623.                 {block:Caption}
  624.                     <div class="caption">
  625.                         {Caption}
  626.                     </div>
  627.                 {/block:Caption}
  628.                 </div>
  629.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  630.                 <div class="postInfo">
  631.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}{block:PlayCount} and {PlayCountWithLabel}{/block:PlayCount}
  632.                 </div>
  633.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  634.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  635.             </div>
  636.         {/block:Audio}
  637.        
  638.        
  639.         {block:Video}
  640.             <div class="post text">
  641.                 <div class="bgArea">
  642.                     {Video-500}
  643.                 </div>
  644.                 <div class="postCaption">
  645.                 {block:Caption}
  646.                     <div class="caption">
  647.                         {Caption}
  648.                     </div>
  649.                 {/block:Caption}
  650.                 </div>
  651.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  652.                 <div class="postInfo">
  653.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  654.                 </div>
  655.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  656.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  657.             </div>
  658.         {/block:Video}
  659.        
  660.        
  661.    
  662.         {block:Text}
  663.             <div class="post text">
  664.                 <div class="bgArea">
  665.                     {block:Title}<span class="titleP">{Title}</span>{/block:Title}
  666.                 </div>
  667.                 <div class="postCaption">
  668.                     <div class="caption">
  669.                         {Body}
  670.                     </div>
  671.                 </div>
  672.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  673.                 <div class="postInfo">
  674.                     {block:Date}posted on {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  675.                 </div>
  676.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  677.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  678.             </div>
  679.         {/block:Text}
  680.        
  681.        
  682.         {block:Answer}
  683.             <div class="post text">
  684.                 <div class="bgArea">
  685.                     <span class="titleP" style="text-transform:lowercase;">{Asker} asked:</span>
  686.                 </div>
  687.                 <div class="postCaption">
  688.                     <div class="question">
  689.                         {Question}
  690.                     </div>
  691.                     <div class="caption">
  692.                         {Answer}
  693.                     </div>
  694.                 </div>
  695.                 &middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;
  696.                 <div class="postInfo">
  697.                     {block:Date}posted on <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}{/block:Date}
  698.                 </div>
  699.                 <div class="likeReblog">{ReblogButton size="15" color="grey"}&emsp;{LikeButton size="15" color="grey"}</div><br />
  700.                 {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" target="_blank"><span style='font-size:8pt;'>#</span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  701.             </div>
  702.         {/block:Answer}
  703.        
  704.         {block:Permalink}
  705.         <br style="clear:both;" />
  706.         <center>&middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;</center>
  707.             {block:PostNotes}{PostNotes}{/block:PostNotes}
  708.         {/block:Permalink}
  709.        
  710.     {/block:Posts}
  711.    
  712.     {block:Pagination}
  713.     <div id="pagination">
  714.         {block:PreviousPage}<a href="{PreviousPage}" id="b" style="float:left;">back</a>{/block:PreviousPage}
  715.         {block:NextPage}<a href="{NextPage}" id="f" style="float:right;">forth</a>{/block:NextPage}
  716.         <br style="clear:both;" />
  717.     </div>
  718.     {/block:Pagination}
  719.  
  720. </div>
  721.    
  722.     <div id="topBar">
  723.         <div id="topTitle">{text:TopBar Title}</div>
  724.         <div id="topLinks">
  725.             <a href="/">home</a> &middot;
  726.             {block:AskEnabled}<a href="#?w=500" rel="askBox" class="poplight">message</a> &middot; {/block:AskEnabled}
  727.             <a href="#?w=500" rel="whoAmI" class="poplight">more</a> &middot;
  728.             <a href="http://naemamideullini.tumblr.com/">credit</a>
  729.         </div>
  730.     </div>
  731.    
  732.     <div id="whoAmI" class="popup_block">
  733.         <div class="member">
  734.             <span class="name">{Title}</span>
  735.             <span class="dots">&middot; <strong style="vertical-align:middle;">&middot;</strong> &middot;</span>
  736.             <div class="about">
  737.                 {block:Description}{Description}{/block:Description}
  738.             </div>
  739.             <div class="dots">
  740.                 {block:IfLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1} {block:IfLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2} {block:IfLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3} {block:IfLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4} {block:IfLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:IfLink5}
  741.             </div>
  742.         </div>
  743.     </div>
  744.    
  745.     <div id="askBox" class="popup_block">
  746.         <iframe frameborder="0" scrolling="no" width="100%" height="190" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  747.     </div>
  748.  
  749. </body>
  750. </head>
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!