API tools faq
paste
Advertisement
thedemil0vatoanon

theme #22

thedemil0vatoanon
Mar 18th, 2013
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. this is theme 22 don't fucking remove the credit and if you do put it in your links or faq. xoxoxoxo
  4.  
  5. -->
  6.  
  7. <html lang="en">
  8. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <html xmlns="http://www.w3.org/1999/xhtml">
  10. <head>
  11.  
  12.  
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <!--DEFAULT VARIABLES-->
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  19. <meta name="color:background" content="#e9e9e9"/>
  20. <meta name="color:link" content="#636370"/>
  21. <meta name="color:text" content="#808080"/>
  22. <meta name="color:hover" content="#ffffff"/>
  23. <meta name="image:sidebar" content="1"/>
  24. <meta name="image:background" content="1"/>
  25. <meta name="text:link 1 title" content="" />
  26. <meta name="text:link 1" content="" />
  27. <meta name="text:link 2 title" content="" />
  28. <meta name="text:link 2" content="" />
  29. <meta name="text:link 3 title" content="" />
  30. <meta name="text:link 3" content="" />
  31. <meta name="text:link 4 title" content="" />
  32. <meta name="text:link 4" content="" />
  33.  
  34. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>{Title}{block:SearchPage} - Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  38. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  39. <link rel="shortcut icon" href="{Favicon}" />
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  41. <style type="text/css">
  42.  
  43.  
  44. #tumblr_controls{
  45. position:fixed !important;
  46. position:fixed !important;
  47. -webkit-filter: invert(100%) }
  48.  
  49. body {
  50. padding: 0px;
  51. margin: 0px;
  52. color:{color:text};
  53. font-family: trebuchet ms;
  54. line-height:10px;
  55. font-size:10px;
  56. background-color: {color:Background};
  57. background-image:url({image:Background});
  58. background-attachment: fixed;
  59. background-repeat: repeat;
  60. }
  61.  
  62.  
  63. a:link, a:active, a:visited{
  64. text-decoration: none;
  65. -webkit-transition: color 0.3s ease-out;
  66. -moz-transition: color 0.3s ease-out;
  67. transition: color 0.3s ease-out;
  68. color:{color:link};
  69. }
  70.  
  71.  
  72.  
  73. a:hover { text-decoration: none; font-style: italic; text-shadow: 1px 1px 6px #333; color: #ffffff;}
  74.  
  75.  
  76. div#center{
  77. margin:auto;
  78. position:relative;
  79. width:1000px;
  80. background-color:;
  81. overflow:auto;
  82. overflow-y:hidden;
  83. }
  84.  
  85. .entry {
  86. float:left;
  87. display: block;
  88. margin:6px;
  89. overflow:hidden;
  90. width:400px;
  91. {block:PermalinkPage}
  92. width:400px;
  93. text-align:left;
  94. line-height:6px;
  95. {/block:PermalinkPage}
  96. background:transparent;
  97. background-image:URL();
  98.  
  99. -webkit-animation: flipInY 3s;
  100. -moz-animation: flipInY 3s;
  101. -ms-animation: flipInY: 3s;
  102. }
  103.  
  104. .animated {
  105. -webkit-animation-fill-mode: both;
  106. -moz-animation-fill-mode: both;
  107. -ms-animation-fill-mode: both;
  108. -o-animation-fill-mode: both;
  109. animation-fill-mode: both;
  110. -webkit-animation-duration: 1s;
  111. -moz-animation-duration: 1s;
  112. -ms-animation-duration: 1s;
  113. -o-animation-duration: 1s;
  114. animation-duration: 1s;
  115. }
  116.  
  117. .animated.hinge {
  118. -webkit-animation-duration: 2s;
  119. -moz-animation-duration: 2s;
  120. -ms-animation-duration: 2s;
  121. -o-animation-duration: 2s;
  122. animation-duration: 2s;
  123. }
  124.  
  125. @-webkit-keyframes flipInY {
  126. 0% {
  127. -webkit-transform: perspective(400px) rotateY(90deg);
  128. opacity: 0;
  129. }
  130.  
  131. 40% {
  132. -webkit-transform: perspective(400px) rotateY(-10deg);
  133. }
  134.  
  135. 70% {
  136. -webkit-transform: perspective(400px) rotateY(10deg);
  137. }
  138.  
  139. 100% {
  140. -webkit-transform: perspective(400px) rotateY(0deg);
  141. opacity: 1;
  142. }
  143. }
  144. @-moz-keyframes flipInY {
  145. 0% {
  146. -moz-transform: perspective(400px) rotateY(90deg);
  147. opacity: 0;
  148. }
  149.  
  150. 40% {
  151. -moz-transform: perspective(400px) rotateY(-10deg);
  152. }
  153.  
  154. 70% {
  155. -moz-transform: perspective(400px) rotateY(10deg);
  156. }
  157.  
  158. 100% {
  159. -moz-transform: perspective(400px) rotateY(0deg);
  160. opacity: 1;
  161. }
  162. }
  163. @-o-keyframes flipInY {
  164. 0% {
  165. -o-transform: perspective(400px) rotateY(90deg);
  166. opacity: 0;
  167. }
  168.  
  169. 40% {
  170. -o-transform: perspective(400px) rotateY(-10deg);
  171. }
  172.  
  173. 70% {
  174. -o-transform: perspective(400px) rotateY(10deg);
  175. }
  176.  
  177. 100% {
  178. -o-transform: perspective(400px) rotateY(0deg);
  179. opacity: 1;
  180. }
  181. }
  182. @keyframes flipInY {
  183. 0% {
  184. transform: perspective(400px) rotateY(90deg);
  185. opacity: 0;
  186. }
  187.  
  188. 40% {
  189. transform: perspective(400px) rotateY(-10deg);
  190. }
  191.  
  192. 70% {
  193. transform: perspective(400px) rotateY(10deg);
  194. }
  195.  
  196. 100% {
  197. transform: perspective(400px) rotateY(0deg);
  198. opacity: 1;
  199.  
  200. }
  201.  
  202. .flipInY {
  203. -webkit-backface-visibility: visible !important;
  204. -webkit-animation-name: flipInY;
  205. -moz-backface-visibility: visible !important;
  206. -moz-animation-name: flipInY;
  207. -o-backface-visibility: visible !important;
  208. -o-animation-name: flipInY;
  209. backface-visibility: visible !important;
  210. animation-name: flipInY;
  211. }
  212.  
  213. transition: all 0.9s ease-out;
  214. -o-transition-transition: all 0.9s ease-out;
  215. -webkit-transition: all 0.9s ease-out;
  216. -moz-transition: all 0.9s ease-out;
  217. }
  218.  
  219.  
  220.  
  221. #content {
  222. width:410px;
  223. margin-top:1px;
  224. z-index:99;
  225. margin-left:370px;
  226. right:auto;
  227. background:transparent;
  228. margin-right:auto;
  229. position:relative;
  230. overflow-y: hidden;
  231. }
  232.  
  233.  
  234. #sidebar{
  235. position:fixed !important;
  236. width:200px;
  237. background:transparent;
  238. height:auto;
  239. margin-top:255px;
  240. margin-left:110px;
  241. padding:5px;
  242. border: 0px double #ddd;
  243. text-align:center;
  244. }
  245.  
  246. .links{background:trans;text-align:center; }
  247.  
  248. .links a{background:trans;display:inline-block;font-family:arial;font-size:11px;text-transform: lowercase;letter-spacing: 0px; padding:2px 2px 2px 3px; -webkit-border-radius: 2px;-moz-border-radius: 2px; font-weight: italic; }
  249.  
  250. .title{
  251. line-height: 13px;
  252. color:{color:Title};
  253. font-weight: normal;
  254. font-family: arial;
  255. font-size:25px;
  256. }
  257.  
  258. .permalink{
  259. text-transform: normal;
  260. display: block;
  261. text-align: right;
  262. text-decoration: none;
  263. }
  264.  
  265.  
  266. #infscr-loading{
  267. bottom: -70px;
  268. position: absolute;
  269. left: 50%;
  270. margin-left:-8px;
  271. width:16px;
  272. height:11px;
  273. overflow:hidden;
  274. margin-bottom: 50px;
  275. }
  276.  
  277. #postnotes{
  278. text-align: justify;}
  279.  
  280. #postnotes blockquote{
  281. border: 0px;}
  282.  
  283. blockquote{
  284. padding:0px 0px 2px 5px;
  285. margin:0px 0px 2px 10px;
  286. border-left: 1px dotted #555555;
  287. }
  288.  
  289. blockquote p, ul{
  290. margin:0px;
  291. padding:0px;
  292. }
  293.  
  294. a img{border: 0px;}
  295.  
  296.  
  297. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  298.  
  299. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  300. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  301.  
  302. .notes img{width:10px; position:relative; top:3px;}
  303. <--ses-->
  304. small{font-size: 90%;}
  305.  
  306.  
  307. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link}}; height:auto;}
  308. ::-webkit-scrollbar-thumb:horizontal {background-color:#000000;height:10px !important;}
  309. ::-webkit-scrollbar {height:7px; width:3px; background-color:#FFFFFF;}
  310.  
  311. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  312.  
  313. p{margin-top:5px; margin-bottom:5px; }
  314.  
  315. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:3px solid {color:Link};}
  316.  
  317.  
  318. ol.notes img {
  319. width: 16px;
  320. position: relative;
  321. display: inline;
  322. top: 3px;
  323. }
  324. .photoset, .photoset_row, div.photoset_photo, .photoset img, .html_photoset {
  325.  
  326. margin: 0 auto;
  327. }
  328.  
  329. .text {
  330. padding: 5px;
  331. }
  332.  
  333. ol.notes {
  334. padding: 0 10px;
  335. }
  336.  
  337. .perma
  338. {
  339. opacity: 0.0;
  340. filter: alpha(opacity = 0);
  341. margin-top: -21px;
  342. width: px;
  343. height: 30px;
  344. line-height: 30px;
  345. font-size: 9px;
  346. position:absolute;
  347. text-align: center;
  348. z-index:9999991;
  349. color: {color:permalink};
  350.  
  351. }
  352. a.p
  353. {
  354.  
  355. color: {color:permalink};
  356. }
  357. .entry:hover .perma {
  358.  
  359. -webkit-transition: opacity 0.4s linear;
  360. opacity: 1;
  361. -moz-transition: all 0.4s linear;
  362. transition: all 0.4s linear;
  363. filter: alpha(opacity = 100);
  364.  
  365. }
  366.  
  367. select {
  368. font-size: 9px;
  369. width: 100px;
  370. margin-left: 10px;
  371.  
  372. }
  373. option {
  374. font-size: 9px;
  375. text-align: left;
  376.  
  377. }
  378. input[type=button]
  379. {
  380. font-size: 9px;
  381. }
  382.  
  383. .likep {
  384. width: 21px;
  385. height: 20px;
  386. overflow: hidden;
  387. position: relative;
  388. z-index: 9999999;
  389. position: absolute;
  390. margin-top: 26px;
  391. margin-left: 5px;
  392. }
  393. .rep {
  394. width: 24px;
  395. height: 20px;
  396. overflow: hidden;
  397. position: relative;
  398. z-index: 9999999;
  399. position: absolute;
  400. margin-top: 26px;
  401. margin-left: 29px;
  402. }
  403. .likep a:hover {
  404. background-position: 0px 0px;
  405. }
  406. .likep a {
  407. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  408. background-position: 0px 0px;
  409. display: block;
  410. z-index: 9999999;
  411. webkit-transition: all 0s linear;
  412. -webkit-transition: all 0s linear;
  413. -moz-transition: all 0s linear;
  414. transition: all 0s linear;
  415. }
  416. .likep img {
  417. width: 21px;
  418. height: 20px;
  419. webkit-transition: all 0.2s linear;
  420. -webkit-transition: all 0.2s linear;
  421. -moz-transition: all 0.2s linear;
  422. transition: all 0.2s linear;
  423. }
  424. .rep img{
  425. width: 24px;
  426. height: 20px;
  427. line-height: 30px;
  428. display: inline;
  429. }
  430.  
  431. .not { position: absolute;
  432. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  433. height: 20px;
  434. font-size: 11px;
  435. line-height: 20px;
  436. color: #fff;
  437. position: absolute;
  438. margin-top: 26px;
  439. margin-left: 56px;
  440. padding-left: 4px;
  441. padding-right: 4px;
  442. -moz-border-radius: 2px;
  443. border-radius: 2px;
  444. }
  445. .not a{
  446. color: #fff;
  447. font-weight: bold;
  448. font-family: arial;
  449. }
  450.  
  451. {CustomCSS}
  452.  
  453. </style>
  454.  
  455.  
  456. {block:IndexPage}
  457. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  458. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  459.  
  460. <script type="text/javascript">
  461. $(window).load(function(){
  462. var $wall = $('#posts');
  463. $wall.imagesLoaded(function(){
  464. $wall.masonry({
  465. itemSelector: '.entry, .entry_photo',
  466. isAnimated : false
  467. });
  468. });
  469.  
  470. $wall.infinitescroll({
  471. navSelector : '#pagination',
  472. nextSelector : '#pagination a',
  473. itemSelector : '.entry, .entry_photo',
  474. bufferPx : 2000,
  475. debug : false,
  476. errorCallback: function() {
  477. $('#infscr-loading').fadeOut('normal');
  478. }},
  479. function( newElements ) {
  480. var $newElems = $( newElements );
  481. $newElems.hide();
  482. $newElems.imagesLoaded(function(){
  483. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  484. });
  485. }); $('#posts').show(500);
  486. });
  487. </script>
  488.  
  489.  
  490. {/block:IndexPage}
  491.  
  492.  
  493. <title>{title}</title>
  494.  
  495. <link rel="shortcut icon" href="{Favicon}" />
  496. <meta name="viewport" content="width=820" />
  497. </head>
  498.  
  499. <body>
  500. <BODY onselectstart="return false;" ondragstart="return false;">
  501. <div class="wrapper">
  502. <div class="header">
  503. </div>
  504.  
  505. <div id="cage">
  506. <div id="center">
  507. <div id="sidebar">
  508.  
  509. <center>
  510.  
  511.  
  512. <a href="/"><img src="{image:sidebar}" width=100%></a>
  513.  
  514.  
  515. <div class="links">
  516. {block:IfLink1title}<a href="{text:link 1}">{text:link 1 title}</a> {/block:IfLink1title}
  517. {block:IfLink2title} <a href="{text:link 2}">{text:link 2 title}</a> {/block:IfLink2title}
  518. {block:IfLink3title} <a href="{text:link 3}">{text:link 3 title}</a>{/block:IfLink3title}
  519. {block:IfLink4title} <a href="{text:link 4}">{text:link 4 title}</a>{/block:IfLink4title}</div>
  520. {description}
  521.  
  522.  
  523. </center>
  524.  
  525.  
  526. </div>
  527.  
  528. <div id="content">
  529. {block:Posts}
  530. <div class="autopagerize_page_element">
  531. <div class="entry">
  532.  
  533. {block:Answer}<br>
  534. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; margin-top: -2px; min-height:30px; padding: 3px; background: white; box-shadow: 0px 0px 5px 3px #eee;">
  535. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 3px;"/>
  536. <ask>{Asker}</ask>: {Question}<br></div>
  537. <div style="font-family: trebuchet ms; font-size: 10px;">
  538. {Answer}<br>
  539. <div class="permalinks">
  540. <a href="{permalink}"> + {NoteCount}</a></div>
  541. </div>
  542. {/block:Answer}
  543.  
  544. {block:IndexPage}<div class="perma">
  545. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  546. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  547.  
  548. </div>
  549. {/block:IndexPage}
  550. {block:Text}
  551. <div class="text">
  552. {block:Title}
  553. <h3><a href="{Permalink}">{Title}</a></h3>
  554. {/block:Title}
  555. {Body}
  556. </div>
  557. {/block:Text}
  558.  
  559.  
  560. {block:Photo}
  561.  
  562. {block:IndexPage}
  563. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{LinkCloseTag}
  564. {/block:IndexPage}
  565. {block:permalinkpage}{LinkOpenTag}
  566. <img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400"/>{LinkCloseTag}
  567. {/block:permalinkpage}
  568.  
  569.  
  570.  
  571.  
  572. {/block:Photo}
  573.  
  574.  
  575. {/block:Photo}
  576.  
  577. {Photoset-400}</center>
  578. {/block:IndexPage}
  579. {block:PermalinkPage}
  580. <center>
  581. {Photoset-400}</center>
  582. {/block:PermalinkPage}
  583. {/block:Photoset}
  584.  
  585. {block:Quote}
  586. <div class="text">
  587. "{Quote}"
  588. {block:Source}
  589. <div class="source">{Source}</div>
  590. {/block:Source}
  591. </div>
  592. {/block:Quote}
  593.  
  594. {block:Link}
  595. <div class="text">
  596. <a href="{URL}" class="link" {Target}>{Name}</a>
  597. {block:Description}
  598. <div class="description">{Description}</div>
  599. {/block:Description}
  600. </div>
  601. {/block:Link}
  602.  
  603. {block:Chat}
  604. <div class="text">
  605. {block:Title}
  606. <h3><a href="{Permalink}">{Title}</a></h3>
  607. {/block:Title}
  608. <ul class="chat">
  609. {block:Lines}
  610. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  611.  
  612. {Line} </li>
  613. {/block:Lines}
  614. </ul>
  615. </div>
  616. {/block:Chat}
  617.  
  618. {block:Video}
  619.  
  620. {block:IndexPage}
  621. {Video-300}
  622. {/block:IndexPage}
  623. {block:permalinkpage}
  624. {Video-300}
  625. {/block:permalinkpage}
  626. {/block:Video}
  627.  
  628. {block:Audio}
  629. {AudioPlayerBlack}
  630. <div class="text">
  631. {block:Caption}
  632. {Caption}
  633. {/block:Caption}
  634. </div>
  635. {/block:Audio}
  636. {block:PermalinkPage}
  637. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  638. {/block:PermalinkPage}
  639. {block:PostNotes}{PostNotes}{/block:PostNotes}
  640. </div>
  641. {/block:Posts}
  642. </div>
  643. </div>
  644.  
  645.  
  646.  
  647. {block:ifendlessscroll}
  648. {block:Pagination}
  649. <ul id="pagination">
  650. {block:PreviousPage}
  651. <li><a href="{PreviousPage}"</a></li>
  652. {/block:PreviousPage}
  653. {block:JumpPagination length="5"}
  654. {block:CurrentPage}
  655. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  656. {/block:CurrentPage}
  657. {block:JumpPage}
  658. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  659. {/block:JumpPage}
  660. {/block:JumpPagination}
  661. {block:NextPage}
  662. <li><a id="nextPage" href="{NextPage}"></a></li>
  663. {/block:NextPage}
  664. </ul>
  665. {/block:Pagination}
  666. {block:IndexPage}
  667. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  668. <script type="text/javascript">
  669. $(window).load(function () {
  670. var $content = $('#content');
  671. $content.infinitescroll({
  672. navSelector : '#pagination',
  673. nextSelector : '#pagination a#nextPage',
  674. itemSelector : '.entry',
  675. loading: {
  676. finishedMsg: '',
  677. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  678. },
  679. bufferPx : 200,
  680. debug : false,
  681. });
  682. });
  683. </script>
  684. {/block:IndexPage}{/block:ifendlessscroll}
  685. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  686. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  687. <span id="scriptsinsert"> </span>
  688.  
  689. </body>
  690.  
  691.  
  692. <!-- THEME BY SWAGDV -->
  693. <!-- IF YOU'RE GOING TO REMOVE THE CREDIT, PUT IT IN YOUR LINKS OR FAQ -->
  694.  
  695.  
  696. <div style="position: fixed; bottom: 5px; left: 8px;"><a href="http://swagdv.tumblr.com">credit</a></div>
  697.  
  698.  
  699. </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!