Advertisement
iune

Tenax Theme

Aug 15th, 2013
1,956
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.59 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!---------------------------------
  5. ,
  6. .--'|} _ ,
  7. / /}} -====;.`\/ }
  8. .=\.--'`\} \-'\-'----.
  9. //` '---./` \ |-..-'`
  10. || /| /\/\
  11. \\| | `--`
  12. |\_\\/
  13. \__/\\
  14. \\
  15.  
  16. tenax theme by irene (pyschic.tumblr.com)
  17. removal of credits will be considered stealing
  18. and will result in the termination of your blog
  19. thanks for choosing my theme!
  20.  
  21. ---------------------------------->
  22.  
  23. <head>
  24.  
  25. <title>{Title}</title>
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}
  29. <meta name="description" content="{MetaDescription}" />
  30. {/block:Description}
  31.  
  32. <meta name="color:Background" content="#ffffff"/>
  33. <meta name="color:Text" content="#000000"/>
  34. <meta name="color:Link" content="#000000"/>
  35. <meta name="color:Title" content="#000000"/>
  36. <meta name="color:Permalink Background" content="#ffffff"/>
  37. <meta name="color:Permalinks" content="#000000"/>
  38. <meta name="color:Permalinks Hover" content="#000000"/>
  39. <meta name="color:Link Hover" content="#ffffff"/>
  40. <meta name="color:Scrollbar" content="#000000"/>
  41. <meta name="color:Scrollbar Background" content="#ffffff"/>
  42. <meta name="color:Quote" content="#000000"/>
  43. <meta name="color:Link Bar" content="#000000"/>
  44. <meta name="color:Link Bar Hover" content="#ffffff"/>
  45. <meta name="color:Link Bar Links" content="#12ff00"/>
  46. <meta name="color:Link Bar Links Hover" content="#000000"/>
  47. <meta name="color:Link Dividers" content="#ffffff"/>
  48.  
  49. <meta name="text:ReblogText" content="reblog" />
  50. <meta name="text:Link 1" content="" />
  51. <meta name="text:Link 1 Title" content="" />
  52. <meta name="text:Link 2" content="" />
  53. <meta name="text:Link 2 Title" content="" />
  54. <meta name="text:Link 3" content="" />
  55. <meta name="text:Link 3 Title" content="" />
  56. <meta name="text:Link 4" content="" />
  57. <meta name="text:Link 4 Title" content="" />
  58. <meta name="text:Link 5" content="" />
  59. <meta name="text:Link 5 Title" content="" />
  60. <meta name="text:Link 6" content="" />
  61. <meta name="text:Link 6 Title" content="" />
  62.  
  63. <meta name ="image:Link Bar" content="">
  64. <meta name ="image:Background" content="">
  65.  
  66. <meta name ="if:Title Font 2" content="0">
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Lobster|Carrois+Gothic+SC|Pacifico|Oxygen' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73. iframe#tumblr_controls {
  74. right:3px !important;
  75. position: fixed !important;
  76. -webkit-transition: opacity 0.7s linear;
  77. opacity: 0.7;
  78. -webkit-transition: all 0.8s ease-out;
  79. -moz-transition: all 0.8s ease-out;
  80. transition: all 0.8s ease-out;}
  81.  
  82. iframe#tumblr_controls:hover {
  83. -webkit-transition: opacity 0.7s linear;
  84. opacity: 1;
  85. -webkit-transition: all 0.4s ease-out;
  86. -moz-transition: all 0.4s ease-out;
  87. transition: all 0.4s ease-out;}
  88.  
  89. #tumblr_controls {
  90. position:absolute !important;
  91. -webkit-filter: invert(100%)}
  92.  
  93. ::-webkit-scrollbar{
  94. width:10px;
  95. height:6px;
  96. background-color: {color:Scrollbar Background};}
  97.  
  98. ::-webkit-scrollbar-thumb{
  99. width: 7px;
  100. height: 6px;
  101. border-radius: 0px;
  102. border-top: 3px solid {color:Scrollbar Background};
  103. border-left: 2px solid {color:Scrollbar Background};
  104. border-right: 2px solid {color:Scrollbar Background};
  105. background: {color:Scrollbar};}
  106.  
  107. body {
  108. font-family: didact gothic, sans-serif;
  109. font-size: 10px;
  110. background-repeat: no-repeat;
  111. background-attachment: fixed;
  112. color: {color:Text};
  113. background: {color:Background} url('{image:Background}');}
  114.  
  115. a { color: {color:Link};
  116. text-decoration:none;
  117. transition: all 0.5s ease-out;
  118. -o-transition-transition: all 0.5s ease-out;
  119. -webkit-transition: all 0.5s ease-out;
  120. -moz-transition: all 0.5s ease-out;}
  121.  
  122. a:hover {
  123. color: {color:Link Hover};
  124. transition: all 0.5s ease-out;
  125. -o-transition-transition: all 0.5s ease-out;
  126. -webkit-transition: all 0.5s ease-out;
  127. -moz-transition: all 0.5s ease-out;}
  128.  
  129. #bowl {
  130. margin: auto;
  131. {block:indexpage}
  132. width: 1200px;
  133. {/block:indexpage}
  134. {block:permalinkpage}
  135. width: 550px;
  136. {/block:permalinkpage}}
  137.  
  138. #posts{
  139. background: transparent;
  140. opacity: 1;
  141. float:left;
  142. padding: 20px;
  143. {block:indexpage}
  144. width: 1200px;
  145. {/block:indexpage}
  146. {block:permalinkpage}
  147. width:550px;
  148. {/block:permalinkpage}
  149. margin-top: -10px;
  150. transition: all 0.5s ease-out;
  151. -o-transition-transition: all 0.5s ease-out;
  152. -webkit-transition: all 0.5s ease-out;
  153. -moz-transition: all 0.5s ease-out;}
  154.  
  155. #entry{
  156. font-family: helveticas, sans-serif;
  157. font-size: 10px;
  158. line height: 11px;
  159. text-align: left;
  160. z-index: 99;
  161. float: left;
  162. width: 250px;
  163. margin: auto;
  164. height: auto;
  165. {block:PermalinkPage}
  166. width: 500px;
  167. height: auto;
  168. {/block:PermalinkPage}
  169. background: transparent;
  170. overflow: hidden;
  171. padding: 20px;
  172. transition: all 0.5s ease-out;
  173. -o-transition-transition: all 0.5s ease-out;
  174. -webkit-transition: all 0.5s ease-out;
  175. moz-transition: all 0.5s ease-out;}
  176.  
  177. blockquote {
  178. margin: 10px 0px 10px 15px;
  179. padding-left: 10px;
  180. border-left: 1px dotted #888888;}
  181.  
  182. ul, ol, li{
  183. margin-left: 15px;
  184. padding: 0px;}
  185.  
  186.  
  187. .starfish {
  188. font-family: carrois gothic sc;
  189. text-transform: uppercase;
  190. text-align: center;
  191. position: absolute;
  192. height: 14px;
  193. bottom: 0px;
  194. left: 20px;
  195. width: 230px;
  196. background: {color:Permalink Background};
  197. opacity: 0;
  198. padding: 10px;
  199. -moz-transition: all 0.3;
  200. -webkit-transition: all 0.3s;
  201. -o-transition: all 0.3s;
  202. transition: all 0.3;
  203. {block:permalinkpage}
  204. display: none;
  205. {/block:permalinkpage}}
  206.  
  207. .starfish a{
  208. color: {color:Permalinks};}
  209.  
  210. .starfish a:hover {
  211. color:{color:Permalinks Hover};}
  212.  
  213. #entry:hover .starfish {
  214. opacity: 0.8;
  215. bottom: 20px;
  216. -moz-transition: all 0.5;
  217. -webkit-transition: all 0.5s;
  218. -o-transition: all 0.5s;
  219. transition: all 0.5;}
  220.  
  221. #questions {
  222. margin-top: 2px;
  223. margin-bottom: 0px;
  224. min-height: 30px;
  225. padding: 3px;}
  226.  
  227. #questions img{
  228. max-width: 250px;}
  229.  
  230. #vid {
  231. text-align: center;}
  232.  
  233. #flight {
  234. border-radius: 4px;
  235. padding: 2px;
  236. position: fixed;
  237. bottom: 2px;
  238. right: -5px;
  239. background-color:rgba(255,255,255,0.7);}
  240.  
  241. #bleh img{
  242. max-width: 250px;}
  243.  
  244. #perm {
  245. font-family: carrois gothic sc;
  246. width: 550px;
  247. text-transform: uppercase;
  248. font-size: 10px;
  249. text-align: left;}
  250.  
  251. .big {
  252. font-size:65px;
  253. color: {color:Quote};
  254. line-height: 65px;
  255. font-family: georgia;
  256. opacity: .5;}
  257.  
  258. .quote {
  259. margin-top: -55px;
  260. font-size: 15px;
  261. text-indent:35px;}
  262.  
  263. .source {
  264. margin-top: -20px;
  265. text-align: right}
  266.  
  267. #flight {
  268. padding: 2px;
  269. position: fixed;
  270. bottom: 0px;
  271. right: -5px;
  272. background: transparent;}
  273.  
  274. #heada {
  275. text-align: right;
  276. {block:indexpage}
  277. width: 1180px;
  278. {/block:indexpage}
  279. {block:permalinkpage}
  280. width: 590px;
  281. {/block:permalinkpage}
  282. height: 100px;
  283. padding-bottom: 5px;
  284. z-index: 99999999999;}
  285.  
  286. #tit {
  287. margin-top: 10px;
  288. height: 10px;
  289. font-size: 30px;
  290. font-family: oxygen;
  291. {block:iftitlefont2}
  292. font-family: pacifico;
  293. {/block:iftitlefont2}
  294. text-align: right;
  295. color: {color:Title};}
  296.  
  297. #linkss {
  298. opacity: .7;
  299. text-transform: uppercase;
  300. position: static;
  301. font-family: oxygen, sans-serif;
  302. height: 50px;
  303. font-size: 20px;
  304. {block:indexpage}
  305. width: 1180px;
  306. {/block:indexpage}
  307. {block:permalinkpage}
  308. width: 560px;
  309. font-size: 12px;
  310. {/block:permalinkpage}
  311. background: {color:Link Bar} url('{image:Link Bar}');
  312. text-align: left;
  313. padding-top: 15px;
  314. padding-left: 20px;
  315. line-height: 30px;
  316. text-decoration: none;
  317. position: -webkit-sticky;
  318. position: -moz-sticky;
  319. position: -ms-sticky;
  320. position: -o-sticky;
  321. z-index: 99999999999999999999999999999999999;
  322. transition: all 0.5s ease-out;
  323. -o-transition-transition: all 0.5s ease-out;
  324. -webkit-transition: all 0.5s ease-out;
  325. -moz-transition: all 0.5s ease-out;}
  326.  
  327. #linkss:hover {
  328. opacity: .9;
  329. background: {color:Link Bar Hover} url('{image:Link Bar}');
  330. transition: all 0.5s ease-out;
  331. -o-transition-transition: all 0.5s ease-out;
  332. -webkit-transition: all 0.5s ease-out;
  333. -moz-transition: all 0.5s ease-out;}
  334.  
  335. #linkss a{
  336. padding: 0px 10px 0px 5px;
  337. color: {color:Link Bar Links};
  338. transition: all 0.5s ease-out;
  339. -o-transition-transition: all 0.5s ease-out;
  340. -webkit-transition: all 0.5s ease-out;
  341. -moz-transition: all 0.5s ease-out;}
  342.  
  343. #linkss a:hover {
  344. color: {color:Link Bar Links Hover};
  345. transition: all 0.5s ease-out;
  346. -o-transition-transition: all 0.5s ease-out;
  347. -webkit-transition: all 0.5s ease-out;
  348. -moz-transition: all 0.5s ease-out;}
  349.  
  350. #huh {
  351. line-height: 10px;}
  352.  
  353. #ya a{
  354. border-right: 1px solid {color:Link Dividers};}
  355.  
  356.  
  357. </style>
  358.  
  359. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  360. <script type="text/javascript">
  361. $(function(){ // document ready
  362. if (!!$('#linkss').offset()) { // make sure ".sticky" element exists
  363. var stickyTop = $('#linkss').offset().top; // returns number
  364. $(window).scroll(function(){ // scroll event
  365. var windowTop = $(window).scrollTop(); // returns number
  366. if (stickyTop < windowTop){
  367. $('#linkss').css({ position: 'fixed', top: 0 });
  368. }
  369. else {
  370. $('#linkss').css('position','static');
  371. }
  372. });
  373. }
  374. });
  375. </script>
  376.  
  377. </head>
  378. <body>
  379.  
  380. <div id="bowl">
  381.  
  382. <div id="heada">
  383. <span id="tit">{Title}</span>
  384. <span id="des"><br>{Description}
  385. <br>
  386. </span>
  387. </div>
  388.  
  389. <div id="linkss"><span id="ya">
  390. <a href="/">home</a> {block:ifLink1Title} <a href="{text:Link 1}">{text:Link 1 Title}</a>
  391. {/block:ifLink1Title}
  392. {block:ifLink2Title}
  393. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  394. {/block:ifLink2Title}
  395. {block:ifLink3Title}
  396. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  397. {/block:ifLink3Title}
  398. {block:ifLink4Title}
  399. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  400. {/block:ifLink4Title}
  401. {block:ifLink5Title}
  402. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  403. {/block:ifLink5Title}
  404. {block:iflink6Title}
  405. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  406. {/block:ifLink6Title}
  407. {block:iflink7Title}
  408. <a href="{text:Link 7}">{text:Link 7 Title}</a>
  409. {/block:ifLink7Title}
  410. {block:iflink8Title}
  411. <a href="{text:Link 8}">{text:Link 8 Title}</a>
  412. {/block:ifLink8Title}</span>
  413. <a href="http://pyschic.tumblr.com">theme</a>
  414. </div>
  415.  
  416. <div id="huh"><br></div>
  417.  
  418. <div id="posts">
  419. {block:Posts}
  420. <div id="entry">
  421.  
  422. {block:Photo}
  423. {block:IndexPage}
  424. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  425. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  426. <a href="{Permalink}">
  427. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="250px"></a>
  428. {/block:IndexPage}
  429. {block:PermalinkPage}
  430. <div align="center">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</div>
  431. {/block:PermalinkPage}
  432. {/block:Photo}
  433.  
  434. {block:Answer}
  435. <div id="questions">
  436. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right: 3px;">
  437. {Asker}: {Question}
  438. {Answer}</div>
  439. <span class="starfish">
  440. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  441. {/block:Answer}
  442.  
  443. {block:Photoset}
  444. {block:IndexPage}
  445. {Photoset-250}
  446. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  447. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  448. {/block:IndexPage}
  449. {block:PermalinkPage}
  450. {Photoset-500}
  451. {/block:PermalinkPage}
  452. {/block:Photoset}
  453.  
  454. {block:Text}
  455. <div id="bleh">
  456. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  457. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  458. {block:Title}<font size="3">{Title}</font>{/block:Title}
  459. {Body}</div>
  460. {/block:Text}
  461.  
  462. {block:Link}
  463. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  464. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  465. <a href="{URL}"><font size="3">{Name} ยป</font></a>
  466. {block:Description}{Description}{/block:Description}<br>
  467. {block:Link}
  468.  
  469. {block:Quote}
  470. <b class="big">โ€œ</b><div class ="quote"><i>{Quote}</i></div>
  471. <br><br>{block:Source}<div class="source"><strong>- {Source}</div></strong>{/block:Source}
  472. {block:ContentSource}<div style="display: none">{SourceURL}</div> {/block:ContentSource}
  473. <br>
  474. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  475. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  476. {/block:Quote}
  477.  
  478. {block:Chat}
  479. {block:Title}{Title}{/block:Title}
  480. {block:Lines}
  481. <li>
  482. {block:Label}
  483. {Label}
  484. {/block:Label}
  485. {Line}
  486. </li>
  487. {/block:Lines}<br>
  488. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  489. <a href="{Permalink}">{NoteCountWithLabel}</a></span>
  490. {/block:Chat}
  491.  
  492.  
  493. {block:Audio}
  494. <div id="vid">
  495. {AudioPlayerGrey}
  496. </div>
  497. {block:indexpage}{block:Caption}{Caption}{/block:Caption}
  498.  
  499. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  500. <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:indexpage}
  501. {/block:Audio}
  502.  
  503. {block:Video}{block:indexpage}
  504. <div id="vid">
  505. {Video-250}</div>
  506. {block:Caption}{Caption}{/block:Caption}
  507.  
  508. <span class="starfish"><a href="{ReblogURL}">{text:ReblogText}</a> |
  509. <a href="{Permalink}">{NoteCountWithLabel}</a></span>{/block:indexpage}
  510. {block:PermalinkPage}
  511. {Video-500}{/block:PermalinkPage}
  512. {/block:Video}
  513.  
  514. {block:PermalinkPage}</a>
  515. <div id="perm">
  516. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}<br>
  517. {TimeAgo}{block:RebloggedFrom}<br> via:
  518. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br>source:
  519. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  520. {/block:RebloggedFrom}
  521. <br>
  522. {block:PostNotes}
  523. {PostNotes}
  524. {/block:PostNotes}
  525. </div>
  526. </div>
  527. {/block:PermalinkPage}
  528. </div>
  529. {/block:Posts}
  530. </div>
  531. </div>
  532. </div>
  533. </center>
  534. </div>
  535. </div>
  536. <div id="flight"><a href="http://pyschic.tumblr.com"><img src="http://i.imgur.com/pbioRZL.gif"></a></div>
  537. {block:indexpage}
  538. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  539. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  540. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  541. <script type="text/javascript">
  542. $(window).load(function(){
  543. var $wall = $('#posts');
  544. $wall.imagesLoaded(function(){
  545. $wall.masonry({
  546. itemSelector: '#entry, #entry_photo',
  547. isAnimated : false
  548. });
  549. });
  550.  
  551. $wall.infinitescroll({
  552. navSelector : '#page-nav',
  553. nextSelector : '#page-nav a',
  554. itemSelector : '#entry, #entry_photo',
  555. bufferPx : 2000,
  556. debug : false,
  557. errorCallback: function() {
  558. $('#infscr-loading').fadeOut('normal');
  559. }},
  560. function( newElements ) {
  561. var $newElems = $( newElements );
  562. $newElems.hide();
  563. $newElems.imagesLoaded(function(){
  564. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  565. });
  566. }); $('#content').show(500);
  567. });
  568. </script>
  569. {/block:indexpage}</div>
  570. </body>
  571. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement