azurethemes

theme 13 "faint"

Apr 19th, 2015
517
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.89 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  5.  
  6. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  7.  
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("a[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:30,
  17. tip_fade_speed:300,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  31.  
  32. <!---- 天蓝色 THEME 13 "FAINT" BY AZUREOFRP 天蓝色
  33. 天蓝色 DON'T BE A DICK AND STEAL ANYTHING OF MY CODING 天蓝色
  34. 天蓝色 DON'T CLAIM MY THEMES AS YOUR OWN 天蓝色
  35. 天蓝色 FOR QUESTIONS JUST CHECK OUT MY FAQ 天蓝色
  36. --->
  37.  
  38.  
  39.  
  40. <!--META NAMES-->
  41.  
  42. <meta name="color:background" content="#c3cccc"/>
  43. <meta name="color:text" content="#000000"/>
  44. <meta name="color:post text" content="#b6b6b6"/>
  45. <meta name="color:title text" content="#ffffff"/>
  46. <meta name="color:links" content="#ffffff"/>
  47. <meta name="color:italic" content="#000000">
  48. <meta name="color:bold" content="#000000">
  49. <meta name="color:hover" content="#c1b8b8">
  50. <meta name="color:text shadow" content="#ffffff">
  51. <meta name="color:title text shadow" content="#768181">
  52. <meta name="color:border shadow" content="#768181">
  53. <meta name="color:blockquote" content="#c3cccc">
  54. <meta name="color:blockquote border" content="#ffffff">
  55. <meta name="color:border" content="#000000">
  56.  
  57.  
  58.  
  59.  
  60. <meta name="color:h1 background" content="#c3cccc">
  61. <meta name="color:hover background" content="#d7d1d1">
  62. <meta name="color:title background" content="#c1b6b6"/>
  63. <meta name="color:post background" content="#000000">
  64. <meta name="color:links background" content="#a1adad">
  65. <meta name="color:description background" content="#000000">
  66. <meta name="color:info background" content="#a1adad">
  67. <meta name="color:tags background" content="#adb3b3">
  68. <meta name="color:ask background" content="#adb3b3">
  69. <meta name="color:sidebar background" content="#adb3b3">
  70. <meta name="color:scrollbar" content="#473f3f">
  71. <meta name="color:scrollbar background" content="#616b6b">
  72.  
  73.  
  74. <meta name="image:background" content=""/>
  75. <meta name="image:ask background" content=""/>
  76. <meta name="image:sidebar" content=""/>
  77.  
  78.  
  79. <meta name="text:title" content="">
  80.  
  81.  
  82. <meta name="text:link 1" content="Link 1">
  83. <meta name="text:link 2" content="Link 2">
  84. <meta name="text:link 3" content="Link 3">
  85. <meta name="text:link 4" content="Link 4">
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94.  
  95.  
  96.  
  97.  
  98. <meta name="text:link 1 url" content="/">
  99. <meta name="text:link 2 url" content="/">
  100. <meta name="text:link 3 url" content="/">
  101. <meta name="text:link 4 url" content="/">
  102.  
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123. ::-webkit-scrollbar-thumb {
  124. height:5px;
  125. border-top-left-radius:50px;
  126. background-color:{color:scrollbar};
  127.  
  128. }
  129.  
  130. ::-webkit-scrollbar {
  131. height:2px;
  132. width:1px;
  133. background-color:{color:scrollbar background};
  134.  
  135. }
  136. #s-m-t-tooltip {
  137. max-width:300px;
  138. padding:3px 5px 3px 5px;
  139. margin:20px 0px 0px 20px;
  140. background:{color:description background};
  141. box-shadow: 1px 1px 2px {color:border shadow};
  142. color:{color:text};
  143. text-transform:uppercase;
  144. z-index:999999999999999999999999999999999999;
  145. font-family:'consolas';
  146. font-size:9px;
  147. }
  148.  
  149.  
  150.  
  151.  
  152. body {
  153. background-color:{color:background};
  154. background-image:url('{image:background}');
  155. background-attachment: fixed;
  156. background-repeat: repeat;
  157. font-family:arial;
  158. font-size:10px;
  159. text-align:justify;
  160. color:{color:txt};
  161. margin:0;
  162.  
  163.  
  164. }
  165.  
  166. a {
  167. text-decoration:none;
  168. color:{color:links};
  169. transition-duration: 0.2s;
  170. -moz-transition-duration: 0.2s;
  171. -webkit-transition-duration: 0.3s;
  172. -o-transition-duration: 0.3s;
  173. }
  174.  
  175. a:hover {
  176. text-decoration:none;
  177. color:{color:hover};
  178. transition-duration: 0.2s;
  179. -moz-transition-duration: 0.2s;
  180. -webkit-transition-duration: 0.3s;
  181. -o-transition-duration: 0.3s;
  182.  
  183. }
  184.  
  185. img {
  186. border:none;
  187.  
  188.  
  189.  
  190. }
  191.  
  192. blockquote {
  193. background:{color:blockquote};
  194. color:{color:text};
  195. border-left:3px solid {color:blockquote border};
  196. padding:5px;
  197.  
  198. }
  199.  
  200. pre{
  201. margin-top:0px;
  202. margin-bottom:5px;
  203. font-size:10px;
  204. background-color:{color:blockquote};
  205. border-left:solid 3px {color:blockquote border};
  206. border-right:solid 3px {color:blockquote border};
  207. padding:5px;
  208. color:{color:text};
  209. text-transform:uppercase;
  210. font-family:arial;
  211. font-weight:bold;
  212. text-align:center;
  213. }
  214.  
  215. small{
  216. font-size:10px;
  217. }
  218.  
  219. big{
  220. font-size:10px;
  221. }
  222.  
  223. sub{
  224. font-size:10px;
  225. }
  226.  
  227.  
  228. h1 {
  229. font-size:8px;
  230. text-transform:uppercase;
  231. font-style:bold;
  232. text-align:left;
  233. letter-spacing:1px;
  234. background-color:{color:h1 background};
  235. color:{color:text};
  236. padding:5px;
  237. border-bottom:solid 3px {color:blockquote border};
  238. }
  239.  
  240. h1 a{
  241. color:{color:text};
  242. }
  243.  
  244.  
  245. h2{
  246. color:{color:text};
  247. text-transform:uppercase;
  248. text-shadow: 1px 1px 0px {color:text shadow};
  249. text-align:left;
  250. font-style:italic;
  251.  
  252. }
  253.  
  254. h3 {
  255. margin-bottom:5px;
  256. font-size:12px;
  257. letter-spacing:0.3px;
  258. text-transform:lowercase;
  259. text-align:center;
  260. }
  261.  
  262.  
  263. h4 {
  264. margin-top:0px;
  265. margin-bottom:5px;
  266. font-size:14px;
  267. background-color:{color:blockquote};
  268. padding:5px;
  269. text-transform:lowercase;
  270. text-align:right;
  271. }
  272.  
  273.  
  274. b {
  275. font-weight:bold;
  276. color:{color:bold};
  277.  
  278.  
  279. }
  280.  
  281. i {
  282. font-weight:italic;
  283. color:{color:italic};
  284.  
  285.  
  286. }
  287.  
  288. u {
  289. text-decoration:none;
  290. border-bottom:1px solid {color:border};
  291.  
  292.  
  293. }
  294.  
  295.  
  296.  
  297.  
  298. #description {
  299. overflow:auto;
  300. position:fixed;
  301. text-align:left;
  302. margin-top:327px;
  303. margin-left:50px;
  304. width:208px;
  305. height:115px;
  306. opacity:1;
  307. line-height:10px;
  308. color:{color:text};
  309. background:{color:description background};
  310. padding:10px;
  311. padding-top:5px;
  312. font-size:9px;
  313. z-index:99999999999999999;
  314. transition-duration: 0.2s;
  315. -moz-transition-duration: 0.2s;
  316. -webkit-transition-duration: 0.3s;
  317. -o-transition-duration: 0.3s;
  318.  
  319.  
  320. }
  321.  
  322. #description:hover{
  323. transition-duration: 0.2s;
  324. -moz-transition-duration: 0.2s;
  325. -webkit-transition-duration: 0.3s;
  326. -o-transition-duration: 0.3s;
  327. }
  328.  
  329.  
  330. #title {
  331. width:520px;
  332. height:7px;
  333. position:fixed;
  334. padding-top:10px;
  335. padding-bottom:10px;
  336. padding-left:10px;
  337. padding-right:10px;
  338. line-height:9px;
  339. top:563px;
  340. color:{color:title text};
  341. margin-left:385px;
  342. font-weight:bold;
  343. text-transform:uppercase;
  344. font-size:14px;
  345. font-family:'consolas';
  346. background:{color:title background};
  347. font-style:italic;
  348. text-align:center;
  349. overflow:hidden;
  350. text-shadow: 1px 1px 0px {color:title text shadow};
  351. z-index:999999999999;
  352. opacity:1;
  353.  
  354. }
  355.  
  356.  
  357.  
  358.  
  359.  
  360.  
  361. #pagi {
  362. font-size:10px;
  363. font-style:normal;
  364. position:fixed;
  365. text-align:center;
  366. letter-spacing:1px;
  367. margin-left:130px;
  368. margin-top:404px;
  369. font-style:italic;
  370. padding:5px;
  371. line-height:28px;
  372. width:38px;
  373. display:inline-block;
  374. color:{color:title text};
  375. z-index:99999999999999;
  376. font-family:'consolas';
  377. text-shadow: 1px 1px 0px {color:text shadow};
  378. transition-duration: 0.9s;
  379. -moz-transition-duration:0.9s;
  380. -webkit-transition-duration:0.9s;
  381. -o-transition-duration:0.9s;
  382.  
  383.  
  384.  
  385.  
  386.  
  387. }
  388.  
  389. #pagi:hover{
  390. color:{color:hover};
  391. transition-duration: 0.9s;
  392. -moz-transition-duration:0.9s;
  393. -webkit-transition-duration:0.9s;
  394. -o-transition-duration:0.9s;
  395.  
  396.  
  397.  
  398. }
  399.  
  400.  
  401.  
  402.  
  403. #sidebar1 {
  404. position:fixed;
  405. opacity:1;
  406. background-image:url('{image:sidebar}');
  407. width:320px;
  408. height:500px;
  409. top:90px;
  410. margin-left:930px;
  411. z-index:-999;
  412.  
  413. }
  414.  
  415. #bbackground {
  416. position:fixed;
  417. opacity:1;
  418. width:885px;
  419. height:520px;
  420. top:80px;
  421. margin-left:375px;
  422. background:{color:sidebar background};
  423. z-index:-9999;
  424.  
  425.  
  426. }
  427.  
  428.  
  429.  
  430.  
  431. .links {
  432. width:254px;
  433. height:153px;
  434. overflow:hidden;
  435. cursor:pointer;
  436. margin-top:212px;
  437. position:fixed;
  438. margin-left:37px;
  439. z-index:9999999999999999999999;
  440. }
  441.  
  442. .links #all {
  443. margin-left:2px;
  444. margin-top:10px;
  445. padding:10px;
  446. height:14px;
  447. z-index:999999999999999999999;
  448. }
  449.  
  450. .links #all a:hover {
  451. background-color:{color:hover background};
  452. transition-duration: 0.2s;
  453. -moz-transition-duration: 0.2s;
  454. -webkit-transition-duration: 0.3s;
  455. -o-transition-duration: 0.3s;
  456. }
  457.  
  458.  
  459.  
  460. .links a {
  461. width:105px;
  462. height:15px;
  463. margin-bottom:3px;
  464. text-align:center;
  465. font-weight:bold;
  466. padding:4px;
  467. line-height:16px;
  468. color:{color:links};
  469. font-family:'arial';
  470. background-color:{color:links background};
  471. font-size:9px;
  472. display:inline-block;
  473.  
  474. }
  475.  
  476.  
  477.  
  478.  
  479.  
  480.  
  481.  
  482. #entries {
  483. position:fixed;
  484. z-index:999;
  485. height:468px;
  486. width:538px;
  487. overflow:auto;
  488. margin-left:385px;
  489. margin-top:90px;
  490.  
  491.  
  492.  
  493.  
  494. }
  495.  
  496. #post{
  497. padding:15px;
  498. width:500px;
  499. background-color:{color:post background};
  500. overflow:hidden;
  501. color:{color:post text};
  502. margin-bottom:20px;
  503. margin-left:0px;
  504. float:center;
  505. z-index:999;
  506.  
  507. }
  508.  
  509. .navi-hover{
  510. width:319px;
  511. height:472px;
  512. padding-left:1px;
  513. padding-bottom:15px;
  514. padding-top:13px;
  515. margin-top:90px;
  516. margin-left:930px;
  517. line-height:20%;
  518. position:fixed;
  519. display:block;
  520. z-index:-99;
  521. opacity:0;
  522. transition-delay:0.1s;
  523. -webkit-transition-delay:0.1s;
  524. transition-duration: 0.4s;
  525. -moz-transition-duration:0.2s;
  526. -webkit-transition-duration:0.8s;
  527. -o-transition-duration:0.2s;
  528.  
  529. }
  530.  
  531. .navi-hover:hover{
  532. margin-top:0px;
  533. height:565px;
  534. opacity:1;
  535. transition-delay:0.1s;
  536. -webkit-transition-delay:0.1s;
  537. transition-duration: 0.4s;
  538. -moz-transition-duration:0.2s;
  539. -webkit-transition-duration:0.8s;
  540. -o-transition-duration:0.2s;
  541.  
  542. }
  543.  
  544.  
  545.  
  546.  
  547. #info {
  548. width:520px;
  549. text-align:left;
  550. font-family:arial;
  551. font-size:9px;
  552. padding:7px;
  553. color:{color:text};
  554. font-weight:bold;
  555. line-height:10px;
  556. background-color:{color:info background};
  557. margin-top:5px;
  558. margin-left:-15px;
  559. font-size:9px;
  560. margin-bottom:-15px;
  561. font-style:none;
  562. text-transform:uppercase;
  563. padding:5px;
  564. line-height:10px;
  565. transition-duration: 1.0s;
  566. -moz-transition-duration: 1.0s;
  567. -webkit-transition-duration: 1.0s;
  568. -o-transition-duration: 1.0s;
  569.  
  570. }
  571.  
  572. #info hover{
  573. color:{color:hover};
  574. transition-duration: 1.0s;
  575. -moz-transition-duration: 1.0s;
  576. -webkit-transition-duration: 1.0s;
  577. -o-transition-duration: 1.0s;
  578.  
  579.  
  580. }
  581.  
  582. #info a {
  583. text-align:center;
  584. font-family:arial;
  585. color:{color:text};
  586.  
  587. }
  588.  
  589. .right{
  590. float:right
  591.  
  592. }
  593.  
  594.  
  595. #tags {
  596. text-align:center;
  597. opacity:1;
  598. font-size:9px;
  599. font-family:'arial';
  600. margin-top:4px;
  601. margin-left:-5px;
  602. padding:-5px;
  603. margin-bottom:-5px;
  604. height:20px;
  605. width:530px;
  606. padding-top:1px;
  607. background-color:{color:tags background};
  608. text-transform:uppercase;
  609. transition-duration: 0.5s;
  610. -moz-transition-duration: 0.5s;
  611. -webkit-transition-duration: 0.5s;
  612. -o-transition-duration: 0.5s;
  613. }
  614.  
  615.  
  616.  
  617. #tags a {
  618. padding:6px;
  619. color:{color:text};
  620. letter-spacing:0px;
  621. font-family:'arial';
  622. text-decoration:none;
  623. display:inline-block;
  624. }
  625.  
  626. #tags a:hover {
  627. -moz-transition-duration:0.3s;
  628. -webkit-transition-duration:0.3s;
  629. -o-transition-duration:0.3s;
  630. color:{color:hover};
  631. }
  632.  
  633.  
  634. .ask{
  635. padding:1px;
  636. padding-right:5px;
  637. padding-left:5px;
  638. color:{color:text};
  639. background-color:{color:info background};
  640. font-size:10px;
  641. font-style:italic;
  642. line-height:18px;
  643. font-weight:bold;
  644. text-align:right;
  645. margin-bottom:0px;
  646.  
  647. }
  648.  
  649. .ask a{
  650. color:{color:text};
  651.  
  652. }
  653.  
  654. .ask a:hover{
  655. color:{color:hover};
  656. }
  657.  
  658. .ask :hover{
  659. color:{color:hover};
  660.  
  661. }
  662.  
  663. .question{
  664. text-align:center;
  665. padding:15px;
  666. background-color:{color:ask background};
  667. background-image:url('{image:ask background}');
  668. color:{color:text};
  669.  
  670. }
  671.  
  672. .answer{
  673. color:{color:txt};
  674. text-align:left;
  675. margin-top:1px;
  676. }
  677.  
  678.  
  679.  
  680.  
  681.  
  682. #c{
  683. position:fixed;
  684. font-size:7px;
  685. font-weight:bold;
  686. padding-bottom:5px;
  687. padding-top:5px;
  688. height:10px;
  689. width:50px;
  690. padding-left:5px;
  691. padding-right:5px;
  692. margin-left:1302px;
  693. margin-top:660px;
  694. line-height:150%;
  695. text-align:center;
  696. float:left;
  697. font-family:arial;
  698. color:{color:post text};
  699. text-transform:uppercase;
  700. background-color:{color:description background};
  701. transition-duration: 0.8s;
  702.  
  703.  
  704. }
  705.  
  706.  
  707.  
  708. {CustomCSS}</style>
  709.  
  710.  
  711.  
  712. </head>
  713. <body>
  714.  
  715.  
  716. <div id="sidebar">
  717. <div id="sidebar1"><a href="/"><img src="{image:sidebar}"></a></div>
  718. <div id="bbackground"></div>
  719. <div id="title">{text:title}</div>
  720.  
  721.  
  722. </div>
  723.  
  724.  
  725. <div class="navi-hover">
  726. <div id="description">{description}</div>
  727. <div class="links">
  728. <div id="all">
  729. <a href="/" title="REFRESH"</a>Refresh</a>
  730. <a href="/ask" title="MESSAGE"</a>Askbox</a>
  731. <a href="{text:link 1 url}" title="link 1. edit in html"</a>{text:link 1}</a>
  732. <a href="{text:link 2 url}" title="link 2. edit in html"</a>{text:link 2}</a>
  733. <a href="{text:link 3 url}" title="link 3. edit in html"</a>{text:link 3}</a>
  734. <a href="{text:link 4 url}" title="link 4. edit in html"</a>{text:link 4}</a>
  735.  
  736. </div>
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743. </div>
  744.  
  745.  
  746.  
  747.  
  748.  
  749. </div>
  750.  
  751.  
  752. <div id="title">
  753. <div id="pagination">
  754. {block:Pagination}
  755. {block:PreviousPage}<a href="{PreviousPage}" title="BACK"</a>-</a>{/block:PreviousPage}
  756. {/block:Pagination}
  757. {text:title}
  758. {block:Pagination}
  759. {block:NextPage}<a href="{NextPage}" title="NEXT"</a>+</a>{/block:NextPage}
  760. {/block:Pagination}</div>
  761. </div>
  762.  
  763.  
  764. <div id="entries">
  765. {block:Posts}
  766. <div id="post"
  767.  
  768. <!--TEXT POSTS-->
  769.  
  770. {block:Text}
  771. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  772. {Body}
  773. {/block:Text}
  774.  
  775. <!--ASKS-->
  776.  
  777. <div class="question">{Question}</div>
  778. {block:Answer}<div class="ask"> − {Asker}</div>
  779. <div class="answer">{Answer}</div>{/block:answer}
  780.  
  781. <!--QUOTE POSTS-->
  782. {block:Quote}
  783.  
  784. {block:Quote}
  785. <h2>{Quote}</h2>
  786. <div align="right">
  787. {block:Source}<h1>-{Source}</h1>{/block:Source}
  788. </div>
  789. {/block:Quote}
  790. <!--LINK POSTS-->
  791.  
  792. {block:Link}
  793. <h2><center><a href="{URL}">{Name}</center></a></h2>
  794. {block:Description}{Description}{/block:Description}
  795. {/block:Link}
  796.  
  797. <!--CHAT POSTS-->
  798.  
  799. {block:Chat}
  800. {block:Title}<h2>{Title}</h2>{/block:Title}
  801. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  802. {Line}</li>{/block:Lines}</ul>
  803. {/block:Chat}
  804.  
  805. <!--PHOTO POSTS-->
  806.  
  807. {block:Photo}
  808. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  809.  
  810. {block:Caption}{Caption}{/block:Caption}
  811. {/block:Photo}
  812.  
  813. <!--PHOTOSET POSTS-->
  814.  
  815. {block:Photoset}
  816. {Photoset-500}
  817. {block:Caption}{Caption}{/block:Caption}
  818. {/block:Photoset}
  819.  
  820. <!--VIDEO POSTS-->
  821.  
  822. {block:Video}
  823. {Video-500}
  824. {block:Caption}{Caption}{/block:Caption}
  825. {/block:Video}
  826.  
  827.  
  828. <!--AUDIO-->
  829.  
  830. {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>
  831. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  832. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  833. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  834. {/block:Audio}
  835.  
  836.  
  837. <!--POST INFO-->
  838.  
  839.  
  840. <div id="info">
  841. <div id="permalink">
  842. <a href="{Permalink}" title="{ShortMonth}.{DayOfMonth}.{Year}">{TimeAgo}</a> <div class=right>{NoteCount}</div></a></div>
  843.  
  844. {block:HasTags}<div id="tags">
  845. {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}
  846. </div>{block:HasTags}
  847. </div>
  848. </div>
  849.  
  850. {/block:Posts}{block:PostNotes}<br><br><div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  851. {/block:Posts}</div>
  852.  
  853. </div>
  854.  
  855. {/block:Posts}{/block:Posts}</div></div></div>
  856.  
  857.  
  858. </div>
  859.  
  860.  
  861. </div>
  862.  
  863. </div>
  864. <div id="c">
  865. <a href="http://azureofrp.tumblr.com/">AZUREOFRP </a>
  866.  
  867. </div>
  868. </div>
Advertisement
Add Comment
Please, Sign In to add comment