API tools faq
paste
Advertisement
muuuuy

mutation theme

muuuuy
Aug 14th, 2014
869
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.97 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!--
  4. mutation theme // #001, finished 08/14/14
  5. this theme was made by represaille @ represaillethemes.tumblr.com
  6. please dont remove the credits or use this theme as a base code
  7. feel free to adjust the theme as much as you want as long as you leave the credits where they are
  8. ((otherwise i will hunt you down and stab you with a kitchen knife
  9. ( ´͈ ᗨ `͈ )))
  10. -->
  11. <meta name="image:sidebar" content="http://i62.tinypic.com/34nqx36.jpg"/>
  12. <meta name="image:background" content="http://i62.tinypic.com/jqqnpe.jpg"/>
  13. <meta name="image:footer 600x340" content="http://i58.tinypic.com/11qo9zt.jpg"/>
  14. <meta name="image:render" content="http://i62.tinypic.com/25p0r54.jpg"/>
  15. <meta name="if:show footer" content="1"/>
  16. <meta name="if:footer hover" content="1"/>
  17. <meta name="if:left sidebar" content="1"/>
  18. <meta name="if:400px posts" content="0"/>
  19. <meta name="if:infinite scroll" content="0"/>
  20. <meta name="text:your url" content=""/>
  21. <meta name="text:left description" content=""/>
  22. <meta name="text:custom link one" content="1"/>
  23. <meta name="text:custom link one url" content=""/>
  24. <meta name="text:custom link two" content="2"/>
  25. <meta name="text:custom link two url" content=""/>
  26. <meta name="text:custom link three" content="3"/>
  27. <meta name="text:custom link three url" content=""/>
  28. <meta name="text:custom link four" content="4"/>
  29. <meta name="text:custom link four url" content=""/>
  30. <meta name="text:custom link five" content="5"/>
  31. <meta name="text:custom link five url" content=""/>
  32. <meta name="color:background" content="#000"/>
  33. <meta name="color:text" content="#eaeaea"/>
  34. <meta name="color:bold and italic" content="#fff"/>
  35. <meta name="color:pre background" content="#fafafa"/>
  36. <meta name="color:pre border" content="#fd285e"/>
  37. <meta name="color:underline" content="#fd285e"/>
  38. <meta name="color:link color" content="#fd285e"/>
  39. <meta name="color:link hover" content="#fff"/>
  40. <meta name="color:link underline" content="#fd285e"/>
  41. <meta name="color:footer border" content="#fff"/>
  42. <meta name="color:scrollbar" content="#000"/>
  43. <meta name="color:scrollbar thumb" content="#fff"/>
  44. <meta name="color:left sidebar background" content="#131313"/>
  45. <meta name="color:left sidebar scrollbar" content="#fd285e"/>
  46. <meta name="color:sidebar borders" content="#eaeaea"/>
  47. <meta name="color:right sidebar background" content="#0f0f0f"/>
  48. <meta name="color:title background" content="#000"/>
  49. <meta name="color:title" content="#fd285e"/>
  50. <meta name="color:description" content="#fff"/>
  51. <meta name="color:description background" content="#131313"/>
  52. <meta name="color:custom link background" content="#fd285e"/>
  53. <meta name="color:custom link" content="#fff"/>
  54. <meta name="color:navigation" content="#fff"/>
  55. <meta name="color:navigation background" content="#000"/>
  56. <meta name="color:navigation border" content="#fd285e"/>
  57. <meta name="color:navigation hover" content="#fd285e"/>
  58. <meta name="color:navigation border hover" content="#fff"/>
  59. <meta name="color:selection color" content="#fd285e"/>
  60. <meta name="color:post wrapper" content="#000"/>
  61. <meta name="color:post background" content="#131313"/>
  62. <meta name="color:blockquote border" content="#fff"/>
  63. <meta name="color:blockquote hover" content="#0f0f0f"/>
  64. <meta name="color:heading border" content="#fff"/>
  65. <meta name="color:ask post background" content="#0f0f0f"/>
  66. <meta name="color:ask post border" content="#fff"/>
  67. <meta name="color:ask background" content="#000"/>
  68. <meta name="color:ask border" content="#fff"/>
  69. <meta name="color:ask text" content="#fd285e"/>
  70. <meta name="color:quote border" content="#fd285e"/>
  71. <meta name="color:permalink text" content="#fd285e"/>
  72. <meta name="color:permalink background" content="#000"/>
  73. <meta name="color:permalink border" content="#fff"/>
  74. <meta name="color:permalink link" content="#fff"/>
  75. <meta name="color:permalink hover" content="#fff"/>
  76. <meta name="color:permalink underline" content="#fd285e"/>
  77. <meta name="color:tags" content="#555555"/>
  78. <meta name="color:tags hover" content="#fff"/>
  79. <meta name="color:chat border" content="#fd285e"/>
  80. <meta name="color:chat label" content="#fff"/>
  81. <meta name="color:hashtag color" content="#fd285e"/>
  82. <script type="text/javascript"
  83. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  84. <script>
  85. $(document).ready(function() {
  86. //
  87. $('a.poplight[href^=#]').click(function() {
  88. var popID = $(this).attr('rel'); //Get Popup Name
  89. var popURL = $(this).attr('href'); //Get Popup href to define size
  90. var query= popURL.split('?');
  91. var dim= query[1].split('&');
  92. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  93. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><span class="btn_close" title="Close" alt="Close" style="font-family:helvetica">close</span></a>');
  94. var popMargTop = ($('#' + popID).height() + 80) / 2;
  95. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  96. //Apply Margin to Popup
  97. $('#' + popID).css({
  98. 'margin-top' : -popMargTop,
  99. 'margin-left' : -popMargLeft
  100. });
  101. $('body').append('<div id="fade"></div>');
  102. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  103. return false;
  104. });
  105. $('a.close, #fade').live('click', function() {
  106. $('#fade , .popup_block').fadeOut(function() {
  107. $('#fade, a.close').remove(); //fade them both out
  108. });
  109. return false;
  110. });
  111. });
  112. </script>
  113. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  114. <style>
  115. div#qTip {
  116. padding:3px;
  117. margin:1px;
  118. display:none;
  119. text-align:center;
  120. position:absolute;
  121. font-size:8px;
  122. line-height:10px;
  123. font-family:helvetica;
  124. z-index:1000;
  125. background-color:{color:permalink background};
  126. border:1px solid {color:permalink link};
  127. border-radius:0px 5px 0px 0px;
  128. color:{color:permalink underline};
  129. text-transform:uppercase;
  130. font-weight:bold;
  131. }
  132. </style>
  133. <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js”></script> <script type=”text/javascript” src=”http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js”></script> <script type=”text/javascript” charset=”utf-8”> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == “iPad” || navigator.platform == “iPhone”) return; $j(“img”).lazyload({ placeholder : “http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif”, effect: “fadeIn”, }); }); </script>
  134. <title>{Title}</title>
  135. <link rel="shortcut icon" href="{Favicon}" />
  136. <style>
  137.  
  138. body {
  139. background-color:{color:background};
  140. color:{color:text};
  141. font-family:helvetica;
  142. font-size: 10px;
  143. background-image:url('{image:background}');
  144. background-attachment:fixed;
  145. }
  146.  
  147. b, i, em, u {
  148. color:{color:bold and italic};
  149. }
  150.  
  151. .varia pre {
  152. background-color:{color:pre background};
  153. color:#000;
  154. border-left:2px solid {color:pre border};
  155. padding-left:5px;
  156. padding:10px;
  157. max-width:100%;
  158. word-wrap:break-word;
  159. border-radius:0px 10px 0px 0px;
  160. }
  161.  
  162. u {
  163. text-decoration:none;
  164. border-bottom:1px solid {color: underline};
  165. }
  166.  
  167. a {
  168. display: inline-block;
  169. position: relative;
  170. text-decoration:none;
  171. color:{color:link color};
  172. padding:0px 2px 0px 2px;
  173. -moz-transition-duration: 0.5s;
  174. -o-transition-duration: 0.5s;
  175. -webkit-transition-duration: 0.5s;
  176. transition-duration: 0.5s;
  177. }
  178.  
  179. a:hover {
  180. color:{color:link hover};
  181. -moz-transition-duration: 0.5s;
  182. -o-transition-duration: 0.5s;
  183. -webkit-transition-duration: 0.5s;
  184. transition-duration: 0.5s;
  185. }
  186. a:before {
  187. content: '';
  188. display: block;
  189. position: absolute;
  190. left: 0;
  191. bottom: 0px;
  192. height: 1px;
  193. width: 0;
  194. transition: width 0s ease, background .5s ease;
  195. }
  196. a:after {
  197. content: '';
  198. display: block;
  199. position: absolute;
  200. right: 0;
  201. bottom: 0px;
  202. height: 1px;
  203. width: 0;
  204. background-color: {color:link-underline};
  205. transition: width .5s ease;
  206. }
  207. a:hover:before {
  208. width: 100%;
  209. background-color: {color:link-underline};
  210. transition: width .5s ease;
  211. }
  212. a:hover:after {
  213. width: 100%;
  214. background: transparent;
  215. transition: all 0s ease;
  216. }
  217.  
  218. .estraneo {
  219. position:fixed;
  220. bottom:-400px;
  221. left:0px;
  222. border-top: 2px solid {color:footer border};
  223. border-right: 2px solid {color:footer border};
  224. border-radius:0px 100px 0px 0px;
  225. z-index:5;
  226. -webkit-transition: all 2s ease-in-out;
  227. -moz-transition: all 2s ease-in-out;
  228. -o-transition: all 2s ease-in-out;
  229. -ms-transition: all 2s ease-in-out;
  230. transition: all 2s ease-in-out;
  231. }
  232. {block:Iffooterhover}
  233. .estraneo:hover {
  234. bottom:0px;
  235. opacity:0.8;
  236. }
  237. {/block:Iffooterhover}
  238. ::-webkit-scrollbar {
  239. width: 4px;
  240. }
  241.  
  242.  
  243. ::-webkit-scrollbar-track {
  244. background-color:{color:scrollbar};
  245. }
  246.  
  247. ::-webkit-scrollbar-thumb {
  248. background-color:{color:scrollbar thumb};
  249. }
  250.  
  251. .cedef ::-webkit-scrollbar {
  252. width: 2px;
  253. }
  254.  
  255.  
  256. .cedef ::-webkit-scrollbar-track {
  257. background-color:{color:left sidebar background};
  258. }
  259.  
  260. .cedef ::-webkit-scrollbar-thumb {
  261. background-color:{color:left sidebar scrollbar};
  262. border-radius:10px;
  263. }
  264.  
  265. .cedef {
  266. top:210px;
  267. position:fixed;
  268. margin-left:600px;
  269. height:265px;
  270. width:150px;
  271. background-color:{color:left sidebar background};
  272. border-radius:2px;
  273. }
  274.  
  275. .millefiore {
  276. border:2px solid {color:sidebar image border};
  277. border-radius:0px 10px 0px 0px;
  278. width:100px;
  279. height:100px;
  280. margin:25px;
  281. margin-bottom:20px;
  282. }
  283.  
  284. .shimon {
  285. max-height:50px;
  286. width:104px;
  287. padding-left:25px;
  288. overflow:auto;
  289. height:50px;
  290. word-wrap:break-word;
  291. }
  292.  
  293. .tomaso {
  294. top:210px;
  295. position:fixed;
  296. margin-left:750px;
  297. height:265px;
  298. width:300px;
  299. background-color:{color:right sidebar background};
  300. border-radius:2px;
  301. }
  302.  
  303. .kokuyo {
  304. margin:25px;
  305. border:2px solid {color:sidebar borders};
  306. background-color:{color:title background};
  307. color:{color:title};
  308. font-size:20px;
  309. text-align:center;
  310. width:235px;
  311. padding:5px;
  312. font-family: greatshadow;
  313. text-transform:uppercase;
  314. border-radius:0px 10px 0px 0px;
  315. }
  316.  
  317. .bovino {
  318. margin:25px;
  319. background-color:{color:description background};
  320. border-radius: 2px;
  321. color:{color:description};
  322. padding:5px;
  323. max-height:109px;
  324. overflow:auto;
  325. height:109px;
  326. word-wrap:break-word;
  327. }
  328.  
  329. .arcobaleno {
  330. position:fixed;
  331. top:465px;
  332. height:10px;
  333. text-align:justify;
  334. display:inline-block;
  335. padding:10px;
  336. left:800px;
  337. }
  338.  
  339. .momokyokai {
  340. background-color:{color:custom link background};
  341. color:{color:custom link};
  342. margin-left:10px;
  343. -moz-transition-duration: 0.5s;
  344. -o-transition-duration: 0.5s;
  345. -webkit-transition-duration: 0.5s;
  346. transition-duration: 0.5s;
  347. }
  348.  
  349. .momokyokai:hover {
  350. background-color:{color:custom link background};
  351. color:{color:custom link};
  352. padding-bottom:20px;
  353. -moz-transition-duration: 0.5s;
  354. -o-transition-duration: 0.5s;
  355. -webkit-transition-duration: 0.5s;
  356. transition-duration: 0.5s;
  357. }
  358.  
  359. .bertesca {
  360. margin-top:15px;
  361. background-color:{color:navigation background};
  362. width:99px;
  363. margin-left:25px;
  364. -moz-transition-duration: 0.5s;
  365. -o-transition-duration: 0.5s;
  366. -webkit-transition-duration: 0.5s;
  367. transition-duration: 0.5s;
  368. font-size:9px;
  369. }
  370.  
  371. .bertesca a {
  372. border-left:10px solid {color:navigation border};
  373. color:{color:navigation};
  374. }
  375.  
  376. .bertesca a:hover {
  377. color:{color:navigation hover};
  378. border-left:25px solid {color:navigation border hover};
  379. -moz-transition-duration: 0.5s;
  380. -o-transition-duration: 0.5s;
  381. -webkit-transition-duration: 0.5s;
  382. transition-duration: 0.5s;
  383. }
  384.  
  385. .bertesca a:before {
  386. content: '';
  387. display: block;
  388. position: absolute;
  389. left: 0;
  390. bottom: 0px;
  391. height: 0px;
  392. width: 0;
  393. transition: width 0s ease, background .5s ease;
  394. }
  395. .bertesca a:after {
  396. content: '';
  397. display: block;
  398. position: absolute;
  399. right: 0;
  400. bottom: 0px;
  401. height: 0px;
  402. width: 0;
  403. background-color: #fd285e;
  404. transition: width .5s ease;
  405. }
  406. a:hover:before {
  407. width: 100%;
  408. background-color: #fd285e;
  409. transition: width .5s ease;
  410. }
  411. a:hover:after {
  412. width: 100%;
  413. background: transparent;
  414. transition: all 0s ease;
  415. }
  416.  
  417. ::selection {
  418. background: {color:selection color}; /* WebKit/Blink Browsers */
  419. }
  420. ::-moz-selection {
  421. background: {color:selection color}; /* Gecko Browsers */
  422. }
  423.  
  424. .vongola {
  425. {block:Ifnot400pxposts}width:520px;{/block:Ifnot400pxposts}
  426. {block:If400pxposts}width:420px;{/block:If400pxposts}
  427. padding:20px;
  428. background-color:{color:post wrapper};
  429. }
  430.  
  431. .varia {
  432. {block:Ifnot400pxposts}width:500px;{/block:Ifnot400pxposts}
  433. {block:If400pxposts}width:400px;{/block:If400pxposts}
  434. background-color:{color:post background};
  435. padding:10px;
  436. padding-bottom:17px;
  437. border-radius:0px 10px 0px 0px;
  438. -moz-transition-duration: 0.5s;
  439. -o-transition-duration: 0.5s;
  440. -webkit-transition-duration: 0.5s;
  441. transition-duration: 0.5s;
  442. }
  443.  
  444. .varia li {
  445. list-style-type:square;
  446. list-style-image:url('http://i62.tinypic.com/2vx0ex0.jpg');
  447. }
  448.  
  449. .varia blockquote {
  450. border-left:2px solid {color:blockquote border};
  451. padding-left:5px;
  452. border-radius:0px 10px 0px 0px;
  453. -moz-transition-duration: 0.5s;
  454. -o-transition-duration: 0.5s;
  455. -webkit-transition-duration: 0.5s;
  456. transition-duration: 0.5s;
  457. }
  458.  
  459. .varia blockquote:hover {
  460. background-color:{color:blockquote hover};
  461. -moz-transition-duration: 0.5s;
  462. -o-transition-duration: 0.5s;
  463. -webkit-transition-duration: 0.5s;
  464. transition-duration: 0.5s;
  465. }
  466.  
  467. .varia li, .varia img, .varia blockquote {
  468. max-width:100%;
  469. }
  470.  
  471. h1 {
  472. font-family: greatshadow;
  473. font-size:20px;
  474. font-weight:normal;
  475. text-align:center;
  476. }
  477.  
  478. h2 {
  479. border-left:10px solid {color:heading border};
  480. font-weight:normal;
  481. font-family: greatshadow;
  482. padding-left:10px;
  483. text-transform:uppercase;
  484. }
  485.  
  486. .varia img {
  487. filter: gray; /* IE6-9 */
  488. -webkit-filter: grayscale(1);
  489. -webkit-transition: all 0.5s ease-in-out;
  490. -moz-transition: all 0.5s ease-in-out;
  491. -o-transition: all 0.5s ease-in-out;
  492. -ms-transition: all 0.5s ease-in-out;
  493. transition: all 0.5s ease-in-out;
  494. border-radius:0px 10px 0px 0px;
  495. }
  496. .varia img:hover{
  497. filter: none;
  498. -webkit-filter: grayscale(0);
  499. -webkit-transition: all 0.7s ease-in-out;
  500. -moz-transition: all 0.7s ease-in-out;
  501. -o-transition: all 0.7s ease-in-out;
  502. }
  503.  
  504. .vendice {
  505. border-bottom:1px solid {color:ask post border};
  506. padding:10px;
  507. background-color:{color:ask post background};
  508. min-height:40px;
  509. text-align:right;
  510. border-radius: 0px 10px 0px 0px;
  511. margin:-10px;
  512. }
  513.  
  514. .mare {
  515. float:right;
  516. padding-left:10px;
  517. }
  518.  
  519.  
  520. .popup_block{
  521. display: none;
  522. color:{color:ask text};
  523. background-color: {color:ask background};
  524. padding: 10px;
  525. font-family: greatshadow, helvetica;
  526. text-transform:uppercase;
  527. float: left;
  528. font-size: 10px;
  529. position: fixed;
  530. top: 50%; left: 50%;
  531. z-index: 2;
  532. border: 2px solid {color:ask border};
  533. border-radius:0px 10px 0px 0px;
  534. }
  535. .btn_close
  536. {
  537. float: right;
  538. margin: -5px -5px 0 0;
  539. }
  540. *html .popup_block {
  541. position: absolute;
  542. }
  543.  
  544. .audio {
  545. min-height:150px;
  546. }
  547.  
  548. .foundation {
  549. height:100px;
  550. width:104px;
  551. overflow:hidden;
  552. border-radius:0px 10px 0px 0px;
  553. position:absolute;
  554. z-index:2;
  555. margin-left:10px;
  556. margin-top:95px;
  557. }
  558.  
  559. .segno {
  560. position:fixed;
  561. margin-left:730px;
  562. top:440px;
  563. z-index:3;
  564. width:300px;
  565. height:10px;
  566. text-align:right;
  567. padding:10px;
  568. }
  569.  
  570. .malocchio {
  571. border-left:10px solid {color:quote border};
  572. font-size:17px;
  573. padding-left:5px;
  574. margin:5px;
  575. margin-left:25px;
  576. margin-right:25px;
  577. }
  578.  
  579.  
  580. .urgh {
  581. position: absolute;
  582. {block:Ifnot400pxposts}width:500px;{/block:Ifnot400pxposts}
  583. {block:If400pxposts}width:400px;{/block:If400pxposts}
  584. z-index:1;
  585. text-align: center;
  586. height: 15px;
  587. color:{color:permalink text};
  588. opacity:0;
  589. -moz-transition-duration: 0.5s;
  590. -o-transition-duration: 0.5s;
  591. -webkit-transition-duration: 0.5s;
  592. transition-duration: 0.5s;
  593. }
  594.  
  595. .varia:hover .urgh {
  596. opacity:1;
  597. -moz-transition-duration: 0.5s;
  598. -o-transition-duration: 0.5s;
  599. -webkit-transition-duration: 0.5s;
  600. transition-duration: 0.5s;
  601. }
  602.  
  603. .urgh ul {
  604. height: auto;
  605. padding: 0px;
  606. margin: 0px;
  607. text-align: center;
  608. }
  609.  
  610. .urgh li {
  611. display: inline;
  612. text-align: center;
  613. padding:3px;
  614. margin-left:10px;
  615. margin-right:10px;
  616. font-size:8px;
  617. line-height:10px;
  618. font-family:helvetica;
  619. background-color:{color:permalink background};
  620. border:1px solid {color:permalink border};
  621. border-radius:0px 5px 0px 0px;
  622. color:{color:permalink text};
  623. text-transform:uppercase;
  624. font-weight:bold;
  625. }
  626.  
  627. .urgh a {
  628. color:{color:permalink link};
  629. }
  630.  
  631. .urgh a:hover {
  632. color:{color:permalink hover};
  633. -moz-transition-duration: 0.5s;
  634. -o-transition-duration: 0.5s;
  635. -webkit-transition-duration: 0.5s;
  636. transition-duration: 0.5s;
  637. }
  638. .urgh a:before {
  639. content: '';
  640. display: block;
  641. position: absolute;
  642. left: 0;
  643. bottom: 0px;
  644. height: 1px;
  645. width: 0;
  646. transition: width 0s ease, background .5s ease;
  647. }
  648. .urgh a:after {
  649. content: '';
  650. display: block;
  651. position: absolute;
  652. right: 0;
  653. bottom: 0px;
  654. height: 1px;
  655. width: 0;
  656. background-color: {color:permalink underline};
  657. transition: width .5s ease;
  658. }
  659. .urgh a:hover:before {
  660. width: 100%;
  661. background-color: {color:permalink underline};
  662. transition: width .5s ease;
  663. }
  664. .urgh a:hover:after {
  665. width: 100%;
  666. background: transparent;
  667. transition: all 0s ease;
  668. }
  669.  
  670. .frick {
  671. margin-bottom:20px;
  672. padding:3px;
  673. text-transform:uppercase;
  674. opacity:0;
  675. -moz-transition-duration: 0.5s;
  676. -o-transition-duration: 0.5s;
  677. -webkit-transition-duration: 0.5s;
  678. transition-duration: 0.5s;
  679. {block:Ifnot400pxposts}width:500px;{/block:Ifnot400pxposts}
  680. {block:If400pxposts}width:400px;{/block:If400pxposts}
  681. display:block;
  682. }
  683.  
  684. .vongola:hover .frick {
  685. opacity:1;
  686. -moz-transition-duration: 0.5s;
  687. -o-transition-duration: 0.5s;
  688. -webkit-transition-duration: 0.5s;
  689. transition-duration: 0.5s;
  690. }
  691.  
  692. .frick:hover {
  693. opacity:1;
  694. -moz-transition-duration: 0.5s;
  695. -o-transition-duration: 0.5s;
  696. -webkit-transition-duration: 0.5s;
  697. transition-duration: 0.5s;
  698. }
  699.  
  700. .frick a {
  701. color:{color:tags};
  702. font-size:8px;
  703. }
  704.  
  705. .frick a:hover {
  706. color:{color:tags hover};
  707. -moz-transition-duration: 0.5s;
  708. -o-transition-duration: 0.5s;
  709. -webkit-transition-duration: 0.5s;
  710. transition-duration: 0.5s;
  711. }
  712. .frick a:before {
  713. content: '';
  714. display: block;
  715. position: absolute;
  716. left: 0;
  717. bottom: 0px;
  718. height: 0px;
  719. width: 0;
  720. transition: width 0s ease, background .5s ease;
  721. }
  722. .frick a:after {
  723. content: '';
  724. display: block;
  725. position: absolute;
  726. right: 0;
  727. bottom: 0px;
  728. height: 0px;
  729. width: 0;
  730. background-color: #fd285e;
  731. transition: width .5s ease;
  732. }
  733.  
  734. .gifset {
  735. filter: gray; /* IE6-9 */
  736. -webkit-filter: grayscale(1);
  737. -moz-transition-duration: 0.5s;
  738. -o-transition-duration: 0.5s;
  739. -webkit-transition-duration: 0.5s;
  740. transition-duration: 0.5s;
  741. }
  742.  
  743. .gifset:hover {
  744. filter: none;
  745. -webkit-filter: grayscale(0);
  746. -moz-transition-duration: 0.5s;
  747. -o-transition-duration: 0.5s;
  748. -webkit-transition-duration: 0.5s;
  749. transition-duration: 0.5s;
  750. }
  751.  
  752. @font-face {
  753. font-family: greatshadow;
  754. src: url(http://static.tumblr.com/rb0vzgt/Z0Mna38vs/greatshadow.ttf);
  755. }
  756.  
  757. body, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  758.  
  759. </style>
  760. {block:Ifinfinitescroll}
  761. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  762. {/block:Ifinfinitescroll}
  763. </head>
  764. <body>
  765. <a href="http://represaillethemes.tumblr.com" style="position:fixed; bottom:0px; left:0px; background-color:{color:custom link background}; color:{color:custom link}; border-radius:5px; z-index:9999999" title="theme">♕</a>
  766. {block:Ifshowfooter}<img src="{image:footer 600x340}" class="estraneo">{/block:Ifshowfooter}<img src="{image:render}" style="position:fixed; top:0px; left:800px; z-index:-1">
  767. {block:Ifleftsidebar}<div class="cedef"><img src="{image:sidebar}" class="millefiore"><br><div class="shimon">{text:left description}</div><div class="bertesca"><a href="/">home</a><br><a href="#?w=500" rel="02" class="poplight">ask</a><br><a href="/archive">archive</a></div></div>{/block:Ifleftsidebar}<div class="tomaso"><div class="kokuyo">{title}</div><div class="bovino">{Description}</div></div><div class="arcobaleno"><a href="{text:custom link one url}" class="momokyokai" title="{text:custom link one}">1</a><a href="{text:custom link two url}" class="momokyokai"title="{text:custom link two}">2</a><a href="{text:custom link three url}" class="momokyokai" title="{text:custom link three}">3</a><a href="{text:custom link four}" class="momokyokai" title="{text:custom link four}">4</a><a href="{text:custom link five url}" class="momokyokai" title="{text:custom link five}">5</a></div>
  768.  
  769. {block:Ifnotinfinitescroll}
  770. {block:Pagination}
  771. <div class="segno">
  772. {block:PreviousPage}
  773. <a href="{PreviousPage}">⊰</a>
  774. {/block:PreviousPage}
  775. {CurrentPage} of {TotalPages}
  776. {block:NextPage}
  777. <a href="{NextPage}">⊱</a>
  778. {/block:NextPage}
  779. </div>
  780. {/block:Pagination}
  781. {/block:Ifnotinfinitescroll}
  782.  
  783. <div class="vongola">
  784. {block:Posts}
  785. {block:ContentSource}<!-- {SourceURL}
  786. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  787. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  788. {/block:ContentSource}
  789. <div class="varia">
  790.  
  791.  
  792. {block:Date}
  793. <div class="urgh">
  794. <ul>
  795. <li><a href="{Permalink}">{TimeAgo}</a></li>
  796.  
  797. {block:Notecount}<li>+ {NoteCount}</li>{/block:Notecount}
  798.  
  799. {block:RebloggedFrom}<li><a href="{ReblogParentURL}">VIA {ReblogParentName}</a> // <a href="{ReblogRootURL}">SOURCE {ReblogRootName}</a></li>
  800. {/block:RebloggedFrom}
  801. </ul>
  802. </div>
  803. {/block:Date}
  804.  
  805. {block:Text}
  806. {block:Title}<h1>{Title}</h1>{/block:Title}
  807. {Body}
  808. {/block:Text}
  809.  
  810. {block:Photo}
  811. {LinkOpenTag}
  812. {block:Ifnot400pxposts}<img src="{PhotoURL-500}">{/block:Ifnot400pxposts}
  813.  
  814. {block:If400pxposts}<img src="{PhotoURL-400}">{/block:If400pxposts}
  815.  
  816. {LinkCloseTag}
  817.  
  818. {block:Caption}{Caption}{/block:Caption}
  819. {/block:Photo}
  820.  
  821. {block:Photoset}
  822. <div class="gifset">
  823. {block:ifnot400pxposts}{Photoset-500}{/block:ifnot400pxposts}
  824. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  825. {block:Caption}{Caption}{/block:Caption}
  826. </div>
  827. {/block:Photoset}
  828.  
  829. {block:Video}
  830. {block:Ifnot400pxposts}{Video-500}{/block:Ifnot400pxposts}{block:If400pxposts}{Video-400}{/block:If400pxposts}
  831. {block:Caption}{Caption}{/block:Caption}
  832. {/block:Video}
  833.  
  834. {block:Audio}
  835. <div class="audio">
  836. <div class="foundation">{AudioPlayerWhite}<br><div style="text-align:center; margin-top:-5px">{PlayCountWithLabel}</div></div>
  837. {block:AlbumArt}<img src="{AlbumArtURL}" class="millefiore" align="left" style="margin:10px;">{/block:AlbumArt}
  838. {block:Caption}<div style="padding-left:110px">{Caption}</div>{/block:Caption}
  839. </div>
  840. {/block:Audio}
  841.  
  842. {block:Quote}
  843. <div class="malocchio">{Quote}</div>
  844. {block:Source}<div style="text-align:right;">⋯{Source}</div>{/block:Source}
  845. {/block:Quote}
  846.  
  847. {block:Answer}
  848. <div class="vendice"><img src="{AskerPortraitURL-40}" class="mare">{Question}<br>{Asker}</div><br>
  849. {Answer}
  850. {/block:Answer}
  851.  
  852. {block:Chat}
  853. {block:Title}<h1>{Title}</h1><br />{/block:Title}<ul><div style="border-left:10px solid {color:chat border}; padding-left:5px;">
  854. {block:Lines}<li style="list-style-image:none; list-style-type:none;">
  855. {block:Label}<strong><i><span style="color: {color:chat label};">{Label}</span></i></strong>{/block:Label} {Line}
  856. </li>{/block:Lines}</div></ul>
  857. {/block:Chat}
  858.  
  859. {block:Link}
  860. <a href="{URL}" ><h2>{Name}</h2></a>
  861. {block:Description}<br />{Description}{/block:Description}
  862. {/block:Link}
  863.  
  864. </div>
  865. <div class="frick">
  866. {block:Tags}<a href="{TagURL}"><span style="color: {color:hashtag color};">#</span>{Tag}</a>{/block:Tags}</div>
  867.  
  868.  
  869. {block:ifinfinitescroll}
  870. <div class="autopagerize_page_element">
  871. {/block:ifinfinitescroll}
  872.  
  873. {block:PostNotes}
  874. <div id="notecontainer">{PostNotes}</div>
  875. {/block:PostNotes}
  876. {/block:Posts}
  877. </div>
  878.  
  879. </body>
  880.  
  881. <div id="02" class="popup_block">
  882.  
  883. <Center><font size="10px" color="{color:ask text}">questions?<p></font><iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  884. </center></div>
  885.  
  886. </div></div></div></div></div></div></div></div></div></div>
  887. </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!