API tools faq
paste
azurethemes

theme 20 // blown

azurethemes
Aug 9th, 2016
799
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.78 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. @DADDYTHEMES
  3. theme 20: blown
  4. this theme was made by azure/daddythemes.
  5. dont steal or copy.
  6. --->
  7. <!--start html-->
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  10. <!--custom google fonts-->
  11. <script type="text/javascript">
  12. WebFontConfig = {
  13. google: { families: [ 'Roboto:400,500,700:latin' , 'Montserrat:400,700:latin' , 'Lato:300,700:latin', 'Raleway:400,700:latin' , 'Maven+Pro:400,900,500,700:latin', 'Karla:400,700:latin', 'Yeseva+One::latin', 'Roboto+Condensed:400,300,300italic,400italic,700,700italic:latin'] }
  14. };
  15. (function() {
  16. var wf = document.createElement('script');
  17. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  18. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  19. wf.type = 'text/javascript';
  20. wf.async = 'true';
  21. var s = document.getElementsByTagName('script')[0];
  22. s.parentNode.insertBefore(wf, s);
  23. })(); </script>
  24. <!--tooltips-->
  25. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("a[title]").style_my_tooltips({
  30. tip_follows_cursor:true,
  31. tip_delay_time:10,
  32. tip_fade_speed:900,
  33. attribute:"title"
  34. });
  35. });
  36. })(jQuery);
  37. </script>
  38. <!--back to top button-->
  39. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
  40. <script>
  41. $(document).ready(function(){
  42.  
  43. // Der Button wird mit JavaScript erzeugt und vor dem Ende des body eingebunden.
  44. var back_to_top_button = ['<a href="#top" class="back-to-top"><i class="fa fa-arrow-up"></i></a>'].join("");
  45. $("body").append(back_to_top_button)
  46.  
  47. // Der Button wird ausgeblendet
  48. $(".back-to-top").hide();
  49.  
  50. // Funktion für das Scroll-Verhalten
  51. $(function () {
  52. $(window).scroll(function () {
  53. if ($(this).scrollTop() > 100) { // Wenn 100 Pixel gescrolled wurde
  54. $('.back-to-top').fadeIn();
  55. } else {
  56. $('.back-to-top').fadeOut();
  57. }
  58. });
  59.  
  60. $('.back-to-top').click(function () { // Klick auf den Button
  61. $('body,html').animate({
  62. scrollTop: 0
  63. }, 800);
  64. return false;
  65. });
  66. });
  67.  
  68. });
  69. </script>
  70. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  71. <head>
  72. <title>{Title}</title>
  73. <link rel="shortcut icon" href="{Favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  76. <!--all colors-->
  77. <meta name="color:background" content="#ffffff"/>
  78. <meta name="color:text" content="#000000"/>
  79. <meta name="color:links" content="#000000"/>
  80. <meta name="color:border" content="#f6f6f6"/>
  81. <meta name="color:top bar" content="#f6f6f6"/>
  82. <meta name="color:posts" content="#f6f6f6">
  83. <meta name="color:scrollbar" content="#070707">
  84. <meta name="color:asks" content="#f6f6f6">
  85. <meta name="color:hover" content="#888888">
  86. <meta name="color:tooltip" content="#ffffff">
  87. <meta name="color:accent" content="#ffffff">
  88. <meta name="color:link accent" content="#ffffff">
  89. <!--images-->
  90. <meta name="image:icon" content=""/>
  91. <!--texts-->
  92. <meta name="text:title" content="Baby pull me closer"/>
  93. <!--sidebar links-->
  94. <meta name="text:link one" content="Link one">
  95. <meta name="text:link two" content="Link two">
  96. <meta name="text:link one url" content="/">
  97. <meta name="text:link two url" content="/">
  98. <!--custom css-->
  99. <style type="text/css">
  100. /*tumblr controls*/
  101. .tmblr-iframe {
  102. top:0px!important;position:fixed!important;opacity:0.5;-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);z-index:99999999999999!important;white-space:nowrap;transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;
  103. }
  104. /*scrollbar*/
  105. ::-webkit-scrollbar {
  106. width:6px;height:6px;background:{color:accent};
  107. }
  108. ::-webkit-scrollbar-thumb {
  109. background:{color:scrollbar};
  110. }
  111. /*tooltips*/
  112. #s-m-t-tooltip{
  113. margin:13px 10px 6px 10px;padding:6px;background-color:{color:tooltip};font-family: 'roboto', sans-serif;border:1px solid {color:border};font-weight:400;font-size:9px;text-transform:none;letter-spacing:1px;font-style:italic;color:{color:text};z-index:999999999999999999999999999999999999;transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;
  114. }
  115. /*body basics*/
  116. body{
  117. background-color:{color:background};background-attachment: fixed;background-repeat: repeat;font-weight:none;font-family: 'roboto', sans-serif;font-size:10px;text-align:justify;color:{color:text};margin:0;
  118. }
  119. a{
  120. text-decoration:none;color:{color:links};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition: all 0.3s ease-out;
  121. }
  122. a:hover{
  123. text-decoration:none;color:{color:hover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition: all 0.3s ease-out;
  124. }
  125. img {
  126. }
  127. blockquote {
  128. font-size:9px;width:auto;border-left:2px solid {color:border};text-align:left;padding:1px;font-weight:none;margin-top:15px;margin-left:-12px;padding-top:0.5px;padding-bottom:0.5px;font-size:11px;font-family: 'roboto', sans-serif;margin-right:20px;padding-left:15px;color:{color:text};
  129. }
  130. pre{
  131. font-size:9px;text-align:center;text-transform:none;font-family: 'Bitter', serif;font-weight:bold;line-height:9px;border-left:1px solid #eee;border-bottom:1px solid #eee;letter-spacing:2px;background-color:{color:posts};color:{color:text};padding:6px;
  132. }
  133. small{
  134. font-size:9px;font-family: 'calibri', sans-serif;
  135. }
  136. big{
  137. font-size:12px;font-family: 'calibri', sans-serif;font-weight:700;
  138. }
  139. sub{
  140. font-size:9px;letter-spacing:0px;font-weight:600;text-transform:none;font-family: 'arial', sans-serif;
  141. }
  142. h1 {
  143. font-size:15px;text-align:left;font-family: 'arial', sans-serif;letter-spacing:-1px;margin-left:-240px;text-transform:lowercase;font-weight:700;line-height:0px;color:{color:text};padding:7px;
  144. }
  145. h1 a{
  146. color:{color:text};text-align:left;
  147. }
  148. h2{
  149. color:{color:text};text-transform:uppercase;font-family: 'Montserrat', sans-serif;text-align:left;
  150. }
  151. b {
  152. font-weight:bold;font-family: 'arial', sans-serif;color:{color:text};
  153. }
  154. sh {
  155. color:{color:links};text-transform:uppercase;font-family: 'arial', sans-serif;font-size:13px;font-weight:800;
  156. }
  157. am {
  158. color:{color:text};font-size:22px;padding:8px;padding-top:2px;text-transform:uppercase;font-family: 'roboto', sans-serif;letter-spacing:0px;font-weight:500;
  159. }
  160. u {
  161. text-decoration:none;color:{color:text};padding:3px;border-bottom:1px solid {color:border};
  162. }
  163. /*sidebar*/
  164. #sb {
  165. position:fixed;margin-top:190px;margin-left:180px;background-color:transparent;z-index:9999999999999999;
  166. }
  167. #sbimage {
  168. z-index:-99999;
  169. }
  170. #sbimage img {
  171. width:80px;height:80px;left:373px;top:115px;position:fixed;opacity:1;z-index:99999999;
  172. }
  173. #description {
  174. font-size:11px;top:235px;overflow:hidden;z-index:-9999999;position:fixed;letter-spacing:0.5px;left:341px;width:120px;background:{color:posts};text-align:justify;font-weight:400;padding:14px;line-height:16px;font-family: 'Roboto Condensed', sans-serif;
  175. }
  176. /*titles*/
  177. #sbtitle3{
  178. width:200px;top:74px;height:16px;opacity:1;position:fixed;font-family: 'Roboto Condensed', sans-serif;letter-spacing:0px;text-align:center;overflow:hidden;font-weight:600;color:{color:text};padding:1px;text-transform:uppercase;line-height:13px;font-size:12px;left:312px;z-index:99;
  179. }
  180. /*back to top button*/
  181. .back-to-top {
  182. position: fixed;color:{color:text};bottom:7px;text-transform:uppercase;left:13px;font-family: 'lato', sans-serif;font-size:9px;letter-spacing:0px;z-index:9999999999;font-weight:600;padding:10px;
  183. }
  184. /*jump pagination*/
  185. .pagination{
  186. font-family: 'roboto', sans-serif;margin-left:-190px;width:auto;padding-top:-10px;letter-spacing:2px;padding-bottom:20px;font-size:13px;text-align:center;
  187. }
  188. .pagination a{
  189. padding:5px;font-family: 'roboto', sans-serif;font-weight:600;bottom:10px;margin-left:5px;color:{color:text};
  190. }
  191. .pagination a:hover{
  192. color:{color:hover};-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition: all 0.3s ease-out;
  193. }
  194. /*post notes*/
  195. ol.notes {
  196. padding: 0px;margin: 25px 0px;font-family:'roboto',sans-serif;list-style-type: none;margin-top:-134px;background:{color:posts};margin-left:15px;width:440px;border: solid 1px {color:border};
  197. }
  198. ol.notes li.note {
  199. border-top: solid 1px {color:border};padding: 10px;
  200. }
  201. ol.notes li.note img.avatar {
  202. vertical-align: -10px;border-radius:100px;margin-left: 10px;padding:6px;width: 16px;height: 16px;
  203. }
  204. ol.notes li.note span.action {
  205. font-weight: 300;
  206. }
  207. ol.notes li.note .answer_content {
  208. font-weight: normal;
  209. }
  210. ol.notes li.note blockquote {
  211. border-color: {color:border};padding: 4px 10px;margin: 10px 0px 0px 25px;
  212. }
  213. ol.notes li.note blockquote a {
  214. text-decoration: none;
  215. }
  216. /*audio*/
  217. .audioartist {
  218. font-family:'roboto', sans-serif;font-size:10px;text-transform:lowercase;font-weight:600;
  219. }
  220. .audiotitle {
  221. font-family:'roboto', sans-serif;font-size:10px;text-transform:lowercase;font-weight:600;
  222. }
  223. .audioplayed {
  224. font-family:'roboto', sans-serif;font-size:10px;text-transform:lowercase;font-weight:600;
  225. }
  226. .audioplayr {
  227. width:400px;color:{color:text};background:{color:accent};
  228. }
  229. audioinfo {
  230. font-family:'roboto', sans-serif;font-size:10px;letter-spacing:2px;text-transform:lowercase;font-weight:300;
  231. }
  232. /*post styles*/
  233. .pcaption{
  234. font-family:'roboto', sans-serif;font-size:10px;margin-left:15px;letter-spacing:0px;text-transform:none;text-align:left;background:{color:posts};font-weight:400;
  235. }
  236. .pcaption a{
  237. font-size:10px;letter-spacing:0.5px;font-family:'raleway', sans-serif;text-transform:lowercase;font-weight:500;
  238. }
  239. .psets{
  240. width:100%;margin-top:-12px;
  241. }
  242. .vsets{
  243. width:100%;margin-top:-12px;
  244. }
  245. .qcaption{
  246. font-family:'Vidaloka', sans-serif;font-size:15px;margin-left:15px;letter-spacing:0px;text-align:justify;text-transform:none;color:{color:text};font-weight:200;
  247. }
  248. .qsource{
  249. font-size:12px;margin-left:30px;margin-top:12px;text-align:left;letter-spacing:0px;font-family:'calibri', sans-serif;text-transform:uppercase;font-style:italic;font-weight:300;
  250. }
  251. /*posts*/
  252. #entries {
  253. margin-left:605px;margin-top:50px;z-index:9999999999999999999999999;
  254. }
  255. #post {
  256. font-size:10px;width:500px;color:{color:text};background-color:{color:posts};text-align:justify;z-index:99999999999;padding:20px;margin-left:15px;margin-bottom:130px;padding-bottom:0px;overflow:hidden;
  257. }
  258. #post img{
  259. max-width:100%;margin-top:-12px;height:auto;
  260. }
  261. /*questions and answers*/
  262. #asking {
  263. margin-left:20px;margin-top:-35px;
  264. }
  265. #askingimage {
  266. }
  267. #askingimage img {
  268. margin-left:10px;width:30px;height:30px;border-radius:100px;margin-top:0px;
  269. }
  270. #question {
  271. padding:20px;padding-left:14px;margin-top:-32px;margin-left:0px;width:359px;font-family: 'calibri', serif;color:{color:text};background-color:{color:asks};
  272. }
  273. #answer {
  274. font-size:9px;width:auto;text-align:left;padding:1px;font-weight:none;margin-top:5px;margin-left:-3px;font-size:10px;font-family: 'calibri', sans-serif;margin-right:20px;padding-left:15px;color:{color:text};
  275. }
  276. #asker{
  277. margin-top:-66px;padding:1px;font-weight:300;font-size:11px;z-index:9999999999;color:{color:text};opacity:1;margin-left:34px;letter-spacing:0px;font-family: 'roboto', sans-serif;text-transform:lowercase;
  278. }
  279. #askerurl{
  280. margin-top:-19px;padding:1px;font-weight:500;font-size:10px;padding:7px;line-height:14px;height:13px;width:465px;z-index:9999999999;color:{color:text};opacity:1;margin-left:36px;padding-bottom:11px;letter-spacing:0px;font-family: 'Montserrat', sans-serif;text-transform:lowercase;
  281. }
  282. /*post info*/
  283. #info {
  284. width:520px;text-align:left;font-family: 'Roboto Condensed', sans-serif;text-transform:uppercase;margin-left:-21px;font-size:9px;margin-top:25px;padding-left:20px;padding-top:16px;padding-bottom:13px;opacity:1;overflow:hidden;font-weight:800;border-top:1px solid {color:border};line-height:20px;letter-spacing:1px;background:{color:top bar};z-index:9999999999999999;color:{color:top links};
  285. }
  286. #info a {
  287. text-align:left;font-weight:500;padding:2px;letter-spacing:1px;font-family: 'Roboto Condensed', sans-serif;line-height:5px;color:{color:top links};-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition: all 0.2s ease-out;
  288. }
  289. #info a:hover{
  290. color:{color:hover};-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition: all 0.2s ease-out;
  291. }
  292. #info date {
  293. font-size:10.5px;letter-spacing:0px;font-family: 'Roboto Condensed', sans-serif;font-weight:bold;color:{color:link accent};-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition: all 0.2s ease-out;
  294. }
  295. #info date:hover{
  296. color:{color:hover};-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition: all 0.2s ease-out;
  297. }
  298. /*sidebar links*/
  299. .links {
  300. width:160px;height:25px;overflow:hidden;cursor:pointer;left:340px;opacity:1;background:{color:posts};z-index:9999;position:fixed;top:210px;text-align:left;
  301. }
  302. .links a {
  303. width:auto;height:15px;text-align:center;text-transform:uppercase;opacity:1;color:{color:links};z-index:99999;padding-left:8px;margin-top:-2px;
  304. line-height:34px;letter-spacing:0px;font-weight:400;font-family: 'Roboto Condensed', sans-serif;font-size:9px;display:inline-block;
  305. transition-duration: 0.3s;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;
  306. }
  307. .links a:hover{
  308. color:{color:hover};
  309. }
  310. /*credit (u better leave this here u goof)*/
  311. #credit a{
  312. position:fixed;font-size:11px;font-weight:800;height:15px;width:25px;opacity:1;right:10px;bottom:10px;padding:2px;letter-spacing:0px;padding-top:3px;line-height:11px;z-index:9999999999999999999999999999;font-style:italic;text-align:center;float:left;font-family: 'Yeseva One', cursive;color:{color:text};text-transform:uppercase;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition: all 0.3s ease-out;
  313. }
  314. #credit a:hover{
  315. color:{color:hover};font-size:16px;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition: all 0.3s ease-out;
  316. }
  317. {CustomCSS}</style>
  318. </head>
  319. <body>
  320. <!--basics-->
  321. <div id="sidebar">
  322. <div id="sbimage"><img src="{image:icon}"></a></div>
  323. <div id="sbtitle3"><u>{text:title}</u></div>
  324. <div id="description">{description}</div>
  325. </div>
  326. <div class="links">
  327. <a href="/"title="refresh">home</a>
  328. <a href="/ask"title="ask">ask</a>
  329. <a href="{text:link one url}"title="archive">{text:link one}</a>
  330. <a href="{text:link two url}"title="submit">{text:link two}</a>
  331. </div>
  332. </div>
  333. <!--posts and entries-->
  334. <div id="entries">
  335. {block:Posts}
  336. <div id="post">
  337. <!--texts-->
  338. {block:Text}
  339. {block:Title}<h1><center>{Title}</center></h1>{/block:Title}
  340. {Body}
  341. {/block:Text}
  342. <!--question and answers-->
  343. {block:Answer}
  344. <div id="askingimage"><img src="{AskerPortraitURL-48}"/></div>
  345. <div id="askerurl">{Asker} asked:</div>
  346. <div id="question">{Question}</div>
  347. <div id="answer">{Answer}</div>{/block:Answer}
  348. <!--quotes-->
  349. {block:Quote}
  350. {block:Quote}
  351. <div class="qcaption">{Quote}</div>
  352. <div class="qsource">
  353. {block:Source}- {Source}{/block:Source}
  354. </div>
  355. {/block:Quote}
  356. <!--links-->
  357. {block:Link}
  358. <h2><center><a href="{URL}">{Name}</center></a></h2>
  359. {block:Description}{Description}{/block:Description}
  360. {/block:Link}
  361. <!--chats-->
  362. {block:Chat}
  363. {block:Title}<h2>{Title}</h2>{/block:Title}
  364. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class ="label">{Label}</span>{/block:Label}
  365. {Line}</li>{/block:Lines}</ul>
  366. {/block:Chat}
  367. <!--photos-->
  368. {block:Photo}
  369. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="auto">{LinkCloseTag}
  370. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  371. {/block:Photo}
  372. <!--photosets-->
  373. {block:Photoset}
  374. <div class="psets">{Photoset}</div>
  375. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  376. {/block:Photoset}
  377. <!--videos-->
  378. {block:Video}
  379. <div class="vsets">{Video}</div>
  380. {block:Caption}<div class="pcaption">{Caption}</div>{/block:Caption}
  381. {/block:Video}
  382. <!--audios-->
  383. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px;" />{/block:AlbumArt}
  384. {block:TrackName}<div class="audiotitle">Title: <audioinfo>{TrackName}</audioinfo><br/></div>{/block:TrackName}
  385. {block:Artist}<div class="audioartist">Artist: <audioinfo>{Artist}</audioinfo><br/></div>{/block:Artist}
  386. {/block:ExternalAudio}<div class="audioplayed">Played: <audioinfo>{PlayCount} times</audioinfo> </div>
  387. </br>
  388. <div class="audioplayr"style="background:{color:accent}">{AudioPlayer}</div>
  389. {/block:Audio}
  390. <!--info-->
  391. <div id="info">
  392. <div id="permalink">
  393. <a href="{Permalink}"title="{TimeAgo}"><date>{Month} {DayOfMonth}{DayOfMonthSuffix}</date></a> {NoteCountWithLabel}
  394. {block:RebloggedFrom}{block:ContentSource}
  395. <font style="float:right;margin-right:20px"> <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><i class="fa fa-chain"style="font-size:10px"></i></a> <a href="{SourceURL}"title="{ReblogRootName}"><i class="fa fa-copyright"style="font-size:10px"></i></a> <a href="{ReblogURL}" title="reblog"target="_blank" class="details"><i class="fa fa-retweet"style="font-size:10px"></i></a></font style>
  396. {/block:ContentSource}
  397. {/block:RebloggedFrom}
  398. </div>
  399. {/block:Date}
  400. {block:HasTags} {block:Tags} <a href="{TagURL}"> #{Tag} </a> {/block:Tags}
  401.  
  402. {/block:HasTags}
  403. </div></div>
  404. {block:PostNotes} {PostNotes} {/block:PostNotes}
  405. {/block:Posts}
  406. {block:Pagination}
  407. <div class="pagination"style="{color:title text}">
  408. {block:PreviousPage}<a href="{PreviousPage}"title="previous page">BACK</a>{/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}<span class="current_page"style="color:{color:accent};font-weight:600;padding:5px">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page"style="{color:text}" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}"title="next page">NEXT</a>{/block:NextPage}
  409. {/block:Pagination}</div>
  410. </div>
  411. <!--credit(u better dont touch this here u goof)-->
  412. <div id="credit">
  413. <a href="http://ceesty.com/qNgV4R"title="daddythemes">DA</a>
  414. </div>
  415. </html>
  416. </body>
  417. <!--end html-->
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!