API tools faq
paste
azurethemes

NO. 033 "HAPPY 800"

azurethemes
Jul 3rd, 2015
950
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.67 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.  
  33. <script type="text/javascript"
  34. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  35.  
  36. <head>
  37.  
  38. <title>{Title}</title>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42.  
  43. <!----
  44.  
  45. ☁ THEME NO. 033 "HAPPY 800" CREATED BY AZUREOFRP ☁
  46. ☁ PLEASE DONT STEAL ANYTHING OF MY CODINNG AND USE FOR YOUR THEMES ☁
  47. ☁ DONT STEAL MY THEMES AND CLAIM THEM AS YOUR OWN ☁
  48. ☁ DO NOT REMOVE THE CREDIT OR I WILL HUNT YOU DOWN!!!! ☁
  49. ☁ YOU MAY EDIT THIS THEME AS MUCH AS YOU WANT FOR YOUR PERSONAL USE ONLY ☁
  50. ☁ IF YOU WANT TO PUBLISH AN EDITED VERSION OF THIS THEME, MESSAGE ME FIRST ☁
  51. --->
  52.  
  53.  
  54.  
  55. <meta name="color:blockquote border" content="#ffffff">
  56. <meta name="color:border" content="#000000">
  57. <meta name="color:text" content="#000000"/>
  58. <meta name="color:post text" content="#b6b6b6"/>
  59. <meta name="color:title text" content="#ffffff"/>
  60. <meta name="color:italic text" content="#000000">
  61. <meta name="color:bold text" content="#000000">
  62. <meta name="color:hover" content="#c1b8b8">
  63. <meta name="color:links" content="#ffffff"/>
  64. <meta name="color:scrollbar" content="#473f3f">
  65. <meta name="color:credit" content="#616b6b">
  66. <meta name="color:text shadow" content="#ffffff">
  67. <meta name="color:shadow" content="#ffffff">
  68. <meta name="color:background" content="#c3cccc"/>
  69. <meta name="color:blockquote background" content="#c3cccc">
  70. <meta name="color:title background" content="#c3cccc">
  71.  
  72. <meta name="color:description background" content="#c1b6b6"/>
  73. <meta name="color:post background" content="#000000">
  74. <meta name="color:links background" content="#a1adad">
  75. <meta name="color:info background" content="#a1adad">
  76. <meta name="color:sidebar background" content="#adb3b3">
  77. <meta name="color:question background" content="#adb3b3">
  78. <meta name="color:scrollbar background" content="#616b6b">
  79.  
  80. <meta name="image:background" content=""/>
  81. <meta name="image:sidebar" content=""/>
  82. <meta name="image:cover up" content=""/>
  83.  
  84.  
  85. <meta name="text:title" content="">
  86.  
  87.  
  88.  
  89.  
  90. <meta name="text:link 1 url" content="/">
  91. <meta name="text:link 2 url" content="/">
  92. <meta name="text:link 3 url" content="/">
  93. <meta name="text:link 4 url" content="/">
  94. <meta name="text:link 5 url" content="/">
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99. ::-webkit-scrollbar-thumb {
  100. height:auto;
  101. background-color:{color:scrollbar};
  102. }
  103.  
  104. ::-webkit-scrollbar {
  105. height:9px;
  106. width:5px;
  107. background-color:{color:scrollbar background};
  108. }
  109.  
  110.  
  111. }
  112. #s-m-t-tooltip {
  113. max-width:300px;
  114. padding:3px 5px 3px 5px;
  115. margin:20px 0px 0px 20px;
  116. background:{color:description background};
  117. box-shadow: 1px 1px 2px {color:text shadow};
  118. color:{color:text};
  119. text-transform:uppercase;
  120. font-weight:bold;
  121. letter-spacing:1px;
  122. z-index:999999999999999999999999999999999999;
  123. font-family:'arial';
  124. font-size:10px;
  125. }
  126.  
  127.  
  128.  
  129.  
  130. body {
  131. background-color:{color:background};
  132. background-image:url('{image:background}');
  133. background-attachment: fixed;
  134. background-repeat: repeat;
  135. font-family: 'arial', sans-serif;
  136. font-size:10px;
  137. text-align:justify;
  138. color:{color:txt};
  139. margin:0;
  140.  
  141.  
  142. }
  143.  
  144. a {
  145. text-decoration:none;
  146. color:{color:links};
  147. transition-duration: 0.2s;
  148. -moz-transition-duration: 0.2s;
  149. -webkit-transition-duration: 0.3s;
  150. -o-transition-duration: 0.3s;
  151. }
  152.  
  153. a:hover {
  154. text-decoration:none;
  155. color:{color:hover};
  156. transition-duration: 0.2s;
  157. -moz-transition-duration: 0.2s;
  158. -webkit-transition-duration: 0.3s;
  159. -o-transition-duration: 0.3s;
  160.  
  161. }
  162.  
  163. img {
  164. border:none;
  165.  
  166.  
  167.  
  168. }
  169.  
  170. blockquote {
  171. font-size:10px;
  172. max-width:545px;
  173. border-left:1px solid{color:blockquote border};
  174. background-color:{color:blockquote background};
  175. text-align:left;
  176. padding:5px;
  177. margin-left:5px;
  178. margin-right:5px;
  179. padding-left:5px;
  180. color:{color:text};
  181.  
  182. }
  183.  
  184. pre{
  185. font-size:11px;
  186. text-align:center;
  187. text-decoration:underline;
  188. text-transform:uppercase;
  189. font-family:arial;
  190. font-weight:bold;
  191. border-left:1px solid {color:blockquote border};
  192. border-bottom:1px solid {color:blockquote border};
  193. letter-spacing:1px;
  194. background-color:{color:blockquote background};
  195. color:{color:text};
  196. padding:6px;
  197. }
  198.  
  199. small{
  200. font-size:10px;
  201. }
  202.  
  203. big{
  204. font-size:10px;
  205. }
  206.  
  207. sub{
  208. font-size:10px;
  209. }
  210.  
  211.  
  212. h1 {
  213. font-size:11px;
  214. text-align:center;
  215. text-decoration:underline;
  216. font-family: 'Roboto', sans-serif;
  217. font-weight:bold;
  218. letter-spacing:1px;
  219. background-color:{color:blockquote background};
  220. color:{color:text};
  221. padding:6px;
  222.  
  223.  
  224. }
  225.  
  226. h1 a{
  227. color:{color:text};
  228. }
  229.  
  230.  
  231. h2{
  232. color:{color:text};
  233. text-transform:uppercase;
  234. text-decoration:underline;
  235. text-shadow: 1px 1px 0px {color:text shadow};
  236. text-align:left;
  237. font-style:italic;
  238.  
  239. }
  240.  
  241.  
  242.  
  243.  
  244. b {
  245. font-weight:bold;
  246. color:{color:bold text};
  247.  
  248.  
  249. }
  250.  
  251. i {
  252. font-weight:italic;
  253. color:{color:italic text};
  254.  
  255.  
  256. }
  257.  
  258. u {
  259. text-decoration:none;
  260. border-bottom:1px solid {color:border};
  261.  
  262.  
  263. }
  264.  
  265.  
  266.  
  267.  
  268. #description {
  269. overflow:auto;
  270. position:fixed;
  271. text-align:center;
  272. margin-top:441px;
  273. margin-left:112px;
  274. text-transform:none;
  275. font-style:normal;
  276. font-family:arial;
  277. width:279px;
  278. height:120px;
  279. opacity:1;
  280. line-height:10px;
  281. color:{color:text};
  282. padding:10px;
  283. background:{color:description background};
  284. letter-spacing:0.2px;
  285. padding-top:8px;
  286. font-size:9.5px;
  287. z-index:-9999999999999999;
  288. transition-duration: 0.9s;
  289. -moz-transition-duration:0.9s;
  290. -webkit-transition-duration:0.9s;
  291. -o-transition-duration:0.9s;
  292.  
  293.  
  294. }
  295.  
  296.  
  297. #description:first-letter {
  298. font-size:25px;
  299. padding:1px;
  300. font-family:'arial';
  301. font-weight:bold;
  302. padding-left:2px;
  303. margin:4px 0 0;
  304. float:center;
  305. text-shadow: 2px 1px 0px {color:text shadow};
  306. font-style:italic;
  307. text-transform:uppercase;
  308.  
  309.  
  310.  
  311. }
  312.  
  313. #description::-webkit-scrollbar-thumb {
  314. height:auto;
  315. background-color:{color:scrollbar};
  316. }
  317.  
  318. #description::-webkit-scrollbar {
  319. height:9px;
  320. width:5px;
  321. background-color:{color:scrollbar background};
  322. }
  323.  
  324.  
  325. #pagination {
  326. font-size:8px;
  327. font-style:normal;
  328. position:fixed;
  329. text-align:center;
  330. letter-spacing:1px;
  331. margin-left:30px;
  332. background:{color:post background};
  333. margin-top:20px;
  334. padding:5px;
  335. line-height:10px;
  336. height:8px;
  337. width:50px;
  338. font-weight:bold;
  339. display:inline-block;
  340. color:{color:links};
  341. z-index:999;
  342. font-family: arial;
  343. transition-duration: 0.9s;
  344. -moz-transition-duration:0.9s;
  345. -webkit-transition-duration:0.9s;
  346. -o-transition-duration:0.9s;
  347.  
  348.  
  349.  
  350.  
  351.  
  352. }
  353.  
  354. #pagination:hover{
  355. color:{color:hover};
  356. transition-duration: 0.9s;
  357. -moz-transition-duration:0.9s;
  358. -webkit-transition-duration:0.9s;
  359. -o-transition-duration:0.9s;
  360.  
  361.  
  362.  
  363.  
  364. }
  365.  
  366. #title {
  367. width:477px;
  368. height:7px;
  369. position:fixed;
  370. padding-top:10px;
  371. padding-bottom:10px;
  372. padding-left:10px;
  373. padding-right:10px;
  374. line-height:10px;
  375. margin-top:579px;
  376. color:{color:title text};
  377. background:{color:title background};
  378. margin-left:411px;
  379. text-transform:uppercase;
  380. font-size:13px;
  381. font-family: 'Roboto', sans-serif;
  382. text-align:center;
  383. overflow:hidden;
  384. letter-spacing:2px;
  385. z-index:-9999999999;
  386. opacity:1;
  387. transform: rotate(270deg);
  388. transform-origin: left top 0;
  389.  
  390. }
  391.  
  392.  
  393.  
  394.  
  395. #sidebar1{
  396. position:absolute;
  397. opacity:1;
  398. background-image:url('{image:cover up}');
  399. width:1200px;
  400. height:530px;
  401. margin-top:65px;
  402. background:{color:description background};
  403.  
  404. margin-left:94px;
  405. z-index:9999999;
  406.  
  407. }
  408.  
  409. #png-image{
  410. position:fixed;
  411. opacity:1;
  412. background-image:url('{image:sidebar}');
  413. width:300px;
  414. height:360px;
  415. margin-top:82px;
  416. background:{color:info background};
  417. margin-left:111px;
  418. z-index:-9999999;
  419.  
  420. }
  421.  
  422.  
  423.  
  424.  
  425.  
  426.  
  427.  
  428. #entries {
  429. z-index:99999999;
  430. position: absolute;
  431. height:590px;
  432. width:640px;
  433. margin-left:580px;
  434. margin-top:685px;
  435. border-radius:0px;
  436. font-family:arial;
  437.  
  438.  
  439.  
  440. }
  441.  
  442. #post{
  443. padding:15px;
  444. width:500px;
  445. overflow:auto;
  446. height:auto;
  447. letter-spacing:0px;
  448. color:{color:post text};
  449. background:{color:post background};
  450. margin-bottom:18px;
  451. border-radius:0px;
  452. margin-left:0px;
  453. float:center;
  454. z-index:99999999;
  455.  
  456. }
  457.  
  458. #info {
  459. font-weight:bold;
  460. text-align:left;
  461. padding:5px;
  462. font-family: 'Roboto', sans-serif;
  463. background-color:{color:info background};
  464. margin-left:-15px;
  465. margin-top:-15px;
  466. color:black;
  467. width:520px;
  468. font-size:9px;
  469. text-transform:uppercase;
  470. font-style:none;
  471. word-wrap:break-word;
  472. line-height:9px;
  473. color:black;
  474. }
  475.  
  476. #info a {
  477. text-align:center;
  478. color:black;
  479. }
  480.  
  481. .tags {
  482. color:{color:text};
  483. width:500px;
  484. opacity:0;
  485. margin-top:-20px;
  486. height:2px;
  487. margin-left:0px;
  488. font-size:8px;
  489. margin-bottom:5px;
  490. letter-spacing:1px;
  491. text-align:justify;
  492. -moz-transition-duration:0.5s;
  493. -webkit-transition-duration:0.5s;
  494. -o-transition-duration:0.5s;
  495.  
  496. }
  497.  
  498. #post:hover .tags {
  499. opacity:1;
  500. margin-top:-2px;
  501. margin-left:0px;
  502. }
  503.  
  504. .tags a {
  505. letter-spacing:0px;
  506. padding:2px;
  507. text-transform:lowercase;
  508. font-size:9px;
  509. letter-spacing:0px;
  510. font-weight:bold;
  511. background:{color:links background};
  512. text-align:center;
  513. font-family: 'Roboto', sans-serif;
  514. color:{color:text};
  515. }
  516.  
  517.  
  518. #asking {
  519. margin-left:15px;
  520.  
  521. }
  522.  
  523. #askingimage {
  524.  
  525. }
  526.  
  527. #askingimage img {
  528. border-radius:100px;
  529. margin-left:15px;
  530. margin-top:7px;
  531.  
  532. }
  533.  
  534. #question {
  535. padding:12px;
  536. padding-left:70px;
  537. color:{color:text};
  538. background-color:{color:question background};
  539. }
  540.  
  541. #asker{
  542. margin-top:-35px;
  543. margin-left:70px;
  544. font-family: 'calibri';
  545. text-transform:uppercase;
  546.  
  547. }
  548.  
  549. #c{
  550. position:fixed;
  551. font-size:10px;
  552. font-weight:bold;
  553. padding-bottom:5px;
  554. padding-top:5px;
  555. height:10px;
  556. width:40px;
  557. opacity:1;
  558. padding-left:5px;
  559. padding-right:5px;
  560. margin-left:1300px;
  561. margin-top:650px;
  562. letter-spacing:0px;
  563. line-height:12px;
  564. border-right:2px solid {color:border};
  565. border-bottom:2px solid {color:border};
  566. text-align:center;
  567. text-decoration:underline;
  568. float:left;
  569. font-family:arial;
  570. color:{color:text};
  571. text-transform:uppercase;
  572. background-color:{color:credit};
  573. transition-duration: 0.8s;
  574.  
  575.  
  576. }
  577.  
  578.  
  579.  
  580.  
  581. #links2 {
  582. width:65px;
  583. height:235px;
  584. overflow:hidden;
  585. cursor:pointer;
  586. margin-top:230px;
  587. opacity:1;
  588. position:fixed;
  589. margin-left:433px;
  590. z-index:-999999999;
  591. }
  592.  
  593. #links2 #all {
  594. margin-left:0px;
  595. margin-top:5px;
  596. padding:5px;
  597. height:14px;
  598. z-index:999999999999999999999;
  599. }
  600.  
  601. #links2 #all a:hover {
  602. color:{color:hover};
  603. transition-duration: 0.2s;
  604. -moz-transition-duration: 0.2s;
  605. -webkit-transition-duration: 0.3s;
  606. -o-transition-duration: 0.3s;
  607. }
  608.  
  609.  
  610.  
  611.  
  612. #links2 a {
  613. width:50px;
  614. height:26px;
  615. margin-bottom:3px;
  616. text-align:center;
  617. text-transform:uppercase;
  618. padding:3px;
  619. border-bottom:1px solid {color:text};
  620. line-height:27px;
  621. color:{color:links};
  622. background:{color:links background};
  623. font-style:italic;
  624. font-weight:Bold;
  625. font-family: 'arial', sans-serif;
  626. letter-spacing:1px;
  627. font-size:10px;
  628. display:inline-block;
  629.  
  630.  
  631. }
  632.  
  633.  
  634.  
  635. {CustomCSS}</style>
  636.  
  637.  
  638.  
  639. </head>
  640. <body>
  641.  
  642.  
  643. <div id="sidebar">
  644. <div id="title">{text:title}</div>
  645. <div id="description">{description}</div>
  646. <div id="sidebar1"><img src="{image:cover up}"></a></div>
  647. <div id="png-image"><img src="{image:sidebar}"></a></div>
  648.  
  649.  
  650.  
  651. </div>
  652.  
  653.  
  654. <div id="links2">
  655. <div id="all">
  656. <a href="/">01</a>
  657. <a href="/ask">02</a>
  658. <a href="{text:link 1 url}">03</a>
  659. <a href="{text:link 2 url}">04</a>
  660. <a href="{text:link 3 url}">05</a>
  661.  
  662.  
  663. </div>
  664.  
  665. </div>
  666.  
  667. </div>
  668.  
  669.  
  670.  
  671. <div id="pagination">{block:Pagination}
  672. {block:PreviousPage}
  673. <a href="{PreviousPage}">BACK </a>
  674. {/block:PreviousPage}
  675.  
  676. {block:NextPage}
  677. <a href="{NextPage}">NEXT</a>
  678. {/block:NextPage}
  679. {/block:Pagination}</div>
  680. </div></div>
  681.  
  682.  
  683. <div id="entries">
  684. {block:Posts}
  685. <div id="post"
  686.  
  687.  
  688. <div id="post">
  689. <div id="info">
  690. <div id="permalink">
  691. <a href="{Permalink}">{Month}.{DayOfMonth}.{Year} </a> |
  692. <a href="{SourceURL}">©</a>
  693. </a></div></div>
  694.  
  695. <!--TEXT POSTS-->
  696.  
  697. {block:Text}
  698. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  699. {Body}
  700. {/block:Text}
  701.  
  702.  
  703.  
  704. {block:Answer}
  705. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  706. <div id="asker">{Asker} sent:</div>
  707. <div id="question">{Question}</div>
  708. {Answer}{/block:Answer}
  709.  
  710.  
  711. {block:Quote}
  712.  
  713. {block:Quote}
  714. <h2>{Quote}</h2>
  715. <div align="right">
  716. {block:Source}<h1>-{Source}</h1>{/block:Source}
  717. </div>
  718. {/block:Quote}
  719.  
  720.  
  721. {block:Link}
  722. <h2><center><a href="{URL}">{Name}</center></a></h2>
  723. {block:Description}{Description}{/block:Description}
  724. {/block:Link}
  725.  
  726.  
  727.  
  728. {block:Chat}
  729. {block:Title}<h2>{Title}</h2>{/block:Title}
  730. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  731. {Line}</li>{/block:Lines}</ul>
  732. {/block:Chat}
  733.  
  734.  
  735.  
  736. {block:Photo}
  737. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  738.  
  739. {block:Caption}{Caption}{/block:Caption}
  740. {/block:Photo}
  741.  
  742.  
  743.  
  744. {block:Photoset}
  745. {Photoset-500}
  746. {block:Caption}{Caption}{/block:Caption}
  747. {/block:Photoset}
  748.  
  749.  
  750.  
  751. {block:Video}
  752. {Video-500}
  753. {block:Caption}{Caption}{/block:Caption}
  754. {/block:Video}
  755.  
  756.  
  757.  
  758.  
  759. {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>
  760. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  761. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  762. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  763. {/block:Audio}
  764.  
  765.  
  766.  
  767.  
  768.  
  769.  
  770.  
  771. {block:HasTags}<div class="tags"><a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; &nbsp;
  772. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  773. {block:PostNotes}{PostNotes} {block:NoteCount} {/block:NoteCount}{/block:PostNotes}
  774. {/block:Posts}</div>
  775.  
  776.  
  777. <div id="c">
  778. <a href="http://adf.ly/1IcHXD">AZURE</a>
  779.  
  780. </div>
  781.  
  782. </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!