feiinho

Blind Theme

Nov 1st, 2017
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3.  
  4. <html lang="en">
  5.  
  6. <!-- ---------------------------------------------------------------
  7.  
  8. Blind Theme
  9. Made by Unzo
  10. http://unzo.tumblr.com/
  11.  
  12. --------------------------------------------------------------- -->
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19.  
  20. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  21.  
  22. <meta name="color:Background" content="#fdfdfd"/>
  23. <meta name="color:Container" content="#fff"/>
  24. <meta name="color:Links" content="#8394a5"/>
  25. <meta name="color:Links Hover" content="#eee"/>
  26. <meta name="color:Scrollbar" content="#8394a5"/>
  27. <meta name="color:Text" content="#9c9c9c"/>
  28.  
  29. <meta name="if:Faded Images" content="0"/>
  30. <meta name="if:Faded Images Inverted" content="0"/>
  31. <meta name="if:Pop Up Askbox" content="0"/>
  32. <meta name="if:Scroll To Top" content="1"/>
  33. <meta name="if:Show Blog Title" content="1"/>
  34. <meta name="if:Show Sidebar Image" content="0"/>
  35.  
  36. <meta name="select:Badge Content" content="center" title="Center"/>
  37. <meta name="select:Badge Content" content="left" title="Left"/>
  38. <meta name="select:Badge Content" content="right" title="Right"/>
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:Sidebar" content=""/>
  42.  
  43. <meta name="text:Link 1" content=""/>
  44. <meta name="text:Link 1 Title" content=""/>
  45. <meta name="text:Link 2" content=""/>
  46. <meta name="text:Link 2 Title" content=""/>
  47. <meta name="text:Link 3" content=""/>
  48. <meta name="text:Link 3 Title" content=""/>
  49. <meta name="text:Link 4" content=""/>
  50. <meta name="text:Link 4 Title" content=""/>
  51. <meta name="text:Link 5" content=""/>
  52. <meta name="text:Link 5 Title" content=""/>
  53.  
  54. <meta name="text:Pop Up Askbox Title" content="Message"/>
  55.  
  56.  
  57. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  58.  
  59. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Andika' rel='stylesheet' type='text/css'>
  62.  
  63. <script src="http://static.tumblr.com/kjtbii3/y9Wmz7ys3/basics.js">
  64. </script>
  65.  
  66. <script src="http://static.tumblr.com/kjtbii3/6R6mjtufm/contact.js">
  67. </script>
  68.  
  69. <script src="http://static.tumblr.com/kjtbii3/FJfmwoo4b/source-via.js">
  70. </script>
  71.  
  72. <script src="http://static.tumblr.com/kjtbii3/IQemv5u3n/tooltip.js">
  73. </script>
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. #tumblr_controls{
  80. position:fixed;
  81. opacity:0.3;
  82.  
  83. -webkit-filter:invert(100%);
  84. -moz-filter:invert(100%);
  85. -o-filter:invert(100%);
  86. filter:invert(100%);
  87. }
  88.  
  89.  
  90. ::-webkit-scrollbar-thumb:vertical{
  91. width:10px;
  92. background:{color:scrollbar};
  93. border-radius:5px;
  94. border:2px solid {color:background};
  95. }
  96.  
  97. ::-webkit-scrollbar-thumb:horizontal{
  98. height:10px;
  99. background:{color:scrollbar};
  100. border-radius:5px;
  101. border:2px solid {color:background};
  102. }
  103.  
  104. ::-webkit-scrollbar{
  105. width:11px;
  106. height:11px;
  107. background:{color:background};
  108. background-image:url({image:Background});
  109. }
  110.  
  111.  
  112. body{
  113. font-family:'Calibri', sans-serif;
  114. font-size:11.5px;
  115. line-height:150%;
  116.  
  117. background:{color:Background};
  118. color:{color:Text};
  119.  
  120. background-image:url({image:Background});
  121. background-position:center top;
  122. background-attachment:fixed;
  123.  
  124. cursor:default;
  125. }
  126.  
  127. a{
  128. text-decoration:none;
  129.  
  130. color:{color:Links};
  131.  
  132. -webkit-transition: all 0.5s ease;
  133. -moz-transition: all 0.5s ease;
  134. transition: all 0.5s ease;
  135. }
  136.  
  137. a:hover{
  138. color:{color:Links Hover};
  139.  
  140. text-decoration:none;
  141. font-style:none;
  142. }
  143.  
  144.  
  145. .container{
  146. position:absolute;
  147. left:50%;
  148. min-height:100%;
  149.  
  150. width:326px;
  151.  
  152. margin:-10px 0 0 -163px;
  153.  
  154. {block:permalinkpage}
  155. width:580px;
  156. margin:-10px 0 0 -290px;
  157. background:{color:Container};
  158. border:1px solid #eee;
  159. {/block:permalinkpage}
  160. }
  161.  
  162. .sidebar{
  163. z-index:100;
  164. position:fixed;
  165.  
  166. width:170px;
  167.  
  168. top:100px;
  169. left:50%;
  170.  
  171. margin:0 0 0 -400px;
  172. padding:10px;
  173.  
  174. background:{color:Container};
  175.  
  176. font-size:11.3px;
  177. text-align:center;
  178.  
  179. border:1px solid #eee;
  180.  
  181. -webkit-animation:fadeInDown 3s;
  182. -moz-animation:fadeInDown 3s;
  183. -ms-animation:fadeInDown 3s;
  184.  
  185. {block:PermalinkPage}
  186. margin:0 0 0 -530px;
  187. {/block:PermalinkPage}
  188. }
  189.  
  190. .blogtitle{
  191. overflow:hidden;
  192.  
  193. height:15px;
  194.  
  195. margin:0 0 5px;
  196. padding:2px 5px 4px;
  197.  
  198. background:{color:Container};
  199.  
  200. font-family:'Andika';
  201. font-size:12px;
  202. line-height:17px;
  203. letter-spacing:3px;
  204. text-transform:uppercase;
  205. text-align:center;
  206.  
  207. border:1px solid #eee;
  208. }
  209.  
  210. .blogtitle a:hover{
  211. color:{color:Links};
  212.  
  213. text-decoration:underline;
  214. }
  215.  
  216. .banner img{
  217. max-width:170px;
  218. }
  219.  
  220. .description{
  221. margin:3px 0 0;
  222. padding:5px;
  223.  
  224. font-size:9px;
  225. letter-spacing:1px;
  226. text-transform:uppercase;
  227. text-align:center;
  228.  
  229. border:1px solid #eee;
  230. }
  231.  
  232.  
  233. #content{
  234. position:relative;
  235. margin:20px auto 0;
  236.  
  237. width:326px;
  238.  
  239. {block:permalinkpage}
  240. width:500px;
  241. margin:40px auto 0;
  242. {/block:permalinkpage}
  243. }
  244.  
  245.  
  246. .entry{
  247. width:250px;
  248.  
  249. margin:30px;
  250.  
  251. {block:indexpage}
  252. padding:7px 7px 3px;
  253.  
  254. background:{color:Container};
  255.  
  256. border:1px solid #eee;
  257. {/block:indexpage}
  258.  
  259. {block:permalinkpage}
  260. width:500px;
  261. margin:20px auto 0;
  262. {/block:permalinkpage}
  263. }
  264.  
  265. .entry img{
  266. max-width:250px;
  267.  
  268. {block:PermalinkPage}
  269. max-width:500px;
  270. {/block:PermalinkPage}
  271. }
  272.  
  273.  
  274. .badge{
  275. z-index:1;
  276. overflow:hidden;
  277. position:absolute;
  278.  
  279. top:100%;
  280. left:-1px;
  281.  
  282. width:234px;
  283. height:20px;
  284.  
  285. margin:5px 0 0;
  286. padding:0 15px;
  287.  
  288. background:{color:Container};
  289.  
  290. font-family:'Calibri', sans-serif;
  291. font-size:9px;
  292. line-height:20px;
  293. text-transform:uppercase;
  294. letter-spacing:1px;
  295. text-align:{select:Badge Content};
  296.  
  297. border:1px solid #eee;
  298. }
  299.  
  300. .badge a:hover{
  301. color:{color:Links};
  302. text-decoration:underline;
  303. }
  304.  
  305.  
  306. .box{
  307. {block:iffadedimages}
  308. opacity:0.85;
  309. {/block:iffadedimages}
  310.  
  311. {block:iffadedimagesinverted}
  312. opacity:1;
  313. {/block:iffadedimagesinverted}
  314.  
  315. -webkit-transition: all 0.5s ease;
  316. -moz-transition: all 0.5s ease;
  317. transition: all 0.5s ease;
  318. }
  319.  
  320. .box:hover{
  321. {block:iffadedimages}
  322. opacity:1;
  323. {/block:iffadedimages}
  324.  
  325. {block:iffadedimagesinverted}
  326. opacity:0.85;
  327. {/block:iffadedimagesinverted}
  328. }
  329.  
  330. .box img{
  331. {block:permalinkpage}
  332. width:500px;
  333. {/block:permalinkpage}
  334. }
  335.  
  336.  
  337. /* Others */
  338.  
  339. blockquote{
  340. margin:0 0 5px 10px;
  341. padding:3px 5px;
  342.  
  343. border-left:1px solid {color:Links};
  344. }
  345.  
  346. blockquote p, blockquote ul{
  347. margin:0;
  348. padding:0;
  349. }
  350.  
  351. .quote p{
  352. margin:0;
  353. }
  354.  
  355.  
  356. .arrow{
  357. margin:8px 0 0 205px;
  358.  
  359. border-left:6px solid #f7f7f7;
  360.  
  361. {block:permalinkpage}
  362. margin:8px 0 0 455px;
  363. {/block:permalinkpage}
  364. }
  365.  
  366. .answer{
  367. width:185px;
  368.  
  369. margin:0 0 3px;
  370.  
  371. background:#f7f7f7;
  372.  
  373. {block:permalinkpage}
  374. width:435px;
  375. {/block:permalinkpage}
  376. }
  377.  
  378. .asker{
  379. color:{color:Links};
  380. }
  381.  
  382. .asker:first-letter{
  383. text-transform:uppercase;
  384. }
  385.  
  386.  
  387. .postnotes ::-webkit-scrollbar{
  388. background:{color:Container};
  389. }
  390.  
  391.  
  392. /* Navigation */
  393.  
  394. .nav-container{
  395. z-index:100;
  396. position:fixed;
  397.  
  398. top:100px;
  399. left:50%;
  400.  
  401. width:120px;
  402.  
  403. margin:0 0 0 210px;
  404.  
  405. -webkit-animation:fadeInDown 3s;
  406. -moz-animation:fadeInDown 3s;
  407. -ms-animation:fadeInDown 3s;
  408.  
  409. {block:PermalinkPage}
  410. margin:0 0 0 340px;
  411. {/block:PermalinkPage}
  412. }
  413.  
  414. .nav{
  415. padding:5px 0;
  416.  
  417. background:{color:Container};
  418.  
  419. font-size:9px;
  420. line-height:20px;
  421. text-transform:uppercase;
  422. letter-spacing:1px;
  423. text-align:center;
  424.  
  425. border:1px solid #eee;
  426. }
  427.  
  428. .nav a{
  429. display:block;
  430.  
  431. width:90px;
  432.  
  433. margin:10px auto;
  434.  
  435. border:1px solid #eee;
  436. }
  437.  
  438. .nav a:hover{
  439. background:{color:Background};
  440. color:{color:Links};
  441.  
  442. letter-spacing:2px;
  443. }
  444.  
  445.  
  446. /* Custom */
  447.  
  448. .permalink-title{
  449. {block:permalinkpage}
  450. margin-left:10px;
  451. letter-spacing:1px;
  452. text-transform:uppercase;
  453. {/block:permalinkpage}
  454. }
  455.  
  456.  
  457. #tooltip{
  458. z-index:100000;
  459. opacity:0.8;
  460.  
  461. margin:15px;
  462. padding:5px;
  463.  
  464. background:white;
  465. color:#aaa;
  466.  
  467. font-family:'Calibri', sans-serif;
  468. font-size:9px;
  469. line-height:100%;
  470. letter-spacing:1px;
  471. text-transform:uppercase;
  472.  
  473. border:1px solid #eee;
  474. border-radius:5px;
  475. }
  476.  
  477.  
  478. {CustomCss}
  479.  
  480. </style>
  481. </head>
  482.  
  483. <body>
  484.  
  485.  
  486. <div class="container">
  487.  
  488.  
  489. <div class="sidebar">
  490.  
  491. {block:ifshowsidebarimage}
  492. <div class="banner">
  493. <a href="/"><img src="{image:sidebar}"></a>
  494. </div>
  495. {/block:ifshowsidebarimage}
  496.  
  497.  
  498. {block:description}
  499. <div class="description">
  500. {Description}
  501. </div>
  502. {/block:description}
  503.  
  504. </div>
  505.  
  506.  
  507. <div class="nav-container">
  508.  
  509. {block:ifshowblogtitle}
  510. <div class="blogtitle">
  511. <a href="/">{Title}</a>
  512. </div>
  513. {/block:ifshowblogtitle}
  514.  
  515. <div class="nav">
  516.  
  517. {block:iflink1title}
  518. <a href="{text:link 1}">{text:link 1 title}</a>
  519. {/block:iflink1title}
  520.  
  521. {block:ifpopupaskbox}
  522. <a href="#?w=500" rel="01" class="poplight">{text:pop up askbox title}</a>
  523. {/block:ifpopupaskbox}
  524.  
  525. {block:iflink2title}
  526. <a href="{text:link 2}">{text:link 2 title}</a>
  527. {/block:iflink2title}
  528.  
  529. {block:iflink3title}
  530. <a href="{text:link 3}">{text:link 3 title}</a>
  531. {/block:iflink3title}
  532.  
  533. {block:iflink4title}
  534. <a href="{text:link 4}">{text:link 4 title}</a>
  535. {/block:iflink4title}
  536.  
  537. {block:iflink5title}
  538. <a href="{text:link 5}">{text:link 5 title}</a>
  539. {/block:iflink5title}
  540.  
  541. </div>
  542. </div>
  543.  
  544.  
  545. <div id="content">
  546.  
  547. {block:Posts}
  548.  
  549.  
  550. {block:Photo}
  551. <div class="entry">
  552. <div class="box">
  553.  
  554. {block:indexpage}
  555. <div class="badge">
  556. <a href="{Permalink}">{NoteCount}</a> +
  557. <a target="_blank" href="{ReblogURL}">Reblog</a>
  558. </div>
  559. {/block:indexpage}
  560.  
  561. <a href="{Permalink}">
  562. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  563. </a>
  564.  
  565. </div>
  566. </div>
  567. {/block:Photo}
  568.  
  569.  
  570. {block:Photoset}
  571. <div class="entry">
  572. <div class="box">
  573.  
  574. {block:indexpage}
  575. <div class="badge">
  576.  
  577. <a href="{Permalink}">{Notecount}</a>
  578.  
  579. </div>
  580.  
  581. <div class="badge2">
  582.  
  583. <a target="_blank" href="{ReblogURL}">Reblog</a>
  584.  
  585. </div>
  586. {/block:indexpage}
  587.  
  588. {block:Photos}
  589.  
  590. <a href="{Permalink}">
  591. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  592. </a>
  593.  
  594. {/block:Photos}
  595.  
  596. </div>
  597. </div>
  598. {/block:Photoset}
  599.  
  600.  
  601. {block:Video}
  602. <div class="entry">
  603.  
  604. {block:IndexPage}
  605. {VideoEmbed-250}
  606. {/block:IndexPage}
  607.  
  608. {block:PermalinkPage}
  609. {VideoEmbed-500}
  610. {/block:PermalinkPage}
  611.  
  612. {block:indexpage}
  613. <div class="date">
  614. <a href="{Permalink}">{NoteCountWithLabel}</a>
  615. </div>
  616. {/block:indexpage}
  617.  
  618. </div>
  619. {block:Video}
  620.  
  621.  
  622. {block:Text}
  623. <div class="entry">
  624.  
  625. {block:Title}
  626. <div class="permalink-title">
  627. {Title}
  628. </div>
  629. {/block:Title}
  630.  
  631. {Body}
  632.  
  633. {block:indexpage}
  634. <div class="date">
  635. <a href="{Permalink}">{NoteCountWithLabel}</a>
  636. </div>
  637. {/block:indexpage}
  638.  
  639. </div>
  640. {/block:Text}
  641.  
  642.  
  643. {block:Link}
  644. <div class="entry">
  645.  
  646. <a href="{URL}">{Name}</a>
  647. <br>
  648.  
  649. {block:Description}
  650. {Description}
  651. {/block:Description}
  652.  
  653. {block:indexpage}
  654. <div class="date">
  655. <a href="{Permalink}">{NoteCountWithLabel}</a>
  656. </div>
  657. {/block:indexpage}
  658.  
  659. </div>
  660. {/block:Link}
  661.  
  662.  
  663. {block:Quote}
  664. <div class="entry">
  665.  
  666. <div class="quote">"{Quote}"</div>
  667.  
  668. {block:Source}
  669. <div style="margin:5px 0;text-align:right;">— {Source}</div>
  670. {/block:Source}
  671.  
  672. {block:indexpage}
  673. <div class="date">
  674. <a href="{Permalink}">{NoteCountWithLabel}</a>
  675. </div>
  676. {/block:indexpage}
  677.  
  678. </div>
  679. {/block:Quote}
  680.  
  681.  
  682. {block:Chat}
  683. <div class="entry">
  684.  
  685. {block:Title}
  686. {Title}
  687. {/block:Title}
  688.  
  689. {block:Lines}
  690.  
  691. <p>
  692.  
  693. {block:Label}
  694. <b>{Label}</b>
  695. {/block:Label}
  696.  
  697. {Line}
  698.  
  699. </p>
  700.  
  701. {/block:Lines}
  702.  
  703. {block:indexpage}
  704. <div class="date">
  705. <a href="{Permalink}">{NoteCountWithLabel}</a>
  706. </div>
  707. {/block:indexpage}
  708.  
  709. </div>
  710. {/block:Chat}
  711.  
  712.  
  713. {block:Audio}
  714. <div class="entry">
  715.  
  716. <div class="cover">
  717. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  718. </div>
  719.  
  720. {block:AlbumArt}
  721. <div class="cover">
  722. <img src="{AlbumArtURL}">
  723. </div>
  724. {/block:AlbumArt}
  725.  
  726. <div class="playbox">
  727. {block:AudioPlayer}
  728. {AudioPlayerWhite}
  729. {/block:AudioPlayer}
  730. </div>
  731.  
  732. <div class="info">
  733.  
  734. <b>Track:</b>
  735. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>
  736. {block:TrackName}
  737. {TrackName}
  738. {/block:TrackName}
  739. <br>
  740.  
  741. <b>Artist:</b>
  742. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>
  743. {block:Artist}
  744. {Artist}
  745. {/block:Artist}
  746. <br>
  747.  
  748. <b>Album:</b>
  749. <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>
  750. {block:Album}
  751. {Album}
  752. {/block:Album}
  753.  
  754. </div>
  755.  
  756. {block:indexpage}
  757. <div class="date">
  758. <a href="{Permalink}">{NoteCountWithLabel}</a>
  759. </div>
  760. {/block:indexpage}
  761.  
  762. </div>
  763. {/block:Audio}
  764.  
  765.  
  766. {block:Answer}
  767. <div class="entry">
  768.  
  769. <div class="arrow">
  770. </div>
  771.  
  772. <img class="portrait" src="{AskerPortraitURL-40}" align="right">
  773.  
  774. <div class="answer">
  775.  
  776. <div class="asker">{Asker}</div>
  777.  
  778. {Question}
  779.  
  780. </div>
  781.  
  782. {Answer}
  783.  
  784. {block:indexpage}
  785. <div class="date">
  786. <a href="{Permalink}">{NoteCountWithLabel}</a>
  787. </div>
  788. {/block:indexpage}
  789.  
  790. </div>
  791. {/block:Answer}
  792.  
  793.  
  794.  
  795. {block:PermalinkPage}
  796. <div align="center">
  797.  
  798. {block:Date}
  799. <div class="posts-info">
  800. <div class="info-date">Posted {TimeAgo}</div>
  801. <div class="info-notes">{NoteCountWithLabel}</div>
  802. </div>
  803. {/block:Date}
  804.  
  805. {block:PostNotes}
  806. <div class="postnotes">
  807. {PostNotes}
  808. </div>
  809. {/block:PostNotes}
  810.  
  811. </div>
  812. {/block:PermalinkPage}
  813.  
  814.  
  815.  
  816. {/block:Posts}
  817.  
  818. </div>
  819.  
  820.  
  821. {block:indexpage}
  822.  
  823. {block:NextPage}
  824. <div class="navigation"><a href="{NextPage}"></a></div>
  825. {/block:NextPage}
  826.  
  827. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  828.  
  829. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  830.  
  831. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/NLrmeq8ua/jquerymsnryv2.js"></script>
  832.  
  833. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/3NYmju2rv/loadcontent.js"></script>
  834.  
  835. {/block:indexpage}
  836.  
  837. {block:ifscrolltotop}
  838. <script type="text/javascript" src="http://static.tumblr.com/kjtbii3/RQJmuycrq/scrolltotop.js"></script>
  839. {/block:ifscrolltotop}
  840.  
  841. </body>
  842.  
  843. <div id="01" class="contact" align="center">
  844.  
  845. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%">
  846. </iframe>
  847. </div>
  848.  
  849. </html>
Add Comment
Please, Sign In to add comment