API tools faq
paste
azurethemes

theme 15 "prism"

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