API tools faq
paste
xmisa0923

th

xmisa0923
Oct 20th, 2013
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.85 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4.  
  5. <!--
  6.  
  7. THEME #02 BY MORGANE (kilmorecove@tumblr / teen-wolf@tumblr)
  8.  
  9. Made for personal use only.
  10.  
  11. RULES:
  12. - Do not remove the credits
  13. - Do not move the credits to a secondary page
  14. - Do not take snippets from this code
  15. - Do not redistribute and/or claim the code as your own
  16.  
  17. You're allowed to edit the code as you want as long as you respect the rules.
  18. For help message me @ kilmorecove.tumblr.com
  19.  
  20. Enjoy! :)
  21.  
  22. -->
  23.  
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <meta name="color:ask bg" content="#f6f6f6"/>
  33. <meta name="color:Background" content="#ffffff"/>
  34. <meta name="color:borders" content="#eeeeee"/>
  35. <meta name="color:chat text" content="#777777"/>
  36. <meta name="color:chat" content="#f6f6f6"/>
  37. <meta name="color:description" content="#bbbbbb"/>
  38. <meta name="color:link hover" content="#ffc400"/>
  39. <meta name="color:links" content="#666"/>
  40. <meta name="color:nav link background hover" content="#fff"/>
  41. <meta name="color:nav link background" content="#f6f6f6"/>
  42. <meta name="color:nav link hover" content="#666"/>
  43. <meta name="color:nav link" content="#c4c6ca"/>
  44. <meta name="color:pagination" content="#ccc"/>
  45. <meta name="color:permalink" content="#ccc"/>
  46. <meta name="color:permalink bg" content="#f6f6f6"/>
  47. <meta name="color:post title" content="#ffc400"/>
  48. <meta name="color:posts" content="#fff"/>
  49. <meta name="color:scrollbar background" content="#ffffff"/>
  50. <meta name="color:scrollbar" content="#ffc400"/>
  51. <meta name="color:selection background" content="#fff"/>
  52. <meta name="color:selection text" content="#000000"/>
  53. <meta name="color:sidebar bg" content="#f6f6f6"/>
  54. <meta name="color:sidebar borders" content="#eeeeee"/>
  55. <meta name="color:text" content="#888"/>
  56. <meta name="color:title1" content="#ffc400"/>
  57. <meta name="color:title2" content="#888888"/>
  58.  
  59.  
  60. <meta name="image:background" content=""/>
  61.  
  62. <meta name="image:header" content="http://static.tumblr.com/e1938ba044110ffe834baddca584feb8/rmo8by6/C3Qmr3yu0/tumblr_static_header.png"/>
  63. <meta name="image:sidebar" content="http://static.tumblr.com/ad0c22da7c7597dc91fefc5d65ac4d87/rmo8by6/qsxmr3ysb/tumblr_static_sbar.png"/>
  64.  
  65. <meta name="text:link1" content="link"/>
  66.  
  67.  
  68. <meta name="text:Title2" content="title 2"/>
  69.  
  70. <meta name="text:header text 1" content="Header title"/>
  71. <meta name="text:header text 2" content="header subtitle"/>
  72.  
  73. <meta name="text:posts margin top" content="229px"/>
  74.  
  75. <meta name="text:home link" content="un"/>
  76. <meta name="text:ask link" content="deux"/>
  77. <meta name="text:link1" content="trois"/>
  78. <meta name="text:link2" content="quatre"/>
  79. <meta name="text:link3" content="cinq"/>
  80. <meta name="text:link1 hover" content="link 1"/>
  81. <meta name="text:link2 hover" content="link 2"/>
  82. <meta name="text:link3 hover" content="link 3"/>
  83. <meta name="text:link1 url" content="http://"/>
  84. <meta name="text:link2 url" content="http://"/>
  85. <meta name="text:link3 url" content="http://"/>
  86.  
  87.  
  88. <meta name="if:Lazy Load" content="0" />
  89. <meta name="if:Header" content="1" />
  90. <meta name="if:ShowCaption" content="1" />
  91.  
  92.  
  93. <!---------------------------------------------------------------------->
  94.  
  95. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  96.  
  97. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  98.  
  99.  
  100. {block:ifLazyLoad}
  101. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  102. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  103. <script type="text/javascript" charset="utf-8">
  104. var $j = jQuery.noConflict();
  105. $j(function() {
  106. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  107. $j("img").lazyload({
  108. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  109. effect: "fadeIn",
  110. });
  111. });
  112. </script>
  113. {/block:ifLazyLoad}
  114.  
  115.  
  116.  
  117. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  118.  
  119.  
  120.  
  121. {block:IfHeader}
  122. <script type="text/javascript">
  123. $(document).ready(function(){
  124. var HeaderTop = $('#sticker').offset().top;
  125. $(window).scroll(function(){
  126. if( $(window).scrollTop() > HeaderTop ) {
  127. $('#sticker').css({position: 'fixed', top: '0px'});
  128. } else {
  129. $('#sticker').css({position: 'static'});
  130. }
  131.  
  132. });
  133. });
  134. </script>
  135. {/block:IfHeader}
  136.  
  137.  
  138. <style>
  139. .my-like {
  140. cursor:pointer;
  141. display:inline-block;
  142. font-style:normal;
  143. margin-right:2px;
  144. }
  145. .my-liked, .my-like:hover {
  146. color: red;
  147. cursor:pointer;
  148. display:inline-block;
  149. }
  150. </style>
  151. <script>
  152. window.onload = function () {
  153. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  154. document.addEventListener( 'click', function ( event ) {
  155. var myLike = event.target;
  156. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  157. var frame = document.getElementById( 'my-like-frame' ),
  158. liked = ( myLike.className == 'my-liked' ),
  159. command = liked ? 'unlike' : 'like',
  160. reblog = myLike.getAttribute( 'data-reblog' ),
  161. id = myLike.getAttribute( 'data-id' ),
  162. oauth = reblog.slice( -8 );
  163. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  164. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  165. };
  166. }, false );
  167. };
  168. </script>
  169.  
  170.  
  171. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  172.  
  173. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  174.  
  175. <script>
  176.  
  177. (function($){
  178.  
  179. $(document).ready(function(){
  180.  
  181. $("a[title]").style_my_tooltips({
  182.  
  183. tip_follows_cursor:true,
  184.  
  185. tip_delay_time:90,
  186.  
  187. tip_fade_speed:600,
  188.  
  189. attribute:"title"
  190.  
  191. });
  192.  
  193. });
  194.  
  195. })(jQuery);
  196.  
  197. </script>
  198.  
  199. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  200.  
  201. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  202.  
  203.  
  204.  
  205.  
  206. <style type="text/css">
  207.  
  208.  
  209. #s-m-t-tooltip { max-width:300px; padding:4px;
  210. margin-top:10px; margin-left:10px; background-color:#f9f9f9; /* change the background color */ font-family:'georgia'; text-transform:lowercase;
  211. font-size:8px; /* change the font size */ letter-spacing:1px; /* change the letter spacing */ color:#aaa; /* change the text color */ z-index:999999999999999999999999999999999999; font-style:italic; }
  212.  
  213.  
  214.  
  215.  
  216. ::selection {
  217. background:{color:selection background};
  218. color:{color:selection text};
  219. }
  220.  
  221. ::-moz-selection {
  222. background:{color:selection background};
  223. color:{color:selection text};
  224. }
  225.  
  226. ::-webkit-selection {
  227. background:{color:selection background};
  228. color:{color:selection text};
  229. }
  230.  
  231. ::-webkit-scrollbar {width: 7px; height: 4px; background:{color:scrollbar background}; cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  232. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; }
  233.  
  234. @font-face {
  235. font-family: 'Libre Baskerville';
  236. font-style: normal;
  237. font-weight: 400;
  238. src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(http://themes.googleusercontent.com/static/fonts/librebaskerville/v1/pR0sBQVcY0JZc_ciXjFsK5Rby8KfwQsaipLBqMCVNtM.woff) format('woff');
  239. }
  240.  
  241.  
  242.  
  243.  
  244. iframe#tumblr_controls_a
  245.  
  246. {
  247. width:0px;
  248. height:0px;
  249. z-index: 2147483647;
  250. top: 0;
  251. right: 0;
  252. border: 0;
  253. background-color: #ffffff;
  254. overflow: hidden;
  255. display: block;
  256. box-shadow: 0px 2px 3px rgba(0,0,0,0);
  257. border-top: 0px solid #000;
  258. border-bottom: 0px solid #000;
  259. }
  260.  
  261.  
  262. iframe#tumblr_controls {
  263.  
  264. white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; position:fixed;}
  265.  
  266.  
  267. iframe#tumblr_controls {
  268. position:fixed !important;
  269. right:3px !important;
  270. -webkit-transition:opacity 0.6s;
  271. opacity:0.3;
  272. -webkit-transition:0.6s;
  273. -moz-transition:0.6s;
  274. transition:0.6s;
  275. }
  276.  
  277. iframe#tumblr_controls:hover {
  278. -webkit-transition:opacity 0.6s;
  279. opacity:1;
  280. -webkit-transition:all 0.6s;
  281. -moz-transition:all 0.6s;
  282. transition:all 0.6s;
  283. }
  284.  
  285. body {
  286. color:{color:text};
  287. font-family: 'calibri';
  288. font-size: 11px;
  289. background-color:{color:Background};
  290. background:url('{image:Background}');
  291. background-repeat:no-repeat;
  292. background-attachment:fixed;
  293. }
  294.  
  295.  
  296. a {
  297. color:{color:links};
  298. text-decoration:none;
  299. -moz-transition-duration:0.5s;
  300. -webkit-transition-duration:0.5s;
  301. -o-transition-duration:0.5s;
  302. }
  303.  
  304. a:hover {
  305. color:{color:link hover};
  306. text-decoration:none;
  307. -moz-transition-duration:0.5s;
  308. -webkit-transition-duration:0.5s;
  309. -o-transition-duration:0.5s;
  310. }
  311.  
  312.  
  313. #topbar {
  314. width:510px;
  315. position:absolute;
  316. top:0px;
  317. left:508px;
  318. z-index:10;
  319. -webkit-transition: all 0.6s ease-in-out;
  320. -moz-transition: all 0.6s ease-in-out;
  321. -ms-transition: all 0.6s ease-in-out;
  322. -o-transition: all 0.6s ease-in-out;
  323. transition: all 0.6s ease-in-out;
  324. }
  325.  
  326. #toppic {
  327. position:relative;
  328. }
  329.  
  330. #sticker {
  331. padding-top:13px;
  332. width:500px;
  333. text-align:center;
  334. position:absolute;
  335. color: {color:title1};
  336. font-family: 'Satisfy', cursive;
  337. font-size:16px;
  338. border-bottom: 4px double {color:sidebar borders};
  339. border-top: 4px double {color:sidebar borders};
  340. padding-bottom:10px;
  341. background-color: rgba(249, 249, 249, 0.8);
  342. overflow:hidden;
  343. -webkit-transition: all 0.6s ease-in-out;
  344. -moz-transition: all 0.6s ease-in-out;
  345. -ms-transition: all 0.6s ease-in-out;
  346. -o-transition: all 0.6s ease-in-out;
  347. transition: all 0.6s ease-in-out;
  348. }
  349.  
  350. .toptitle2 {
  351. text-transform:uppercase;
  352. color: {color:title2};
  353. letter-spacing:1px;
  354. font-style:normal;
  355. font-size:8px;
  356. font-family:'cambria';
  357. margin-bottom:3px;
  358. margin-top:-3px;
  359. }
  360.  
  361.  
  362. .nasc a {color:{color:title2};}
  363.  
  364. #sidebar {
  365. position:fixed;
  366. top:190px;
  367. left:220px;
  368. width:180px;
  369. height:auto;
  370. }
  371.  
  372. .nav {
  373. margin-top:-105px;
  374. margin-left:150px;
  375. width:35px;
  376. height:100px;
  377. display:block;
  378. float:left;
  379. }
  380.  
  381. .nav a {
  382. color: {color:nav link};
  383. background-color:{color:nav link background};
  384. border-bottom: 1px double {color:sidebar borders};
  385. text-align:center;
  386. width:35px;
  387. display: block;
  388. font-family: 'cambria';
  389. letter-spacing:1px;
  390. line-height:13px;
  391. padding-top:1px;
  392. text-transform:uppercase;
  393. font-size:8px;
  394. letter-spacing:1px;
  395. margin-left:0px;
  396. margin-top: 4px;
  397. -webkit-transition: all 0.4s ease-in-out;
  398. -moz-transition: all 0.4s ease-in-out;
  399. -ms-transition: all 0.4s ease-in-out;
  400. -o-transition: all 0.4s ease-in-out;
  401. transition: all 0.4s ease-in-out;
  402. text-shadow:20px 0px transparent, -20px 0px transparent;
  403. }
  404.  
  405. .nav a:hover {
  406. color: {color:nav link hover};
  407. background-color:{color:nav link background hover};
  408. border-bottom:1px solid {color:nav link background hover};
  409. text-shadow:0px 0px {color:nav link hover}, -0px 0px {color:nav link hover};
  410. }
  411.  
  412. .picture img {
  413. margin-left:-3px;
  414. border: 1px solid {color:sidebar borders};
  415. padding:4px;
  416. width:130px;
  417. background-color:{color:sidebar bg};
  418. }
  419.  
  420.  
  421. #bordo {width:158px;
  422. height:1px;
  423. background-color:{color:sidebar borders};
  424. margin-top:25px;}
  425.  
  426. .titolo {
  427. color: {color:title1};
  428. border-left: 1px solid {color:sidebar borders};
  429. border-right: 1px solid {color:sidebar borders};
  430. font-family: 'Satisfy', cursive;
  431. margin-top:-13px;
  432. font-size:16px;
  433. width: 133px;
  434. text-align:center;
  435. background-color:{color:sidebar bg};
  436. margin-left:30px;
  437. width:100px;
  438. }
  439.  
  440.  
  441. .titolo a {color:{color:title1};text-shadow:20px 0px transparent, -20px 0px transparent;}
  442.  
  443. .titolo a:hover {color: {color:title1};text-shadow:0px 0px {color:title1}, -0px 0px {color:title1};}
  444.  
  445. .titolo2 {
  446. margin-top:-10px;
  447. text-transform:uppercase;
  448. color: {color:title2};
  449. letter-spacing:1px;
  450. font-style:normal;
  451. font-size:8px;
  452. font-family:'cambria';
  453. margin-bottom:3px;
  454. color:{color:title2};
  455. }
  456.  
  457. #description {
  458. width: 150px;
  459. text-align: justify;
  460. font-family: 'georgia';
  461. font-size: 8px;;
  462. letter-spacing:1px;
  463. line-height:12px;
  464. padding-right:7px;
  465. position:relative;
  466. margin-top:0px;
  467. padding-top:10px;
  468. color:{color:description};
  469. font-style:italic;
  470. }
  471.  
  472.  
  473.  
  474.  
  475.  
  476. .pagination { text-align:center;
  477. padding-top:5px;
  478. font-style:italic;
  479. color: {color:pagination};
  480. text-decoration:none;
  481. font-family: 'georgia';
  482. font-size: 8px;
  483. letter-spacing:1px;
  484. margin-top:15px;
  485. width:155px;
  486. border-top: 1px solid {color:sidebar borders};
  487. color: {color:pagination};
  488. font-weight:bold;
  489. }
  490.  
  491.  
  492. .pagination a {
  493. color: {color:pagination};
  494. text-decoration:none;
  495. font-weight:normal;
  496. }
  497.  
  498. .pagination a:hover{
  499. color: {color:pagination};
  500. text-decoration:underline;
  501. }
  502.  
  503.  
  504. /* fine sidebar*/
  505.  
  506. /* inizio dei post */
  507.  
  508. #post {
  509. width:500px;
  510. text-align:justify;
  511. margin-bottom:60px;
  512. }
  513.  
  514.  
  515.  
  516. #entries {
  517. padding-right:20px;
  518. margin-left:500px;
  519. width:500px;
  520. {block:IfHeader}
  521. margin-top:120px;{/block:IfNotHeader}
  522. position:absolute;
  523. margin-bottom: 40px;
  524. }
  525.  
  526.  
  527.  
  528. blockquote {
  529. width:495px;
  530. margin-left:0px;
  531. padding-left:5px;
  532. border-left:1px solid {color:links};
  533. }
  534.  
  535. blockquote blockquote {
  536. width:485px;
  537. padding-left:5px;
  538. border-left:1px solid {color:links};
  539. }
  540.  
  541.  
  542.  
  543.  
  544. .titolopost {
  545. color:{color:post title};
  546. font-family: 'Satisfy', cursive;
  547. text-align:center;
  548. font-size:15px;
  549. text-decoration:none;
  550.  
  551. }
  552.  
  553. .titolopost a {
  554. color:{color:post title};
  555. font-family: 'Satisfy', cursive;
  556. text-align:center;
  557. font-size:15px;
  558. text-decoration:none;}
  559.  
  560.  
  561.  
  562. #virg {
  563. font-size:60px;
  564. height:20px;
  565. font-family:'georgia';
  566. color:#ddd;
  567. font-style:italic;
  568. z-index:0;
  569. }
  570.  
  571. #citaz {
  572. width:490px;
  573. margin-left:15px;
  574. font-style:italic;
  575. font-family:'georgia';
  576. font-size:9px;
  577. text-align:left;
  578. letter-spacing:1px;
  579. }
  580.  
  581. #source, #source a {
  582. margin-top:10px;
  583. text-align:center;
  584. text-transform:uppercase;
  585. font-size:8px;
  586. letter-spacing:1px;
  587. margin-right:0px;
  588. padding-bottom:0px;
  589. font-family:'calibri';
  590. }
  591.  
  592.  
  593. /* chat */
  594. .chat ul {
  595. list-style-type: none;
  596. width: 500px;
  597. display: block;
  598. margin: auto;
  599. padding: 0px;
  600. letter-spacing: 1px;
  601. text-transform: uppercase;
  602. }
  603.  
  604. .odd {
  605. padding: 3px;
  606. background-color: {color:chat};
  607. font-size: 8px;
  608. color:{color:chat text};
  609. }
  610.  
  611. .even {
  612. padding: 3px;
  613. font-size: 8px;
  614. }
  615.  
  616. /* audio */
  617.  
  618. #audio {
  619. width:500px;
  620. height:70px;
  621. margin-bottom:0px;
  622. }
  623.  
  624. .artcover {
  625. width:70px;
  626. height:70px;
  627. position:absolute;
  628. }
  629. .artcover img {
  630. width:70px;
  631. height:70px;
  632. float:left;
  633. }
  634.  
  635. .player {
  636. position:absolute;
  637. z-index:1;
  638. width:60px;
  639. height:60px;
  640. margin-top:5px;
  641. margin-left:5px;
  642. display:block;
  643. opacity:0.7;
  644. -webkit-transition:all 0.4s;
  645. -moz-transition:all 0.4s;
  646. -o-transition:all 0.4s;
  647. -ms-transition: all 0.4s;
  648. transition:all 0.5s;
  649. background:#fff;
  650.  
  651. }
  652. .player:hover {
  653. -webkit-transition:all 0.4s;
  654. -moz-transition:all 0.4s;
  655. -o-transition:all 0.4s;
  656. -ms-transition: all 0.4s;
  657. transition:all 0.4s;
  658. opacity:0.5;
  659. }
  660.  
  661. .audioplayer {
  662. width:24px;
  663. height:24px;
  664. margin-top:14px;
  665. margin-left:13px;
  666. overflow:hidden;
  667. padding:3px;
  668. }
  669.  
  670. .audioinfo {
  671. color:{color:post title};
  672. width:422px;
  673. height:52px;
  674. margin-left:78px;
  675. display:block;
  676. padding-top:18px;
  677. font-size:11px;
  678. letter-spacing:1px;
  679. text-transform:uppercase;
  680. text-align:left;
  681. }
  682.  
  683. .audioinfo b {
  684. font-weight:normal;
  685. color:{color:text};
  686. text-transform:none;
  687. font-family:'satisfy';
  688. font-size:12px;
  689. letter-spacing:1px;
  690. }
  691.  
  692. /* messaggio */
  693.  
  694.  
  695. #domanda {
  696. text-align:justify;
  697. text-transform:uppercase;
  698. letter-spacing:1px;
  699. font-size:8px;
  700. font-family:'calibri';
  701. width:500px;
  702. display:block;
  703. float:center;
  704. }
  705.  
  706. #chied {width:500px;}
  707.  
  708.  
  709. .asker {
  710. width:450px;
  711. margin-top:20px;
  712. font-family:'georgia';
  713. text-align:right;
  714. text-transform:lowercase;
  715. color: {color:text};
  716. font-size:13px;
  717. font-style:italic;
  718. font-weight:normal;
  719. border-bottom: 3px double {color:borders};
  720. margin-bottom:22px;
  721. padding-right:6px;
  722. background-color: {color:ask bg};
  723. }
  724.  
  725. .askerimg img {
  726. border:2px solid {color:borders};
  727. width:40px;
  728. height:40px;
  729. float:right;
  730. margin-top:-52px;
  731. }
  732.  
  733.  
  734. .askerimg {margin-bottom:10px;}
  735.  
  736.  
  737. .risp {
  738. text-transform:uppercase;
  739. letter-spacing:1px;
  740. font-size:8px;
  741. font-family:'calibri';
  742. }
  743.  
  744. ol {
  745. margin-top:30px;
  746. list-style-type: none;
  747. font-size:8px;
  748. text-transform: uppercase;
  749. width:500px;}
  750.  
  751. ol.notes li {
  752. width:500px;
  753. padding: 2px;
  754. padding-bottom:5px;
  755. margin: 0 0 0px -35px;}
  756.  
  757. ol.notes li:hover {
  758. }
  759.  
  760. ol.notes li img {
  761. width:15px;
  762.  
  763. padding-right: 10px;
  764. margin-bottom: 0px;
  765. opacity: 0.85;
  766. filter:alpha(opacity=85); }
  767.  
  768. ol.notes li img:hover {
  769. opacity: 1;
  770. filter:alpha(opacity=100); }
  771.  
  772. /**Post Info, Notes**/
  773.  
  774. #postinfo {
  775. margin-top:20px;
  776. width:500px;
  777. font-size:8px;
  778. font-style:normal;
  779. text-transform:uppercase;
  780. letter-spacing:1px;
  781. -moz-transition-duration:0.5s;
  782. -webkit-transition-duration:0.5s;
  783. -o-transition-duration:0.5s;
  784. font-style:italic;
  785. color:{color:permalink};
  786. border-top:1px solid {color:borders};
  787. }
  788.  
  789. #postinfo a {
  790. color:{color:permalink};
  791. }
  792.  
  793.  
  794. .date {
  795. background-color:{color:permalink bg};
  796. color:{color:permalink};
  797. height:0px;
  798. border-top:3px double {color:borders};
  799. border-bottom:3px double {color:borders};
  800. text-align:center;
  801. overflow:hidden;
  802. opacity:0;
  803. -moz-transition-duration:0.5s;
  804. -webkit-transition-duration:0.5s;
  805. -o-transition-duration:0.5s;
  806. }
  807.  
  808. #post:hover .date {
  809. height:12px;
  810. opacity:1;
  811. margin-bottom:5px;
  812. }
  813.  
  814. #post:hover #postinfo {
  815. border-top:1px solid transparent;
  816. }
  817.  
  818. .tags {
  819.  
  820. width:500px;
  821. font-size:8px;
  822. font-style:normal;
  823. text-transform:uppercase;
  824. letter-spacing:1px;
  825. -moz-transition-duration:0.5s;
  826. -webkit-transition-duration:0.5s;
  827. -o-transition-duration:0.5s;
  828. font-style:italic;
  829. color:{color:permalink};
  830. text-align:justify;
  831. }
  832.  
  833.  
  834. .tags a {
  835. color:{color:permalink};
  836. }
  837.  
  838. #crd {position: fixed; right:10px; bottom:10px; text-transform:uppercase;font-weight:bold; font-style:normal; font-family:'calibri'; letter-spacing:3px; font-size:9px; background-color:#777; width:18px; height:18px; line-height:18px; -webkit-border-radius: 4px; border-radius: 4px;}
  839. #crd a {color:#fff; padding:2px;}
  840.  
  841. {CustomCSS}
  842. </style>
  843.  
  844. </head>
  845.  
  846.  
  847. <body>
  848.  
  849.  
  850. {block:IfHeader}
  851. <div id="topbar">
  852. <div id="toppic"><img src="{image:header}"></div>
  853. <div id="sticker">{text:header text 1}
  854. <div class="toptitle2">{text:header text 2}</div>
  855.  
  856. </div>
  857. </div>
  858. {/block:IfHeader}
  859.  
  860. <div id="sidebar">
  861. <div class="picture"><img src="{image:Sidebar}" /></div>
  862. <div class="nav">
  863. <a href="/" title="home">{text:home link}</a>
  864. <a href="/ask" title="message">{text:ask link}</a>
  865. <a href="{text:link1 url}" title="{text:link1 hover}">{text:link1}</a>
  866. <a href="{text:link2 url}" title="{text:link2 hover}">{text:link2}</a>
  867. <a href="{text:link3 url}" title="{text:link3 hover}">{text:link3}</a>
  868. </div>
  869.  
  870. <div id="bordo"></div>
  871.  
  872. <div class="titolo"><a href="/">{Title}</a><div class="titolo2">{text:Title2}</div></div>
  873.  
  874. <div id="description"><div class="des">{Description}</div></div>
  875.  
  876.  
  877. <div class="pagination">
  878.  
  879. {block:Pagination}
  880.  
  881.  
  882. {block:JumpPagination length="5"}
  883. {block:CurrentPage}
  884. <span class="current_page">{PageNumber}</span>
  885. {/block:CurrentPage}
  886.  
  887. {block:JumpPage}
  888. <a class="jump_page" href="{URL}">{PageNumber}</a>
  889. {/block:JumpPage}
  890. {/block:JumpPagination}
  891.  
  892. {block:NextPage}
  893. <a href="{NextPage}">→</a>
  894. {/block:NextPage}
  895. {/block:Pagination}
  896.  
  897.  
  898. {/block:Pagination}
  899. </div>
  900. </div>
  901.  
  902.  
  903. <div id="entries">
  904. {block:Posts}
  905. <!-- {block:NoRebloggedFrom}
  906. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  907. {/block:NoRebloggedFrom} -->
  908. {block:ContentSource}<!-- {SourceURL}
  909. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  910. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  911. {/block:ContentSource}
  912.  
  913. <div id="post">
  914.  
  915.  
  916. {block:Photo}
  917. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  918. {block:IfShowCaption}<div class="cap">
  919. {block:Caption}{Caption}{/block:Caption}
  920. </div>{/block:IfShowCaption}
  921. {/block:Photo}
  922.  
  923. {block:Photoset}
  924. {Photoset-500}
  925. {block:IfShowCaption}<div class="cap">
  926. {block:Caption}{Caption}{/block:Caption}
  927. </div>{/block:IfShowCaption}
  928. {/block:Photoset}
  929.  
  930. {block:Video}
  931. {Video-500}
  932. {block:IfShowCaption}<div class="cap">
  933. {block:Caption}{Caption}{/block:Caption}{/block:IfShowCaption}
  934. </div>
  935. {/block:Video}
  936.  
  937. {block:Audio}
  938. <div id="audio">
  939. <div class="artcover"><img src="http://static.tumblr.com/liul60i/IcMmdl9id/nmusic2.png"></div>{block:AlbumArt}<div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  940. <div class="player">
  941. <div class="audioplayer">{AudioPlayerWhite}</div></div>
  942. <div class="audioinfo">
  943. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  944. <div style="font-size:8px; margin-top:5px;">
  945. {block:Artist}{Artist}{/block:Artist}{block:Album} - {Album}{/block:Album} ({FormattedPlayCount})
  946. </div></div></div>
  947. {block:IfShowCaption}<div class="cap">
  948. {block:Caption}{Caption}{/block:Caption}
  949. </div>{/block:IfShowCaption}
  950. {/block:Audio}
  951.  
  952. {block:Quote}<div id="virg">“</div><div id="citaz">{Quote}</div>{block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  953.  
  954. {block:Text}
  955. {block:Title}<div class="titolopost">{Title}</div>{/block:Title}
  956. {Body}
  957. {/block:Text}
  958.  
  959.  
  960.  
  961. {block:Answer}<div id="domanda">{Question}</div><div id="chied"><div class="asker">{Asker}</div><div class="askerimg"><img src="{AskerPortraitURL-40}" /></div></div>
  962. <div class="risp">
  963. {Answer}</div>
  964. {/block:Answer}
  965.  
  966.  
  967. {block:Chat}
  968. <div class="post chat">
  969. <div style="margin-bottom: 5px;">
  970. {block:Title}
  971. <h2>{Title}</h2>
  972. {/block:Title}
  973. <ul class="chat">
  974. {block:Lines}
  975. <li class="{Alt} user_{UserNumber}">
  976. {block:Label}
  977. <span class="label"><b><i>{Label}</i></b></span>
  978. {/block:Label}
  979. {Line}
  980. </li>
  981. {/block:Lines}
  982. </ul>
  983. </div>
  984. </div>
  985. {/block:Chat}
  986.  
  987.  
  988.  
  989. {block:Link}<div class="titolopost">
  990. <a href="{URL}" >{Name} →</a></div>
  991. {block:Description}{Description}{/block:Description}
  992. {/block:Link}
  993.  
  994. <div id="postinfo">
  995. <div class="date">{block:Date}<a href="{Permalink}">posted {TimeAgo}</a>{/block:Date}
  996.  
  997. {block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel} </a>{/block:NoteCount}
  998. {block:RebloggedFrom}
  999. <a href="{ReblogParentURL}">(via {ReblogParentName})</a>
  1000. {/block:RebloggedFrom} + <a href="{ReblogURL}" title="reblog this post">reblog</a> <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" >♡</div></div>
  1001.  
  1002. {block:HasTags}
  1003. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div> {/block:HasTags}
  1004.  
  1005. </div>
  1006.  
  1007. </div><!--- end of post --->
  1008.  
  1009.  
  1010. {/block:Posts}
  1011.  
  1012. <div id="not">{block:PostNotes}{PostNotes}</div>{/block:PostNotes}</div>
  1013. </div>
  1014. <div id="crd"><a href="http://teen-wolf.tumblr.com">th</a></div>
  1015.  
  1016.  
  1017. </body>
  1018. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!