API tools faq
paste
Advertisement
wildthemes

tessa theme

wildthemes
Jan 5th, 2013
19,757
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.18 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ▒█░░▒█ ▀█▀ ▒█░░░ ▒█▀▀▄ ▀▀█▀▀ ▒█░▒█ ▒█▀▀▀ ▒█▀▄▀█ ▒█▀▀▀ ▒█▀▀▀█ 　
  3. ▒█▒█▒█ ▒█░ ▒█░░░ ▒█░▒█ ░▒█░░ ▒█▀▀█ ▒█▀▀▀ ▒█▒█▒█ ▒█▀▀▀ ░▀▀▀▄▄ 　
  4. ▒█▄▀▄█ ▄█▄ ▒█▄▄█ ▒█▄▄▀ ░▒█░░ ▒█░▒█ ▒█▄▄▄ ▒█░░▒█ ▒█▄▄▄ ▒█▄▄▄█ 　
  5. Theme: Tessa | Published:JAN 6TH, 2013 | Website: wildthemes.tumblr.com
  6.  
  7. do not remove credits, themes take alot of time and effort to make, you will be reported if you're seen using this theme with no credits.This work is licensed under a Creative Commons Attribution 3.0 Unported License.taking credits off/stealing/using my themes as a basecode is ɪʟʟᴇɢᴀʟ
  8. -->
  9.  
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml">
  14. <head>
  15. <link rel="stylesheet" href="http://static.tumblr.com/tak5d5w/raDlsuinn/quicksandfonts.css" type="text/css" charset="utf-8">
  16.  
  17.  
  18.  
  19. <script type="text/javascript"
  20. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  21.  
  22. <meta name="color:background" content="#ffffff"/>
  23. <meta name="color:Posts" content="#ffffff"/>
  24.  
  25. <meta name="color:Font" content="#130C11"/>
  26. <meta name="color:Link hover" content="#130C11"/>
  27. <meta name="color:Link" content="#000000"/>
  28. <meta name="image:Border" content= ""/>
  29. <meta name="image:Sidebar" content="1"/>
  30. <meta name="image:Background" content="1"/>
  31.  
  32.  
  33. <meta name="if:Show sidebar photo" content="0"/>
  34. <meta name="if:Two Columns" content="0"/>
  35. <meta name="if:Three Columns" content="1"/>
  36.  
  37. <meta name="text:Link one Title" content=""/>
  38. <meta name="text:Link one" content="" />
  39. <meta name="text:Link Three Title" content=""/>
  40. <meta name="text:Link Three" content=""/>
  41. <meta name="text:Link Four Title" content=""/>
  42. <meta name="text:Link Four" content=""/>
  43. <meta name="text:Link two Title" content=""/>
  44. <meta name="text:Link two" content=""/>
  45. <meta name="text:Link five Title" content=""/>
  46. <meta name="text:Link five" content=""/>
  47.  
  48.  
  49.  
  50. <title>{Title} </title>{block:Description}<meta name=”description” content=”{MetaDescription}” />{/block:Description}
  51. <script type=”text/javascript” src=”http://codysherman.com/tools/infinite-scrolling/code”></script><link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  52.  
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59.  
  60. iframe#tumblr_controls {right:3px;-webkit-filter: invert(100%);opacity:0.6;}
  61.  
  62.  
  63. ::-webkit-scrollbar-thumb:vertical {
  64. background-color:{color:Link};
  65. height:auto;
  66.  
  67. }
  68.  
  69. ::-webkit-scrollbar-thumb:horizontal {
  70. background-color:{color:Link};
  71. }
  72.  
  73. ::-webkit-scrollbar {
  74. height:10px;
  75. width:6px;
  76. background-color:#cdcdcd;
  77. }
  78.  
  79.  
  80.  
  81. #description{
  82. font-family:consolas;font-size:10px;
  83. padding:5px;
  84. text-align:center;
  85. color:{color:Font};
  86. background:transparent;
  87. }
  88.  
  89.  
  90.  
  91.  
  92.  
  93. #tumblr_controls{
  94. position:fixed !important;
  95. }
  96.  
  97. .wrapper{
  98. margin: 0px auto;
  99. width: 802px;
  100. }
  101.  
  102. .header{
  103. float: left;
  104. width: 100%;
  105. }
  106.  
  107. .left{
  108. float: left;
  109. margin-right: 20px;
  110. width: 802px;
  111. }
  112.  
  113. .right{
  114. float: right;
  115. width: 200px;
  116. background-color: {color:Background};
  117. }
  118.  
  119. body {
  120. padding: 0px;
  121. margin: 0px;
  122. color: {color:Font};
  123. font-family:consolas;font-size:10px;
  124. background-color: {color:Background};
  125. background-image:url({image:Background});
  126. background-attachment: fixed;
  127. background-repeat: repeat;
  128. }
  129. a { text-decoration: none !important; }
  130. a:link, a:active, a:visited{
  131. color: {color:Link} ;
  132. -webkit-transition: color 0.6s ease-out;
  133. -moz-transition: color 0.6s ease-out;
  134.  
  135. }
  136. @font-face {font-family: "Tall Films"; src: url('http://static.tumblr.com/w1f0ilq/4m9lyy51c/tall_film.ttf');}
  137. a:hover{
  138. color:{color:Link hover};
  139. text-decoration:underline;
  140.  
  141. -webkit-transition: color 0.5s ease-out;
  142. -moz-transition: color 0.5s ease-out;
  143. }
  144. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  145.  
  146. .entry {
  147. z-index:7;
  148. float:left;
  149. background-color:{color:posts};
  150. font-family:consolas;font-size:10px;
  151. border:1px #ccc solid;
  152. margin:6px;
  153. line-height:12px;
  154. padding-left:8px;
  155. padding-right:8px;
  156. padding-top:8px;
  157.  
  158. padding-bottom:6px;
  159. {block:IndexPage}
  160. width:450px;
  161. {block:ifTwoColumns}width:250px;{/block:ifTwoColumns}
  162. {block:ifThreeColumns}width:230px;{/block:ifThreeColumns}{/block:IndexPage}
  163. {block:PermalinkPage}
  164. width:550px;
  165. border:1px {color:Background} solid;
  166.  
  167. {/block:PermalinkPage}
  168. overflow:hidden;
  169. text-decoration: none !important;
  170.  
  171.  
  172. }
  173. .entry:hover{background:{color:Link};
  174.  
  175. opacity:0.8;
  176. z-index: -9999999999999999999999999px;
  177. -webkit-transition: all 0.5s linear;
  178. -moz-transition: all 0.5s linear;
  179. transition: all 0.5s linear;
  180. }
  181.  
  182.  
  183. .linkss a{color:{color:Link};background:{color:Link highlight};}
  184. .linkss {
  185.  
  186. font-size:10px;
  187. text-align:center; padding:1px;
  188. text-decoration: none !important;
  189. }
  190. .linkss:hover { font-size:10px;
  191. text-align:center;
  192. background: {color:Link Hover}; padding:1px;
  193. text-transform:uppercase;
  194. -webkit-transition: all 0.5s linear;
  195. -moz-transition: all 0.5s linear;
  196. transition: all 0.5s linear;
  197.  
  198. text-decoration: none !important;
  199. }
  200.  
  201.  
  202.  
  203. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  204.  
  205.  
  206.  
  207. div#sidebar{
  208. position:fixed !important;
  209. margin-left:-80px;
  210. width: 250px;
  211.  
  212. z-index:99999999999999;
  213.  
  214. top: 0px;
  215.  
  216. height:100%;
  217. padding: 0px;
  218. padding: 7px;
  219. letter-spacing:0px;
  220. background-color: {color:posts};
  221.  
  222. -webkit-transition: all 0.5s linear;
  223. -moz-transition: all 0.5s linear;
  224. transition: all 0.5s linear;
  225. position: fixed;
  226. overflow: hidden;
  227.  
  228. }
  229.  
  230.  
  231.  
  232.  
  233. #border{
  234. background-attachment: fixed;
  235. background-image: repeat;
  236. background-image:url({image:Border});
  237. position: fixed;
  238.  
  239. height:100%;
  240. width: 800px;
  241. {block:ifTwoColumns}width: 880px;{/block:ifTwoColumns}
  242. {block:ifThreeColumns}width: 1100px;{/block:ifThreeColumns}
  243.  
  244. left:180px
  245. {block:PermalinkPage}
  246. width: 0px;
  247. z-index:-9999999999999999999;
  248.  
  249. opacity:0;
  250. {/block:PermalinkPage}
  251.  
  252. }
  253.  
  254. #linkborder{
  255. background-attachment: fixed;
  256. background-image: repeat;
  257. background-image:url({image:Border});
  258. width: 80px;
  259. position: fixed;
  260. height:210px;
  261. border-top-left-radius: 20px 10px;
  262. border-bottom-left-radius: 20px 10px;
  263. top:150px;
  264. left:140px;
  265.  
  266.  
  267. }
  268.  
  269.  
  270.  
  271.  
  272.  
  273.  
  274. #border2{
  275. background-attachment: fixed;
  276. background-image: repeat;
  277. background-image:url({image:Border});
  278. width: 50px;
  279. padding:4px;
  280. position: fixed; box-shadow: 0px 0px 7px #aaa;
  281. z-index:99999999999999;
  282. height:100%;
  283.  
  284. left:850px;
  285. {block:ifTwoColumns}left:1020px;{/block:ifTwoColumns}
  286. {block:ifThreeColumns}left:1170px;{/block:ifThreeColumns}}
  287.  
  288.  
  289.  
  290. #sidebar:hover{
  291. opacity: 1;
  292. -webkit-transition: all 0.4s linear;
  293. -moz-transition: all 0.4s linear;
  294. transition: all 0.4s linear;
  295.  
  296. }
  297. @font-face {
  298. font-family: 'Share';
  299. font-style: normal;
  300. font-weight: 400;
  301. src: local('Share'), local('Share-Regular'), url(http://themes.googleusercontent.com/static/fonts/share/v1/_jCje2O-7QL947BeMhJzWQ.woff) format('woff');
  302. }
  303.  
  304.  
  305. .entry:hover .details {
  306. opacity: 1.0;
  307. margin:12px 0px 0px 0px;
  308. filter: alpha(opacity = 100);
  309. -webkit-transition: all .25s ease-in-out;
  310. -moz-transition: all .25s ease-in-out;
  311. -o-transition: all .25s ease-in-out;
  312. transition: all .25s ease-in-out;
  313. }
  314.  
  315.  
  316. .permahover {
  317. text-align: right;
  318. line-height:200%;
  319. opacity: 0.0;
  320. filter: alpha(opacity = 0);
  321. font-size: 9px;
  322. line-height: 9px;
  323. text-transform: uppercase;
  324. }
  325.  
  326. .entry:hover .permahover {
  327. text-align: center;
  328. opacity: 1;
  329. filter: alpha(opacity = 50);
  330.  
  331.  
  332. }
  333.  
  334. .text {
  335. padding: 0px;
  336. }
  337.  
  338.  
  339.  
  340. .entry:hover .textperma {
  341. opacity: 1;
  342. filter: alpha(opacity = 100);
  343. -webkit-transition: all ease-in 250ms;
  344. -moz-transition: all ease-in 250ms;
  345. -o-transition: all ease-in 250ms;
  346. -ms-transition: all ease-in 250ms;
  347. transition: all ease-in 250ms;
  348. }
  349.  
  350.  
  351.  
  352. body, a, a:hover {cursor:
  353. url('http://img69.imageshack.us/img69/7673/cursorw.png'), progress; }
  354.  
  355.  
  356. @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf');
  357. }
  358. @font-face { font-family: "hehe"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  359. @font-face {font-family:"Aderyn"; src:url('http://static.tumblr.com/9wzbixa/Qnqm26qzk/dk_aderyn_0.ttf');}
  360.  
  361.  
  362.  
  363. #posts {
  364.  
  365. width: 820px;
  366. margin-left:200px;
  367. {block:PermalinkPage}
  368. margin-left:200px;
  369. margin-top: 0px;
  370. z-index:99099999999999999999999;
  371. {/block:PermalinkPage}
  372. top: 0px;
  373. float:left;
  374. text-decoration: none !important;
  375.  
  376. }
  377.  
  378. #infscr-loading{
  379. bottom: -70px;
  380. position: absolute;
  381. left: 50%;
  382. margin-left:-8px;
  383. width:16px;
  384. height:11px;
  385. overflow:hidden;
  386. margin-bottom: 50px;
  387. }
  388.  
  389. @font-face { font-family:Sweetly Broken; src: url(http://static.tumblr.com/iddq6cw/MZUlwm0mp/sweetly_broken.ttf);}
  390. @font-face { font-family: "delius reg"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  391. @font-face { font-family: "signerica"; src: url('http://static.tumblr.com/yo59jgt/m4om1rino/signerica_fat.ttf'); }
  392.  
  393. #blogtitle{
  394. font-family: signerica;
  395. width: 280px;
  396. z-index:999;
  397. padding-top:10px;
  398. font-size: 30px;text-align:center;
  399. line-height:110%;text-decoration: none !important;
  400. }@font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  401.  
  402. #blogimg{position:fixed; top:100px;left:40px;width:105px;}
  403.  
  404. #stats{
  405. font-family: quicksandlight;
  406. position: fixed;
  407. padding:3px;
  408. width: 280px;bottom:30px;
  409. text-transform:uppercase;
  410. z-index:999;
  411. left:25px;
  412. text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000, 0 0 40px #000, 0 0 70px #000, 0 0 80px #000, 0 0 100px #000, 0 0 150px #000;
  413. font-size: 30px;
  414. line-height:110%;
  415. color:{color:Nav};
  416. text-align: right; text-decoration: none !important;
  417. }
  418. @font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  419.  
  420.  
  421. #fireworks{position:fixed; bottom:10px;right:160px;width:105px;}
  422.  
  423.  
  424.  
  425.  
  426.  
  427. #newyear{
  428. font-family: signerica;
  429. position: fixed;
  430. padding:3px;
  431. width: 300px;bottom:240px;
  432. z-index:999;
  433. color:white;
  434. right:-10px;
  435. text-shadow: 0 0 10px #888, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #888, 0 0 70px #888, 0 0 80px #888, 0 0 100px #888, 0 0 150px #888;
  436. font-size: 30px;text-align:center;
  437. line-height:110%; text-decoration: none !important;
  438. }@font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  439.  
  440.  
  441.  
  442. #newyear2{
  443. font-family: quicksandlight;
  444. position: fixed;
  445. padding:3px;
  446. width: 300px;bottom:200px;
  447. z-index:999;
  448. color:white;text-transform:uppercase;
  449. right:0px;
  450. text-shadow: 0 0 10px #888, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #888, 0 0 70px #888, 0 0 80px #888, 0 0 100px #888, 0 0 150px #888;
  451. font-size: 23px;text-align:right;
  452. line-height:110%; text-decoration: none !important;
  453. }@font-face { font-family: "blackswan"; src: url('http://static.tumblr.com/q54tzar/7POm34eyl/a_s_black_swan_3_.ttf'); }
  454. .title{
  455. font-family: tall films;
  456. line-height:100%;
  457. color: {color:Font};
  458. font-size:40px;
  459. text-decoration: none !important;
  460. }
  461. .entry .perma{
  462. margin-left:50px;top: 0px;
  463. width:auto;
  464. height: auto;
  465. position: absolute;
  466. overflow:hidden;
  467. opacity: 0.0;
  468. text-align:center;
  469.  
  470. background-color: transparent;
  471. -webkit-transition: all 0.5s linear;
  472. -webkit-transition: all 0.5s linear;
  473. -moz-transition: all 0.5s linear;
  474. transition: all 0.5s linear;
  475.  
  476.  
  477. }
  478.  
  479. .entry:hover .perma{
  480.  
  481. margin-top: 11px;
  482. opacity:1;
  483.  
  484. -webkit-transition: all .4s ease;
  485. -moz-transition: all .4s ease;
  486.  
  487. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  488. transition: all .4s ease;
  489.  
  490. }
  491.  
  492.  
  493. .heart{
  494. position:absolute;
  495. margin-top: 0px;
  496. margin-left:5px;
  497. opacity:0;
  498. -webkit-transition: all .4s ease;
  499. -moz-transition: all .4s ease;
  500. -o-transition: all .4s ease;
  501. transition: all .4s ease;}
  502.  
  503. .entry:hover .heart{
  504. margin-top: 5px;
  505. z-index:994554654645654699;
  506. opacity:1;
  507. -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
  508. -webkit-transition: all .4s ease;
  509. -moz-transition: all .4s ease;
  510. -o-transition: all .4s ease;
  511. transition: all .4s ease;
  512. }
  513.  
  514. .entry:hover .heart:hover{opacity:0.4;-webkit-filter: invert(100%)
  515. }
  516. .entry:hover .perma:hover{opacity:0.4;-webkit-filter: invert(100%)
  517. }
  518.  
  519.  
  520.  
  521.  
  522. blockquote, q {
  523. quotes: "«" "»" "'" "'";
  524. padding:2px;
  525. border-left: 3px solid {color:Link};
  526. margin: 0px 30px;
  527. background:#eee;
  528. }
  529.  
  530.  
  531. ol.notes li.note blockquote {
  532. border-color: #eee;
  533. padding: 4px 10px;
  534. list-style-type: none;
  535. margin: 10px 0px 0px 25px;
  536. }
  537.  
  538. ol.notes li.note blockquote a {
  539. text-decoration: none;
  540. list-style-type: none;
  541. }
  542.  
  543.  
  544.  
  545.  
  546. #panel,#flip{
  547. height:auto;
  548. width:0px;
  549. padding:2px;
  550. margin-left:-10px;
  551. margin-bottom:0px;
  552. text-align:center;
  553. font-family:"Consolas";
  554. font-size:10px;
  555. letter-spacing:0px;
  556. line-height:10px;
  557. background:transparent;
  558. text-transform:uppercase;
  559. display:inline-block;
  560. color:{color:Font};
  561. }
  562.  
  563. #panel, #flip:hover{
  564. text-decoration:underline;
  565. }
  566.  
  567. #panel {
  568. background-color:transparent;
  569. width:230px;
  570. border-top:0px solid #ddd;
  571. margin-top:0px;
  572. margin-left:0px;
  573. margin-bottom:0px;
  574. text-transform:uppercase;
  575. font-size:10px;
  576. line-height:10px;
  577. letter-spacing:0px;
  578. color:{color:Link};
  579. text-align:center;
  580. text-decoration:none;
  581. display:none;
  582. }
  583.  
  584.  
  585. .linkss a{color:{color:Link};}
  586. .linkss {
  587. width: 40px;
  588. height: 15px;
  589. margin-top:5px;
  590. line-height:170%;
  591. background-color:{color:Blockquote};
  592. opacity:0.7;
  593. border:1px solid {color:Blockquote};
  594. text-align:center;text-transform:uppercase;
  595.  
  596. display: inline-block;
  597. -webkit-transition-duration: .6s;
  598. text-decoration: none !important;
  599. }
  600.  
  601. {CustomCSS}
  602.  
  603. </style>
  604.  
  605. {block:IndexPage}
  606. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script><script type="text/javascript" src="http://static.tumblr.com/o0thhnj/QDcmcmi8j/infinitescrolling.txt"></script><script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  607.  
  608. <script type="text/javascript">
  609. $(window).load(function () {
  610. var $content = $('#posts');
  611. $content.masonry({itemSelector: '.entry'}),
  612. $content.infinitescroll({
  613. navSelector : 'div#pagination',
  614. nextSelector : 'div#pagination a#nextPage',
  615. itemSelector : '.entry',
  616. loading: {
  617. finishedMsg: '',
  618. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  619. },
  620. bufferPx : 600,
  621. debug : false,
  622. },
  623. // call masonry as a callback.
  624. function( newElements ) {
  625. var $newElems = $( newElements );
  626. $newElems.hide();
  627. // ensure that images load before adding to masonry layout
  628. $newElems.imagesLoaded(function(){
  629. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  630.  
  631.  
  632. });
  633. });
  634. });
  635. </script>
  636.  
  637. {/block:IndexPage}
  638.  
  639. <title>{title}</title>
  640.  
  641. <link rel="shortcut icon" href="{Favicon}">
  642. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  643. <meta name="viewport" content="width=820" />
  644.  
  645. </head>
  646. <body>
  647.  
  648. <script src="jquery.js"></script>
  649. <script>
  650. $(document).ready(function(){
  651. $("#flip").click(function(){
  652. $("#panel").slideToggle("slow");
  653. });
  654. });
  655. </script>
  656.  
  657. <script src="jquery.js"></script>
  658. <script>
  659. $(document).ready(function(){
  660. $("#flip2").click(function(){
  661. $("#panel2").slideToggle("slow");
  662. });
  663. });
  664. </script>
  665.  
  666. <script src="jquery.js"></script>
  667. <script>
  668. $(document).ready(function(){
  669. $("#flip3").click(function(){
  670. $("#panel3").slideToggle("slow");
  671. });
  672. });
  673. </script>
  674.  
  675. <div class="wrapper">
  676. <div class="header">
  677. <div id="border"></div>
  678.  
  679.  
  680.  
  681. <div id="sidebar">
  682. <center>{block:ifshowsidebarphoto}<center><div style="padding:5px;border:3px double {color:Font};"><a title="" href="/"><img src="{image:Sidebar}" width=230px height=auto ></a></center>{/block:ifshowsidebarphoto}
  683.  
  684. <div id="blogtitle"><a href="/">{Title}</a>
  685. </div>
  686.  
  687. <span class="linkss"><a href="/">home</a> </span>
  688.  
  689. {block:AskEnabled}<span class="linkss"><a href="/ask">ask</a> </span>
  690. {/block:AskEnabled}{block:HasPages}{block:Pages}<span class="linkss"><a href="{URL}">{Label}</a></span>{/block:Pages}{/block:HasPages}
  691. {block:IfLinkOneTitle} <span class="linkss"> <a href="{text:Link One}"> {text:Link One Title}</a> </span> {/block:ifLinkOneTitle} {block:IfLinkTwoTitle} <span class="linkss"> <a href="{text:Link Two}">{text:Link Two Title}</a> </span> {/block:ifLinkTwoTitle} {block:IfLinkThreeTitle}<span class="linkss"> <a href="{text:Link Three}">{text:Link Three Title}</a> </span> {/block:ifLinkThreeTitle} {block:IfLinkFourTitle} <span class="linkss"> <a href="{text:Link Four}">{text:Link Four Title}</a> </span> {/block:ifLinkFourTitle} {block:IfLinkFiveTitle} <span class="linkss"> <a href="{text:Link Five}">{text:Link Five Title}</a> </span> {/block:ifLinkFiveTitle}
  692. <span class="linkss">
  693. <a href="http://wildthemes.tumblr.com/">credit</a>
  694. </span>
  695. <div id="description">{Description} &nbsp;<div id="flip">{+}</div><div id="panel">{text:Description two}</div><br>
  696.  
  697.  
  698. </div>
  699.  
  700.  
  701. </div>
  702.  
  703. <div class="left">
  704.  
  705. <div id="posts">
  706.  
  707. {block:Posts}
  708. <div class="entry">
  709.  
  710. {block:Text}
  711. <div class="text">
  712. {block:Title}
  713. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  714. {/block:Title}
  715. {Body}
  716. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  717. {block:IndexPage}
  718.  
  719. {/block:IndexPage}
  720. </div>
  721. {/block:Text}
  722. {block:Link}
  723. <div class="text">
  724. <div class="title"><a href="{URL}" class="link" {Target}>{Name}</a> </div>
  725. {block:Description}
  726. <div class="description">{Description}</div>
  727. {/block:Description}
  728. <p>
  729. {block:IndexPage}
  730. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  731.  
  732. {/block:IndexPage}
  733.  
  734. </div>{/block:Link}
  735.  
  736.  
  737. {block:Photo}
  738. <div class="img">
  739. <span class="perma"><span class="perms"><a href="{ReblogURL}" target="_blank"><img style="width:40px;border-radius:40px;height:40px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/nGmmam5hg/reblog.png" title="reblog"></a></span></span>
  740.  
  741. <div class="heart"><div class="hearts"><a href="{Permalink}"><img style="width:40px;border-radius:40px;height:40px;cursor:pointer;" src="http://static.tumblr.com/j1tjexd/aeQmam5ia/like1.png" style="border-radius:10px;height:25px;cursor:pointer;" title="{notecountwithlabel} "/></a></div></div>
  742.  
  743.  
  744. {/block:IndexPage}
  745. {Block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{Permalink}"width=100%/>{LinkCloseTag}{/block:indexpage}
  746. {Block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/>{/Block:PermalinkPage}
  747. </div>
  748. {/block:Photo}
  749.  
  750.  
  751.  
  752. {block:Answer}
  753. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  754. <strong>{Asker}: {Question}</strong>
  755. <div class="caption">
  756. {Answer}</div>
  757. {block:IndexPage}<a href="{permalink}"><div align="center"><div style="font-size:9px;line-height:10px; border-top: 0px #777777 solid; padding-bottom: 2px;">{Notecount} notes</a> - <a href="{permalink}"><a href="{ReblogURL}" target="_blank">reblog</a></span></div></div>{/block:IndexPage}
  758. {/block:Answer}
  759.  
  760. {block:Photoset}
  761. {block:IndexPage}
  762.  
  763.  
  764. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="100%" style="padding:3px;"/></a>
  765. {/block:Photos}<div class="perms">
  766. <a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a>
  767. </div>
  768. {/block:IndexPage}
  769.  
  770. {block:permalinkpage}
  771. {Photoset-500}
  772. {/block:permalinkpage}
  773. {/block:Photoset}
  774.  
  775. {block:Quote}
  776. <div class="text">
  777. <div class="title"> "{Quote}" </div>
  778. {block:Source}
  779. <div style="text-align:right; line-height:12px;">- {Source}</div>
  780. {/block:Source}
  781. {block:IndexPage}
  782. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  783.  
  784. {/block:IndexPage}
  785. </div>{/block:Quote}
  786.  
  787. {block:Chat}
  788. <div class="text">
  789. {block:Title}
  790. <div class="title"> <a href="{Permalink}">{Title}</a></div>
  791. {/block:Title}
  792. <ul class="chat">
  793. {block:Lines}
  794. <li class="{Alt} user_{UserNumber}"> {block:Label}<span style="text-transform:uppercase"> <span class="label">{Label}</span></span> {/block:Label}
  795. {Line} </li>
  796. {/block:Lines}
  797. </ul>
  798. {block:IndexPage}
  799. <div class="permahover"><p><br><a href="{permalink}">{NoteCountwithLabel}</a> / <a href="{ReblogURL}" target="_blank">reblog</a></p></div>
  800.  
  801. {/block:IndexPage}
  802. </div>{/block:Chat}
  803.  
  804.  
  805. {block:Audio}
  806. <div class="text">
  807. {AudioPlayerGrey}
  808. {block:Caption}
  809. {Caption}
  810. {/block:Caption}
  811. {block:IndexPage}
  812. <a href="{Permalink}">Permalink</a>
  813. {/block:IndexPage}
  814. </div>{/block:Audio}
  815.  
  816.  
  817.  
  818. {block:Video}
  819. {block:IndexPage}
  820. <center>
  821. {Video-340}</center>
  822. {/block:IndexPage}
  823. {block:PermalinkPage}
  824. <center>
  825. {Video-450}</center>
  826. {/block:PermalinkPage}
  827. <span class="perm"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a> | <a href="{permalink}"><a href="{ReblogURL}" target="_blank">REBLOG</a>
  828. {block:Video}
  829.  
  830. {block:PermalinkPage}
  831. <center>
  832. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</center>
  833.  
  834.  
  835. {/block:PermalinkPage}
  836.  
  837.  
  838. {block:PostNotes}{PostNotes}
  839. {/block:PostNotes}
  840. </div>
  841.  
  842.  
  843. {/block:Posts}
  844. </div>
  845. </div>
  846. {block:IndexPage}
  847. {block:Pagination}
  848. <div id="pagination">
  849. {block:NextPage}
  850. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  851. {/block:NextPage}
  852. {block:PreviousPage}
  853. <a href="{PreviousPage}">&larr;&nbsp;</a>
  854. {/block:PreviousPage}
  855. </div>
  856. {/block:Pagination}
  857. {/block:IndexPage}
  858. </div>
  859. </body>
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867.  
  868.  
  869. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!