API tools faq
paste
azurethemes

NO. 030 "THE OCEAN"

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