Advertisement
containes

theme atual

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