API tools faq
paste
azurethemes

theme 3

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