quenma

theme 07: sino

Jan 6th, 2016
3,671
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.03 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. |||||||| theme 07: sino
  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 rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. <link href='https://fonts.googleapis.com/css?family=Ubuntu|Roboto:300,400,700,400italic,300italic,700italic,500italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  22.  
  23. <link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/mmInxxidy/style.css">
  24. <meta name="description" content="{metadescription}" />
  25. <meta name="color:Font" content="#888888" />
  26. <meta name="color:Entry" content="#ffffff" />
  27. <meta name="color:Background" content="#ffffff" />
  28. <meta name="color:Links" content="#111111" />
  29. <meta name="color:Links hover" content="#cfe8f3" />
  30. <meta name="color:Post title" content="#111111" />
  31. <meta name="color:Borders" content="#f6f6f6" />
  32. <meta name="color:Permalink text" content="#aaaaaa" />
  33. <meta name="color:Permalink box" content="#ffffff" />
  34. <meta name="color:Question background" content="#fafafa" />
  35. <meta name="color:Header background" content="#cfe8f3" />
  36.  
  37. <meta name="image:Header" content="http://goo.gl/09a1bt"/>
  38. <meta name="image:Header avatar" content="http://goo.gl/OM4c6H" />
  39. <meta name="image:Background" content=""/>
  40.  
  41. <meta name="if:Show captions" content="0"/>
  42. <meta name="if:Fade images" content="0"/>
  43.  
  44. <meta name="text:Link 1 URL" content="#01"/>
  45. <meta name="text:Link 1 title" content="title 01"/>
  46. <meta name="text:Link 2 URL" content="#02"/>
  47. <meta name="text:Link 2 title" content="title 02"/>
  48. <meta name="text:Link 3 URL" content="#03"/>
  49. <meta name="text:Link 3 title" content="title 03"/>
  50. <meta name="text:Link 4 URL" content="#04"/>
  51. <meta name="text:Link 4 title" content="title 04"/>
  52. <meta name="text:Sidebar title" content="Theme 07"/>
  53.  
  54. <meta name="select:Posts width" content="250px">
  55. <meta name="select:Posts width" content="300px">
  56. <meta name="select:Posts width" content="350px">
  57. <meta name="select:Posts width" content="400px">
  58. <meta name="select:Posts width" content="450px">
  59. <meta name="select:Posts width" content="500px">
  60. <meta name="select:Posts width" content="540px">
  61.  
  62. <meta name="select:Text size" title="9px" content="9">
  63. <meta name="select:Text size" title="10px" content="10">
  64.  
  65. <meta name="select:Title size" title="14px" content="14">
  66. <meta name="select:Title size" title="15px" content="15">
  67. <meta name="select:Title size" title="16px" content="16">
  68. <meta name="select:Title size" title="17px" content="17">
  69. <meta name="select:Title size" title="18px" content="18">
  70. <meta name="select:Title size" title="19px" content="19">
  71.  
  72. <meta name="select:Header size" title="Fit width" content="100% auto">
  73. <meta name="select:Header size" title="Fit height" content="auto 100%">
  74. <meta name="select:Header size" title="Cover" content="cover">
  75. <meta name="select:Header size" title="Original" content="auto auto">
  76.  
  77. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  78. </script>
  79.  
  80. <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
  81. <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
  82. <script>
  83. // minimal soundcloud player © shythemes.tumblr
  84. $(document).ready(function(){
  85.    var color = '{color:links hover}'; // color of play button (hex)
  86.    $('.soundcloud_audio_player').each(function(){
  87.        $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  88.    });
  89. });
  90. </script>
  91.  
  92. <!-- search -->
  93. <script>
  94.     function tagSearch(form) {
  95.     if (form.tag.value.replace(/\s/g, '').length > 0) {
  96.     window.location = "/search/" + form.tag.value; }
  97.     return false; }
  98. </script>
  99.  
  100. <script>
  101. $(document).ready(function() {
  102. $(window).scroll(function() {
  103.     var distanceFromTop = $(document).scrollTop();
  104.     if (distanceFromTop >= 80)
  105.     { $('#borders').addClass('fixed'); }
  106.     else { $('#borders').removeClass('fixed'); };
  107.     if (distanceFromTop >= 470)
  108.     { $('#sidebar').addClass('fixed'); }
  109.     else { $('#sidebar').removeClass('fixed'); }
  110. });
  111. });
  112. </script>
  113. <style>
  114.    
  115. /* defaults */
  116. #tumblr_controls { z-index:9999999999!important;
  117.     position:fixed; }
  118.  
  119. a { color:{color:links};
  120. text-decoration:none;
  121. cursor:help;}
  122. a:hover { border-bottom:1px solid {color:links hover}; }
  123.  
  124. body { font:{select:text size}px roboto;
  125. color:{color:font};
  126. background:{color:background} url('{image:background}') fixed top left;
  127. margin:0;
  128. padding:0;
  129. line-height:17px; }
  130.  
  131. pre, small, sub, sup, big, code { font-size:{select:text size}px!important; }
  132. pre { word-break:break-word; }
  133.  
  134. ::-webkit-scrollbar-thumb { background: {color:links hover};
  135. border:2px solid {color:background}; }
  136.  
  137. ::-webkit-scrollbar {
  138. height:6px;
  139. width:6px;
  140. background: {color:background}; }
  141.  
  142. blockquote { border-left:1px solid {color:borders};
  143. padding:0 6px 0 15px;
  144. margin:10px 0 0 11px; }
  145.  
  146. blockquote blockquote { margin:2px 0 0 0; }    
  147.  
  148. #s-m-t-tooltip{
  149. max-width:240px;
  150. font-style:italic;
  151. padding:3px 5px;
  152. margin-left:25px;
  153. margin-right:22px;
  154. font-size:7px;
  155. text-transform:uppercase;
  156. letter-spacing:1px;
  157. margin-top:18px;
  158. z-index:900;
  159. background-color:{color:entry}; }
  160.  
  161.  
  162. ::selection { color:{color:entry};
  163. background:{color:links hover}; }
  164.  
  165.  
  166.  
  167.  
  168.  
  169.  
  170.  
  171. /* posts */
  172. #content { width:{select:posts width};
  173. left:50%;
  174. margin-left:calc(-{select:posts width} / 2 + 120px);
  175. top:490px;
  176. position:relative;
  177.     {block:PermalinkPage}
  178.     width:500px;
  179.     margin-left:-130px;
  180.     {/block:PermalinkPage} }
  181.  
  182. .entry { width:{select:posts width};
  183. margin-bottom:90px;
  184. display:block;
  185. text-align:justify;
  186. background:{color:entry};
  187. padding:5px;
  188. border:1px solid {color:borders};
  189. position:relative;
  190.     {block:PermalinkPage}
  191.     width:500px;
  192.     {/block:PermalinkPage} }
  193.  
  194. {block:Pagination}
  195. .entry:last-child { margin-bottom:30px; }
  196. {/block:Pagination}
  197.  
  198.  
  199. .entry .title { font-size:{select:title size}px;
  200. font-weight:700;
  201. display:block;
  202. text-align:left;
  203. margin-bottom:10px;
  204. line-height:17px;
  205. color:{color:post title}; }
  206.  
  207. .body-distance { padding:15px; }
  208.  
  209. .entry .body-distance img { max-width:100%;
  210. height:auto;}
  211.  
  212.  
  213.  
  214.  
  215. /* permalink */
  216. .perma { padding:15px 15px 12px;
  217. border-top:1px solid {color:borders};
  218. background:{color:permalink box};
  219. color:{color:permalink text};
  220. font-style:italic;
  221. margin:0 -5px -5px;
  222. text-transform:lowercase;
  223. text-align:left;
  224. line-height:15px;
  225.     {block:PermalinkPage}
  226.     border-top: 1px solid {color:borders};
  227.     background:{color:entry};
  228.     color:{color:font};
  229.     margin: 0 -5px;
  230.     text-transform:lowercase;
  231.     text-align: left;
  232.     font-style:normal;
  233.     line-height: 15px;
  234.     border-bottom: 1px solid {color:borders};
  235.     padding: 20px;
  236.     font-size: 10px;
  237.     {/block:PermalinkPage} }
  238.  
  239. .perma a { color:{color:permalink text};
  240. margin-right:3px;
  241. border:none;
  242.     {block:PermalinkPage}
  243.     color:{color:links};
  244.     {/block:PermalinkPage} }
  245.  
  246. a.tags, a.note-count { text-transform:uppercase;
  247. font-size:7px;
  248. letter-spacing:1px;
  249. position:absolute;
  250. color:{color:permalink text};
  251. display:inline-block;
  252. margin-top:0px;
  253. padding:4px 7px;
  254. border:1px solid {color:borders};
  255. line-height:12px;
  256.     {block:PermalinkPage}
  257.     color:{color:links};
  258.     font-size:{select:text size}px;
  259.     font-style:none;
  260.     text-transform:none;
  261.     letter-spacing:0;
  262.     {/block:PermalinkPage} }
  263.  
  264. a.tags { position:relative;
  265. display:inline;
  266. border:none;
  267. padding:0 3px 0 0; }
  268.  
  269. a.tags:before { content:' #'; }
  270.  
  271. .buttons { display:inline-block;
  272. position:absolute;
  273. margin-left:-4px; }
  274.  
  275. .buttons-outer { width:14px;
  276. height:14px;
  277. text-align:center;
  278. margin-right:3px;
  279. display:inline-block;
  280. padding:3px;
  281. border:1px solid {color:borders}; }
  282.  
  283. .likebutton iframe { margin-top:0px;
  284. height:13px!important;}
  285.  
  286. .reblogbutton { margin-top:1px;
  287. margin-left:-5px;}
  288.  
  289.  
  290.  
  291.  
  292.  
  293.  
  294. /* photos */
  295. .photopost { max-width:100%;
  296.     {block:iffadeimages}
  297.     opacity:.8;
  298.     {/block:iffadeimages} }
  299.  
  300. {block:iffadeimages}
  301. .photosets { opacity:.8; }
  302. {/block:iffadeimages}
  303.  
  304.  
  305.  
  306.  
  307. /* answers */
  308. .question { padding:8px 10px;
  309. margin-left:33px;
  310. background:{color:question background}; }
  311.  
  312. .question:before { position:absolute;
  313. content:'';
  314. margin-left:-27px;
  315. margin-top:2px;
  316. border:10px solid transparent;
  317. border-right-color:{color:question background}; }
  318.  
  319. .question i { text-transform:uppercase;
  320. font-style:italic;
  321. display:inline-block;
  322. position:absolute;
  323. color:{color:font}; }
  324.  
  325. .question a { color:{color:font};
  326. border-bottom:none; }
  327.  
  328. #askerava { position:absolute;
  329. margin-top:10px; }
  330.  
  331.  
  332.  
  333.  
  334. /* links */
  335. .entry a.title.linkpost { margin-bottom:0;
  336. background:{color:question background};
  337. padding:5px;
  338. color:{color:post title};
  339. border:none;
  340. display:inline-block; }
  341.  
  342. .link-excerpt { padding:8px;
  343. font-style:italic;
  344. margin-top:-5px;
  345. background:{color:question background}; }
  346.  
  347.  
  348.  
  349.  
  350. /* audios */
  351. #audio-content { border-bottom:1px solid {color:borders};
  352. padding-bottom:16px;
  353. margin-bottom:-1px; }
  354.  
  355. .audioplayer-inner { width: 26px;
  356. overflow: hidden; }
  357.  
  358. .audioplayer-outer {
  359. padding: 5px 7px 2px;
  360. width: 26px;
  361. position: relative;
  362. display: inline-block;
  363. margin: 20px 20px 0;
  364. overflow: hidden;
  365. background: {color:question background};
  366. z-index: 10; }
  367.  
  368. .audio-info { text-align:left;
  369. font-style:italic;
  370. position:absolute;
  371. margin-top:24px;
  372. margin-left:-5px;
  373. display:inline-block; }
  374.  
  375. .audio-info#audio-em { position:relative;
  376. border-left:1px solid {color:borders};
  377. padding:0 6px 0 20px;
  378. margin:10px 0 0 15px!important;}
  379.  
  380. #audio-em br { display:none; }
  381.  
  382. .audio-info b { text-transform:uppercase; }
  383.  
  384. .audio-posts { padding:10px 15px; }
  385.  
  386. .a-emb { margin:10px 10px 4px; }
  387.  
  388.  
  389. /* chats */
  390. .codd, .ceven { padding:8px;
  391. margin:2px;
  392. border-radius:3px; }
  393.  
  394. .codd { background:{color:question background}; }
  395.  
  396. .codd i, .ceven i { font-style:italic;
  397. text-transform:uppercase; }
  398.  
  399.  
  400.  
  401. /* post notes */
  402. .noul { padding-top:0px;
  403. margin-top:-100px;
  404. overflow:auto; }
  405.  
  406. .noul ul, .noul li, .noul ol { list-style-type:none;
  407. margin-left:-25px;}
  408. .noul img { visibility:hidden; }
  409. .noul li {  padding:3px 0;
  410. font-size:{select:text size}px;
  411. color: #888888;
  412. border-top: 0px solid transparent;
  413. width: 400px;
  414. background: transparent;
  415. text-transform: lowercase;
  416. margin: 3px 0; }
  417.  
  418. .avatar_frame {  display: none; }
  419. .noul blockquote { margin-left:20px; }
  420. .p-notes { margin-bottom:60px; }
  421.  
  422. /* pagination */
  423.  
  424. #pagi { font-style: italic;
  425. font-size: 7px;
  426. text-transform: uppercase;
  427. letter-spacing: 1px;
  428. margin-bottom: 75px;
  429. position: relative; }
  430.    
  431.  
  432.  
  433. /* header */
  434. #header { width:calc({select:posts width} + 400px);
  435. position:absolute;
  436. top:80px;
  437. left:50%;
  438. z-index:90;
  439. border:1px solid {color:borders};
  440. margin-left:calc(-{select:posts width} / 2 - 200px);
  441.     {block:PermalinkPage}
  442.     width:900px;
  443.     margin-left:-450px;
  444.     {/block:PermalinkPage} }
  445.  
  446. .header-img {width:100%;
  447. height:300px;
  448. position:relative;
  449. border-bottom:1px solid {color:borders};
  450. background:{color:header background} url('{image:header}') no-repeat scroll left top;
  451. background-size:{select:header size};
  452. background-position:top center;
  453. z-index:5; }
  454.  
  455. #header .links { display:block;
  456. padding:15px;
  457. margin-left:24px;
  458. font-size:7px;
  459. letter-spacing:1px;
  460. text-transform:uppercase; }
  461.  
  462. #header .links a { margin-right:13px;  }
  463.  
  464.  
  465.  
  466.  
  467. /* sidebar */
  468. #sidebar {
  469. border-right:1px solid {color:borders};
  470. position:absolute;
  471. margin-left:-250px;
  472. width:170px;
  473. padding-bottom:10px;
  474. padding:10px 30px 10px 0;
  475. margin-top:10px;
  476. text-align:left; }
  477.  
  478. #sidebar.fixed { position:fixed!important;
  479. top:20px; }
  480.  
  481. #borders {  width:calc({select:posts width} + 400px);
  482. position:fixed;
  483. top:80px;
  484. left:50%;
  485. height:100vh;
  486. z-index:-100;
  487. border:1px solid {color:borders};
  488. background:{color:entry};
  489. border-top-color:transparent;
  490. border-bottom-color:transparent;
  491. margin-left:calc(-{select:posts width} / 2 - 200px);
  492.     {block:PermalinkPage}
  493.     width:900px;
  494.     margin-left:-450px;
  495.     {/block:PermalinkPage} }
  496.  
  497. #borders.fixed { top:0;
  498. position:fixed!important; }
  499.  
  500. .avatar { width:20px;
  501. height:20px;
  502. display:inline-block;
  503. margin-top:-1px;
  504. margin-left:-24px;
  505. position:absolute;
  506. background:url('{image:header avatar}');
  507. background-size:20px; }
  508.  
  509. #sidebar .title { font-size:{select:title size}px;
  510. font-weight:700;
  511. padding-bottom:8px;
  512. color:{color:post title}; }
  513.  
  514. #sidebar .title:before { content:'» ';
  515. font-size:14px;
  516. line-height:{select:title size}px; }
  517.  
  518. #sidebar .links { margin-top: 15px; }
  519.  
  520. #sidebar .links a { padding:2px 9px;
  521. font-size:7px;
  522. text-transform:uppercase;
  523. letter-spacing:1px;
  524. display:block;
  525. border:1px solid {color:borders};
  526. margin-top:5px; }
  527.  
  528. #sidebar .links a:hover { background:{color:links hover};
  529. color:{color:entry};
  530. border:1px solid {color:entry};}
  531.  
  532.  
  533.  
  534.  
  535.  
  536. /* search box */
  537. form[onsubmit="return tagSearch(this)"] { display:inline-block;
  538. color:#ffffff;
  539. float:right;
  540. margin-left:-200px; }    
  541.  
  542.  
  543. .searchbox {
  544. white-space: nowrap;
  545. overflow: hidden;
  546. text-align:right;
  547. outline:none;
  548. font-family:roboto;
  549. font-size:7px;
  550. text-transform:uppercase;
  551. letter-spacing:1px;
  552. padding:5px;
  553. width:200px;
  554. transition:.5s;
  555. border:none; }
  556.  
  557. {CustomCSS}
  558. </style></head><body>
  559. <div id="borders"></div>
  560.  
  561. <div id="header">
  562. <div class="header-img"></div>
  563.  
  564. <div class="links">
  565.     <a href="/"><div class="avatar"></div></a>
  566.     <a href="/">index</a>
  567.     <a href="/ask">message</a>
  568.     <a href="/archive">past</a>
  569.     <a href="{text:link 1 url}">{text:link 1 title}</a>
  570.     <a href="{text:link 2 url}">{text:link 2 title}</a>
  571.     <a href="{text:link 3 url}">{text:link 3 title}</a>
  572.     <a href="{text:link 4 url}">{text:link 4 title}</a>
  573.    
  574.  
  575.     <form onsubmit="return tagSearch(this)">
  576.     <input type="text" class="searchbox" name="tag" value="Search"
  577.       onfocus="if (this.value == 'Search') {this.value=''}"
  578.       onblur="if (this.value == '') {this.value='Search'}" />
  579.     </form>
  580. </div> <!-- /links -->
  581. </div> <!-- /header -->
  582.  
  583.  
  584. <div id="content">
  585. <div id="sidebar">
  586. <div class="title">{text:sidebar title}</div>
  587. {Description}
  588.  
  589. <div class="links">
  590.     <a href="/">index</a>
  591.     <a href="/ask">message</a>
  592.     <a href="/archive">past</a>
  593.     <a href="{text:link 1 url}">{text:link 1 title}</a>
  594.     <a href="{text:link 2 url}">{text:link 2 title}</a>
  595.     <a href="{text:link 3 url}">{text:link 3 title}</a>
  596.     <a href="{text:link 4 url}">{text:link 4 title}</a>
  597. </div>
  598.  
  599. </div>
  600.  
  601.  
  602. {block:Posts}
  603. <div class="entry">
  604.    
  605. <!------------------- //answer -->
  606. {block:Answer}
  607. <div class="body-distance">
  608. <img src="{AskerPortraitURL-128}" width="20px" id="askerava">
  609.  
  610. <div class="question">
  611.     <i>{Asker} said:</i>
  612.     <br>{Question}
  613. </div>
  614. <blockquote>{Answer}</blockquote>
  615. </div>
  616. {/block:Answer}
  617.  
  618.  
  619. <!------------------- //text -->
  620. {block:Text}
  621. <div class="body-distance">
  622. {block:Title}<div class="title">{Title}</div>{/block:Title}
  623. {Body}
  624. </div>
  625. {/block:Text}
  626.  
  627.  
  628. <!------------------- //quote -->
  629. {block:Quote}
  630. <div class="body-distance">
  631. <div class="title quotes">{Quote}</div>
  632. <div style="text-align:center;">{Source}</div>
  633. {block:Source}{/block:Source}
  634. </div>
  635. {/block:Quote}
  636.  
  637.  
  638. <!------------------- //photo -->
  639. {block:Photo}
  640.     {block:IndexPage}
  641.         <img src="{PhotoURL-HighRes}" class="photopost">
  642.     {block:IfShowCaptions}
  643.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  644.     {/block:IfShowCaptions}
  645.     {/block:IndexPage}
  646.     {block:PermalinkPage}
  647.         <img src="{PhotoURL-HighRes}" width="500px">
  648.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  649.     {/block:PermalinkPage}
  650. {/block:Photo}
  651.  
  652.  
  653. <!------------------- //photoset -->
  654. {block:Photoset}
  655.     {block:IndexPage}
  656.         <div class="photosets">{Photoset}</div>
  657.     {block:IfShowCaptions}
  658.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  659.     {/block:IfShowCaptions}
  660.     {/block:IndexPage}
  661.     {block:PermalinkPage}
  662.         {Photoset-500}
  663.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  664.     {/block:PermalinkPage}
  665. {/block:Photoset}
  666.  
  667.  
  668. <!------------------- //video -->
  669. {block:Video}
  670.     {block:IndexPage}
  671.     {Video-500}
  672.     {block:IfShowCaptions}
  673.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  674.     {/block:IfShowCaptions}
  675.     {/block:IndexPage}
  676.     {block:PermalinkPage}
  677.     {Video-500}
  678.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  679.     {/block:PermalinkPage}
  680. {/block:Video}
  681.  
  682.  
  683. <!------------------- //links -->
  684. {block:Link}
  685. <div class="body-distance">
  686. <a href="{URL}" class="title linkpost">{Name}</a>
  687. {block:Excerpt}<div class="link-excerpt">{Excerpt}</div>{/block:Excerpt}
  688. {block:Description}<blockquote>{Description}</blockquote>{/block:Description}
  689. </div>
  690. {/block:Link}
  691.  
  692.  
  693. <!------------------- //audios -->
  694. {block:Audio}
  695.    
  696.     {block:AudioEmbed}
  697.     <div class="a-emb">
  698.     {AudioEmbed}
  699.     </div>
  700.     {/block:AudioEmbed}
  701.    
  702.     <div id="audio-content">
  703.         {block:AudioPlayer}
  704.         <div class="audioplayer-outer">
  705.             <div class="audioplayer-inner">
  706.                 {AudioPlayerWhite}
  707.             </div>
  708.         </div>
  709.         {/block:AudioPlayer}
  710.        
  711.         <div class="audio-info"
  712.        {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
  713.             {block:Artist}<b>{Artist}</b>{/block:Artist}
  714.             {block:TrackName}<br/>{TrackName}{/block:TrackName}
  715.         </div>
  716.        
  717.     </div>
  718.    
  719.     {block:IndexPage}
  720.     {block:IfShowCaptions}
  721.     {block:Caption}<div class="body-distance audio-posts">{Caption}</div>{/block:Caption}
  722.     {/block:IfShowCaptions}
  723.     {/block:IndexPage}
  724.     {block:PermalinkPage}
  725.     {block:Caption}<div class="body-distance">{Caption}</div>{/block:Caption}
  726.     {/block:PermalinkPage}
  727. {/block:Audio}
  728.  
  729.  
  730. <!------------------- //chat -->
  731. {block:Chat}
  732. <div class="body-distance">
  733. {block:Title}<div class="title">{Title}</div>{/block:Title}
  734. {block:Lines}<div class="c{Alt}">
  735. {block:Label}<i>{Label}</i>{/block:Label}
  736. {Line}
  737. </div>{/block:Lines}
  738. </div>
  739. {/block:Chat}
  740.  
  741.  
  742. <!------------------- //hide source -->
  743. {block:ContentSource}
  744. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  745. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  746. {/block:SourceLogo}
  747. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  748. {/block:ContentSource}
  749. {block:ReblogParent}{/block:ReblogParent}
  750.  
  751.  
  752.  
  753. <!------------------- //left perma -->
  754. {block:Date}
  755. <div class="perma">
  756.  
  757.  
  758.  
  759. {block:IndexPage}
  760. <div class="buttons-outer">
  761.     <div class="buttons likebutton">{LikeButton size="9"}</div>
  762. </div>
  763.  
  764. <div class="buttons-outer">
  765.     <div class="buttons reblogbutton">{ReblogButton size="10"}</div>
  766. </div>
  767.  
  768. <a href="{Permalink}" class="note-count" title="permalink">
  769. {NoteCountWithLabel}
  770. </a>
  771.    
  772.  
  773.     {block:HasTags}
  774. <br>
  775.     {block:Tags}
  776.        <a href="{TagURL}" class="tags">{Tag}</a>
  777.     {/block:Tags}
  778.     {/block:HasTags}
  779. {/block:IndexPage}    
  780.  
  781.  
  782.  
  783.  
  784.  
  785.  
  786. {block:PermalinkPage}
  787. {TimeAgo} with {NoteCountWithLabel}.
  788.  
  789. {block:RebloggedFrom}
  790.  Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  791. {/block:RebloggedFrom}
  792.  
  793. {block:HasTags}<br>
  794. Tagged as:
  795. {block:Tags}
  796. <a href="{TagURL}" class="tags">{Tag}</a>
  797. {/block:Tags}
  798. {/block:HasTags}
  799.  
  800. <br><a href="{ReblogURL}">Reblog this post</a>
  801. {/block:PermalinkPage}
  802.  
  803.  
  804.  
  805.  
  806.  
  807. </div>
  808. {/block:Date}
  809.  
  810. </div> <!-- .entry -->
  811. {/block:Posts}
  812.  
  813. <!------------------- //post notes -->
  814. {block:PermalinkPage}
  815.     {block:PostNotes}
  816.     <div class="entry noul p-notes">{PostNotes}</div>
  817.     {/block:PostNotes}
  818. {/block:PermalinkPage}
  819.  
  820.  
  821.  
  822.  
  823. {block:Pagination}
  824. <div id="pagi">
  825. <center>
  826.     {block:PreviousPage}
  827.         <a href="{PreviousPage}">back</a>
  828.     {/block:PreviousPage}
  829.  
  830.     —    
  831.    
  832.     {block:NextPage}
  833.         <a href="{NextPage}">forth</a>
  834.     {/block:NextPage}
  835.    
  836. </center>
  837. </div>
  838. {/block:Pagination}
  839.  
  840.  
  841.  
  842.  
  843. </div> <!-- #content -->
  844.  
  845. <style>
  846. a #thc { color:{color:links};
  847. cursor:help;}
  848.  
  849. #thc { position:fixed;
  850. bottom:0;
  851. right:0;
  852. text-transform:uppercase; }
  853.  
  854. #thc .codedby {
  855. right:26px;
  856. bottom:9px;
  857. opacity:0;
  858. width:120px;
  859. text-align:right;
  860. font-family:ubuntu;
  861. font-size:8px;
  862. text-transform:uppercase;
  863. display:inline-block;
  864. position:absolute;
  865. -webkit-transition:.3s;
  866. -o-transition:.3s;
  867. -moz-transition:.3s; }
  868.  
  869. #thc:hover .codedby { right:28px;
  870. opacity:.9;
  871. transition:.3s; }
  872.  
  873. #thc i { position:fixed;
  874. display:inline-block;
  875. bottom:12px;
  876. font-size:11px;
  877. right:10px; }
  878.    
  879. </style>
  880. <a href="//quenma.tumblr.com/">
  881. <div id="thc">
  882.     <i class="icon-code"></i>
  883.     <div class="codedby">coded by quenma</div>
  884. </div>
  885. </a>
  886.  
  887.    
  888. </body>
  889. </html>
Advertisement
Add Comment
Please, Sign In to add comment