API tools faq
paste
Advertisement
lordemusic

theme: fire

lordemusic
Apr 25th, 2016
186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.59 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. fire theme by everdeem
  3. › keep the credits intact
  4. › this theme might not be availabe anymore
  5. -->
  6.  
  7. <html><head><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. <meta name="color:Text" content="#9f9f9f"/>
  13. <meta name="color:Background" content="#f8f8f8"/>
  14. <meta name="color:Posts" content="#ffffff"/>
  15. <meta name="color:Link" content="#9f9f9f"/>
  16. <meta name="color:Hover" content="#555555"/>
  17. <meta name="color:Scheme" content="#918f8f"/>
  18. <meta name="color:Borders" content="#eeeeee"/>
  19.  
  20. <meta name="select:Body" content="calibri" title="Calibri">
  21. <meta name="select:Body" content="consolas" title="Consolas">
  22. <meta name="select:Body" content="arial" title="Arial">
  23. <meta name="select:Body" content="open sans" title="Open Sans">
  24. <meta name="select:Body" content="karla" title="Karla">
  25. <meta name="select:Body" content="source sans pro" title="Source Sans Pro">
  26.  
  27. <meta name="if:Tags hover" content="1"/>
  28.  
  29. <meta name="text:Text" content="9"/>
  30. <meta name="text:Posts" content="350"/>
  31. <meta name="text:Space" content="120"/>
  32.  
  33. <meta name="text:link1 url" content="/"/>
  34. <meta name="text:link1" content="home"/>
  35. <meta name="text:link2 url" content="/ask"/>
  36. <meta name="text:link2" content="message"/>
  37. <meta name="text:link3 url" content="/"/>
  38. <meta name="text:link3" content=""/>
  39. <meta name="text:link5 url" content="/"/>
  40. <meta name="text:link5" content=""/>
  41.  
  42. <!-- scripts -->
  43. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic|Karla:400,400italic,700italic,700|Source+Sans+Pro:400,400italic,600,600italic' rel='stylesheet' type='text/css'>
  44. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  45. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  47. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  48. <script>
  49. (function($){
  50. $(document).ready(function(){
  51. $("[title]").style_my_tooltips({
  52. tip_follows_cursor:true,
  53. tip_delay_time:200,
  54. tip_fade_speed:300
  55. }
  56. );
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62. /* text related */
  63. body {color:{color:Text}; background:{color:Background}; font-family:{select:Body}; font-size:{text:Text}px; line-height:150%;}
  64. blockquote {padding:0px; margin:0px;}
  65.  
  66. i, em {font-style:italic;}
  67. b, strong {font-weight:600;}
  68. big, small {font-size:{text:Text}px;}
  69. u {text-decoration:none; padding-bottom:1px; border-bottom:1px solid {color:Borders};}
  70. hr {height:1px; background:{color:Borders}; margin:10px 0px 10px; border:0px; padding:0px;}
  71. ul {padding:0px; margin-left:10px; margin-top:5px; margin-bottom:5px; list-style-type:none;}
  72. ul li {margin:0px; padding:0px; list-style-type:none; line-height:180%;}
  73. ul li:before {content:'—'; margin-right:7px; color:{color:Borders};}
  74.  
  75. a {color:{color:Link}; text-decoration:none; transition:.7s ease; -o-transition:.7s ease; -moz-transition:.7s ease; -webkit-transition:.7s ease;}
  76. a:hover, #links a:hover, .permalink a:hover, a.tumblr_blog:hover, .tag a:hover, b:hover, i:hover, #pag a:hover {color:{color:Hover}; transition:.7s ease; -o-transition:.7s ease; -moz-transition:.7s ease; -webkit-transition:.7s ease;}
  77. a.tumblr_blog {font-weight:600; color:#919191;}
  78.  
  79. ::selection {background:{color:Scheme}; color:#f5f5f5;}
  80. ::-moz-selection {background:{color:Scheme}; color:#f5f5f5;}
  81. ::-webkit-selection {background:{color:Scheme}; color:#f5f5f5;}
  82.  
  83. #s-m-t-tooltip {max-width:300px; margin:15px; padding:3px 6px; background:rgba(150,150,150,.7); color:#fff; z-index:999999; font-size:7px; text-transform:uppercase; letter-spacing:1px; font-style:italic; border-radius:3px;}
  84.  
  85. /* header related */
  86. #header {margin:70px auto 70px; border:1px solid {color:Borders};}
  87. .p {padding:15px;}
  88. #links {padding:10px;}
  89. #links i {font-size:calc({text:Text}px - 1.5px); margin:0px 5px 0px;}
  90.  
  91. h1 {padding:0px; margin:0px;}
  92. h1 a {text-decoration:none; font-size:10px; text-transform:uppercase; letter-spacing:2px; font-weight:normal; margin:0px; padding:0px; border:0px;}
  93. h2 {letter-spacing:1.5px; color:{color:Text}; text-transform:uppercase; font-size:8px; font-family:{select:Text}; font-weight:normal; font-style:italic; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid {color:Borders}; padding-top:0px; margin-top:0px;}
  94.  
  95. #description {margin:10px 0px 0px; padding:0px;}
  96.  
  97. #links {text-decoration:none; border-top:1px solid {color:Borders};}
  98. #links a {letter-spacing:1.25px; margin:0px 7px 0px;}
  99.  
  100. /* scrollbar */
  101. ::-webkit-scrollbar {width:5px; height:5px; background:#efefef;}
  102. ::-webkit-scrollbar-thumb {background:#e0e0e0;}
  103.  
  104. /* structure */
  105. #header, .boxa, .boxb, .answer, .question {background:{color:Posts};}
  106. .boxa {padding:3px; border:1px solid {color:Borders};}
  107. .boxb {padding:20px; border:1px solid {color:Borders};}
  108. .boxb blockquote {padding-left:8px; margin-top:8px; margin-left:8px; border-left:1px solid {color:Borders};}
  109. #header, .permalink, .tag {text-align:center;}
  110.  
  111. #contain {width:calc({text:Posts}px + 1px); margin:50px auto;}
  112.  
  113. .post {width:{text:Posts}px; margin-bottom:{text:Space}px;}
  114. img {max-width: 100%; height: auto; width: auto; vertical-align:middle;}
  115.  
  116. .caption {padding:15px 15px 7px;}
  117. /* idea from @acuite */
  118. .caption *:not(a):not(ul):not(ol):not(li){margin:0px; padding:0px; display:inline; text-transform:lowercase;}
  119. /* idea from @acuite */
  120. .caption p, .answer p, .question p, #description p, .box p, #header p, h2 p, h1 p, .boxb p {margin:0px; padding:0px;}
  121.  
  122. /* posts: questions, quotes, chats and audios*/
  123. .question {padding:20px; border:1px solid {color:Borders};}
  124. .answer {padding:20px; border-left:1px solid {color:Borders}; border-right:1px solid {color:Borders}; border-bottom:1px solid {color:Borders};}
  125.  
  126. .quote {text-transform:lowercase; font-style:normal;}
  127. .quote::first-letter, .author::first-letter {text-transform:uppercase;}
  128. .author {font-weight:600; margin-top:10px; padding-top:10px; border-top:1px solid {color:Borders};}
  129. .author i {font-style:normal;}
  130.  
  131. .chat {text-decoration:none; line-height:180%; font-size:calc({text:Text}px + 1px);}
  132. .line {padding:0px; list-style:none; font-family: 'Karla', sans-serif;}
  133. .label {color:{color:Text}; font-weight:600; text-transform:lowercase; font-family: 'Karla', sans-serif;}
  134. .label::first-letter {text-transform:uppercase;}
  135.  
  136. .audio {height:50px;}
  137. .player {padding:0px; background:{color:Background}; width:50px; height:50px; overflow:hidden; float:left; background:#E4E4E4; border-radius:100%;}
  138. .info {text-align:left; position:absolute; margin-left:70px; margin-top:9px;}
  139. .track {font-weight:600; font-size:11px; margin-bottom:5px;}
  140. .button {overflow:hidden; height:30px; width:30px; margin:12px 11px 10px;}
  141.  
  142. /* permalinks */
  143. .permalink {position:relative; margin-top:8px; padding-top:8px; border-top:1px solid {color:Borders};}
  144. .permalink a, #links a {word-wrap:break-word; word-break:break-all; font-size:calc({text:Text}px - 1.5px); text-transform:uppercase;}
  145. .permalink a {margin:0px 6px 0px; letter-spacing:1px;}
  146. .permalink p {margin:0px; padding:0px;}
  147.  
  148. .tag {margin-top:3px; {block:ifTagsHover}opacity:0; transition:.5s ease; -o-transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease;{/block:ifTagsHover}}
  149. {block:ifTagsHover}.post:hover .tag {opacity:1; transition:.5s ease; -o-transition:.5s ease; -moz-transition:.5s ease; -webkit-transition:.5s ease;}{/block:ifTagsHover}
  150. .tag a {color:{color:Text}; text-transform:none; font-weight:normal; margin:0px 3px 0px; word-wrap:break-word; word-break:break-all; font-style:italic; letter-spacing:.5px;}
  151.  
  152. .ppage {padding:10px; text-transform:uppercase; font-weight:600; font-size:8px; letter-spacing:1px; font-family:calibri; border-top:1px solid {color:Borders}; border-bottom:1px solid {color:Borders}; text-align:left; margin:15px 0px 15px; line-height:200%;}
  153. .ppage a {text-transform:uppercase; font-weight:600; font-size:8px; letter-spacing:1px; font-family:calibri;}
  154. .ppage i {font-style:normal; margin-right:8px;}
  155. .notes {margin:0px; list-style:none; text-transform:lowercase; line-height:200%;}
  156. .notes ul, .notes ol, .notes li {margin:0px; padding:0px;}
  157. .notes img {display:none;}
  158.  
  159. /* pagination & tumblr controls */
  160. #pag {text-align:center; width:{text:Posts}px; height:30px; padding-bottom:{text:Space}px;}
  161. #pag a {font-size:calc({text:Text}px - 1.5px); text-transform:uppercase; letter-spacing:1px; margin:0px 5px 0px;}
  162.  
  163. #tumblr_controls,.tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {white-space:nowrap!important; -webkit-filter:invert(80%)!important; -moz-filter:invert(80%)!important; -ms-filter:invert(80%)!important; -o-filter:invert(80%)!important; filter:invert(80%)!important; position:fixed!important; opacity:.4!important; top:10px; right:10px;}
  164. </style></head>
  165. <!-- pxu photoset @shythemes -->
  166. <script>
  167. $(document).ready(function(){
  168. $('.photo-slideshow').pxuPhotoset({
  169. lightbox: true,
  170. rounded: false,
  171. gutter: '3px',
  172. borderRadius: '0px',
  173. photoset: '.photo-slideshow',
  174. photoWrap: '.photo-data',
  175. photo: '.pxu-photo'
  176. });
  177. });
  178. </script>
  179. <!-- pxu photoset @shythemes -->
  180. <body>
  181. <div id="contain">
  182.  
  183. <!-- header -->
  184. <div id="header"><div class="text">
  185. <div class="p">
  186. <h1><a href="/">{Title}</a></h1>
  187. <div id="description">{Description}</div>
  188. </div>
  189. <div id="links"><a href="{text:link1 url}">{text:link1}</a><a href="{text:link2 url}">{text:link2}</a><a href="{text:link3 url}">{text:link3}</a></div></div></div>
  190. <!-- header -->
  191.  
  192. <div id="content">{block:Posts}<div class="post">
  193.  
  194. {block:Text}<div class="boxb">{block:Title}<h2>{Title}</h2>{/block:Title}{Body}</div>{/block:Text}
  195.  
  196. {block:Answer}<div class="question"><b>{Asker}:</b> {Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  197.  
  198. {block:Photo}<div class="boxa"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"/></div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Photo}
  199.  
  200. {block:Photoset}<div class="boxa"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Photoset}
  201.  
  202. {block:Quote}<div class="boxb"><div class="quote">{Quote}</div>{block:Source}<div class="author">{Source}</div>{/block:Source}</div>{/block:Quote}
  203.  
  204. {block:Link}<div class="boxb"><h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  205.  
  206. {block:Chat}<div class="boxb">{block:Title}<h2>{Title}</h2>{/block:Title}<div class="chat">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}</div></div>{/block:Chat}
  207.  
  208. {block:Audio}<div class="boxb"><div class="audio"><div class="player"><div class="button">{AudioPlayerGrey}</div></div><div class="info">{block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div></div></div>{/block:Audio}
  209.  
  210. {block:Video}<div class="boxa">{Video-250}</div>{block:caption}<div class="caption">{caption}</div>{/block:caption}{/block:Video}
  211.  
  212. {block:IndexPage}
  213. {block:Date}
  214. <div class="permalink"><a href="{Permalink}">{DayOfWeek}</a><a href="{Permalink}">{NoteCountWithLabel}</a><a href="{ReblogURL}">reblog</a></div>
  215. {block:HasTags}<div class="tag">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  216. {/block:Date}
  217. {/block:IndexPage}
  218.  
  219. <!---->
  220.  
  221. {block:PermalinkPage}
  222. {block:Date}
  223. <div class="ppage">
  224. posted on {DayOfMonth}{DayOfMonthSuffix} {Month} with {NoteCountWithLabel}
  225. {block:RebloggedFrom}<br>
  226. via <a href="{ReblogParentURL}">{ReblogParentName}</a> / source <a href="{ReblogRootURL}">{ReblogRootName}</a>
  227. {/block:RebloggedFrom}
  228. {block:HasTags}<br>{block:Tags}<a href="{TagURL}"><i>#{Tag}</i></a>{/block:Tags}{/block:HasTags}
  229. </div>
  230. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  231. {/block:Date}
  232. {/block:PermalinkPage}
  233.  
  234. {block:ContentSource}
  235. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  236. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  237. {/block:SourceLogo}
  238. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  239. {/block:ContentSource}
  240. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  241. </div>{/block:Posts}
  242. <a style="position:fixed; right:20px; bottom:20px; font-family:trebuchet ms; font-size:9px; font-style:italic" href="http://everdeem.tumblr.com" title="theme by everdeem">e.</a>
  243. {block:Pagination}
  244. <div id="pag">
  245. <a class="top" title="back to top" href="#">top</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp; {block:PreviousPage}<a href="{PreviousPage}">previous</a> &nbsp;&nbsp;&middot;&nbsp;&nbsp; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  246. </div>
  247. {/block:Pagination}
  248. </div></div></div>
  249. <script>
  250. $('a.top').click(function() {
  251. $('html, body').animate({
  252. scrollTop: 0
  253. }, 500);
  254. return false;
  255. });
  256. </script>
  257. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!