API tools faq
paste
azurethemes

041 //New Americana//

azurethemes
Aug 6th, 2015
506
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.43 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.7/jquery.min.js"></script>
  4. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  5. <script>
  6. (function($){
  7. $(document).ready(function(){
  8. $("a[title]").style_my_tooltips({
  9. tip_follows_cursor:true,
  10. tip_delay_time:30,
  11. tip_fade_speed:300,
  12. attribute:"title"
  13. });
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <script type="text/javascript">
  19. WebFontConfig = {
  20. google: { families: [ 'Roboto700::latin', 'Roboto::latin' , 'Bitter::latin' ] }
  21. };
  22. (function() {
  23. var wf = document.createElement('script');
  24. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  25. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  26. wf.type = 'text/javascript';
  27. wf.async = 'true';
  28. var s = document.getElementsByTagName('script')[0];
  29. s.parentNode.insertBefore(wf, s);
  30. })(); </script>
  31.  
  32. <head>
  33.  
  34. <title>{Title}</title>
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <!----
  40.  
  41.  
  42.  
  43. — Theme made by azureofrp —
  44. — Theme number 41 //New Americana// —
  45. — Do not steal anything :) —
  46. — Do not take parts of my coding and use them for your themes —
  47. — To request a custom theme, visit my custom theme request page —
  48. — Please respect my effort and the time I put into my themes —
  49.  
  50.  
  51.  
  52.  
  53.  
  54. --->
  55.  
  56.  
  57.  
  58.  
  59. <meta name="color:blockquote border" content="#ffffff">
  60. <meta name="color:border" content="#000000">
  61. <meta name="color:text" content="#000000"/>
  62. <meta name="color:post text" content="#b6b6b6"/>
  63. <meta name="color:title text" content="#ffffff"/>
  64. <meta name="color:italic text" content="#000000">
  65. <meta name="color:bold text" content="#000000">
  66. <meta name="color:hover" content="#c1b8b8">
  67. <meta name="color:links" content="#ffffff"/>
  68. <meta name="color:scrollbar" content="#473f3f">
  69. <meta name="color:credit" content="#616b6b">
  70. <meta name="color:text shadow" content="#ffffff">
  71. <meta name="color:background" content="#c3cccc"/>
  72. <meta name="color:blockquote background" content="#c3cccc">
  73.  
  74. <meta name="color:description background" content="#c1b6b6"/>
  75. <meta name="color:post background" content="#000000">
  76. <meta name="color:links background" content="#a1adad">
  77. <meta name="color:info background" content="#a1adad">
  78. <meta name="color:sidebar background" content="#adb3b3">
  79. <meta name="color:question background" content="#adb3b3">
  80. <meta name="color:scrollbar background" content="#616b6b">
  81.  
  82. <meta name="image:background" content=""/>
  83. <meta name="image:sidebar" content=""/>
  84. <meta name="image:header" content=""/>
  85. <meta name="image:icon" content=""/>
  86.  
  87.  
  88. <meta name="text:tab 1 title" content="">
  89. <meta name="text:tab 2 title" content="">
  90. <meta name="text:tab 3 title" content="">
  91. <meta name="text:tab 4 title" content="">
  92.  
  93. <meta name="text:faq title" content="">
  94. <meta name="text:about me title" content="">
  95. <meta name="text:navi title" content="">
  96.  
  97. <meta name="text:question 1" content="">
  98. <meta name="text:question 2" content="">
  99. <meta name="text:question 3" content="">
  100. <meta name="text:question 4" content="">
  101.  
  102. <meta name="text:answer 1" content="">
  103. <meta name="text:answer 2" content="">
  104. <meta name="text:answer 3" content="">
  105. <meta name="text:answer 4" content="">
  106.  
  107.  
  108.  
  109. <meta name="text:ask form url" content="">
  110. <meta name="text:about text" content="">
  111. <meta name="text:plot" content="">
  112.  
  113.  
  114. <meta name="text:link 1" content="Link 1">
  115. <meta name="text:link 2" content="Link 2">
  116. <meta name="text:link 3" content="Link 3">
  117. <meta name="text:link 4" content="Link 4">
  118. <meta name="text:link 5" content="Link 5">
  119. <meta name="text:link 6" content="Link 6">
  120. <meta name="text:link 7" content="Link 7">
  121. <meta name="text:link 8" content="Link 8">
  122. <meta name="text:link 9" content="Link 9">
  123. <meta name="text:link 10" content="Link 10">
  124. <meta name="text:link 11" content="Link 11">
  125. <meta name="text:link 12" content="Link 12">
  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. <meta name="text:link 4 url" content="/">
  132. <meta name="text:link 5 url" content="/">
  133. <meta name="text:link 6 url" content="/">
  134. <meta name="text:link 7 url" content="/">
  135. <meta name="text:link 8 url" content="/">
  136. <meta name="text:link 9 url" content="/">
  137. <meta name="text:link 10 url" content="/">
  138. <meta name="text:link 11 url" content="/">
  139. <meta name="text:link 12 url" content="/">
  140.  
  141. <style type="text/css">
  142.  
  143. ::-webkit-scrollbar-thumb {
  144. height:auto;
  145. background-color:{color:scrollbar};
  146. }
  147.  
  148. ::-webkit-scrollbar {
  149. height:9px;
  150. width:2px;
  151. background-color:{color:scrollbar background};
  152. }
  153.  
  154.  
  155. #s-m-t-tooltip {
  156. max-width:300px;
  157. margin:10px 0px 0px 10px;
  158. padding:5px;
  159. font-weight:bold;
  160. background-color:{color:post background};
  161. border-bottom:1px solid #ddd;
  162. font-family: 'Roboto', sans-serif;
  163. font-size:8px;
  164. text-transform:uppercase;
  165. letter-spacing:1px;
  166. color:{color:text};
  167. z-index:999999999999999999999999999999999999;
  168. }
  169.  
  170.  
  171.  
  172.  
  173. body {
  174. background-color:{color:background};
  175. background-image:url('{image:background}');
  176. background-attachment: fixed;
  177. background-repeat: repeat;
  178. font-weight:none;
  179. font-family: 'Roboto', sans-serif;
  180. font-size:10px;
  181. text-align:justify;
  182. color:{color:text};
  183. margin:0;
  184.  
  185.  
  186. }
  187.  
  188. a {
  189. text-decoration:none;
  190. color:{color:links};
  191. transition-duration: 0.2s;
  192. -moz-transition-duration: 0.2s;
  193. -webkit-transition-duration: 0.3s;
  194. -o-transition-duration: 0.3s;
  195.  
  196. }
  197.  
  198. a:hover {
  199. text-decoration:none;
  200. color:{color:hover};
  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.  
  208. img {
  209. border:none;
  210.  
  211.  
  212.  
  213. }
  214.  
  215. blockquote {
  216. font-size:10px;
  217. max-width:545px;
  218. border-left:1px solid{color:blockquote border};
  219. background-color:{color:blockquote background};
  220. text-align:left;
  221. padding:5px;
  222. font-family: 'Roboto', sans-serif;
  223. font-weight:none;
  224. margin-left:5px;
  225. margin-right:5px;
  226. padding-left:5px;
  227. color:{color:text};
  228.  
  229. }
  230.  
  231. pre{
  232. font-size:9px;
  233. text-align:center;
  234. text-transform:none;
  235. font-family: 'Bitter', serif;
  236. font-weight:bold;
  237. line-height:9px;
  238. border-left:1px solid {color:blockquote border};
  239. border-bottom:1px solid {color:blockquote border};
  240. letter-spacing:2px;
  241. background-color:{color:blockquote background};
  242. color:{color:text};
  243. padding:6px;
  244. }
  245.  
  246. small{
  247. font-size:9px;
  248. }
  249.  
  250. big{
  251. font-size:9px;
  252. }
  253.  
  254. sub{
  255. font-size:9px;
  256. }
  257.  
  258.  
  259. h1 {
  260. font-size:17px;
  261. text-align:center;
  262. font-family: 'Roboto', sans-serif;
  263. letter-spacing:1px;
  264. text-transform:uppercase;
  265. border-bottom:1px solid #ddd;
  266. color:{color:title text};
  267. padding:6px;
  268.  
  269.  
  270. }
  271.  
  272. h1 a{
  273. color:{color:title text};
  274. }
  275.  
  276.  
  277. h2{
  278. color:{color:text};
  279. text-transform:uppercase;
  280. text-decoration:underline;
  281. text-shadow: 1px 1px 0px #ddd;
  282. text-align:left;
  283.  
  284. }
  285.  
  286.  
  287.  
  288.  
  289. b {
  290. font-weight:bold;
  291. background:{color:accent};
  292. padding:2px;
  293. text-shadow: 1px 1px 3px {color:text shadow};
  294. color:{color:bold text};
  295.  
  296.  
  297. }
  298.  
  299. i {
  300. font-weight:italic;
  301. color:{color:italic text};
  302.  
  303.  
  304. }
  305.  
  306. u {
  307. text-decoration:none;
  308. border-bottom:1px solid {color:border};
  309.  
  310.  
  311. }
  312.  
  313.  
  314.  
  315. #description {
  316. overflow:auto;
  317. position:fixed;
  318. text-align:center;
  319. top:50px;
  320. margin-left:120px;
  321. text-transform:none;
  322. font-style:normal;
  323. font-family:arial;
  324. width:274px;
  325. height:165px;
  326. opacity:1;
  327. line-height:10px;
  328. color:{color:text};
  329. padding:10px;
  330. letter-spacing:0.2px;
  331. padding-top:8px;
  332. font-size:9.5px;
  333. z-index:9999999;
  334. transition-duration: 0.9s;
  335. -moz-transition-duration:0.9s;
  336. -webkit-transition-duration:0.9s;
  337. -o-transition-duration:0.9s;
  338.  
  339.  
  340. }
  341.  
  342. #plot-box {
  343. overflow:auto;
  344. position:fixed;
  345. text-align:center;
  346. margin-top:-260px;
  347. margin-left:-680px;
  348. text-transform:none;
  349. font-style:normal;
  350. font-family:arial;
  351. width:261px;
  352. height:280px;
  353. opacity:1;
  354. line-height:10px;
  355. color:{color:text};
  356. padding:10px;
  357. letter-spacing:0.1px;
  358. padding-top:8px;
  359. font-size:9.5px;
  360. z-index:999999999999;
  361.  
  362. }
  363.  
  364. #about-text {
  365. overflow:auto;
  366. position:fixed;
  367. text-align:center;
  368. margin-top:-160px;
  369. margin-left:-850px;
  370. text-transform:none;
  371. font-style:normal;
  372. font-family:arial;
  373. width:351px;
  374. height:160px;
  375. opacity:1;
  376. line-height:10px;
  377. color:{color:text};
  378. padding:10px;
  379. letter-spacing:0.2px;
  380. padding-top:8px;
  381. font-size:9.5px;
  382. z-index:9999999;
  383. transition-duration: 0.9s;
  384. -moz-transition-duration:0.9s;
  385. -webkit-transition-duration:0.9s;
  386. -o-transition-duration:0.9s;
  387.  
  388.  
  389. }
  390.  
  391.  
  392. #about-text:first-letter {
  393. font-size:25px;
  394. padding:1px;
  395. font-family: 'Roboto', sans-serif;
  396. font-weight:bold;
  397. padding-left:2px;
  398. margin:4px 0 0;
  399. float:center;
  400. text-shadow: 2px 1px 0px {color:text shadow};
  401. text-transform:uppercase;
  402.  
  403. }
  404.  
  405.  
  406.  
  407. #pagination {
  408. font-size:8px;
  409. font-style:normal;
  410. position:fixed;
  411. text-align:center;
  412. letter-spacing:1px;
  413. margin-left:120px;
  414. background:{color:post background};
  415. margin-top:230px;
  416. padding:5px;
  417. line-height:10px;
  418. height:8px;
  419. width:50px;
  420. font-weight:bold;
  421. display:inline-block;
  422. color:{color:links};
  423. z-index:999;
  424. font-family: arial;
  425. transition-duration: 0.9s;
  426. -moz-transition-duration:0.9s;
  427. -webkit-transition-duration:0.9s;
  428. -o-transition-duration:0.9s;
  429.  
  430.  
  431.  
  432.  
  433.  
  434. }
  435.  
  436. #pagination:hover{
  437. color:{color:hover};
  438. transition-duration: 0.9s;
  439. -moz-transition-duration:0.9s;
  440. -webkit-transition-duration:0.9s;
  441. -o-transition-duration:0.9s;
  442.  
  443.  
  444.  
  445.  
  446. }
  447.  
  448.  
  449.  
  450.  
  451. #sidebar1{
  452. position:fixed;
  453. opacity:1;
  454. background-image:url('{image:sidebar}');
  455. width:220px;
  456. height:537px;
  457. top:40px;
  458. background:{color:text};
  459. margin-left:992px;
  460. z-index:9999999;
  461.  
  462. }
  463.  
  464. #header{
  465. position:fixed;
  466. opacity:1;
  467. background-image:url('{image:header}');
  468. width:550px;
  469. height:200px;
  470. top:40px;
  471. background:{color:text};
  472. margin-left:370px;
  473. z-index:9999999;
  474.  
  475. }
  476.  
  477.  
  478.  
  479. #bbackground2{
  480. position:fixed;
  481. opacity:1;
  482. width:855px;
  483. height:550px;
  484. background:{color:sidebar background};
  485. outline:1px solid {color:border};
  486. top:34px;
  487. margin-left:363px;
  488. z-index:-999999;
  489. }
  490.  
  491.  
  492. #abouticon {
  493. position:fixed;
  494. width:70px;
  495. margin-top:190px;
  496. padding:10px;
  497. height:70px;
  498. margin-left:180px;
  499. background-color:#fff;
  500. z-index:-9999999999;
  501. }
  502.  
  503. #abouticonimage {
  504. width 70px;
  505. background-color:#fff;
  506. z-index:-99999;
  507. }
  508.  
  509. #abouticonimage img {
  510. width:70px;
  511. height:70px;
  512. margin-left:-700px;
  513. margin-top:-250px;
  514. outline-offset:8px;
  515. position:fixed;
  516. opacity:1;
  517. outline:solid 1px {color:border};
  518. z-index:9999999999;
  519.  
  520.  
  521.  
  522. }
  523.  
  524. .sidebar-hover{
  525. width:550px;
  526. height:173px;
  527. padding-left:1px;
  528. padding-bottom:15px;
  529. padding-top:13px;
  530. top:40px;
  531. margin-left:370px;
  532. line-height:20%;
  533. position:fixed;
  534. display:block;
  535. z-index:999999999999999999999999;
  536. opacity:0;
  537. transition-duration: 0.8s;
  538. -moz-transition-duration: 0.8s;
  539. -webkit-transition-duration: 0.8s;
  540. -o-transition-duration: 0.8s;
  541. -webkit-transition:all 0.8s;
  542. -moz-transition:all 0.8s;
  543. -ms-transition:all 0.8s;
  544. -o-transition:all 0.8s;
  545. transition:all 0.8s;
  546.  
  547. }
  548.  
  549. .sidebar-hover:hover{
  550. opacity:1;
  551. background:{color:sidebar background};
  552. transition-duration: 0.8s;
  553. -moz-transition-duration: 0.8s;
  554. -webkit-transition-duration: 0.8s;
  555. -o-transition-duration: 0.8s;
  556. -webkit-transition:all 0.8s;
  557. -moz-transition:all 0.8s;
  558. -ms-transition:all 0.8s;
  559. -o-transition:all 0.8s;
  560. transition:all 0.8s;
  561.  
  562. }
  563.  
  564. #entries {
  565. position:fixed;
  566. z-index:99999999;
  567. height:330px;
  568. width:550px;
  569. font-family:arial;
  570. overflow:auto;
  571. margin-left:-4px;
  572. outline-offset:5px;
  573. letter-spacing:0px;
  574. top:247px;
  575.  
  576.  
  577. }
  578.  
  579. #post {
  580. font-size:10px;
  581. width:500px;
  582. overflow:hidden;
  583. color:{color:post text};
  584. box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.05);
  585. background:{color:post background};
  586. text-align:justify;
  587. padding:20px;
  588. line-height:20px;
  589. border:1px solid #ddd;
  590. margin-bottom:10px;
  591. }
  592.  
  593. #post img{
  594. max-width:500px;
  595. height:auto;
  596. }
  597.  
  598.  
  599.  
  600. #info {
  601. width:512px;
  602. text-align:legt;
  603. font-family: 'Roboto', sans-serif;
  604. text-transform:none;
  605. margin-left:-13px;
  606. font-weight:none;
  607. font-size:9px;
  608. margin-top:20px;
  609. letter-spacing:0px;
  610. overflow:hidden;
  611. margin-bottom:-19px;
  612. font-style:none;
  613. padding:10px;
  614. line-height:10px;
  615. color:{color:text};
  616. }
  617.  
  618. #info a {
  619. text-align:left;
  620. font-family: 'Roboto', sans-serif;
  621. line-height:2px;
  622. color:{color:text};
  623. }
  624.  
  625. #info a:hover{
  626. color:{color:hover};
  627. }
  628.  
  629.  
  630. .right{
  631. float:left;
  632.  
  633. }
  634.  
  635.  
  636.  
  637. #tags {
  638. text-align:left;
  639. opacity:1;
  640. font-size:8px;
  641. font-family: 'Roboto', sans-serif;
  642. margin-top:1px;
  643. margin-left:-5px;
  644. padding:-5px;
  645. font-weight:none;
  646. margin-bottom:0px;
  647. height:15px;
  648. width:530px;
  649. padding-top:0px;
  650. background-color:{color:post background};
  651. text-transform:uppercase;
  652. transition-duration: 0.5s;
  653. -moz-transition-duration: 0.5s;
  654. -webkit-transition-duration: 0.5s;
  655. -o-transition-duration: 0.5s;
  656. }
  657.  
  658.  
  659.  
  660. #tags a {
  661. padding:0px;
  662. margin-top:1px;
  663. color:{color:text};
  664. line-height:6px;
  665. letter-spacing:0.5px;
  666. font-weight:none;
  667. font-size:8px;
  668. font-family: 'Roboto', sans-serif;
  669. text-decoration:underline;
  670. display:inline-block;
  671. }
  672.  
  673. #tags a:hover {
  674. -moz-transition-duration:0.3s;
  675. -webkit-transition-duration:0.3s;
  676. -o-transition-duration:0.3s;
  677. color:{color:hover};
  678. }
  679.  
  680. #permalink{
  681. margin-bottom:15px;
  682. text-align:left;
  683. font-size:9px;
  684. font-weight:300;
  685. text-transform:uppercase;
  686. width:590px;
  687. letter-spacing:0px;
  688. line-height:250%;
  689. color:{color:text};
  690. }
  691.  
  692. #permalink a{
  693. color:{color:text};
  694. font-weight:normal;
  695. }
  696.  
  697.  
  698. #asking {
  699. margin-left:15px;
  700.  
  701. }
  702.  
  703. #askingimage {
  704.  
  705. }
  706.  
  707. #askingimage img {
  708. border-radius:100px;
  709. margin-left:15px;
  710. margin-top:7px;
  711.  
  712. }
  713.  
  714. #question {
  715. padding:12px;
  716. padding-left:70px;
  717. color:{color:text};
  718. background-color:{color:question background};
  719. }
  720.  
  721. #asker{
  722. margin-top:-35px;
  723. margin-left:70px;
  724. font-family: 'Roboto', sans-serif;
  725. text-transform:uppercase;
  726.  
  727. }
  728.  
  729. #c{
  730. position:fixed;
  731. font-size:10px;
  732. font-weight:bold;
  733. padding-bottom:5px;
  734. padding-top:5px;
  735. height:20px;
  736. width:20px;
  737. opacity:1;
  738. padding-left:5px;
  739. padding-right:5px;
  740. margin-left:1325px;
  741. top:645px;
  742. letter-spacing:0px;
  743. line-height:22px;
  744. border:1px solid {color:border};
  745. text-align:center;
  746. float:left;
  747. border-radius:100px;
  748. font-family: 'Roboto', sans-serif;
  749. color:{color:text};
  750. text-transform:uppercase;
  751. background-color: rgba(0, 0, 0, 0.3);
  752. transition-duration: 0.8s;
  753.  
  754.  
  755. }
  756.  
  757.  
  758.  
  759.  
  760. #links2 {
  761. width:250px;
  762. height:200px;
  763. overflow:hidden;
  764. cursor:pointer;
  765. margin-top:-147px;
  766. opacity:1;
  767. position:fixed;
  768. margin-left:-945px;
  769. z-index:99999999999999;
  770. }
  771.  
  772. #links2 #all {
  773. margin-left:0px;
  774. margin-top:0px;
  775. padding:5px;
  776. margin-bottom:-2px;
  777. height:14px;
  778. z-index:999999999999999999999;
  779. }
  780.  
  781. #links2 #all a:hover {
  782. color:{color:hover};
  783. transition-duration: 0.2s;
  784. -moz-transition-duration: 0.2s;
  785. -webkit-transition-duration: 0.3s;
  786. -o-transition-duration: 0.3s;
  787. }
  788.  
  789.  
  790.  
  791.  
  792. #links2 a {
  793. width:112px;
  794. height:13px;
  795. margin-bottom:1px;
  796. margin-right:-2px;
  797. text-align:left;
  798. text-transform:uppercase;
  799. padding:4px;
  800. line-height:17px;
  801. color:{color:links};
  802. font-style:none;
  803. background:{color:links background};
  804. font-family: 'Roboto', sans-serif;
  805. letter-spacing:0px;
  806. font-size:9px;
  807. display:inline-block;
  808.  
  809.  
  810. }
  811.  
  812. lol {
  813. font-size:11px;
  814. text-align:center;
  815. width:210px;
  816. height:5px;
  817. font-family: 'Calibri';
  818. text-shadow: 1px 1px 3px {color:text shadow};
  819. letter-spacing:1px;
  820. background-color:{color:blockquote background};
  821. color:{color:text};
  822. padding:5px;
  823.  
  824.  
  825. }
  826.  
  827.  
  828. .tabs {
  829. width:60px;
  830. height:30px;
  831. color:#fff;
  832. position:fixed;
  833. display:inline-block;
  834. top:210px;
  835.  
  836. z-index:999999999999;
  837. margin-left:942px;
  838. }
  839.  
  840. /*----- Tab Links -----*/
  841.  
  842. /* Clearfix */
  843. .tab-links:after {
  844. display:block;
  845. clear:both;
  846. content:'';
  847. }
  848.  
  849. .tab-links li {
  850. margin-right:-3px;
  851. display:inline-block;
  852. list-style:none;
  853. text-transform:uppercase;
  854. }
  855.  
  856. .tab-links a {
  857. font-size:10px;
  858. padding:1px;
  859. padding-left:16px;
  860. padding-right:16px;
  861. font-weight:bold;
  862. line-height:30px;
  863. height:30px;
  864. top:258px;
  865. width:auto;
  866. text-align:center;
  867. font-family: 'Roboto', sans-serif;
  868. text-transform:uppercase;
  869. color:{color:links};
  870. border-bottom:3px solid {color:sidebar background};
  871. display:inline-block;
  872.  
  873.  
  874. }
  875.  
  876. .tab-links a:hover {
  877. color:{color:hover};
  878. letter-spacing:1px;
  879. }
  880.  
  881. li.active a, li.active a:hover {
  882. background:#00000;
  883. font-style:italic;
  884. -webkit-transition: all 0.5s;
  885. -moz-transition: all 0.5s;
  886. -o-transition: all 0.5s;
  887. -ms-transition: all 0.5s;
  888. transition: all 0.5s;
  889. }
  890.  
  891. /*----- -----*/
  892. .tab-content {
  893. }
  894.  
  895. .tab {
  896. display:none;
  897. }
  898.  
  899. .tab.active {
  900. display:block;
  901. }
  902.  
  903. #tab-links-bar{
  904. display:inline-block;
  905. text-align:center;
  906. position:fixed;
  907. z-index:999999;
  908. margin-top:3px;
  909. margin-left:-45px;
  910.  
  911. }
  912.  
  913. .tabcontent {
  914. position:static;
  915. margin-left:370px;
  916. margin-top:247px;
  917. padding:4px;
  918. width: 550px;
  919. height:320px;
  920. text-transform:none;
  921. font-size:9px;
  922. line-height:11px;
  923. color:{color:text};
  924. z-index:999999999;
  925. overflow:auto;
  926. text-align:justify;
  927. }
  928.  
  929.  
  930.  
  931. #tabbg1 {
  932. position:fixed;
  933. margin-left:-946px;
  934. margin-top:-285px;
  935. padding:4px;
  936. width:550px;
  937. height:326px;
  938. text-transform:none;
  939. font-size:9px;
  940. line-height:11px;
  941. color:{color:text};
  942. background:{color:sidebar background};
  943. z-index:-999999;
  944. overflow:auto;
  945. text-align:justify;
  946. }
  947.  
  948. #tabbg2 {
  949. position:fixed;
  950. margin-left:-946px;
  951. margin-top:-280px;
  952. padding:4px;
  953. width:550px;
  954. height:326px;;
  955. text-transform:none;
  956. font-size:9px;
  957. line-height:11px;
  958. color:{color:text};
  959. background:{color:sidebar background};
  960. z-index:-999;
  961. overflow:auto;
  962. text-align:justify;
  963. }
  964.  
  965. #tabbg3 {
  966. position:fixed;
  967. margin-left:-946px;
  968. margin-top:-285px;
  969. padding:4px;
  970. width:550px;
  971. height:326px;
  972. text-transform:none;
  973. font-size:9px;
  974. line-height:11px;
  975. color:{color:text};
  976. background:{color:sidebar background};
  977. z-index:-999999;
  978. overflow:auto;
  979. text-align:justify;
  980. }
  981.  
  982. #faqq{
  983.  
  984. position:fixed;
  985. margin-left:-940px;
  986. margin-top:-260px;
  987. text-align:left;
  988. width:530px;
  989. z-index:99;
  990. height:280px;
  991. overflow:auto;
  992. padding:10px;
  993. }
  994.  
  995. #title2 {
  996. height:3px;
  997. position:fixed;
  998. padding:20px;;
  999. line-height:5px;
  1000. margin-top:-295px;
  1001. width:370px;
  1002. font-weight:bold;
  1003. color:{color:title text};
  1004. margin-left:-870px;
  1005. font-size:14px;
  1006. font-family: 'Roboto', sans-serif;
  1007. text-align:center;
  1008. text-transform:uppercase;
  1009. overflow:hidden;
  1010. letter-spacing:1px;
  1011. z-index:999;
  1012. opacity:1;
  1013.  
  1014. }
  1015.  
  1016. #title1 {
  1017. height:3px;
  1018. position:fixed;
  1019. padding:20px;;
  1020. line-height:5px;
  1021. margin-top:-295px;
  1022. width:370px;
  1023. font-weight:bold;
  1024. color:{color:title text};
  1025. margin-left:-870px;
  1026. font-size:14px;
  1027. font-family: 'Roboto', sans-serif;
  1028. text-align:center;
  1029. text-transform:uppercase;
  1030. overflow:hidden;
  1031. letter-spacing:1px;
  1032. z-index:999;
  1033. opacity:1;
  1034.  
  1035. }
  1036.  
  1037. #title3 {
  1038. height:3px;
  1039. position:fixed;
  1040. padding:20px;;
  1041. line-height:5px;
  1042. margin-top:-295px;
  1043. width:370px;
  1044. font-weight:bold;
  1045. color:{color:title text};
  1046. margin-left:-870px;
  1047. font-size:14px;
  1048. font-family: 'Roboto', sans-serif;
  1049. text-align:center;
  1050. text-transform:uppercase;
  1051. overflow:hidden;
  1052. letter-spacing:1px;
  1053. z-index:999;
  1054. opacity:1;
  1055.  
  1056. }
  1057. #faq-text {
  1058. overflow:auto;
  1059. position:absolute;
  1060. text-align:center;
  1061. margin-top:-260px;
  1062. margin-left:-940px;
  1063. text-transform:none;
  1064. font-style:normal;
  1065. font-family: 'Roboto', sans-serif;
  1066. width:208px;
  1067. height:90px;
  1068. opacity:1;
  1069. line-height:20px;
  1070. font-weight:none;
  1071. color:{color:text};
  1072. padding:17px;
  1073. letter-spacing:0px;
  1074. font-size:10px;
  1075. z-index:99;
  1076. transition-duration: 0.9s;
  1077. -moz-transition-duration:0.9s;
  1078. -webkit-transition-duration:0.9s;
  1079. -o-transition-duration:0.9s;
  1080.  
  1081.  
  1082.  
  1083. }
  1084.  
  1085.  
  1086.  
  1087. #faq-text img{
  1088. border:1px solid {color:border};
  1089. width:50px;
  1090. height:50px;
  1091. }
  1092.  
  1093.  
  1094. {CustomCSS}</style>
  1095.  
  1096.  
  1097.  
  1098. </head>
  1099. <body>
  1100.  
  1101.  
  1102. <div id="sidebar">
  1103. <div id="sidebar1"><img src="{image:sidebar}"></a></div>
  1104. <div id="header"><img src="{image:header}"></a></div>
  1105. <div id="bbackground"></div>
  1106. <div id="bbackground2"></div>
  1107.  
  1108. </div>
  1109.  
  1110. </div>
  1111.  
  1112. </div>
  1113.  
  1114. </div>
  1115. <div id="tab-links-bar">
  1116. <div class="tabs">
  1117. <ul class="tab-links">
  1118. <li class="active"<>
  1119. <a href="/"title= "{text:tab 1 title}">01</a></li>
  1120. <li><a href="#tab2"title= "{text:tab 2 title}">02</a></li>
  1121. <li><a href="#tab3"title= "{text:tab 3 title}">03</a></li>
  1122. <li><a href="#tab4"title= "{text:tab 4 title}">04</a></li>
  1123. <li><a href="{text:exta link 1 url}"title= "edit in html">05</a></li>
  1124. <li><a href="{text:exta link 2 url}"title= "edit in html">06</a></li>
  1125.  
  1126. </ul>
  1127. </div>
  1128. </div>
  1129.  
  1130. <div class="tabs">
  1131.  
  1132. <div id="tab2" class="tab">
  1133. <div class="tabcontent">
  1134. <br><p style="text-align:center;"><b><big><big><big></big></big></big></b></p>
  1135. <br></br>
  1136. <p><div id="title1"style="text-align:center;">About blogger</div></p>
  1137. <div id="about-text">{text:about text}</div>
  1138. <div id="abouticonimage" title= "Icon text here"><img src="{image:icon}"></a></div>
  1139. <div id="tabbg1"></div>
  1140. </div>
  1141. </div>
  1142. <div id="tab3" class="tab">
  1143. <div class="tabcontent">
  1144. <br><p style="text-align:center;"><b><big><big><big></big></big></big></b></p>
  1145. <br></br>
  1146. <div id="tabbg2"></div>
  1147. <p><div id="title2"style="text-align:center;">FAQ & Message</div></p>
  1148. <div id="faqq">
  1149. <center><i><b>1. {text:question 1}</b></i></center>
  1150. <ul><center><blockquote>{text:answer 1}</blockquote></center></ul>
  1151. <br></br>
  1152. <center><i><b>2. {text:question 2}</b></i></center>
  1153. <ul><center><blockquote>{text:answer 2}</blockquote></center></ul>
  1154. <br></br>
  1155. <center><i><b>3. {text:question 3}</b></i></center>
  1156. <ul><center><blockquote>{text:answer 3}</blockquote></center></ul>
  1157. <br></br>
  1158. <center><i><b>4. {text:question 4}</b></i></center>
  1159. <ul><center><blockquote>{text:answer 4}</blockquote></center></ul>
  1160. <p style="margin-left:0px;"><iframe src="http://www.tumblr.com/ask_form/{text:ask form url}.tumblr.com" id="ask_form" frameborder="0" height="300" scrolling="no" width="100%"></iframe></p>
  1161. </div>
  1162. </div>
  1163. </div>
  1164.  
  1165. <div id="tab4" class="tab">
  1166. <div class="tabcontent">
  1167. <br><p style="text-align:center;"><b><big><big><big></big></big></big></b></p>
  1168. <br></br>
  1169. <p><div id="title3"style="text-align:center;">Navigation</div></p>
  1170.  
  1171. <div id="plot-box"><p style="text-align:left;background:{color:blockquote background}; height:20px; line-height:21px; font-size:10px; text-transform:uppercase; font-style:italic;padding-left:3px;margin-bottom:0px;width:275px;margin-top:-8px;margin-left:-10px"><big><big><big>Plot:</big></big></big></p>{text:plot}</div>
  1172. <div id="tabbg3"></div>
  1173. <div id="links2">
  1174. <div id="all">
  1175. <p style="text-align:left; background:{color:blockquote background}; height:20px; line-height:21px; font-size:10px;text-transform:uppercase; font-style:italic;padding-left:3px;margin-bottom:0px;width:239px"><big><big><big>Before acceptance:</big></big></big></p>
  1176. <a href="{text:link 1 url}">{text:link 1}</a>
  1177. <a href="{text:link 2 url}">{text:link 2}</a>
  1178. <a href="{text:link 3 url}">{text:link 3}</a>
  1179. <a href="{text:link 4 url}">{text:link 4}</a>
  1180. <a href="{text:link 5 url}">{text:link 5}</a>
  1181. <a href="{text:link 6 url}">{text:link 6}</a>
  1182. <br></br>
  1183. <p style="text-align:left;background:{color:blockquote background}; height:20px; line-height:21px; font-size:10px; text-transform:uppercase; font-style:italic;padding-left:3px;margin-bottom:0px;width:239px;margin-top:-10px"><big><big><big>After acceptance:</big></big></big></p>
  1184. <a href="{text:link 7 url}">{text:link 7}</a>
  1185. <a href="{text:link 8 url}">{text:link 8}</a>
  1186. <a href="{text:link 9 url}">{text:link 9}</a>
  1187. <a href="{text:link 10 url}">{text:link 10}</a>
  1188. <a href="{text:link 11 url}">{text:link 11}</a>
  1189. <a href="{text:link 12 url}">{text:link 12}</a>
  1190. </div></div>
  1191. <div id="faq-text">
  1192. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1193. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1194. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1195. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1196. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1197. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1198. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1199. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1200. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1201. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1202. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1203. <a href="/" title="edit in html"><img src="http://static.tumblr.com/ylbnqqn/jPanrzt30/iconnnnn.jpg"></a>
  1204. </div>
  1205.  
  1206. </div></div>
  1207. </div></div>
  1208. </div>
  1209. </div>
  1210. <div class="sidebar-hover">
  1211. <div id="description"><p>{description}</p></div>
  1212.  
  1213. </div>
  1214.  
  1215. <div id="pagination">{block:Pagination}
  1216. {block:PreviousPage}
  1217. <a href="{PreviousPage}">BACK </a>
  1218. {/block:PreviousPage}
  1219.  
  1220. {block:NextPage}
  1221. <a href="{NextPage}">NEXT</a>
  1222. {/block:NextPage}
  1223. {/block:Pagination}</div>
  1224. </div></div>
  1225.  
  1226.  
  1227. <div id="tab1" class="tab active">
  1228. <div class="tabcontent">
  1229.  
  1230. <div id="entries">
  1231. {block:Posts}
  1232. <div id="post"
  1233.  
  1234.  
  1235.  
  1236. <div id="post">
  1237.  
  1238. {block:Date}
  1239. <div id="permalink">
  1240. {block:NotReblog}<a href="{URL}" target="_blank" title="{Name}"></a>{/block:NotReblog}
  1241. <a href="{Permalink}">{Month} {DayOfMonth} {Year} </a> | {NoteCount}
  1242. </div>
  1243. {/block:Date}
  1244.  
  1245.  
  1246.  
  1247. <!--TEXT POSTS-->
  1248.  
  1249. {block:Text}
  1250. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  1251. {Body}
  1252. {/block:Text}
  1253.  
  1254.  
  1255.  
  1256. {block:Answer}
  1257. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  1258. <div id="asker">{Asker} sent:</div>
  1259. <div id="question">{Question}</div>
  1260. {Answer}{/block:Answer}
  1261.  
  1262.  
  1263. {block:Quote}
  1264.  
  1265. {block:Quote}
  1266. <h2>{Quote}</h2>
  1267. <div align="right">
  1268. {block:Source}<h1>-{Source}</h1>{/block:Source}
  1269. </div>
  1270. {/block:Quote}
  1271.  
  1272.  
  1273. {block:Link}
  1274. <h2><center><a href="{URL}">{Name}</center></a></h2>
  1275. {block:Description}{Description}{/block:Description}
  1276. {/block:Link}
  1277.  
  1278.  
  1279.  
  1280. {block:Chat}
  1281. {block:Title}<h2>{Title}</h2>{/block:Title}
  1282. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1283. {Line}</li>{/block:Lines}</ul>
  1284. {/block:Chat}
  1285.  
  1286.  
  1287.  
  1288. {block:Photo}
  1289. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  1290.  
  1291. {block:Caption}{Caption}{/block:Caption}
  1292. {/block:Photo}
  1293.  
  1294.  
  1295.  
  1296. {block:Photoset}
  1297. {Photoset-500}
  1298. {block:Caption}{Caption}{/block:Caption}
  1299. {/block:Photoset}
  1300.  
  1301.  
  1302.  
  1303. {block:Video}
  1304. {Video-500}
  1305. {block:Caption}{Caption}{/block:Caption}
  1306. {/block:Video}
  1307.  
  1308.  
  1309.  
  1310.  
  1311. {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>
  1312. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  1313. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  1314. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  1315. {/block:Audio}
  1316.  
  1317.  
  1318. <div id="info">
  1319. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  1320. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  1321. </div></div>
  1322.  
  1323. {/block:Posts}{/block:Posts}</div></div></div>
  1324. </div>
  1325.  
  1326.  
  1327. <div id="c">
  1328. <a href="http://adf.ly/1IcHXD">©AZ</a>
  1329.  
  1330. </div>
  1331.  
  1332. <script>
  1333. $(document).ready(function() {
  1334. $('.tabs .tab-links a').on('click', function(e) {
  1335. var currentAttrValue = $(this).attr('href');
  1336.  
  1337. // Show/Hide Tabs
  1338. $('.tabs ' + currentAttrValue).fadeIn(000).siblings().hide();
  1339.  
  1340. // Change/remove current tab to active
  1341. $(this).parent('li').addClass('active').siblings().removeClass('active');
  1342.  
  1343. e.preventDefault();
  1344. });
  1345. });
  1346. </script>
  1347.  
  1348. <script>
  1349. $(document).ready(function() {
  1350. $('#filterOptions li a').click(function() {
  1351. // fetch the class of the clicked item
  1352. var ourClass = $(this).attr('class');
  1353.  
  1354. // reset the active class on all the buttons
  1355. $('#filterOptions li').removeClass('active');
  1356. // update the active state on our clicked button
  1357. $(this).parent().addClass('active');
  1358.  
  1359. if(ourClass == 'all') {
  1360. // show all our items
  1361. $('#ourHolder').children('div.item').show();
  1362. }
  1363. else {
  1364. // hide all elements that don't share ourClass
  1365. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  1366. // show all elements that do share ourClass
  1367. $('#ourHolder').children('div.' + ourClass).show();
  1368. }
  1369. return false;
  1370. });
  1371. });
  1372. </script>
  1373. </html>
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!