API tools faq
paste
azurethemes

$$$ 018 "american candy" $$$

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