API tools faq
paste
Advertisement
cornetespoir

Retired theme garden theme: Aller

cornetespoir
May 11th, 2017
297
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.83 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. // Aller by espoirthemes //
  3.  
  4. This is a retired/deleted theme garden theme. I will not be updating this or helping with this theme.
  5.  
  6. -->
  7.  
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  12. <script>
  13. $(function() {
  14. $('a[href*="#"]:not([href="#"])').click(function() {
  15. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  16. var target = $(this.hash);
  17. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  18. if (target.length) {
  19. $('html, body').animate({
  20. scrollTop: target.offset().top
  21. }, 1000);
  22. return false;
  23. }
  24. }
  25. });
  26. });
  27.  
  28. </script>
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}
  34. <meta name="description" content="{MetaDescription}" />
  35. {/block:Description}
  36.  
  37. <meta name="image:background" content="" />
  38. <meta name="image:header" content="" />
  39.  
  40. <meta name="color:posts" content="#fff" />
  41. <meta name="color:text" content="#222" />
  42. <meta name="color:navigation bar" content="#444" />
  43. <meta name="color:navigation links" content="#fff" />
  44. <meta name="color:description" content="#fff" />
  45. <meta name="color:description links" content="{AccentColor}" />
  46. <meta name="color:link" content="#aaa" />
  47. <meta name="color:link hover" content="#ddd" />
  48. <meta name="color:link" content="#c0bdb8" />
  49. <meta name="color:Bold" content="#777777" />
  50. <meta name="color:Italic" content="#bbbbbb"/>
  51. <meta name="color:border" content="#ddd" />
  52. <meta name="color:sidebar border" content="#fff" />
  53. <meta name="color:post shadow" content="#eee" />
  54. <meta name="color:scrollbar" content="#eee" />
  55. <meta name="color:scrollbar background" content="#f8f8f8" />
  56. <meta name="color:tooltip" content="#000" />
  57. <meta name="color:tooltip text" content="#fff" />
  58. <meta name="color:selection background" content="#ddd" />
  59. <meta name="color:selection text" content="#000" />
  60.  
  61. <meta name="text:notes" content="notes" />
  62. <meta name="text:asked" content="shouted" />
  63. <meta name="text:tag symbol" content="#" />
  64. <meta name="text:link1" content="01" />
  65. <meta name="text:url1" content="/" />
  66. <meta name="text:link2" content="02" />
  67. <meta name="text:url2" content="/" />
  68. <meta name="text:link3" content="03" />
  69. <meta name="text:url3" content="url3" />
  70. <meta name="text:link4" content="04" />
  71. <meta name="text:url4" content="url4" />
  72. <meta name="text:button text" content="go!" />
  73.  
  74.  
  75. <meta name="if:full background" content="" />
  76. <meta name="if:full header" content="" />
  77. <meta name="if:post shadow" content="" />
  78.  
  79. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  80.  
  81. <script type="text/javascript">
  82. $(document).ready(function(){
  83. $(".links_body").hide();
  84. $(".links_head").click(function(){
  85. $(this).next(".links_body").slideToggle('fast');
  86. }); }); </script>
  87. <style type="text/css">
  88.  
  89.  
  90.  
  91.  
  92. .links_head { cursor:pointer; margin:2px auto; }
  93. .links_body { text-align:left; display:none;position:absolute; margin:0px; width:230px; padding:6px;}
  94. .links_body li {
  95. list-style:none;background:#444;
  96. width:200px;
  97. padding:4px;
  98. margin:0px 0px 0px 0px;
  99.  
  100. }
  101. .links_body li:first-letter {
  102. color:{AccentColor};
  103. text-transform:uppercase;
  104. font-size:1em; line-height:120%;
  105.  
  106. }
  107.  
  108. </style>
  109.  
  110. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  111.  
  112. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  113.  
  114. <script>
  115.  
  116. (function($){
  117.  
  118. $(document).ready(function(){
  119.  
  120. $("a[title]").style_my_tooltips({
  121.  
  122. tip_follows_cursor:true,
  123.  
  124. tip_delay_time:90,
  125.  
  126. tip_fade_speed:600,
  127.  
  128. attribute:"title"
  129.  
  130. });
  131.  
  132. });
  133.  
  134. })(jQuery);
  135.  
  136. </script>
  137.  
  138.  
  139.  
  140. </head>
  141.  
  142. <style type="text/css">
  143.  
  144. ::selection {
  145. background: {color:selection background}; /* WebKit/Blink Browsers */color:{color:selection text};
  146. }
  147. ::-moz-selection {
  148. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  149. }
  150.  
  151. ::-webkit-scrollbar {
  152. width: 10px;
  153. height:10px;
  154.  
  155. }
  156. ::-webkit-scrollbar-button {
  157. width: 0px;
  158. height: 0px;
  159. }
  160. ::-webkit-scrollbar-thumb {
  161. background: {color:scrollbar};
  162.  
  163. border-radius: 2px;
  164. }
  165. ::-webkit-scrollbar-track {
  166. background:{color:scrollbar background};
  167. border: 4px solid {BackgroundColor};
  168.  
  169.  
  170. }
  171.  
  172.  
  173.  
  174. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop
  175. { z-index:9999; top:50px; right:10px;}
  176.  
  177.  
  178.  
  179.  
  180. #s-m-t-tooltip{
  181. max-width:300px;
  182. margin-top:-50px;
  183. margin-left:-20px;
  184.  
  185. border:2px solid white;
  186. box-shadow: 0px 0px 0px 2px {color:tooltip};
  187. font-family:consolas;
  188. padding:5px 5px;
  189. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  190. color:{color:tooltip text};
  191. z-index:99999999;
  192. font-size:.9em;
  193. text-transform:uppercase;
  194. }
  195.  
  196.  
  197. /* don't touch this, this is the what makes it look like a speech bubble */
  198. #s-m-t-tooltip:after{
  199.  
  200. content: '';
  201. position: absolute;
  202. border-style: solid;
  203. border-width: 8px 10px 0;
  204. border-color: {color:tooltip} transparent;
  205. display: block;
  206. width: 0;
  207. z-index: 1;
  208. bottom: -10px;
  209. left: 10%;}
  210.  
  211.  
  212.  
  213. body{
  214. margin:0;
  215. background:{BackgroundColor} url({image:background})
  216. {block:iffullbackground} no-repeat center center fixed;
  217. -webkit-background-size: cover;
  218. -moz-background-size: cover;
  219. -o-background-size: cover;
  220. background-size: cover; {/block:iffullbackground};
  221. background-attachment:fixed;
  222. word-wrap:break-word;
  223. font-family:arial;
  224. overflow:hidden;
  225. color:{color:text};
  226. line-height:110%;
  227. font-size:1em;
  228.  
  229. }
  230.  
  231. a {
  232. color:{color:link};
  233. text-decoration:none;
  234. transition:.6s;
  235. border-bottom:1px solid {AccentColor};
  236. }
  237.  
  238. a:hover {
  239. color:{color:link hover};
  240. transition:.6s;
  241. }
  242.  
  243.  
  244. li {
  245. list-style:circle;
  246. }
  247.  
  248.  
  249. blockquote{border-left:2px solid {AccentColor}; padding-left:4px;}
  250. blockquote img{max-width:100%;}
  251.  
  252. #container {
  253. width:100%;
  254. margin:-10px auto;
  255.  
  256. position:relative;
  257. height:100vh;
  258. overflow:auto;
  259.  
  260.  
  261. }
  262.  
  263.  
  264. .posts{
  265. margin:140px auto 100px auto;
  266. width: 400px;
  267. padding:20px;
  268. background:{color:posts};
  269. border:1px solid {color:border};
  270. position:relative;
  271. {block:ifpostshadow} box-shadow:10px 10px {color:post shadow};
  272. {/block:ifpostshadow}
  273. }
  274.  
  275.  
  276.  
  277.  
  278.  
  279.  
  280. h1{ padding:20px; margin-top:2px; font-size:1.12em; text-align:center; padding-bottom:30px; position:relative;}
  281.  
  282. .info {
  283. position: relative;
  284. text-align: center;
  285. transition: .6s;
  286. font-size: 1em;
  287. font-family: arial;
  288. padding: 8px;
  289. }
  290.  
  291.  
  292. .posts:hover .info {
  293.  
  294. opacity:1;
  295. transition:.6s
  296.  
  297. }
  298.  
  299.  
  300. .reblob {
  301. position:relative;
  302. opacity:0;
  303. text-align:right;
  304. background:white;
  305. transition:.6s;
  306. font-size:1.38em;
  307. padding:6px;
  308. left:0px;
  309. float:right;
  310. border:1px solid {color:border};
  311. top:-20px;
  312. width:20px;
  313.  
  314. transform: translate3d(30px,-22px,50px);
  315. }
  316.  
  317.  
  318. .reblob a {
  319. color:white; text-shadow:1px 1px rgba(0,0,0,.4), 1px -1px rgba(0,0,0,.4), -1px 1px rgba(0,0,0,.4), -1px -1px rgba(0,0,0,.4);
  320. border:None;
  321. }
  322. .posts:hover .reblob {
  323. transform: translate3d(0px,0px,0px);
  324. opacity:1;
  325. transition:.6s
  326.  
  327. }
  328.  
  329.  
  330. .likeb {
  331. position:relative;
  332. opacity:0;
  333. text-align:right;
  334. background:white;
  335. transition:.6s;
  336. font-size:1.8em;
  337. padding:6px;
  338. left:0px;
  339. float:left;
  340. border:1px solid {color:border};
  341. top:-20px;
  342. width:20px;
  343.  
  344. transform: translate3d(-30px,-22px,-50px);
  345. }
  346.  
  347.  
  348.  
  349. .posts:hover .likeb {
  350. transform: translate3d(0px,0px,0px);
  351. opacity:1;
  352. transition:.6s
  353.  
  354. }
  355. .tag {
  356.  
  357. padding:10px;
  358. background:{color:posts};
  359.  
  360. font-size:1em;
  361. text-align:left;
  362. border-top:1px solid {color:border};
  363. transition:.6s;
  364. }
  365. .tag a {
  366. text-shadow:none;
  367. margin:4px;
  368. border:none;
  369. color:{color:links};
  370. }
  371.  
  372. .posts:hover .tag {
  373. opacity:1;
  374. transition: .6s;
  375. }
  376.  
  377. #cont {
  378. position:fixed;
  379. left:30px;
  380. top:80px;
  381. z-index:9;
  382. }
  383.  
  384. #cont li {
  385. list-style:none;
  386. margin:20px auto;
  387. width:240px;
  388. }
  389.  
  390. .t:first-letter {
  391. color:{AccentColor};
  392. font-size:1.48em; line-height:120%;
  393.  
  394. }
  395.  
  396.  
  397. .t{ font-size:1.48em; line-height:120%; border-bottom:1px solid {color:border}; padding:4px; }
  398.  
  399. .t a {
  400. border:none;
  401. }
  402.  
  403. .side {
  404. background:white;
  405. padding:10px;
  406. {block:ifpostshadow} box-shadow:10px 10px {color:post shadow};
  407. {/block:ifpostshadow}
  408. border:1px solid {color:border};
  409. line-height:150%;
  410. width:100%;
  411.  
  412. }
  413.  
  414.  
  415. #sidebar
  416. { position:fixed; background-color:{color:posts}; width:240px; padding:8px; left:30px; top:100px; border:1px solid {color:sidebar border};
  417. }
  418. #sidebar img {border-radius:4px; padding:6px; width:40px; height:40px; }
  419. .title {
  420. line-height:300%;
  421. padding:2px;
  422. color:{TitleColor};
  423. font-family:{TitleFont};
  424. font-weight:{TitleFontWeight};
  425. }
  426.  
  427. #navbar {
  428. position:fixed;
  429. top:0px;
  430. width:100%;
  431. height:50px;
  432. transition:.6s;
  433. z-index:11;
  434. color:{color:navigation links};
  435. background:{color:navigation bar};
  436. }
  437.  
  438. #navbar li {
  439. list-style:none;
  440. display:inline-block;
  441. padding:2px;
  442. transition:.8s ease-in-out;
  443. margin:2px auto auto 10px;
  444. font-size:1.2em;
  445. line-height:200%;
  446.  
  447. }
  448.  
  449. #navbar li a {
  450. color:{color:navigation links};
  451. border-bottom:none;
  452. transition:.6s;
  453.  
  454. }
  455. #navbar li a:hover {
  456. border-bottom:1px solid {navigation links};
  457. transition:.6s;
  458. }
  459.  
  460. #header {
  461. width:100%;
  462. position:relative;
  463. top:0px;
  464. left:0px;
  465. z-index:10;
  466. height:100vh;
  467. background:{color:posts} url({image:header})
  468. {block:iffullheader} no-repeat center center fixed;
  469. -webkit-background-size: cover;
  470. -moz-background-size: cover;
  471. -o-background-size: cover;
  472. background-size: cover; {/block:iffullheader};
  473. background-attachment:fixed;
  474. border-bottom:2px solid {AccentColor};
  475. {block:PermalinkPage}
  476. display:none;
  477. {/block:PermalinkPage}
  478. {block:TagPage}
  479. display:none;
  480. {/block:tagpage}
  481. {block:SearchPage}
  482. display:none;
  483. {/block:SearchPage}
  484.  
  485.  
  486.  
  487. }
  488.  
  489.  
  490. #header a {
  491. transition:.6s;
  492. }
  493.  
  494.  
  495. #description {
  496. position:absolute;
  497. margin:150px auto auto 100px;
  498. width:420px;
  499. max-height:50vh;
  500. color:{color:description};
  501. overflow:auto;
  502. background:rgba(0,0,0,.4);
  503. line-height:150%;
  504. font-size:1.26em;
  505. padding:20px;
  506.  
  507. }
  508.  
  509.  
  510.  
  511.  
  512. #description:first-letter {
  513. color:{AccentColor};
  514. font-size:1.38em;
  515. padding:2px;
  516. text-transform:uppercase;
  517. }
  518.  
  519. #description a {
  520. color:{color:description links};
  521. }
  522.  
  523.  
  524. .button {
  525. border:2px solid {AccentColor};
  526. padding:2px 8px 2px 8px;
  527. transition:.2s;
  528. float:right;
  529.  
  530. }
  531.  
  532. #description .button a {
  533. color:white;
  534. border-bottom:none;
  535. }
  536.  
  537. #description .button:hover {
  538. background:{AccentColor};
  539. transition:.2s;
  540. }
  541.  
  542.  
  543.  
  544. .speechbubble
  545. {
  546. width:250px;
  547. position: relative;
  548. background:#eee;
  549. left:70px;
  550. margin: 0;
  551. font-size:1em;
  552. padding:20px;
  553. height: auto;
  554. background: #FFFFFF;
  555. -webkit-border-radius: 2px;
  556. -moz-border-radius: 2px;
  557. border-radius: 2px;
  558. border: {color:border} solid 1px;
  559. }
  560.  
  561. .speechbubble:after
  562. {
  563. content: '';
  564. position: absolute;
  565.  
  566.  
  567. border-style: solid;
  568. border-width: 12px 17px 12px 0;
  569. border-color: transparent #FFFFFF;
  570. display: block;
  571. width: 0;
  572. z-index: 1;
  573. left: -17px;
  574. top: 23px;
  575. }
  576.  
  577. .speechbubble:before
  578. {
  579.  
  580. content: '';
  581. position: absolute;
  582. border-style: solid;
  583. border-width: 12px 17px 12px 0;
  584. border-color: transparent {color:border};
  585. display: block;
  586. width: 0;
  587. z-index: 0;
  588. left: -18px;
  589. top: 23px;
  590. }
  591.  
  592. #albumart{
  593. z-index:2;
  594.  
  595. width:90px;
  596. float:left;border-radius:100%;
  597. height:90px;
  598.  
  599. border:1px solid {color:border};
  600.  
  601. }
  602.  
  603. .playerbox {
  604. float:left;
  605. padding:6px;
  606. }
  607.  
  608.  
  609. #albumart img{
  610.  
  611. width:90px;
  612. height:90px;
  613. float:left;border-radius:100%;
  614.  
  615.  
  616.  
  617. border-width:0px; transition:.6s;
  618.  
  619. }
  620.  
  621. .playerbox:hover #albumart img{
  622. transition:0.6s;
  623. transform:rotate(300deg); }
  624.  
  625. .player {
  626. max-width:20px;
  627. overflow:hidden;
  628. max-height:40px;
  629. transform:scale(1.16);
  630. border-radius:100%;
  631.  
  632. top:8px;
  633. bottom:10px;
  634. left:0px;
  635.  
  636. padding:8px;
  637. padding-top:6px;
  638. padding-left:10px;
  639. padding-bottom:0px;
  640. border-radius:100%;
  641. position:absolute;
  642.  
  643.  
  644. }
  645.  
  646.  
  647. .playercon {
  648. width:56px;
  649. height:56px;
  650. border-radius:100%;
  651. left:0px;
  652. background:white;
  653. top:16px;
  654. position:relative;
  655. border:1px solid {color:border};
  656. -webkit-transition-duration:500ms;
  657. -moz-transition-duration:500ms;
  658. -o-transition-duration:500ms;
  659. -ms-transition-duration:500ms;
  660. }
  661.  
  662. .infobox {
  663. float:left top;
  664. margin-left:90px;
  665. background-color:transparent;
  666. padding:14px;
  667. padding-left:2px;
  668. {block:permalinkpage} width:300px; {/block:permalinkpage}
  669. max-height:140px;
  670. text-align:center;
  671. color:{color:text};
  672. }
  673.  
  674. .track {
  675.  
  676. font-size:1em;
  677. letter-spacing:2px;
  678. border-bottom:1px solid {color:border};
  679. padding:2px;
  680. font-weight:300;
  681. text-transform:uppercase; transition:.6s;
  682. color:#333;
  683.  
  684.  
  685. }
  686. .track:first-letter {
  687. color:{AccentColor};
  688. text-transform:uppercase;
  689. font-size:1em; line-height:120%;
  690.  
  691. }
  692.  
  693. .artist {
  694. letter-spacing:2px;
  695. padding:2px;
  696. font-size:.8em;
  697. font-style:italic;
  698.  
  699.  
  700.  
  701. }
  702.  
  703. .album {
  704. font-size:.8em;
  705.  
  706. }
  707.  
  708. .playcount {
  709. font-size:.8em;
  710.  
  711. text-transform:uppercase;
  712. letter-spacing:3px;
  713. }
  714.  
  715.  
  716. #audiolo {
  717. width:400px;
  718. background:{color:posts};
  719.  
  720.  
  721. }
  722.  
  723. .linkp{
  724. font-size:1.52em; text-align:center; font-family:helvetica;
  725. border-bottom:2px solid {color:border}; padding:10px;
  726.  
  727. }
  728. .linkp a{text-decoration:none; }
  729. .linkp:after{
  730. content:'»';
  731. transition:.6s; margin-left:2px;
  732. }
  733.  
  734. .linkp:hover:after{
  735. margin-left:10px;
  736. transition:.6s;
  737. color:{color:link};
  738.  
  739. }
  740.  
  741.  
  742. .chat {
  743. padding:5px;
  744. line-height:150%;
  745. }
  746.  
  747. .chat:nth-of-type(odd) {
  748. background:{color:text};
  749. color:{color:posts};
  750. -webkit-transition:.5s;
  751. transition:.5s; }
  752.  
  753. .chat:nth-of-type(odd) b {
  754. color:{color:posts};
  755. -webkit-transition:.5s;
  756. transition:.5s; }
  757.  
  758. .chat:nth-of-type(even) {
  759. background:{color:posts};
  760. color:{color:text};
  761. -webkit-transition:.5s;
  762. transition:.5s; }
  763. .chat:nth-of-type(even) b{
  764. color:{color:text};
  765. -webkit-transition:.5s;
  766. transition:.5s; }
  767.  
  768.  
  769.  
  770.  
  771.  
  772. #perma {
  773. position: absolute;
  774. letter-spacing: .5px;
  775. text-transform: lowercase;
  776. margin-top:0px;
  777. margin-left:480px;
  778. opacity:0; transition:1s;
  779.  
  780. }
  781.  
  782. #perma:before{content:''; position:absolute; width:1px;height:0px; background:{color:border}; margin-left:20px; z-index:-1;
  783. ; top:10px; transition:.6s; }
  784.  
  785. #perma:after {content:''; position:absolute; width:0px;height:1px; background:{color:border}; left:-60px; z-index:-1; top:20px; transition:.6s;
  786.  
  787.  
  788. }
  789.  
  790. .posts img {max-width:100%;}
  791.  
  792. #perma img {
  793. border:2px solid {color:border}; margin:6px;
  794. min-width:30px;
  795. z-index:2;
  796. }
  797.  
  798. #perma a {
  799. border:none;
  800. }
  801.  
  802. .posts:hover #perma{
  803. opacity:1;
  804. transition:2s;
  805.  
  806. }
  807. .posts:hover #perma:before{height:50px; transition:.9s; z-index:-1; transition-delay:.6s; ; }
  808. .posts:hover #perma:after{width:100px; transition:.9s; z-index:-1;
  809.  
  810. }
  811.  
  812.  
  813.  
  814. #up {
  815. position:fixed;
  816. bottom:20px;
  817. right:20px;
  818. padding:6px;
  819. background:{color:posts};
  820. border:1px solid {color:border};
  821. z-index:8;
  822. {block:PermalinkPage}
  823. display:none;
  824. {/block:PermalinkPage}
  825. {block:TagPage}
  826. display:none;
  827. {/block:tagpage}
  828. {block:SearchPage}
  829. display:none;
  830. {/block:SearchPage}
  831. {block:ifpostshadow} box-shadow:4px 4px {color:post shadow};
  832. {/block:ifpostshadow}
  833.  
  834. }
  835.  
  836. #up a {
  837. border:none;
  838. font-size:.8em;
  839. }
  840. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  841. border:1px solid {color:border};
  842. font-family: "bitxmap";
  843. z-index:4;
  844.  
  845. }
  846. #egg:hover { animation-name: egg;
  847. animation-duration: 1s;
  848. animation-iteration-count: infinite;}
  849. @keyframes egg{
  850. 0%{}
  851. 10%{transform:rotate(30deg)}
  852. 80%{transform:rotate(-30deg)}
  853. 100%{}
  854. }
  855.  
  856.  
  857. .clear {
  858. margin:0px auto;
  859. height: 0px;
  860. overflow: hidden;
  861. }
  862.  
  863. .search {
  864.  
  865.  
  866. }
  867.  
  868. .search-scope {
  869. font-size: .8em;
  870. text-align: center;
  871. }
  872.  
  873.  
  874. #search {
  875.  
  876. }
  877.  
  878. #search form .query {
  879. border: none;
  880. border:1px solid transparent;
  881. outline: none;
  882. width: 100px;
  883. overflow:hidden;
  884. color:{color:navigation links};
  885.  
  886. font-size:1em;
  887.  
  888. background:transparent;
  889. }
  890.  
  891.  
  892.  
  893. #search form .submit {
  894. background: white;
  895. color: #fafafa;
  896. border: none;
  897. padding:0px;
  898. float: right;
  899. cursor: pointer;
  900. }
  901.  
  902. #search:hover form .query{
  903. width:120px;
  904. border-bottom:1px solid white;
  905.  
  906. }
  907.  
  908.  
  909. .avatar-square img{ border-radius: 4px; background:#ffffff; border:4px solid #ffffff; }
  910.  
  911. .avatar-circle img{ background:#ffffff; border:4px solid #ffffff; border-radius: 100%; }
  912.  
  913. .jump_page {
  914. padding: 4px 8px;
  915. border:1px solid {color:border};
  916. color:{color:Link};
  917. font-size:1em;
  918. text-decoration:none;
  919. }
  920.  
  921. .current_page {
  922. padding: 4px 8px;
  923. border:1px solid {AccentColor};
  924. background-color:{AccentColor};
  925. color:{color:posts};
  926. font-size:1em;
  927. text-decoration:none;
  928. }
  929. .jump_page a{
  930. border:none;
  931. }
  932.  
  933. .jump_page:hover {
  934. background-color: {AccentColor};
  935. border:1px solid {AccentColor};
  936.  
  937.  
  938. }
  939.  
  940. .jump_page:hover a {
  941. color:{color:posts};
  942. }
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949.  
  950.  
  951. ol.notes{position:relative;
  952. margin:10px auto 100px auto;
  953. width:400px; padding:10px;
  954.  
  955. }
  956.  
  957. .notes li::first-line{margin-top:-20px;}
  958.  
  959. .notes li{list-style:none;
  960. float:right;
  961. bottom:40px;
  962. margin:10px auto;
  963. {block:ifpostshadow} box-shadow:10px 10px {color:post shadow};
  964. {/block:ifpostshadow}
  965. position:relative;
  966. max-height:40px;
  967. font-size:1em;
  968. width:400px;
  969. max-width:400px;
  970. background:{color:posts};
  971. padding:10px;
  972. border:1px solid {color:border};
  973.  
  974. }
  975.  
  976. .notes li img{ padding:2px;
  977. width:32px; position:relative; float:right; margin:0;}
  978.  
  979.  
  980.  
  981. {CustomCSS}
  982. </style>
  983. <body>
  984.  
  985. <div id="navbar">
  986.  
  987. {block:ShowTitle}<li style="float:right"><a href="/">{title}</a> </li> {/block:ShowTitle}
  988.  
  989. <li><a href="/">{lang:Home}</a></li>
  990. {block:AskEnabled}
  991. <li><a href="/ask">{AskLabel}</a></li>
  992. {/block:AskEnabled}
  993. {block:SubmissionsEnabled}
  994. <li><a href="/submit">{SubmitLabel}</a> </li>
  995. {/block:SubmissionsEnabled}
  996.  
  997. <li><a href="/archive">{lang:Archive}</a></li>
  998. <li><div class="links_list">
  999. <p class="links_head"><a title="click for links"><a>{lang:More}</a></p>
  1000. <div class="links_body">
  1001. <center>
  1002. <div style="text-align:left;">
  1003. <li><a href="{text:url1}">{text:link1}</a></li><br>
  1004. <li><a href="{text:url2}">{text:link2}</a></li><br>
  1005. <li><a href="{text:url3}">{text:link3}</a></li><br>
  1006. <li><a href="{text:url4}">{text:link4}</a></li><br>
  1007. {block:HasPages} {block:Pages}<li>
  1008. <a href="{URL}">{Label}</a></li><br>
  1009. {/block:Pages} {/block:HasPages}
  1010. </div>
  1011. </div>
  1012. </center>
  1013. </div>
  1014.  
  1015.  
  1016.  
  1017. </li>
  1018. <li>
  1019. <div id="search">
  1020. <form action="/search" method="get" id="search-form">
  1021. <input type="hidden" name="t" value="{Name}" />
  1022. <input type="text" name="q" class="query" value="{SearchQuery}" placeholder="{lang:search}..."/>
  1023.  
  1024. </form></div>
  1025. </li>
  1026.  
  1027. {block:TagPage}
  1028. <li>{lang:TagResultCount posts tagged Tag} </li>
  1029. {/block:TagPage}
  1030. {block:SearchPage}
  1031. <li>{lang:SearchResultCount results for SearchQuery}
  1032.  
  1033. {block:NoSearchResults}
  1034. {lang:No posts containing SearchQuery}
  1035. {/block:NoSearchResults}
  1036. </li>
  1037.  
  1038. {/block:SearchPage}
  1039.  
  1040. </div>
  1041. <div id="header">
  1042.  
  1043.  
  1044. <div id="description">{block:ShowDescription}{description}{/block:ShowDescription} <div class="button"><a href="#container">{text:button text}</a></div></div> </div>
  1045.  
  1046.  
  1047.  
  1048. </div>
  1049.  
  1050. <div id="cont">
  1051.  
  1052. <li><div class="side" style="min-height:60px;">
  1053. {block:ShowHeaderImage} <img src="{HeaderImage}" style="width:100%; height:80px">{block:ShowAvatar} <div class="avatar-{AvatarShape}">
  1054.  
  1055.  
  1056.  
  1057. <img src="{PortraitUrl-64}" style="position:absolute; margin-top:-46px; left:100px; width:50px; border:4px solid {color:posts}">
  1058. </div>{/block:ShowAvatar}{/block:ShowHeaderImage}
  1059. {block:HideHeaderImage}<center>{block:ShowAvatar} <img src="{PortraitUrl-64}" style="left:100px; width:50px; border:4px solid {color:posts}"> {/block:ShowAvatar}</center> {/block:HideHeaderImage}
  1060.  
  1061. <center><a href="/" class="title">{title}</a> </center></div></li>
  1062.  
  1063. <li><div class="side">
  1064. {block:Pagination}
  1065.  
  1066. <center>
  1067. {block:PreviousPage}<span class="jump_page"><a href="{PreviousPage}">{lang:Previous}</a></span>
  1068. {/block:PreviousPage}
  1069. {block:JumpPagination length="4"}
  1070. {block:CurrentPage}<span class="current_page">
  1071. {PageNumber}</span>{/block:CurrentPage}
  1072. {block:JumpPage}<span class="jump_page"><a href="{URL}">{PageNumber}</a></span>
  1073. {/block:JumpPage}
  1074. {/block:JumpPagination}
  1075. {block:NextPage}
  1076. <span class="jump_page"><a href="{NextPage}">{lang:Next}</a></span>
  1077. {/block:NextPage}
  1078. </center>
  1079. {/block:Pagination}
  1080.  
  1081. {block:PermalinkPagination}
  1082. {block:PreviousPost}
  1083. <span class="jump_page"><a href="{PreviousPost}">{lang:Previous Post}</a></span>
  1084. {/block:PreviousPost}
  1085.  
  1086. {block:NextPost}
  1087. <span class="jump_page"><a href="{NextPost}">{lang:Next Post}</a></span>
  1088. {/block:NextPost}
  1089. {/block:PermalinkPagination}
  1090.  
  1091. </div></li>
  1092.  
  1093.  
  1094. </div>
  1095. <div id="up"><a href="#header" class="fa fa-arrow-up"></a></div>
  1096.  
  1097. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  1098.  
  1099. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  1100.  
  1101.  
  1102. <div id="container">
  1103.  
  1104. {block:Posts}<div class="posts">
  1105.  
  1106.  
  1107.  
  1108. {block:RebloggedFrom} <div id="perma"><center>
  1109.  
  1110. <a href="{ReblogParentURL}" title="{lang:Via}: {reblogparentname}"><img src="{ReblogParentPortraitURL-64}" style="width:30px"></a> <br>
  1111.  
  1112. <a href="{ReblogrootURL}" title="{lang:Source}: {reblogrootname}"><img src="{reblogrootPortraitURL-64}" style="width:30px"></a>
  1113. </center></div>{/block:RebloggedFrom}
  1114. <!-- {block:NoRebloggedFrom}
  1115. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1116. {/block:NoRebloggedFrom} -->
  1117. {block:ContentSource}
  1118. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1119. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1120. {/block:SourceLogo}
  1121. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1122. {/block:ContentSource}
  1123. {block:Text}
  1124.  
  1125. {block:Title}
  1126. <div class="t"><a href="{Permalink}">{Title}</a></div>
  1127. {/block:Title}
  1128.  
  1129. <div class="caption">{Body}</div>
  1130.  
  1131. {/block:Text}{block:Photo}
  1132. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1133.  
  1134. {block:Caption}
  1135. <div class="caption">{Caption}</div>
  1136. {/block:Caption}
  1137.  
  1138. {/block:Photo}{block:Panorama}
  1139.  
  1140. {LinkOpenTag}
  1141. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1142. {LinkCloseTag}{block:Caption}
  1143. <div class="caption">{Caption}</div>
  1144. {/block:Caption}
  1145.  
  1146. {/block:Panorama}{block:Photoset}
  1147.  
  1148. {Photoset-400}
  1149.  
  1150. {block:Caption}
  1151. <div class="caption">{Caption}</div>
  1152. {/block:Caption}
  1153.  
  1154. {/block:Photoset}
  1155.  
  1156. {block:Quote}
  1157.  
  1158. <i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i>
  1159. <br>
  1160. {block:Source}
  1161. -{Source}
  1162. {/block:Source}<br>
  1163. {/block:Quote}
  1164.  
  1165.  
  1166. {block:Link}
  1167. <div class="caption"> <center>
  1168. <a href="{URL}" class="linkp" target="_blank"> {Name}</a>
  1169. </center> </div>
  1170.  
  1171. {block:Description}<div class="caption">
  1172. {Description}</div> {/block:description}
  1173.  
  1174.  
  1175. {/block:Link}
  1176.  
  1177.  
  1178. {block:Chat}
  1179. {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><div class="t">{title}</div></a>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
  1180. {/block:Chat}
  1181.  
  1182.  
  1183. {block:Video}
  1184.  
  1185. {Video-400}{block:Caption}
  1186. <div class="caption">{Caption}</div>
  1187. {/block:Caption}
  1188.  
  1189. {/block:Video}
  1190. {block:Audio}
  1191. <div id="audiolo">
  1192. <div class="playerbox">
  1193. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1194.  
  1195. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  1196. <div class="infobox">
  1197. <div class="track"> {block:TrackName}
  1198. {TrackName}
  1199. {/block:TrackName} </div>
  1200.  
  1201.  
  1202. <div class="artist">
  1203. {block:Artist}{Artist}
  1204. {/block:Artist} </div>
  1205.  
  1206. <div class="album">
  1207. {block:Album}
  1208. {Album}
  1209. {/block:Album}
  1210. </div>
  1211.  
  1212. <div class="playcount">
  1213.  
  1214. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1215. </div></div> <br>{block:Caption}<div class="caption"> {caption} <br></div> {block:Caption}
  1216. {/block:Audio}
  1217.  
  1218.  
  1219. {block:Answer} <br>
  1220. <div class="askerportrait"><img style=" margin-left:0px; position:absolute;" src="{AskerPortraitURL-48}" align="left" /></div><div class="speechbubble">{Asker} {text:asked}: {Question}</div><br>
  1221. {Answer}
  1222.  
  1223.  
  1224.  
  1225. {/block:Answer}
  1226. {block:Date}
  1227. <div class="likeb">
  1228. {likebutton}
  1229. </div>
  1230.  
  1231. <div class="reblob">
  1232. {reblogButton}</div>
  1233.  
  1234.  
  1235. <div class="info">
  1236.  
  1237. <a href="{permalink}" title="{timeAgo}">{24HourWithZero}:{Minutes} {CapitalAMPM}</a> <a href="{Permalink}">{NoteCount} {text:notes}</a> </div> {/block:Date}
  1238.  
  1239.  
  1240.  
  1241. {block:HasTags} <div class="tag">{block:tags} <a href="{TagURL}">{text:tag symbol}{Tag}</a>{/block:tags}</div>{/block:HasTags}
  1242.  
  1243.  
  1244. </div>
  1245. <!--posts end-->{/block:Posts}
  1246.  
  1247. {block:PostNotes}
  1248. {PostNotes-64}
  1249. {/block:PostNotes}
  1250.  
  1251. </div><!--container end-->
  1252.  
  1253.  
  1254. </body>
  1255. </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!