API tools faq
paste
azurethemes

$$$ 020 "against them all" $$$

azurethemes
May 9th, 2015
607
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
  4. <script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
  5.  
  6. <script type="text/javascript">
  7. $(function(){
  8. $('.slideout-panel').tabSlideOut({
  9. tabHandle: '.handle', //class of the element that will become your tab
  10. pathToTabImage: 'images/contact_tab.gif', //path to the image for the tab //Optionally can be set using css
  11. imageHeight: '122px', //height of tab image //Optionally can be set using css
  12. imageWidth: '40px', //width of tab image //Optionally can be set using css
  13. tabLocation: 'right', //side of screen where tab lives, top, right, bottom, or left
  14. speed: 300, //speed of animation
  15. action: 'hover', //options: 'click' or 'hover', action to trigger animation
  16. topPos: '200px', //position from the top/ use if tabLocation is left or right
  17. leftPos: '20px', //position from left/ use if tabLocation is bottom or top
  18. fixedPosition: false //options: true makes it stick(fixed position) on scroll
  19. });
  20.  
  21. });
  22.  
  23.  
  24.  
  25.  
  26.  
  27. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  28.  
  29. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  30.  
  31. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  32.  
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("a[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:30,
  42. tip_fade_speed:300,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49.  
  50. <head>
  51.  
  52. <title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56.  
  57. <!---- $$$ theme 20 "against them all" by azureofrp $$$
  58. $$$ dont be a dick and steal anything of my coding pls $$$
  59. $$$ dont claim my themes as your own $$$
  60. $$$ for questions, just check out my faq $$$
  61. --->
  62.  
  63.  
  64.  
  65.  
  66. <meta name="color:background" content="#c3cccc"/>
  67. <meta name="color:text" content="#000000"/>
  68. <meta name="color:post text" content="#b6b6b6"/>
  69. <meta name="color:title text" content="#ffffff"/>
  70. <meta name="color:links" content="#ffffff"/>
  71. <meta name="color:italic" content="#000000">
  72. <meta name="color:bold" content="#000000">
  73. <meta name="color:hover" content="#c1b8b8">
  74. <meta name="color:text shadow" content="#ffffff">
  75. <meta name="color:blockquote" content="#c3cccc">
  76. <meta name="color:blockquote border" content="#ffffff">
  77. <meta name="color:border" content="#000000">
  78. <meta name="color:description border" content="#000000">
  79.  
  80.  
  81.  
  82.  
  83. <meta name="color:h1 background" content="#c3cccc">
  84. <meta name="color:hover background" content="#d7d1d1">
  85. <meta name="color:title background" content="#c1b6b6"/>
  86. <meta name="color:post background" content="#000000">
  87. <meta name="color:links background" content="#a1adad">
  88. <meta name="color:description background" content="#000000">
  89. <meta name="color:info background" content="#a1adad">
  90. <meta name="color:tags background" content="#adb3b3">
  91. <meta name="color:sidebar background" content="#adb3b3">
  92. <meta name="color:ask background" content="#adb3b3">
  93. <meta name="color:scrollbar" content="#473f3f">
  94. <meta name="color:scrollbar background" content="#616b6b">
  95.  
  96.  
  97. <meta name="image:background" content=""/>
  98. <meta name="image:ask background" content=""/>
  99. <meta name="image:admin" content=""/>
  100. <meta name="image:sidebar" content=""/>
  101.  
  102.  
  103.  
  104.  
  105. <meta name="text:title" content="">
  106. <meta name="text:description title" content="">
  107. <meta name="text:admin text" content="">
  108.  
  109.  
  110.  
  111. <meta name="text:link 1" content="Link 1">
  112. <meta name="text:link 2" content="Link 2">
  113. <meta name="text:link 3" content="Link 3">
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123.  
  124.  
  125.  
  126.  
  127.  
  128. <meta name="text:link 1 url" content="/">
  129. <meta name="text:link 2 url" content="/">
  130. <meta name="text:link 3 url" content="/">
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. <style type="text/css">
  155.  
  156. ::-webkit-scrollbar-thumb {
  157. height:5px;
  158. border-top-left-radius:50px;
  159. background-color:{color:scrollbar};
  160.  
  161. }
  162.  
  163. ::-webkit-scrollbar {
  164. height:2px;
  165. width:1px;
  166. background-color:{color:scrollbar background};
  167.  
  168. }
  169. #s-m-t-tooltip {
  170. max-width:300px;
  171. padding:3px 5px 3px 5px;
  172. margin:20px 0px 0px 20px;
  173. background:{color:description background};
  174. box-shadow: 1px 1px 2px {color:border shadow};
  175. color:{color:text};
  176. text-transform:lowercase;
  177. font-weight:bold;
  178. letter-spacing:1px;
  179. font-style:italic;
  180. z-index:999999999999999999999999999999999999;
  181. font-family:'arial';
  182. font-size:9px;
  183. }
  184.  
  185.  
  186.  
  187.  
  188. body {
  189. background-color:{color:background};
  190. background-image:url('{image:background}');
  191. background-attachment: fixed;
  192. background-repeat: repeat;
  193. font-family:arial;
  194. font-size:10px;
  195. text-align:justify;
  196. color:{color:txt};
  197. margin:0;
  198.  
  199.  
  200. }
  201.  
  202. a {
  203. text-decoration:none;
  204. color:{color:links};
  205. transition-duration: 0.2s;
  206. -moz-transition-duration: 0.2s;
  207. -webkit-transition-duration: 0.3s;
  208. -o-transition-duration: 0.3s;
  209. }
  210.  
  211. a:hover {
  212. text-decoration:none;
  213. color:{color:hover};
  214. transition-duration: 0.2s;
  215. -moz-transition-duration: 0.2s;
  216. -webkit-transition-duration: 0.3s;
  217. -o-transition-duration: 0.3s;
  218.  
  219. }
  220.  
  221. img {
  222. border:none;
  223.  
  224.  
  225.  
  226. }
  227.  
  228. blockquote {
  229. background:{color:blockquote};
  230. color:{color:text};
  231. border-left:2px solid {color:blockquote border};
  232. padding:5px;
  233.  
  234. }
  235.  
  236. pre{
  237. margin-top:0px;
  238. margin-bottom:5px;
  239. letter-spacing:1px;
  240. font-size:10px;
  241. background-color:{color:blockquote};
  242. box-shadow:1px 1px 1px {color:text shadow};
  243. padding:5px;
  244. color:{color:text};
  245. text-transform:lowercase;
  246. font-family:arial;
  247. font-weight:bold;
  248. text-align:center;
  249. }
  250.  
  251. small{
  252. font-size:10px;
  253. }
  254.  
  255. big{
  256. font-size:10px;
  257. }
  258.  
  259. sub{
  260. font-size:10px;
  261. }
  262.  
  263.  
  264. h1 {
  265. font-size:9px;
  266. text-transform:lowercase;
  267. font-style:italic;
  268. text-align:left;
  269. font-weight:bold;
  270. letter-spacing:1px;
  271. background-color:{color:h1 background};
  272. text-shadow: 0px 0px 1px {color:text shadow};
  273. color:{color:text};
  274. padding:5px;
  275.  
  276. }
  277.  
  278. h1 a{
  279. color:{color:text};
  280. }
  281.  
  282.  
  283. h2{
  284. color:{color:text};
  285. text-transform:uppercase;
  286. text-shadow: 1px 1px 0px {color:text shadow};
  287. text-align:left;
  288. font-style:italic;
  289.  
  290. }
  291.  
  292.  
  293.  
  294. b {
  295. font-weight:bold;
  296. color:{color:bold};
  297.  
  298.  
  299. }
  300.  
  301. i {
  302. font-weight:italic;
  303. color:{color:italic};
  304.  
  305.  
  306. }
  307.  
  308. u {
  309. text-decoration:none;
  310. border-bottom:1px solid {color:border};
  311.  
  312.  
  313. }
  314.  
  315.  
  316.  
  317. #title {
  318. width:250px;
  319. height:7px;
  320. position:fixed;
  321. padding-top:10px;
  322. padding-bottom:10px;
  323. padding-left:10px;
  324. padding-right:10px;
  325. line-height:9px;
  326. top:530px;
  327. color:{color:title text};
  328. margin-left:255px;
  329. font-weight:bold;
  330. border-right:10px solid {color:border};
  331. border-left:10px solid {color:border};
  332. border-bottom:10px solid {color:border};
  333. text-transform:lowercase;
  334. font-size:10px;
  335. font-family:'arial';
  336. background:{color:title background};
  337. font-style:italic;
  338. text-align:center;
  339. overflow:hidden;
  340. letter-spacing:1px;
  341. z-index:9999;
  342. opacity:1;
  343.  
  344. }
  345.  
  346.  
  347. #admin-box {
  348. overflow:auto;
  349. position:fixed;
  350. text-align:right;
  351. margin-top:-91px;
  352. margin-left:80px;
  353. text-transform:none;
  354. font-style:normal;
  355. font-family:arial;
  356. width:100px;
  357. height:80px;
  358. opacity:1;
  359. line-height:10px;
  360. color:{color:text};
  361. background:{color:description background};
  362. padding:10px;
  363. padding-top:5px;
  364. font-size:9px;
  365. z-index:99999999;
  366.  
  367. }
  368.  
  369.  
  370.  
  371.  
  372.  
  373. #pagi {
  374. font-size:10px;
  375. font-style:normal;
  376. position:fixed;
  377. text-align:center;
  378. letter-spacing:1px;
  379. margin-left:130px;
  380. margin-top:404px;
  381. font-style:italic;
  382. padding:5px;
  383. line-height:28px;
  384. width:38px;
  385. display:inline-block;
  386. color:{color:title text};
  387. z-index:99999999999999;
  388. font-family:'consolas';
  389. text-shadow: 1px 1px 0px {color:text shadow};
  390. transition-duration: 0.9s;
  391. -moz-transition-duration:0.9s;
  392. -webkit-transition-duration:0.9s;
  393. -o-transition-duration:0.9s;
  394.  
  395.  
  396.  
  397.  
  398.  
  399. }
  400.  
  401. #pagi:hover{
  402. color:{color:hover};
  403. transition-duration: 0.9s;
  404. -moz-transition-duration:0.9s;
  405. -webkit-transition-duration:0.9s;
  406. -o-transition-duration:0.9s;
  407.  
  408.  
  409.  
  410.  
  411. }
  412.  
  413. #admins img{
  414. width:64px;
  415. padding:5px;
  416. margin-top:143px;
  417. margin-left:0px;
  418. border-radius:100px;
  419. border:solid 1px {color:links};
  420. z-index:999999999;
  421.  
  422. }
  423.  
  424.  
  425.  
  426. #bbackground {
  427. position:fixed;
  428. opacity:1;
  429. width:560px;
  430. height:457px;
  431. top:110px;
  432. margin-left:535px;
  433. background:{color:border};
  434. z-index:99;
  435.  
  436.  
  437. }
  438.  
  439.  
  440.  
  441.  
  442. #insides {
  443. font-size:12px;
  444. padding:10px;
  445. font-family:'arial';
  446. color:{color:text};
  447.  
  448.  
  449. }
  450.  
  451.  
  452.  
  453.  
  454. #entries {
  455. position:fixed;
  456. z-index:999;
  457. height:435px;
  458. width:540px;
  459. overflow:auto;
  460. margin-left:546px;
  461. margin-top:71px;
  462.  
  463.  
  464.  
  465.  
  466.  
  467. }
  468.  
  469. #post{
  470. padding:15px;
  471. width:500px;
  472. background-color:{color:post background};
  473. overflow:hidden;
  474. color:{color:post text};
  475. margin-bottom:20px;
  476. margin-left:0px;
  477. float:center;
  478. z-index:999;
  479.  
  480. }
  481.  
  482.  
  483.  
  484. #info {
  485. width:520px;
  486. text-align:left;
  487. font-family:arial;
  488. font-size:9px;
  489. padding:7px;
  490. color:{color:text};
  491. font-weight:bold;
  492. line-height:10px;
  493. background-color:{color:info background};
  494. margin-top:5px;
  495. margin-left:-15px;
  496. font-size:9px;
  497. margin-bottom:-15px;
  498. font-style:italic;
  499. text-transform:lowercase;
  500. letter-spacing:0px;
  501. padding:5px;
  502. line-height:10px;
  503. transition-duration: 1.0s;
  504. -moz-transition-duration: 1.0s;
  505. -webkit-transition-duration: 1.0s;
  506. -o-transition-duration: 1.0s;
  507.  
  508. }
  509.  
  510. #info hover{
  511. color:{color:hover};
  512. transition-duration: 1.0s;
  513. -moz-transition-duration: 1.0s;
  514. -webkit-transition-duration: 1.0s;
  515. -o-transition-duration: 1.0s;
  516.  
  517.  
  518. }
  519.  
  520. #info a {
  521. text-align:center;
  522. font-family:arial;
  523. color:{color:text};
  524.  
  525. }
  526.  
  527. .right{
  528. float:right
  529.  
  530. }
  531.  
  532.  
  533. #tags {
  534. text-align:center;
  535. opacity:1;
  536. font-size:9px;
  537. font-family:'arial';
  538. margin-top:4px;
  539. margin-left:-5px;
  540. padding:-5px;
  541. margin-bottom:-5px;
  542. height:20px;
  543. width:530px;
  544. padding-top:1px;
  545. background-color:{color:tags background};
  546. text-transform:lowercase;
  547. transition-duration: 0.5s;
  548. -moz-transition-duration: 0.5s;
  549. -webkit-transition-duration: 0.5s;
  550. -o-transition-duration: 0.5s;
  551. }
  552.  
  553.  
  554.  
  555. #tags a {
  556. padding:4px;
  557. color:{color:text};
  558. letter-spacing:0px;
  559. font-family:'arial';
  560. text-decoration:none;
  561. display:inline-block;
  562. }
  563.  
  564. #tags a:hover {
  565. -moz-transition-duration:0.3s;
  566. -webkit-transition-duration:0.3s;
  567. -o-transition-duration:0.3s;
  568. color:{color:hover};
  569. }
  570.  
  571.  
  572. .ask{
  573. padding:1px;
  574. padding-right:5px;
  575. padding-left:5px;
  576. color:{color:text};
  577. background-color:{color:info background};
  578. font-size:10px;
  579. font-style:italic;
  580. line-height:18px;
  581. font-weight:bold;
  582. text-align:right;
  583. margin-bottom:0px;
  584.  
  585. }
  586.  
  587. .ask a{
  588. color:{color:text};
  589.  
  590. }
  591.  
  592. .ask a:hover{
  593. color:{color:hover};
  594. }
  595.  
  596. .ask :hover{
  597. color:{color:hover};
  598.  
  599. }
  600.  
  601. .question{
  602. text-align:center;
  603. padding:15px;
  604. background-color:{color:ask background};
  605. background-image:url('{image:ask background}');
  606. color:{color:text};
  607.  
  608. }
  609.  
  610. .answer{
  611. color:{color:txt};
  612. text-align:left;
  613. margin-top:1px;
  614. }
  615.  
  616.  
  617.  
  618.  
  619.  
  620. #c{
  621. position:fixed;
  622. font-size:7px;
  623. font-weight:bold;
  624. font-style:italic;
  625. padding-bottom:5px;
  626. padding-top:5px;
  627. height:10px;
  628. width:50px;
  629. padding-left:5px;
  630. padding-right:5px;
  631. margin-left:1308px;
  632. margin-top:610px;
  633. line-height:150%;
  634. text-align:center;
  635. float:left;
  636. font-family:arial;
  637. color:{color:post text};
  638. text-transform:uppercase;
  639. background-color:{color:post background};
  640. transition-duration: 0.8s;
  641.  
  642.  
  643. }
  644. #slide-out{
  645. position:fixed;
  646. margin-left:1092px;
  647. margin-top:198px;
  648. width:20px;
  649. height:20px;
  650. line-height:20px;
  651. font-size:30px;
  652. font-weight:bold;
  653. font-family:arial;
  654. font-style:italic;
  655. padding:10px;
  656. z-index:9;
  657. background-color:{color:border};
  658. text-transform:uppercase;
  659. color:{color:links};
  660. transition-duration: 0.7s;
  661. -moz-transition-duration: 0.7s;
  662. -webkit-transition-duration: 0.7s;
  663. -o-transition-duration: 0.7s;
  664. }
  665. #slide-out-button a {
  666. color:{color:links};
  667. font-style:italic;
  668. transition-duration: 0.7s;
  669. -moz-transition-duration: 0.7s;
  670. -webkit-transition-duration: 0.7s;
  671. -o-transition-duration: 0.7s;
  672. }
  673.  
  674. #slide-out:hover {
  675. margin-left:1312px;
  676. transition-duration: 0.7s;
  677. -moz-transition-duration: 0.7s;
  678. -webkit-transition-duration: 0.7s;
  679. -o-transition-duration: 0.7s;
  680. }
  681.  
  682. #slide-out-panel {
  683. position:fixed;
  684. margin-top:-30px;
  685. height:230px;
  686. font-weight:normal;
  687. text-transform:uppercase;
  688. margin-left:-227px;
  689. font-size:10px;
  690. font-family:arial;
  691. width:200px;
  692. background-color:{color:description background};
  693. z-index:-999999999999999999999999;
  694. padding:10px;
  695.  
  696.  
  697.  
  698. }
  699.  
  700. #slide-out #links {
  701. width:200px;
  702. overflow:hidden;
  703. margin-top:-220px;
  704. opacity:1;
  705. height:127px;
  706. position:fixed;
  707. margin-left:0px;
  708. z-index:999999;
  709. background:{color:description background};
  710.  
  711. }
  712.  
  713. #slide-out #links a {
  714. width:193px;
  715. height:15px;
  716. margin-bottom:3px;
  717. text-align:right;
  718. font-style:italic;
  719. text-transform:lowercase;
  720. font-weight:bold;
  721. padding:4px;
  722. line-height:16px;
  723. color:{color:links};
  724. font-family:'arial';
  725. letter-spacing:1px;
  726. background-color:{color:links background};
  727. font-size:10px;
  728. display:inline-block;
  729. }
  730.  
  731. #slide-out #links a:hover {
  732. color:{color:hover};
  733. background:{color:hover background};
  734. }
  735.  
  736.  
  737. .description-hover {
  738. position: relative;
  739. margin: 0 auto;
  740. padding: 1em 0 4em;
  741. max-width: 1000px;
  742. list-style: none;
  743. text-align: center;
  744. }
  745.  
  746.  
  747. .description-hover figure {
  748. position: relative;
  749. float: left;
  750. overflow: hidden;
  751. margin: 10px 1%;
  752. min-width: 270px;
  753. max-width: 270px;
  754. margin-left:72px;
  755. margin-top:100px;
  756. border:10px solid {color:border};
  757. max-height: 400px;
  758. width: 270px;
  759. z-index:999;
  760. background: {color:description background};
  761. text-align: center;
  762. cursor: pointer;
  763. }
  764.  
  765. .description-hover figure img {
  766. position: relative;
  767. display: block;
  768. margin-top:0px;
  769. background:transparent;
  770. background-image:url('{image:sidebar}');
  771. background-attachment: fixed;
  772. background-repeat: repeat;
  773. min-height: 100%;
  774. max-width: 100%;
  775. opacity: 1;
  776. }
  777.  
  778. .description-hover figure figcaption {
  779. padding: 2em;
  780. color: #fff;
  781. text-transform: uppercase;
  782. font-size: 1.25em;
  783. -webkit-backface-visibility: hidden;
  784. backface-visibility: hidden;
  785. }
  786.  
  787. .description-hover figure figcaption::before,
  788. .description-hover figure figcaption::after {
  789. pointer-events: none;
  790. }
  791.  
  792. .description-hover figure figcaption,
  793. .description-hover figure figcaption > a {
  794. position: absolute;
  795. top: 0;
  796. left: 0;
  797. width: 270px;
  798. height: 400px;
  799. }
  800.  
  801.  
  802. .description-hover figure figcaption > a {
  803. z-index: 1000;
  804. text-indent: 200%;
  805. white-space: nowrap;
  806. font-size: 0;
  807. opacity: 0;
  808. }
  809.  
  810. .description-hover figure h2 {
  811. word-spacing: -0.15em;
  812. font-weight: 300;
  813. }
  814.  
  815. .description-hover figure h2 span {
  816. font-weight: 800;
  817. }
  818.  
  819. .description-hover figure h2,
  820. .description-hover figure p {
  821. margin: 0;
  822. }
  823.  
  824. .description-hover figure p {
  825. letter-spacing: 1px;
  826. font-size: 68.5%;
  827. }
  828. figure.hover-effect {
  829. background: {color:description background};
  830. }
  831.  
  832. figure.hover-effect img {
  833. height: 400px;
  834. width:270px;
  835.  
  836. }
  837.  
  838. figure.hover-effect figcaption {
  839. padding: 3em;
  840. }
  841.  
  842. figure.hover-effect figcaption::before,
  843. figure.hover-effect figcaption::after {
  844. position: absolute;
  845. content: '';
  846. opacity: 0;
  847. }
  848.  
  849. figure.hover-effect figcaption::before {
  850. top: 20px;
  851. right: 10px;
  852. bottom: 10px;
  853. left: 10px;
  854. width:250px;
  855. height:357px;
  856. border-top: 2px solid {color:description border};
  857. border-bottom: 2px solid {color:description border};
  858. -webkit-transform: scale(0,1);
  859. transform: scale(0,1);
  860. -webkit-transform-origin: 0 0;
  861. transform-origin: 0 0;
  862. }
  863.  
  864. figure.hover-effect figcaption::after {
  865. top: 10px;
  866. right: 50px;
  867. bottom: 30px;
  868. left: 20px;
  869. width:230px;
  870. height:380px;
  871. border-right: 2px solid {color:description border};
  872. border-left: 2px solid {color:description border};
  873. -webkit-transform: scale(1,0);
  874. transform: scale(1,0);
  875. -webkit-transform-origin: 100% 0;
  876. transform-origin: 100% 0;
  877. }
  878.  
  879. figure.hover-effect h2 {
  880. padding-top: 0%;
  881. margin-left:-15px;
  882. font-size:20px;
  883. width:222px;
  884. text-align:center;
  885. -webkit-transition: -webkit-transform 0.35s;
  886. transition: transform 0.35s;
  887. }
  888.  
  889. figure.hover-effect p {
  890. padding: 5px;
  891. text-transform:none;
  892. width:222px;
  893. height:auto;
  894. overflow:auto;
  895. color:{color:text};
  896. margin-left:-18px;
  897. opacity: 0;
  898. -webkit-transform: translate3d(0,-10px,0);
  899. transform: translate3d(0,-10px,0);
  900. }
  901.  
  902. figure.hover-effect img, {
  903. -webkit-transform: translate3d(0,-30px,0);
  904. transform: translate3d(0,-30px,0);
  905.  
  906. }
  907.  
  908. figure.hover-effect h2 {
  909. -webkit-transform: translate3d(0,30px,0);
  910. transform: translate3d(0,-30px,0);
  911.  
  912. }
  913.  
  914. figure.hover-effect img,
  915. figure.hover-effect figcaption::before,
  916. figure.hover-effect figcaption::after,
  917. figure.hover-effect p {
  918. -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  919. transition: opacity 0.35s, transform 0.35s;
  920. }
  921.  
  922. figure.hover-effect:hover img {
  923. opacity: 0.1;
  924.  
  925. -webkit-transform: translate3d(0,0,0);
  926. transform: translate3d(0,0,0);
  927. }
  928.  
  929. figure.hover-effect:hover figcaption::before,
  930. figure.hover-effect:hover figcaption::after {
  931. opacity: 1;
  932. -webkit-transform: scale(1);
  933. transform: scale(1);
  934. }
  935.  
  936. figure.hover-effect:hover h2,
  937. figure.hover-effect:hover p {
  938. opacity: 1;
  939. -webkit-transform: translate3d(0,0,0);
  940. transform: translate3d(0,0,0);
  941. }
  942.  
  943. figure.hover-effect:hover figcaption::after,
  944. figure.hover-effect:hover h2,
  945. figure.hover-effect:hover p,
  946. figure.hover-effect:hover img {
  947. -webkit-transition-delay: 0.15s;
  948. transition-delay: 0.15s;
  949. }
  950. {CustomCSS}</style>
  951.  
  952.  
  953.  
  954. </head>
  955. <body>
  956.  
  957. <div class="description-hover">
  958. <figure class="hover-effect">
  959. <img src="{image:sidebar}"/>
  960. <figcaption>
  961. <h2>{text:description title}</h2>
  962. <p>{description}</p>
  963.  
  964. </figcaption>
  965. </figure>
  966.  
  967. </div>
  968. </div>
  969.  
  970. <div id="sidebar">
  971. <div id="bbackground"></div>
  972. <div id="title">{text:title}</div>
  973.  
  974.  
  975. </div>
  976.  
  977. </div>
  978.  
  979. <div id="slide-out">
  980. <div id="slide-out-button"><a title="links">+</a></div>
  981. <div id="slide-out-panel">
  982. <div id="admins"><img src="{image:admin}"></a></div>
  983. <div id="admin-box">{text:admin text}</div>
  984. <div id="links">
  985. <a href="/" title="home"</a>refresh</a>
  986. <a href="/ask" title="MESSAGE"</a>askbox</a>
  987. <a href="{text:link 1 url}" title="edit in html"</a>{text:link 1}</a>
  988. <a href="{text:link 2 url}" title="edit title in html"</a>{text:link 2}</a>
  989. <a href="{text:link 3 url}" title="edit title in html"</a>{text:link 3}</a>>
  990.  
  991.  
  992. </div>
  993.  
  994.  
  995. </div>
  996.  
  997.  
  998.  
  999. </div>
  1000.  
  1001.  
  1002.  
  1003. </div>
  1004. </div>
  1005.  
  1006. </div>
  1007.  
  1008.  
  1009.  
  1010. <div id="title">
  1011. <div id="pagination">
  1012. {block:Pagination}
  1013. {block:PreviousPage}<a href="{PreviousPage}" title="BACK"</a>-</a>{/block:PreviousPage}
  1014. {/block:Pagination}
  1015. {text:title}
  1016. {block:Pagination}
  1017. {block:NextPage}<a href="{NextPage}" title="NEXT"</a>+</a>{/block:NextPage}
  1018. {/block:Pagination}</div>
  1019. </div>
  1020.  
  1021.  
  1022. <div id="entries">
  1023. {block:Posts}
  1024. <div id="post"
  1025.  
  1026. <!--TEXT POSTS-->
  1027.  
  1028. {block:Text}
  1029. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1030. {Body}
  1031. {/block:Text}
  1032.  
  1033. <!--ASKS-->
  1034.  
  1035. {block:Answer}<div class="ask"> − {Asker}</div>
  1036. <div class="question">{Question}</div>
  1037. <div class="answer">{Answer}</div>{/block:answer}
  1038.  
  1039. <!--QUOTE POSTS-->
  1040. {block:Quote}
  1041.  
  1042. {block:Quote}
  1043. <h2>{Quote}</h2>
  1044. <div align="right">
  1045. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1046. </div>
  1047. {/block:Quote}
  1048. <!--LINK POSTS-->
  1049.  
  1050. {block:Link}
  1051. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1052. {block:Description}{Description}{/block:Description}
  1053. {/block:Link}
  1054.  
  1055. <!--CHAT POSTS-->
  1056.  
  1057. {block:Chat}
  1058. {block:Title}<h2>{Title}</h2>{/block:Title}
  1059. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1060. {Line}</li>{/block:Lines}</ul>
  1061. {/block:Chat}
  1062.  
  1063. <!--PHOTO POSTS-->
  1064.  
  1065. {block:Photo}
  1066. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  1067.  
  1068. {block:Caption}{Caption}{/block:Caption}
  1069. {/block:Photo}
  1070.  
  1071. <!--PHOTOSET POSTS-->
  1072.  
  1073. {block:Photoset}
  1074. {Photoset-500}
  1075. {block:Caption}{Caption}{/block:Caption}
  1076. {/block:Photoset}
  1077.  
  1078. <!--VIDEO POSTS-->
  1079.  
  1080. {block:Video}
  1081. {Video-500}
  1082. {block:Caption}{Caption}{/block:Caption}
  1083. {/block:Video}
  1084.  
  1085.  
  1086. <!--AUDIO-->
  1087.  
  1088. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  1089. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1090. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1091. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1092. {/block:Audio}
  1093.  
  1094.  
  1095. <!--POST INFO-->
  1096.  
  1097.  
  1098. <div id="info">
  1099. <div id="permalink">
  1100. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a> <div class=right>{NoteCount}</div></a></div>
  1101.  
  1102. {block:HasTags}<div id="tags">
  1103. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  1104. </div>{block:HasTags}
  1105. </div>
  1106. </div>
  1107.  
  1108. {/block:Posts}{block:PostNotes}<br><br><div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1109. {/block:Posts}</div>
  1110.  
  1111. </div>
  1112.  
  1113. {/block:Posts}{/block:Posts}</div></div></div>
  1114.  
  1115.  
  1116. </div>
  1117.  
  1118. <div id="c">
  1119. <a href="http://azureofrp.tumblr.com/">AZUREOFRP </a>
  1120.  
  1121. </div>
  1122. </div>
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!