azurethemes

theme 14

Mar 1st, 2015
298
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.94 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!---- ☰ theme 14 "alan" by azureofrp ☰
  13. ☰ pls dont remove the credit
  14. ☰ making themes takes a lot of time and effort so pls dont steal anything of this code
  15. ☰ for help, visit my theme faq -> azureofrp.tumblr.com/faq
  16. ☰ edit this theme for PERSONAL USE ONLY!!!!
  17. --->
  18.  
  19.  
  20.  
  21. <!--META NAMES-->
  22.  
  23. <meta name="color:BACKGROUND" content="#f6d9d4"/>
  24. <meta name="color:TXT" content="#ffffff"/>
  25. <meta name="color:TITLE TXT" content="#ffffff"/>
  26. <meta name="color:LINKS" content="#ffffff"/>
  27. <meta name="color:HOVER" content="#000000">
  28. <meta name="color:HOVER BG" content="#f6d9d4">
  29. <meta name="color:ICONS" content="#f6d9d4">
  30. <meta name="color:TITLE BG" content="#f6d9d4">
  31. <meta name="color:SHADOW" content="#f6d9d4">
  32. <meta name="color:TXT SHADOW" content="#f6d9d4">
  33. <meta name="color:BLOCKQUOTE" content="#f6d9d4">
  34. <meta name="color:BLOCKQUOTE BORDER" content="#dcbcba">
  35. <meta name="color:H1 BG" content="#f6d9d4">
  36. <meta name="color:ITALIC" content="#f6d9d4">
  37. <meta name="color:BOLD" content="#f6d9d4">
  38.  
  39.  
  40. <meta name="color:POST BG" content="#fbc6c4">
  41. <meta name="color:LINKS BG" content="#f0bfb3">
  42. <meta name="color:DESC BG" content="#f0bfb3">
  43. <meta name="color:INFO BG" content="#fbc6c4">
  44. <meta name="color:BORDER" content="#dcbcba">
  45. <meta name="color:SCROLLBAR" content="#aaaaaa">
  46. <meta name="color:SCROLLBAR BG" content="#ffffff">
  47.  
  48.  
  49. <meta name="image:BACKGROUND" content=""/>
  50. <meta name="image:SIDEBAR" content=""/>
  51. <meta name="image:SIDEBAR 2" content=""/>
  52. <meta name="image:ICON 1" content=""/>
  53. <meta name="image:ICON 2" content=""/>
  54. <meta name="image:ICON 3" content=""/>
  55.  
  56.  
  57.  
  58.  
  59.  
  60.  
  61. <meta name="text:TITLE" content=""/>
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <meta name="text:LINK 1" content="LINK 1">
  73. <meta name="text:LINK 2" content="LINK 2">
  74. <meta name="text:LINK 3" content="LINK 3">
  75.  
  76.  
  77.  
  78. <meta name="text:LINK 1 URL" content="/">
  79. <meta name="text:LINK 2 URL" content="/">
  80. <meta name="text:LINK 3 URL" content="/">
  81.  
  82.  
  83.  
  84.  
  85.  
  86.  
  87.  
  88.  
  89.  
  90.  
  91.  
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96.  
  97. ::-webkit-scrollbar-thumb {
  98. height:auto;
  99. background-color:{color:scrollbar};
  100.  
  101. }
  102.  
  103. ::-webkit-scrollbar {
  104. height:2.5px;
  105. width:1px;
  106. background-color:{color:scrollbar bg};
  107.  
  108. }
  109.  
  110. body {
  111. background-color:{color:background};
  112. background-image:url('{image:background}');
  113. background-attachment: fixed;
  114. background-repeat: repeat;
  115. font-family:arial;
  116. font-size:10px;
  117. text-align:justify;
  118. color:{color:txt};
  119. margin:0;
  120.  
  121.  
  122. }
  123.  
  124. a {
  125. text-decoration:none;
  126. color:{color:Links};
  127. -webkit-transition: all 0.5s ease-out;
  128. -moz-transition: all 0.5s ease-out;
  129. transition: all 0.5s ease-out;
  130. }
  131.  
  132. a:hover {
  133. text-decoration:none;
  134. color:{color:Hover};
  135. -webkit-transition: all 0.5s ease-out;
  136. -moz-transition: all 0.5s ease-out;
  137. transition: all 0.5s ease-out;
  138.  
  139. }
  140.  
  141. img {
  142. border:none;
  143.  
  144.  
  145.  
  146. }
  147.  
  148. blockquote {
  149. background:{color:blockquote};
  150. border-left:5px solid {color:blockquote border};
  151. padding:5px;
  152.  
  153. }
  154.  
  155. pre{
  156. margin-top:0px;
  157. margin-bottom:5px;
  158. font-size:12px;
  159. background-color:{color:blockquote};
  160. padding:5px;
  161. text-transform:uppercase;
  162. font-family:arial;
  163. font-weight:bold;
  164. text-align:center;
  165. text-shadow: 1px 1px 0px {color:txt shadow};
  166. }
  167.  
  168. small{
  169. font-size:10px;
  170. }
  171.  
  172. big{
  173. font-size:10px;
  174. }
  175.  
  176. sub{
  177. font-size:10px;
  178. }
  179.  
  180.  
  181. h1 {
  182. font-size:10px;
  183. text-transform:uppercase;
  184. border-left:solid 5px {color:blockquote border};
  185. border-right:solid 5px {color:blockquote border};
  186. font-family:arial;
  187. background-color:{color:h1 bg};
  188. font-style:bold;
  189. text-align:left;
  190. color:{color:txt};
  191. padding:5px;
  192. text-shadow: 1px 1px 0px {color:txt shadow};
  193. }
  194.  
  195. h1 a{
  196. color:{color:txt};
  197. font-size:12px;
  198. text-transform:uppercase;
  199. font-family:arial;
  200. background-color:{color:blockquote};
  201. font-style:bold;
  202. text-align:right;
  203. padding:5px;
  204. }
  205.  
  206. h2 a{
  207. color:{color:txt};
  208.  
  209. }
  210.  
  211. b {
  212. font-weight:bold;
  213. color:{color:bold};
  214.  
  215. }
  216.  
  217. i {
  218. font-weight:italic;
  219. color:{color:italic};
  220.  
  221. }
  222.  
  223. u {
  224. text-decoration:none;
  225. border-bottom:1px solid {color:txt};
  226.  
  227. }
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234. /*DESC*/
  235.  
  236.  
  237. #txtbox1 {
  238. width:265px;
  239. height:101px;
  240. position:fixed;
  241. padding-top:10px;
  242. padding-bottom:10px;
  243. padding-left:10px;
  244. padding-right:10px;
  245. line-height:100%;
  246. top:467px;
  247. margin-left:172px;
  248. font-weight:bold;
  249. font-size:10px;
  250. text-align:center;
  251. overflow:auto;
  252. background:{color:desc bg};
  253. z-index:9999999;
  254. opacity:1;
  255.  
  256.  
  257. }
  258.  
  259. #title {
  260. width:406px;
  261. height:10px;
  262. position:fixed;
  263. padding-top:10px;
  264. padding-bottom:10px;
  265. padding-left:10px;
  266. padding-right:10px;
  267. line-height:100%;
  268. top:63px;
  269. color:{color:title txt};
  270. margin-left:172px;
  271. font-weight:bold;
  272. text-transform:uppercase;
  273. font-size:10px;
  274. text-align:center;
  275. overflow:auto;
  276. background:{color:title bg};
  277. text-shadow: 1px 1px 0px {color:txt shadow};
  278. z-index:9999999;
  279. opacity:1;
  280.  
  281.  
  282. }
  283.  
  284.  
  285.  
  286.  
  287.  
  288. /*PAGINAITON*/
  289.  
  290. #pagi {
  291. font-size:9px;
  292. text-transform:uppercase;
  293. font-weight:bold;
  294. font-style:normal;
  295. position:fixed;
  296. text-align:left;
  297. margin-left:349px;
  298. margin-top:615px;
  299. background:{color:links bg};
  300. padding:5px;
  301. line-height:100%;
  302. width:80px;
  303. height:8px;
  304. display:inline-block;
  305. color:{color:links};
  306. z-index:99999999;
  307. opacity:1;
  308. font-family:arial;
  309. text-shadow: 1px 1px 0px {color:txt shadow};
  310. transition-duration: 0.9s;
  311. -moz-transition-duration:0.9s;
  312. -webkit-transition-duration:0.9s;
  313. -o-transition-duration:0.9s;
  314.  
  315.  
  316.  
  317.  
  318.  
  319. }
  320.  
  321. #pagi:hover{
  322. color:{color:hover};
  323. transition-duration: 0.9s;
  324. -moz-transition-duration:0.9s;
  325. -webkit-transition-duration:0.9s;
  326. -o-transition-duration:0.9s;
  327.  
  328. }
  329.  
  330.  
  331.  
  332. /*IMAGES*/
  333.  
  334.  
  335. #sidebar1 {
  336. position:fixed;
  337. opacity:1;
  338. background-image:url('{image:sidebar}');
  339. width:420px;
  340. height:360px;
  341. top:100px;
  342. margin-left:175px;
  343. background:{color:desc bg};
  344. outline:solid 3px {color:border};
  345. z-index:9999999;
  346.  
  347.  
  348. }
  349.  
  350. #sidebar2 {
  351. position:fixed;
  352. opacity:1;
  353. background-image:url('{image:sidebar 2}');
  354. width:100px;
  355. height:683px;
  356. top:0px;
  357. margin-left:0px;
  358. background:{color:desc bg};
  359. border-right:solid 3px {color:border};
  360. z-index:9999999;
  361.  
  362.  
  363.  
  364.  
  365. }
  366.  
  367. #admin1 {
  368. position:fixed;
  369. width:80px;
  370. margin-top:190px;
  371. padding:10px;
  372. height:80px;
  373. margin-left:180px;
  374. background-color:transparent;
  375. z-index:99999;
  376. }
  377.  
  378. #admin1image {
  379. width 80px;
  380. z-index:99999;
  381. }
  382.  
  383. #admin1image img {
  384. width:80px;
  385. height:80px;
  386. border-radius:100px;
  387. margin-left:60px;
  388. margin-top:117px;
  389. position:fixed;
  390. opacity:1;
  391. border:solid 3px {color:icons};
  392. z-index:9999999999;
  393.  
  394.  
  395.  
  396. }
  397.  
  398. #admin2 {
  399. position:fixed;
  400. width:80px;
  401. margin-top:190px;
  402. padding:10px;
  403. height:80px;
  404. margin-left:180px;
  405. background-color:transparent;
  406. z-index:99999;
  407. }
  408.  
  409. #admin2image {
  410. width 80px;
  411. z-index:99999;
  412. }
  413.  
  414. #admin2image img {
  415. width:80px;
  416. height:80px;
  417. border-radius:100px;
  418. margin-left:60px;
  419. margin-top:228px;
  420. position:fixed;
  421. opacity:1;
  422. border:solid 3px {color:icons};
  423. z-index:9999999999;
  424.  
  425. }
  426.  
  427. #admin3 {
  428. position:fixed;
  429. width:80px;
  430. margin-top:190px;
  431. padding:10px;
  432. height:80px;
  433. margin-left:180px;
  434. background-color:transparent;
  435. z-index:99999;
  436. }
  437.  
  438. #admin3image {
  439. width 80px;
  440. z-index:99999;
  441. }
  442.  
  443. #admin3image img {
  444. width:80px;
  445. height:80px;
  446. border-radius:100px;
  447. margin-left:60px;
  448. margin-top:340px;
  449. position:fixed;
  450. opacity:1;
  451. border:solid 3px {color:icons};
  452. z-index:9999999999;
  453.  
  454. }
  455.  
  456.  
  457. /*LINKS*/
  458.  
  459.  
  460.  
  461. #links{
  462. font-size:9px;
  463. text-align:center;
  464. position:fixed;
  465. line-height:25%;
  466. letter-spacing:5%;
  467. font-family:arial;
  468. margin-left:467px;
  469. margin-top:467px;
  470. width:251px;
  471. z-index:99999;
  472.  
  473.  
  474. }
  475.  
  476. #links a{
  477. opacity:1;
  478. display:inline-block;
  479. text-transform:uppercase;
  480. color:{color:sblinks};
  481. background-color:{color:links bg};
  482. width:125px;
  483. height:14.5px;
  484. padding-right:5px;
  485. padding-top:5px;
  486. font-weight:bold;
  487. display:block;
  488. line-height:160%;
  489. padding-bottom:3px;
  490. text-shadow: 1px 1px 0px {color:txt shadow};
  491. transition-duration: 0.3s;
  492. -moz-transition-duration: 0.1s;
  493. -webkit-transition-duration: 0.3s;
  494. -o-transition-duration: 0.3s;
  495.  
  496.  
  497.  
  498. }
  499.  
  500. #links a:hover{
  501. color:{color:hover};
  502. background:{color:hover bg};
  503. opacity:1;
  504. transition-duration: 0.3s;
  505. -moz-transition-duration: 0.1s;
  506. -webkit-transition-duration: 0.3s;
  507. -o-transition-duration: 0.3s;
  508.  
  509. }
  510.  
  511.  
  512.  
  513.  
  514.  
  515.  
  516. /*ENTRIES*/
  517.  
  518.  
  519.  
  520. #entries {
  521. position: absolute;
  522. z-index:99999;
  523. height:auto;
  524. width:567px;
  525. overflow:hidden;
  526. margin-left:650px;
  527. margin-top:50px;
  528.  
  529.  
  530. }
  531.  
  532. #post{
  533. padding:15px;
  534. width:500px;
  535. background-color:{color:post bg};
  536. overflow:hidden;
  537. margin-bottom:20px;
  538. margin-left:10px;
  539. float:left;
  540. z-index:9999;
  541.  
  542. }
  543.  
  544.  
  545. /*POST INFO*/
  546.  
  547. #info {
  548. width:520px;
  549. text-align:left;
  550. font-family:arial;
  551. font-size:9px;
  552. padding:7px;
  553. color:{color:txt};
  554. line-height:10px;
  555. background-color:{color:info bg};
  556. margin-top:5px;
  557. margin-left:-15px;
  558. font-size:9px;
  559. margin-bottom:-15px;
  560. font-style:none;
  561. padding:5px;
  562. line-height:10px;
  563. transition-duration: 1.0s;
  564. -moz-transition-duration: 1.0s;
  565. -webkit-transition-duration: 1.0s;
  566. -o-transition-duration: 1.0s;
  567.  
  568. }
  569.  
  570. #info hover{
  571. color:{color:hover};
  572. transition-duration: 1.0s;
  573. -moz-transition-duration: 1.0s;
  574. -webkit-transition-duration: 1.0s;
  575. -o-transition-duration: 1.0s;
  576.  
  577.  
  578. }
  579.  
  580. #info a {
  581. text-align:center;
  582. font-family:arial;
  583. color:{color:txt};
  584.  
  585. }
  586.  
  587. .right{
  588. float:right
  589.  
  590. }
  591.  
  592.  
  593. /*ASKS*/
  594.  
  595. #asks {
  596. font-size:11px;
  597. text-align:center;
  598. width:537px;
  599. padding:5px;
  600. margin-left:-30px;
  601. margin-top:-15px;
  602. background-color:{color:info bg}
  603.  
  604. }
  605.  
  606.  
  607. /*CREDIT-- Just leave this please*/
  608.  
  609. #c{
  610. position:fixed;
  611. font-size:8px;
  612. font-weight:bold;
  613. padding-bottom:5px;
  614. padding-top:5px;
  615. height:10px;
  616. width:60px;
  617. padding-left:5px;
  618. padding-right:5px;
  619. margin-left:1290px;
  620. margin-top:655px;
  621. line-height:150%;
  622. text-align:center;
  623. float:left;
  624. color:{color:txt};
  625. text-transform:uppercase;
  626. border-bottom:solid 2px {color:border};
  627. background-color:{color:links bg};
  628. text-shadow: 1px 1px 0px {color:txt shadow};
  629. transition-duration: 0.8s;
  630.  
  631.  
  632. }
  633.  
  634.  
  635.  
  636. </style>
  637.  
  638. </head>
  639.  
  640.  
  641. <body>
  642.  
  643.  
  644. <div id="sidebar">
  645. <div id="sidebar1"><a href="/"><img src="{image:sidebar}"></a></div>
  646. <div id="sidebar2"><img src="{image:sidebar 2}"></a></div>
  647. <div id="title">{text:title}</div>
  648. <div id="admin1image"><img src="{image:icon 1}"></a></div>
  649. <div id="admin2image"><img src="{image:icon 2}"></a></div>
  650. <div id="admin3image"><img src="{image:icon 3}"></a></div>
  651.  
  652.  
  653.  
  654.  
  655.  
  656. </div>
  657.  
  658.  
  659. </div>
  660.  
  661.  
  662. </div>
  663. <div id="links">
  664. <a href="/" href="">refresh</a><br>
  665. <a href="ask" href="/ask">inquire</a><br>
  666. <a href="{text:link 1 url}">{text:Link 1}</a><br>
  667. <a href="{text:link 2 url}">{text:Link 2}</a><br>
  668. <a href="{text:link 3 url}">{text:Link 3}</a><br>
  669.  
  670. </div>
  671. </div>
  672.  
  673. <div id="txtbox1">{Description}</div>
  674.  
  675. </div>
  676.  
  677.  
  678. </div><div id="pagi">
  679. {block:Pagination}
  680. {block:PreviousPage}
  681. <a href="{PreviousPage}"> back</a>
  682. {/block:PreviousPage}
  683.  
  684. {block:NextPage}
  685. <a href="{NextPage}">next</a>
  686. {/block:NextPage}
  687. </div>
  688. {/block:Pagination}</div></div>
  689.  
  690. <div id="entries">
  691. {block:Posts}
  692. <div id="post"
  693.  
  694. <!--TEXT POSTS-->
  695.  
  696. {block:Text}
  697. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  698. {Body}
  699. {/block:Text}
  700.  
  701. <!--ASKS-->
  702.  
  703. {block:Answer}
  704. <div id="asks">
  705. <div style="margin-left:-280px; padding-bottom:8px; font-size:10px;"><b><i>{Asker} asked:</b></i></span></div><br /> <div style="padding-left:15px; margin-top:-18px; font-size:10px;">{Question}</div>
  706. </div>
  707. {Answer}
  708. {/block:Answer}
  709.  
  710. <!--QUOTE POSTS-->
  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. <!--LINK POSTS-->
  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. <!--CHAT POSTS-->
  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. <!--PHOTO POSTS-->
  735.  
  736. {block:Photo}
  737. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}
  738.  
  739. {block:Caption}{Caption}{/block:Caption}
  740. {/block:Photo}
  741.  
  742. <!--PHOTOSET POSTS-->
  743.  
  744. {block:Photoset}
  745. {Photoset-500}
  746. {block:Caption}{Caption}{/block:Caption}
  747. {/block:Photoset}
  748.  
  749. <!--VIDEO POSTS-->
  750.  
  751. {block:Video}
  752. {Video-500}
  753. {block:Caption}{Caption}{/block:Caption}
  754. {/block:Video}
  755.  
  756.  
  757. <!--AUDIO-->
  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. <!--POST INFO-->
  767.  
  768.  
  769. <div id="info">
  770. <div id="permalink">
  771. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  772.  
  773. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  774. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  775. </div></div>
  776.  
  777. {/block:Posts}{/block:Posts}</div></div></div>
  778.  
  779.  
  780. </div>
  781.  
  782. <!--Simply don't remove it pls.-->
  783. </div>
  784.  
  785. </div>
  786. <div id="c">
  787. <a href="http://azureofrp.tumblr.com/">AZUREOFRP </a>
  788.  
  789. </div>
  790. </div>
Advertisement
Add Comment
Please, Sign In to add comment