API tools faq
paste
azurethemes

theme 035 // ghost //

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