quenma

theme 05: temporada

Oct 18th, 2015
1,777
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.85 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. |||||||| theme 05: temporada
  5. || by quenma.tumblr.com
  6.  
  7. don't redistribute
  8. don't copy any part of the code
  9. feel free to change fonts and colors
  10. message me if there is any bugs
  11. -->
  12.  
  13. <head>
  14.  
  15. <title>{title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
  16. </title>
  17.  
  18. <link href="{Favicon}" rel="shortcut icon"/>
  19. <link href='https://fonts.googleapis.com/css?family=Varela:400,400italic|Ubuntu:400,700,500,400italic,500italic,700italic|Droid+Sans:400,700|Roboto:300,400,700,400italic,300italic|PT+Sans:400,700|Work+Sans:400,600,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="stylesheet" href="http://static.tumblr.com/ev0x8sk/XfXnvr90x/font.css">
  22. <meta name="description" content="{MetaDescription}" />
  23. <meta name="color:Links" content="#bbbbbb"/>
  24. <meta name="color:Background" content="#ffffff"/>
  25. <meta name="color:Font" content="#888888"/>
  26. <meta name="color:Post title" content="#888888"/>
  27. <meta name="color:Header background" content="#d7ff6c"/>
  28. <meta name="color:Accent" content="#d7ff6c"/>
  29. <meta name="color:Entry" content="#ffffff"/>
  30. <meta name="color:Posts background" content="#ffffff"/>
  31. <meta name="color:Borders" content="#e9e9e9"/>
  32. <meta name="color:Links Sidebar Text" content="#ffffff"/>
  33. <meta name="color:Links Sidebar Background" content="#000000"/>
  34. <meta name="color:Bolds" content="#000000"/>
  35. <meta name="color:Italics" content="#aaaaaa"/>
  36.  
  37. <meta name="image:Background" content="http://goo.gl/EYvCYW"/>
  38. <meta name="image:Header" content="http://goo.gl/Epp4Xj"/>
  39. <meta name="image:About avatar" content="http://goo.gl/9LqdVn"/>
  40. <meta name="if:Show captions" content="1"/>
  41. <meta name="if:Show posts background" content="1"/>
  42. <meta name="if:About box" content="1"/>
  43. <meta name="if:Updates box" content="1"/>
  44. <meta name="if:Blog info box" content="1"/>
  45. <meta name="if:Repeat header image" content="1"/>
  46. <meta name="text:Link 1 URL" content="#01"/>
  47. <meta name="text:Link 1 title" content="title 01"/>
  48. <meta name="text:Link 1 subtitle" content="subtitle 01"/>
  49. <meta name="text:Link 2 URL" content="#02"/>
  50. <meta name="text:Link 2 title" content="title 02"/>
  51. <meta name="text:Link 2 subtitle" content="subtitle 02"/>
  52. <meta name="text:Link 3 URL" content="#03"/>
  53. <meta name="text:Link 3 title" content="title 03"/>
  54. <meta name="text:Link 3 subtitle" content="subtitle 03"/>
  55. <meta name="text:Link 4 URL" content="#04"/>
  56. <meta name="text:Link 4 title" content="title 04"/>
  57. <meta name="text:Link 4 subtitle" content="subtitle 04"/>
  58. <meta name="text:Link 5 URL" content="#05"/>
  59. <meta name="text:Link 5 title" content="title 05"/>
  60. <meta name="text:Link 5 subtitle" content="subtitle 05"/>
  61. <meta name="text:Blog title" content="temporada"/>
  62.  
  63. <meta name="select:Posts width" content="250px">
  64. <meta name="select:Posts width" content="350px">
  65. <meta name="select:Posts width" content="400px">
  66. <meta name="select:Posts width" content="500px">
  67.  
  68. <meta name="select:Header size" content="cover" title="Cover">
  69. <meta name="select:Header size" content="auto auto" title="Original">
  70. <meta name="select:Header size" content="100vw auto" title="Fit width">
  71. <meta name="select:Header size" content="auto 100vh" title="Fit height">
  72.  
  73. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  74. </script>
  75.  
  76. <!-- style my tooltips -->
  77. <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
  78. <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
  79.  
  80. <!-- search -->
  81. <script>
  82.     function tagSearch(form) {
  83.     if (form.tag.value.replace(/\s/g, '').length > 0) {
  84.     window.location = "/search/" + form.tag.value; }
  85.     return false; }
  86. </script>
  87.  
  88. <script>
  89.     $(function() {
  90.   $('a[href*=#]:not([href=#])').click(function() {
  91.     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  92.      var target = $(this.hash);
  93.       target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  94.       if (target.length) {
  95.         $('html,body').animate({
  96.           scrollTop: target.offset().top
  97.         }, 500);
  98.         return false;
  99.       }
  100.     }
  101.   });
  102. });
  103. </script>
  104.  
  105. <script>
  106. jQuery(function($) {
  107.     var $nav = $('#bottombar');
  108.     var $win = $(window);
  109.     var winH = $win.height();
  110.     $win.on("scroll", function () {
  111.     if ($(this).scrollTop() > winH ) {
  112.     $nav.addClass("appear");
  113.     } else {
  114.     $nav.removeClass("appear");
  115.     }
  116.     }).on("resize", function(){
  117.     winH = $(this).height();
  118.     });
  119. });
  120. </script>
  121.  
  122.  
  123. <style>
  124.  
  125. /* defaults */
  126. #tumblr_controls {
  127.     z-index:99999999999999999999990!important; }
  128.  
  129.  
  130. a { color:{color:links};
  131.     text-decoration:none; }
  132.  
  133.  
  134. html { cursor:url('http://goo.gl/c6h80l'), pointer; }
  135. sub, sup, pre, small, big { font-size:10px!important; }
  136. .entry a, .entry .asker a:hover { border-bottom:1px solid transparent; }
  137. .entry a:hover { border-bottom:1px solid {color:links}; }
  138.  
  139.  
  140. body { font:10px roboto;
  141.     color:{color:font};
  142.     overflow-x:hidden;
  143.     background:{color:background} url('{image:background}') fixed;
  144.     margin:0;
  145.     padding:0;
  146.     line-height:20px; }
  147.  
  148.  
  149. blockquote { border-left:1px solid {color:borders};
  150.     padding:0 15px;
  151.     margin:3px 0 0 10px; }
  152.  
  153.  
  154. b, strong { font-weight:700;
  155.     color:{color:bolds}; }
  156.  
  157.  
  158. i, em { font-style:italic;
  159.     color:{color:italic}; }
  160.  
  161.  
  162. ::-webkit-scrollbar { background:{color:borders};
  163.     border:3px solid {color:entry};
  164.     position:fixed;
  165.     width:7px;
  166.     height:7px; }
  167.    
  168.    
  169. ::-webkit-scrollbar-thumb { background:{color:links sidebar background};
  170.     border-top:2px solid {color:entry};
  171.     border-bottom:2px solid {color:entry};}
  172.    
  173.    
  174. ::-webkit-scrollbar-button:vertical { background:{color:links sidebar background};}
  175.    
  176.    
  177.    
  178.  
  179. /* scripts */
  180. #s-m-t-tooltip { max-width:230px;
  181. font-size:10px;
  182. padding:3px 5px;
  183. margin-right:10px;
  184. margin-left:14px;
  185. z-index:100;
  186. background-color:{color:entry}; }
  187.  
  188.  
  189.  
  190.  
  191.  
  192. /* posts and fonts */
  193. #content { position:relative;
  194. display:block;
  195. margin-left:calc(-{select:posts width} / 2 + 280px / 2);
  196. left:50%;
  197. top:70px;
  198. width:{select:posts width};
  199. margin-bottom:120px; }
  200.  
  201.  
  202. .entry { text-align:justify;
  203. display:block;
  204. position:relative;
  205. border:1px solid {color:borders};
  206. overflow:hidden;
  207. padding:40px;
  208. background:{color:entry};
  209. width:{select:posts width};}
  210.    
  211.    
  212. .entry .title { font-size:21px;
  213. display:block;
  214. text-align:left;
  215. margin-bottom:15px;
  216. padding-bottom:15px;
  217. border-bottom:1px solid {color:borders};
  218. line-height:130%;
  219. font-weight:300;
  220. color:{color:post title};
  221. text-transform:uppercase;
  222. font-style:italic; }
  223.  
  224.    
  225. .entry a.title { text-align:center; }
  226. .entry .photopost { width:100%; margin-bottom:-7px; }
  227. .entry .adj_pad { padding:20px; }
  228. .entry .adj_pad#photocaption { padding:5px 20px; }
  229. .entry .body img { max-width:100%;
  230.     height:auto; }
  231.    
  232.  
  233.  
  234.  
  235.  
  236. /* chat posts */
  237. .chats { padding:8px;
  238. padding:10px 0; }
  239.  
  240.  
  241.  
  242.  
  243. /* video posts */
  244. .videoem iframe { width:{select:posts width}; }
  245.  
  246.  
  247.  
  248.  
  249. /* audio posts */
  250. .tumblr_audio_player { height: 120px;
  251. margin: 20px 0 0 20px;
  252. width: calc(100% - 40px); }
  253.    
  254.  
  255.  
  256.  
  257.  
  258. /* ask posts */
  259. .question { color:{color:font};
  260. background:{color:entry};
  261. padding:15px;
  262. border-bottom:1px solid {color:borders}; }
  263.  
  264.  
  265. .question b, .question a { text-transform:uppercase;
  266. color:{color:links};
  267. font-weight:500;
  268. font-size:10px; }
  269.  
  270.  
  271. #askerimg { position:relative;
  272. display:inline-block; }
  273.    
  274.    
  275. .asker { border-bottom:1px solid {color:borders};
  276. position: absolute;
  277. display: inline-block;
  278. white-space:nowrap;
  279. margin-top: 1px;
  280. margin-left: 4px; }
  281.  
  282.  
  283.  
  284.  
  285. /* post notes */
  286. .noul li {  padding: 8px 10px;
  287. color: {color:font};
  288. border-top: 0px solid transparent;
  289. width: 380px;
  290. background:transparent;
  291. text-transform: lowercase;
  292. margin: 3px 0; }
  293.  
  294.  
  295. .noul ul, .noul li, .noul ol { list-style-type:none; }
  296. .noul img { visibility:hidden; }
  297. .avatar_frame { display: none; }
  298. .noul blockquote { margin:10px }
  299. .p-notes { margin-bottom:0;}
  300. ol.notes { margin-left:-50px; }
  301.  
  302.  
  303.  
  304.  
  305. /* search box */
  306. form[onsubmit="return tagSearch(this)"] { display:block;
  307. color:{color:font};}    
  308.  
  309.  
  310. .searchbox {
  311. display:block;
  312. white-space: nowrap;
  313. overflow: hidden;
  314. text-align: left;
  315. outline:none; color: {color:font};
  316. background:{color:entry};
  317. font-size:10px;
  318. margin-top:10px;
  319. padding:10px;
  320. width:calc(100% - 20px);
  321. border:1px solid {color:borders};
  322. -webkit-transition:.5s;
  323. -moz-transition:.5s;
  324. -o-transition:.5s; }
  325.  
  326.  
  327.  
  328.  
  329. /* permalink */
  330. .perma { position:relative;
  331. margin-bottom:80px;
  332. margin-top:4px;
  333. line-height:16px;
  334. width:calc({select:posts width} + 20px);
  335. margin-left:10px;
  336. text-transform:uppercase; }
  337.  
  338.  
  339. .shortmonthday { border-top:3px solid {color:accent};
  340. padding:6px 6px 0;
  341. font-weight:700;
  342. margin-right:2px;
  343. color:{color:bolds};
  344. display:inline; }
  345.  
  346. .tags { margin-left:8px; }
  347.        
  348.  
  349. .buttons { float:right;
  350. margin:22px -15px -24px;}
  351.    
  352.    
  353. .button { display:inline-block; }
  354. .button a:hover {border-bottom:0; }
  355. .reblogb { padding-right:10px; }
  356. .reblog_button { margin:0;}
  357. .likebutton iframe { margin-top:0;
  358.     height:14px!important; }
  359.  
  360.  
  361.  
  362.  
  363. /* sidebar */
  364. #sidebar { position:absolute;
  365. margin-left:-360px;
  366. margin-top:0;}
  367.  
  368.  
  369. .box { padding:30px;
  370. width:210px;
  371. text-align:justify;
  372. background:{color:entry};
  373. border:1px solid {color:borders};
  374. margin-bottom:50px; }
  375.  
  376.  
  377. .box1:first-letter { float:left;
  378. padding:4px 8px 3px 9px;
  379. background:{color:accent};
  380. border:3px double {color:entry};
  381. font-size:16px;
  382. text-transform:uppercase;
  383. font-weight:300;
  384. color:{color:entry};
  385. margin-left:-3px;
  386. margin-top:4px;
  387. font-style:italic;
  388. margin-right:4px; }
  389.  
  390.  
  391. .box-title { margin:5px 10px -4px;
  392. font-size:11px;
  393. padding:4px 10px;
  394. position:relative;
  395. display:inline-block;
  396. color:{color:bolds};
  397. text-transform:uppercase;
  398. border-bottom:3px solid {color:accent};
  399. font-weight:700; }
  400.  
  401.  
  402. .link { padding:0px 20px;
  403. margin:0 5px;
  404. text-transform:uppercase;
  405. line-height:11px;
  406. float:left;
  407. font-size:10px!important;}
  408. .link i { color:{color:links sidebar text}!important; }
  409.  
  410. .box-currently b { display:inline-block;
  411. text-transform:uppercase;
  412. text-align:right;
  413. float:left;
  414. width:60px;
  415. border-right:1px solid {color:borders};
  416. padding-right:10px;
  417. margin-right:10px; }
  418.  
  419.  
  420. .currently-sub { border-bottom:1px solid {color:borders};
  421. padding-bottom:5px;
  422. margin-bottom:13px; }
  423.  
  424.  
  425. .sub3 { border:0;
  426. margin:0;
  427. padding:0; }
  428.  
  429.  
  430. .current-item { width:calc(100% - 90px);
  431. display:inline-block;
  432. float:left;
  433. text-align:left; }
  434.  
  435.  
  436. #aboutava { width:40px;
  437. border-radius:1px;
  438. float:left;
  439. margin-right:10px;
  440. padding:6px;
  441. margin-left:-4px;
  442. border:1px solid {color:borders}; }
  443.  
  444.  
  445. .box.last-box { margin-bottom:150px; }
  446. .link .link-header { font-weight:700;}
  447. .link .link-desc { font-weight:300;}
  448. a .link { color:{color:entry}; }
  449.  
  450.  
  451.  
  452.  
  453. /* posts background */
  454. #postsbg { background:{color:entry};
  455. width:calc({select:posts width} + 600px);
  456. height:100%;
  457. position:fixed;
  458. background:{color:posts background};
  459. {block:ifnotshowpostsbackground}display:none;{/block:ifnotshowpostsbackground}
  460. left:50%;
  461. margin-left:calc(-{select:posts width} / 2 - 295px);
  462. top:0;
  463. z-index:-99999; }
  464.  
  465.  
  466. /* header & links */
  467. #header { position:relative;
  468. width:100vw;
  469. height:calc(100vh - 80px);
  470. padding:0!important;
  471. z-index: 6;
  472. display:block;
  473. background-color:{color:header background};
  474. background-image:url('{image:header}');
  475. background-size:{select:header size};
  476. background-repeat:{block:ifnotrepeatheaderimage}no-{/block:ifnotrepeatheaderimage}repeat;
  477. background-position:bottom 0px center; }
  478.  
  479.  
  480. #links { width:100%;
  481. background:{color:links sidebar background};
  482. top:0;
  483. z-index:999;
  484. height:20px;
  485. padding:30px 0;
  486. position:relative;
  487. display:block;
  488. left:0; }
  489. #links span { color:{color:links sidebar text}!important; }
  490.  
  491. #links .left { position:absolute;
  492. left:50%;
  493. margin-left:-440px}
  494.  
  495.  
  496. #top {
  497. display:block;
  498. height:100vh;}
  499.  
  500.  
  501.  
  502.  
  503. /* pagination */
  504. #nextpage, #previouspage { width:40px;
  505. right:-22px;
  506. position:fixed;
  507. text-align:center;
  508. border-radius:100px 0 0 100px;
  509. top:50%;
  510. margin-top:-40px;
  511. z-index:1;
  512. background:rgba(255,255,255,.7);
  513. color:{color:links sidebar};
  514. font-weight:300;
  515. padding:50px 20px 50px 15px;
  516. font-size:25px; }
  517.  
  518.  
  519. #previouspage { left:-22px;
  520. border-radius:0 100px 100px 0;
  521. padding:50px 15px 50px 20px; }
  522.  
  523.  
  524.  
  525.  
  526. /* sidebar links */
  527. #bottombar { position:fixed;
  528. width:271px;
  529. margin-left:-359px;
  530. bottom:0;
  531. opacity:0;
  532. z-index:999;
  533. padding:13px 0 10px 0 ;
  534. background:{color:links sidebar background};
  535. font-weight:700;
  536. text-align:left;
  537. -webkit-transition:.5s;
  538. -moz-transition:.5s;
  539. -o-transition:.5s;}
  540.  
  541.  
  542. #bottombar a { color:{color:links sidebar text};
  543. padding:0 0 0 20px;
  544. text-transform:uppercase; width:100px;
  545. float:left;}
  546.  
  547.  
  548. .appear { opacity:1!important;
  549. -webkit-transition:.5s;
  550. -moz-transition:.5s;
  551. -o-transition:.5s;}
  552.  
  553.  
  554. * a:hover { cursor:url('//goo.gl/qsfNnn'), hand!important; }
  555.  
  556. {CustomCSS}
  557. </style></head><body>
  558.  
  559. {block:Pagination}
  560. {block:NextPage}
  561. <a href="{NextPage}" id="nextpage" title="forth">
  562.     <i class="icon_forth"></i>
  563. </a>
  564. {/block:NextPage}
  565.  
  566. {block:PreviousPage}
  567. <a href="{PreviousPage}" id="previouspage" title="back">
  568.     <i class="icon_previous"></i>
  569. </a>
  570. {/block:PreviousPage}
  571. {block:Pagination}
  572.  
  573.  
  574.  
  575. <div id="postsbg"></div>
  576.  
  577.  
  578. <div id="top">
  579.  
  580. <div id="header">
  581. </div>
  582.  
  583.     <div id="links">
  584.     <div class="left">
  585.    
  586.     <a href="/">
  587.     <div class="link">
  588.     <span class="link-header">index</span><br>
  589.     <span class="link-desc">main page</span>
  590.     </div>
  591.     </a>
  592.    
  593.    
  594.     <a href="/ask">
  595.     <div class="link">
  596.     <span class="link-header">message</span><br>
  597.     <span class="link-desc">mail me</span>
  598.     </div>
  599.     </a>
  600.    
  601.    
  602.     <a href="/archive">
  603.     <div class="link">
  604.     <span class="link-header">archive</span><br>
  605.     <span class="link-desc">past</span>
  606.     </div>
  607.     </a>
  608.    
  609.    
  610.     <a href="{text:link 1 url}">
  611.     <div class="link">
  612.     <span class="link-header">{text:link 1 title}</span><br>
  613.     <span class="link-desc">{text:link 1 subtitle}</span>
  614.     </div>
  615.     </a>
  616.    
  617.    
  618.     <a href="{text:link 2 url}">
  619.     <div class="link">
  620.     <span class="link-header">{text:link 2 title}</span><br>
  621.     <span class="link-desc">{text:link 2 subtitle}</span>
  622.     </div>
  623.     </a>
  624.    
  625.    
  626.     <a href="{text:link 3 url}">
  627.     <div class="link">
  628.     <span class="link-header">{text:link 3 title}</span><br>
  629.     <span class="link-desc">{text:link 3 subtitle}</span>
  630.     </div>
  631.     </a>
  632.    
  633.    
  634.     <a href="{text:link 4 url}">
  635.     <div class="link">
  636.     <span class="link-header">{text:link 4 title}</span><br>
  637.     <span class="link-desc">{text:link 4 subtitle}</span>
  638.     </div>
  639.     </a>
  640.    
  641.    
  642.     <a href="{text:link 5 url}">
  643.     <div class="link">
  644.     <span class="link-header">{text:link 5 title}</span><br>
  645.     <span class="link-desc">{text:link 5 subtitle}</span>
  646.     </div>
  647.     </a>
  648.    
  649.    
  650.     <a href="#anchor">
  651.         <div class="link" style="padding-top:5px;">
  652.             <i class="icon_scrolldown"></i>
  653.         </div>
  654.     </a>
  655.    
  656.    
  657.     </div>
  658.     </div>
  659.  
  660. </div>
  661.  
  662. <div id="anchor"></div>
  663.  
  664. <div id="content">
  665.  
  666.  
  667. <div id="bottombar">
  668.     <a href="/">01. index</a>
  669.     <a href="/ask">02. message</a>
  670.     <a href="/archive">03. archive</a>
  671.     <a href="/tagged/:gif">04. {text:link 1 title}</a>
  672.     <a href="/tagged/:gifset">05. {text:link 2 title}</a>
  673.     <a href="/tagged/:theme">06. {text:link 3 title}</a>
  674.     <a href="/tagged/:color">07. {text:link 4 title}</a>
  675.     <a href="/faq">08. {text:link 5 title}</a>
  676.     <br clear="all">
  677. </div>
  678.  
  679.  
  680. <div id="sidebar">
  681.     <div class="box-title">{text:blog title}</div>
  682.     <div class="box box1">{Description}
  683.        
  684.  
  685.     <form onsubmit="return tagSearch(this)">
  686.     <input type="text" class="searchbox" name="tag" value="Search on blog"
  687.       onfocus="if (this.value == 'Search on blog') {this.value=''}"
  688.       onblur="if (this.value == '') {this.value='Search on blog'}" />
  689.     </form>
  690.     </div>
  691.    
  692.    
  693.    
  694.    
  695.    
  696.    
  697.    
  698.    
  699.    
  700.    
  701.    
  702. <!---------------------------------------------------------------------------
  703. -----------------------------------------------------------------------------
  704. -----------------------------------------------------------------------------
  705. ----------                                                        -----------
  706. ----------                   THEME CUSTOMIZATION                  -----------
  707. ----------               for more instructions go to              -----------
  708. ----------     http://quenma.tumblr.com/themes/05/customization   -----------
  709. ----------                                                        -----------
  710. -----------------------------------------------------------------------------
  711. -----------------------------------------------------------------------------
  712. ---------------------------------------------------------------------------->
  713.  
  714.  
  715.  
  716.  
  717. <!------------------------->
  718. <!--------- ABOUT --------->
  719. <!------------------------->
  720. {block:ifaboutbox}
  721. <div class="box-title">
  722.  
  723.  
  724.     about the blogger    <!-- ← this will be the title of your about box -->
  725.          
  726.          
  727. </div>
  728. <div class="box">
  729. <img src="{image:about avatar}" id="aboutava">
  730.  
  731.  
  732.                <!---------------------------------------------->
  733.                <!--------- below is your "about" text --------->
  734.                <!-------- change only what is in white -------->
  735.                <!---------------------------------------------->
  736.    
  737.    
  738.     <b>This</b> is where your about text will take place.
  739.     If you want to change this you'll have to do it directly in the code.
  740.     Go to theme hunter's cheat sheet post if you want <b>bolds</b>,
  741.     <i>italics</i>, and etc.
  742.     The avatar is changed on the appearance tab.
  743.      
  744.      
  745.                <!---------------------------------------------->
  746.                <!---------------------------------------------->
  747.                <!---------------------------------------------->
  748.                <!---------------------------------------------->
  749.        
  750. </div>
  751. {/block:ifaboutbox}
  752.    
  753.    
  754.    
  755.    
  756.    
  757. <!------------------------->
  758. <!-------- UPDATES -------->
  759. <!------------------------->    
  760. {block:ifupdatesbox}
  761. <div class="box-title">
  762.  
  763.  
  764.     updates    <!-- ← box title -->
  765.    
  766.    
  767. </div>
  768. <div class="box box-currently">
  769.  
  770. <!-------------------------------------------------->
  771. <!-------------------------------------------------->
  772.  
  773.     <div class="currently-sub">
  774.         <b>
  775.         01.02.03:    <!-- day of the update -->
  776.         </b>
  777.    
  778.        
  779.         <div class="current-item">
  780.         new theme    <!-- update -->
  781.         </div>
  782.     <br clear="all">
  783.     </div>
  784.  
  785. <!-------------------------------------------------->
  786. <!-------------------------------------------------->
  787.  
  788.  
  789.  
  790.  
  791. <!-------------------------------------------------->
  792. <!-------------------------------------------------->
  793.  
  794.     <div class="currently-sub">
  795.         <b>
  796.         04.05.06:    <!-- day of the update -->
  797.         </b>
  798.        
  799.         <div class="current-item">
  800.         changed my icon    <!-- update -->
  801.         </div>
  802.     <br clear="all">
  803.     </div>
  804.  
  805. <!-------------------------------------------------->
  806. <!-------------------------------------------------->
  807.  
  808.  
  809.  
  810.  
  811. <!-------------------------------------------------->
  812. <!-------------------------------------------------->
  813.  
  814.     <div class="currently-sub sub3">
  815.         <b>
  816.         07.08.09:
  817.         </b>
  818.    
  819.         <div class="current-item">
  820.         learned a new meme
  821.         </div>
  822.     <br clear="all">
  823.     </div>
  824.    
  825. <!-------------------------------------------------->
  826. <!-------------------------------------------------->
  827.        
  828. </div>
  829. {/block:ifupdatesbox}
  830.    
  831.    
  832.    
  833.    
  834.    
  835. <!------------------------->
  836. <!------- BLOG INFO ------->
  837. <!------------------------->  
  838. {block:ifbloginfobox}    
  839. <div class="box-title">
  840.  
  841.  
  842.     blog info    <!-- ← box title -->
  843.  
  844.    
  845. </div>
  846. <div class="box last-box">
  847.    
  848.     <b>Online users:</b>
  849.     69 online users <!-- add your online users script in this line -->
  850.     <br>
  851.        
  852.     <b>Visited:</b>
  853.     0 times <!-- add your hit counter script in this line -->
  854.     <br>
  855.        
  856.     <b>Established:</b> Never. This blog doesn't exist.
  857.     <!-- you can find this by going to your /archive, and going back all -->
  858.     <!-- the years/months you've been on tumblr -->
  859.    
  860.     <!-- if you want scripts, check freehostedscripts.net -->
  861.     <!-- I, personally, think they have the best ones -->
  862.  
  863.    
  864. </div>
  865. {/block:ifbloginfobox}
  866.    
  867.    
  868. </div>
  869.  
  870.  
  871. {block:Posts}
  872.  
  873. <div class="entry">
  874.     {block:Answer}
  875.     <div class="question">
  876.             <img src="{AskerPortraitURL-128}" width="20px" id="askerimg">
  877.             <div class="asker"><b>{Asker}</b></div><br>
  878.         {Question}
  879.     </div>
  880.     <div class="body" style="padding-bottom:4px;">
  881.     <blockquote>{Answer}</blockquote>
  882.     </div>
  883.     {/block:Answer}
  884.    
  885.    
  886.     {block:Text}
  887.     {block:Title}<div class="title">{Title}</div>{/block:Title}
  888.     <div class="body">{Body}</div>
  889.     {/block:Text}
  890.    
  891.    
  892.     {block:Quote}
  893.     <div class="title">{Quote}</div>
  894.     <div style="text-align:center;">{Source}</div>
  895.     {block:Source}{/block:Source}
  896.     {/block:Quote}
  897.    
  898.    
  899.     {block:Photo}
  900.         {block:IndexPage}
  901.             <img src="{PhotoURL-HighRes}" class="photopost">
  902.         {block:IfShowCaptions}
  903.         {block:Caption}
  904.             <div class="body">{Caption}</div>
  905.         {/block:Caption}
  906.         {/block:IfShowCaptions}
  907.         {/block:IndexPage}
  908.         {block:PermalinkPage}
  909.             <img src="{PhotoURL-HighRes}" width="500px">
  910.         {block:Caption}
  911.             <div class="body">{Caption}</div>
  912.         {/block:Caption}
  913.         {/block:PermalinkPage}
  914.     {/block:Photo}
  915.    
  916.    
  917.     {block:Photoset}
  918.         {block:IndexPage}
  919.             {Photoset}
  920.         {block:IfShowCaptions}
  921.         {block:Caption}
  922.             <div class="body">{Caption}</div>
  923.         {/block:Caption}
  924.         {/block:IfShowCaptions}
  925.         {/block:IndexPage}
  926.         {block:PermalinkPage}
  927.             {Photoset}
  928.         {block:Caption}
  929.             <div class="body">{Caption}</div>
  930.         {/block:Caption}
  931.         {/block:PermalinkPage}
  932.     {/block:Photoset}
  933.    
  934.    
  935.     {block:Video}
  936.         {block:IndexPage}
  937.         <div class="videoem">{VideoEmbed-700}</div>
  938.         {block:IfShowCaptions}
  939.         {block:Caption}
  940.             <div class="body">{Caption}</div>
  941.         {/block:Caption}
  942.         {/block:IfShowCaptions}
  943.         {/block:IndexPage}
  944.         {block:PermalinkPage}
  945.         {Video-500}
  946.         {block:Caption}
  947.             <div class="body">{Caption}</div>
  948.         {/block:Caption}
  949.         {/block:PermalinkPage}
  950.     {/block:Video}
  951.    
  952.    
  953.     {block:Link}
  954.     <a href="{URL}" class="title">{Name}</a>
  955.     {/block:Link}
  956.    
  957.    
  958.     {block:Audio}
  959.         {AudioEmbed}
  960.         {block:IndexPage}
  961.         {block:Caption}
  962.             <div class="body">{Caption}</div>
  963.         {/block:Caption}
  964.         {block:IndexPage}
  965.         {block:PermalinkPage}
  966.         {block:Caption}
  967.             <div class="body">{Caption}</div>
  968.         {/block:Caption}
  969.         {/block:PermalinkPage}
  970.     {/block:Audio}
  971.    
  972.    
  973.     {block:Chat}
  974.     {block:Title}<div class="title">{Title}</div>{/block:Title}
  975.     {block:Lines}<div class="chats">
  976.     {block:Label}<b>{Label}</b>{/block:Label}
  977.     {Line}
  978.     </div>{/block:Lines}
  979.     {/block:Chat}
  980.    
  981.    
  982.     {block:ContentSource}
  983.     <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  984.    width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  985.    {/block:SourceLogo}
  986.    {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  987.     {/block:ContentSource}
  988.     {block:ReblogParent}{/block:ReblogParent}
  989.  
  990.     {block:Date}
  991. <div class="buttons">
  992.     <div class="reblogb button">
  993.         <a href="{ReblogURL}"><svg width="20px" height="20px" viewBox="0 0 537 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#ccc"><path d="M 98.893,177.139c0.00-7.462, 4.826-12.275, 12.288-12.275L 405.12,164.864 l0.00,83.469 l 118.72-120.947L 405.12,8.678l0.00,81.51 L 49.382,90.189 c-15.206,0.00-27.648,12.429-27.648,27.648l0.00,171.814 l 77.146-71.603L 98.88,177.139 z M 438.874,332.646c0.00,7.45-4.826,12.275-12.275,12.275L 123.75,344.922 l0.00-83.469 l-116.506,120.922l 116.506,120.947l0.00-81.498 l 356.864,0.00 c 15.206,0.00, 27.648-12.454, 27.648-27.648L 508.262,220.134 l-69.402,71.59L 438.861,332.646 z"></path></svg></a>
  994.     </div>
  995.     <div class="button">{LikeButton size="20" color="grey"}</div>
  996. </div>
  997.  
  998.     {/block:Date}
  999. </div> <!-- /entry -->
  1000.    
  1001.    
  1002. {block:Date}
  1003. <div class="perma">
  1004. <a href="{Permalink}"><div class="shortmonthday">{ShortMonth} {DayOfMonthWithZero}</div></a>
  1005. {TimeAgo} with {NoteCountWithLabel}
  1006. {block:RebloggedFrom}
  1007. via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1008. {/block:RebloggedFrom}
  1009.  
  1010. {block:HasTags}
  1011. <div class="tags">
  1012. <b>#:</b>
  1013. {block:Tags}
  1014. <a href="{TagURL}" class="tag">{Tag};</a>
  1015. {/block:Tags}
  1016. </div>
  1017. {/block:HasTags}
  1018. </div>
  1019. {/block:Date}    
  1020.  
  1021. {/block:Posts}
  1022.  
  1023.  
  1024. {block:PermalinkPage}
  1025.     {block:PostNotes}
  1026.     <div class="wrapper">
  1027.     <div class="entry noul p-notes">{PostNotes}</div>
  1028.     </div>
  1029.     {/block:PostNotes}
  1030. {/block:PermalinkPage}
  1031.  
  1032.  
  1033.  
  1034.  
  1035. </div> <!-- /content -->
  1036.  
  1037.  
  1038. <style>
  1039.      
  1040. #credit { position:fixed;
  1041. bottom:12px;
  1042. right:12px;    
  1043. color:{color:top bar};
  1044. width:10px;
  1045. line-height:10px;
  1046. padding:4px 4px;
  1047. letter-spacing:1px;
  1048. font:12px arial;
  1049. text-transform:uppercase;
  1050. -webkit-transition:.5s;
  1051. -moz-transition:.5s;
  1052. -o-transition:.5s;}
  1053. </style>
  1054.  
  1055. <a href="//quenma.tumblr.com" id="credit" title="theme by quenma">©</a>
  1056.  
  1057. </body>
  1058. </html>
Advertisement
Add Comment
Please, Sign In to add comment