API tools faq
paste
dansmilth

Fly Away

dansmilth
Aug 13th, 2015
4,159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----------- THEME 12 // FLY AWAY by clumhood :> ------------>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!--------DEFAULT VARIABLES-------->
  13.  
  14. <meta name="color:background" content="#ffffff"/>
  15. <meta name="color:text" content="#000000"/>
  16. <meta name="color:links" content="#626262"/>
  17. <meta name="color:links hover" content="#a5a5a5"/>
  18. <meta name="color:sidebar" content="#f8f8f8"/>
  19. <meta name="color:info" content="#f8f8f8"/>
  20. <meta name="color:question" content="#f8f8f8"/>
  21. <meta name="color:scrollbar" content="#000000"/>
  22. <meta name="color:scrollbar background" content="#ffffff"/>
  23.  
  24. <meta name="image:sidebar" content=""/>
  25.  
  26. <meta name="text:link 1 title" content="link 1"/>
  27. <meta name="text:link 1 url" content=""/>
  28. <meta name="text:link 2 title" content="link 2"/>
  29. <meta name="text:link 2 url" content=""/>
  30. <meta name="text:link 3 title" content="link 3"/>
  31. <meta name="text:link 3 url" content=""/>
  32.  
  33. <meta name="if:show sidebar image" content="1" />
  34. <meta name="if:posts 400px" content="0" />
  35.  
  36. <!----------------SCRIPTS---------------->
  37.  
  38. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  41. <script>
  42. (function($){
  43. $(document).ready(function(){
  44. $("[title]").style_my_tooltips({
  45. tip_follows_cursor:true,
  46. tip_delay_time:200,
  47. tip_fade_speed:300
  48. });
  49. });
  50. })(jQuery);
  51. </script>
  52.  
  53. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,900,700,700italic,500italic,500' rel='stylesheet' type='text/css'>
  56.  
  57. <script type="text/javascript">
  58. WebFontConfig = {
  59. google: { families: [ 'Roboto:400,400italic,900,700,700italic,500italic,500:latin' ] }
  60. };
  61. (function() {
  62. var wf = document.createElement('script');
  63. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  64. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  65. wf.type = 'text/javascript';
  66. wf.async = 'true';
  67. var s = document.getElementsByTagName('script')[0];
  68. s.parentNode.insertBefore(wf, s);
  69. })(); </script>
  70.  
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  72.  
  73. <style type="text/css">
  74.  
  75. /*----------SCROLLBAR---------*/
  76.  
  77. ::-webkit-scrollbar {
  78. background-color: {color:scrollbar bg};
  79. height:8px;
  80. width:5px;
  81. }
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {
  84. background-color:{color:scrollbar};
  85. height:50px;
  86. }
  87.  
  88. ::-webkit-scrollbar-thumb:horizontal {
  89. background-color:{color:scrollbar bg};
  90. height:8px;
  91. }
  92.  
  93. /*----------TOOLTIPS---------*/
  94.  
  95. #s-m-t-tooltip {
  96. max-width:300px;
  97. margin:15px;
  98. padding:5px;
  99. border:1px solid #eeeeee;
  100. border-radius:0px;
  101. background:#ffffff;
  102. color:{color:text};
  103. z-index:999999;
  104. font-size:7px;
  105. font-style:none;
  106. letter-spacing:2px;
  107. font-family:arial;
  108. text-transform:uppercase;
  109. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  110. }
  111.  
  112. /*----------BASICS---------*/
  113.  
  114. body {
  115. background:{color:background};
  116. color:{color:text};
  117. font-family:'roboto', sans-serif;
  118. font-size:11px;
  119. line-height:150%;
  120. margin:0;
  121. text-align:left;
  122. }
  123.  
  124.  
  125.  
  126.  
  127. a {
  128. color:{color:links};
  129. text-decoration:none;
  130. }
  131.  
  132. a:hover {
  133. color:{color:links hover};
  134. transition:1s;
  135. -webkit-transition:1s;
  136. -moz-transition:1s;
  137. -o-transition:1s;
  138. }
  139.  
  140. img {
  141. opacity:1;
  142. text-decoration:none;
  143. }
  144.  
  145. h1 {
  146. font-size:14px;
  147. font-weight:bold;
  148. font-family:arial;
  149. line-height:150%;
  150. text-transform:uppercase;
  151. }
  152.  
  153. blockquote {
  154. padding-left:10px;
  155. margin:10px;
  156. border-left:1px solid #eee;
  157. }
  158.  
  159. small {
  160. font-size:11px;
  161. }
  162.  
  163. /*----------SIDEBAR---------*/
  164.  
  165. .sidebar {
  166. position:fixed;
  167. top:150px;
  168. width:200px;
  169. margin-left:250px;
  170. }
  171.  
  172. .sidebar img {
  173. width:80px;
  174. padding:5px;
  175. border:1px solid #eee;
  176. }
  177.  
  178. .title {
  179. font-size:15px;
  180. text-transform:uppercase;
  181. font-weight:900;
  182. margin-top:10px;
  183. background:{color:sidebar};
  184. padding:10px;
  185. text-align:center;
  186. letter-spacing:-1px;
  187. }
  188.  
  189. .description {
  190. text-align:justify;
  191. margin-top:5px;
  192. background:{color:sidebar};
  193. padding:20px;
  194. }
  195.  
  196. .links {
  197. margin-top:10px;
  198. text-align:center;
  199. font-size:11px;
  200. }
  201.  
  202. .links a {
  203. display:inline-block;
  204. padding:8px;
  205. letter-spacing:1px;
  206. color:black;
  207. }
  208.  
  209.  
  210. /*----------PAGINATION---------*/
  211.  
  212. .pagination {
  213. padding:5px;
  214. margin-top:10px;
  215. text-align:center;
  216. letter-spacing:1px;
  217. }
  218.  
  219. /*----------POSTS---------*/
  220.  
  221. .entries {
  222. margin-left:600px;
  223. margin-top:50px;
  224. {block:IfNotPosts400px}
  225. width:500px;
  226. {/block:IfNotPosts400px}
  227. {block:IfPosts400px}
  228. width:400px;
  229. {/block:IfPosts400px}
  230. }
  231.  
  232. .posts {
  233. width:500px;
  234. margin-bottom:70px;
  235. {block:IfNotPosts400px}
  236. width:500px;
  237. {/block:IfNotPosts400px}
  238. {block:IfPosts400px}
  239. width:400px;
  240. {/block:IfPosts400px}
  241. }
  242.  
  243.  
  244.  
  245. /*----------QUOTE---------*/
  246.  
  247. .quote {
  248. padding:20px;
  249. font-size:15px;
  250. text-align:center;
  251. background:#f8f8f8;
  252. }
  253.  
  254. .quotesource {
  255. padding:10px;
  256. text-align:center;
  257. }
  258.  
  259. /*----------CHAT---------*/
  260.  
  261. .chat {
  262. line-height:150%;
  263. list-style:none;
  264. }
  265.  
  266. .line.odd {
  267. padding:10px;
  268. background:#f8f8f8;
  269. }
  270.  
  271. .line.even {
  272. padding:10px;
  273. }
  274.  
  275. .label {
  276. text-transform:uppercase;
  277. font-size:10px;
  278. letter-spacing:1px;
  279. font-weight:bold;
  280. }
  281.  
  282. /*----------AUDIO---------*/
  283.  
  284. .cover {
  285. position:relative;
  286. z-index:1;
  287. max-width:100px;
  288. padding:10px;
  289. float:left;
  290. }
  291.  
  292. .playbutton {
  293. width:20px;
  294. height:30px;
  295. overflow:hidden;
  296. position:relative;
  297. z-index:2;
  298.  
  299. }
  300.  
  301.  
  302. .playbox {
  303. background-color:#000;
  304. position:absolute;
  305. z-index:2;
  306. padding:15px 24px 13px 16px;
  307. margin-top:30px;
  308. margin-left:30px;
  309. opacity:0.5;
  310. }
  311.  
  312. .trackdetails {
  313. padding:10px;
  314. width:auto;
  315. height:100px;
  316. margin-top:20px;
  317. }
  318.  
  319. /*----------ASK---------*/
  320.  
  321. .question {
  322. background:{color:question};
  323. padding:10px;
  324. }
  325.  
  326.  
  327. .asker {
  328. text-transform:uppercase;
  329. }
  330.  
  331. .answer {
  332. margin:10px;
  333. }
  334.  
  335.  
  336.  
  337.  
  338. /*----------INFO---------*/
  339.  
  340. .info {
  341. padding:10px;
  342. text-transform:uppercase;
  343. margin-top:25px;
  344. font-size:9px;
  345. letter-spacing:1px;
  346. background:{color:info};
  347. }
  348.  
  349.  
  350. .tags {
  351. margin-left:10px;
  352. margin-top:5px;
  353. font-size:9px;
  354. }
  355.  
  356. .tags a {
  357. margin-right:10px;
  358. letter-spacing:1px;
  359. }
  360.  
  361. /*----------POST NOTES---------*/
  362.  
  363. ol.notes {
  364. padding:0px;
  365. margin:25px 0px 0px -10px;
  366. list-style-type:none;
  367. }
  368.  
  369. ol.notes li.note {
  370. padding:10px;
  371. }
  372.  
  373. ol.notes li.note img.avatar {
  374. vertical-align:-4px;
  375. margin-right:10px;
  376. width:16px;
  377. height:16px;
  378. }
  379.  
  380. ol.notes li.note span.action {
  381. font-weight:none;
  382. }
  383.  
  384. ol.notes li.note .answer_content {
  385. font-weight:normal;
  386. }
  387.  
  388. ol.notes li.note blockquote {
  389. padding:4px 10px;
  390. margin:10px 0px 0px 25px;
  391. }
  392.  
  393. ol.notes li.note blockquote a {
  394. text-decoration:none;
  395. }
  396.  
  397. /*----------CREDIT---------*/
  398.  
  399. .credit {
  400. font-size:11px;
  401. position:fixed;
  402. font-weight:bold;
  403. bottom:5px;
  404. right:15px;
  405. z-index:10;
  406. text-align:right;
  407. letter-spacing:1px;
  408. padding:2px;
  409. font-family:arial;
  410. }
  411.  
  412. .credit a {
  413. color:{color:links};
  414. text-decoration:none;
  415. }
  416.  
  417. .credit a:hover {
  418. color:{color:links hover};
  419. text-decoration:none;
  420. }
  421.  
  422. </style>
  423. </head>
  424.  
  425. <body>
  426.  
  427. <div class="credit">
  428. <a title="theme" href="http://clumhood.tumblr.com/" target="_blank"><i class="fa fa-diamond"></i></a></div>
  429.  
  430. <div class="sidebar">
  431.  
  432. {block:IfShowSidebarImage}
  433. <center><a href="/"><img src="{image:sidebar}"/></a></center>
  434. {/block:IfShowSidebarImage}
  435.  
  436. <div class="title">{Title}</div>
  437.  
  438. <!----- YOU CAN FIND THE LITTLE ICONS HERE http://fortawesome.github.io/Font-Awesome/icons/ ------>
  439.  
  440. <div class="links">
  441. <a href="/" title="home"><i class="fa fa-home"></i></a>
  442. <a href="/ask" title="inbox"><i class="fa fa-envelope"></i></a>
  443. <a href="{text:link 1 url}" title="{text:link 1 title}"><i class="fa fa-pencil"></i></a>
  444. <a href="{text:link 2 url}" title="{text:link 2 title}"><i class="fa fa-tags"></i></a>
  445. <a href="{text:link 3 url}" title="{text:link 3 title}"><i class="fa fa-globe"></i></a>
  446.  
  447. </div>
  448.  
  449. <div class="description">{Description}</div>
  450.  
  451.  
  452.  
  453. <div class="pagination">
  454. {block:Pagination}
  455. {block:PreviousPage}
  456. <a href="{PreviousPage}">back</a>{/block:PreviousPage}&nbsp; &nbsp;&nbsp;
  457.  
  458. {block:NextPage}
  459. <a href="{NextPage}">next</a>
  460. {/block:NextPage}
  461. {/block:Pagination}
  462. </div>
  463. </div>
  464.  
  465. <div class="entries">
  466.  
  467. {block:Posts}
  468.  
  469. <div class="posts">
  470.  
  471. {block:Text}
  472. <h1>{block:Title}{Title}{/block:Title}</h1>
  473. {Body}{/block:Text}
  474.  
  475.  
  476. {block:Photo}
  477. {LinkOpenTag}{block:IfNotPosts400px}<img src="{PhotoURL-500}">
  478. {block:Caption}{Caption}{/block:Caption}{/block:IfNotPosts400px}
  479. {block:IfPosts400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{block:IfPosts400px}{LinkCloseTag}
  480. {/block:Photo}
  481.  
  482.  
  483. {block:Photoset}
  484. {block:IfNotPosts400px}{Photoset-500}
  485. {block:Caption}{Caption}{/block:Caption}{/block:IfNotPosts400px}
  486. {block:IfPosts400px}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{block:IfPosts400px}
  487. {/block:Photoset}
  488.  
  489.  
  490. {block:Quote}
  491. <div class="quote">"{Quote}"</div>
  492. {block:Source}<div class="quotesource"> — {Source}</div>
  493. {/block:Source}{/block:Quote}
  494.  
  495.  
  496. {block:Link}
  497. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  498. {block:Description}{Description}{/block:Description}
  499. {/block:Link}
  500.  
  501.  
  502. {block:Chat}
  503. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  504. {/block:Chat}
  505.  
  506.  
  507. {block:Audio}
  508.  
  509. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  510.  
  511. {block:AlbumArt}
  512. <img src="{AlbumArtURL}" class="cover">
  513. {/block:AlbumArt}
  514.  
  515.  
  516. <div class="trackdetails"><br>
  517. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  518.  
  519. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  520.  
  521. <b>PLAYS:</b> {FormattedPlayCount}</div>
  522.  
  523.  
  524. {block:Caption}
  525. <div class="caption">{Caption}</div>
  526. {/block:Caption}
  527. {/block:Audio}
  528.  
  529.  
  530. {block:Video}
  531. {block:IfNotPosts400px}{Video-500}{block:Caption}{Caption}{/block:Caption}{block:IfNotPosts400px}{block:IfPosts400px}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:IfPosts400px}
  532. {/block:Video}
  533.  
  534.  
  535. {block:Answer}
  536. <div class="question">
  537. <div class="asker"><b>{Asker} said:</b></div>
  538. {Question}
  539. </div>
  540. <div class="answer">
  541. {Answer}</div>
  542. {/block:Answer}
  543.  
  544.  
  545. <div class="info">
  546. {block:Date}
  547. <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
  548. {/block:Date}
  549.  
  550. &nbsp;&nbsp;
  551. <a href="{Permalink}">{NoteCount}</a>
  552. &nbsp;&nbsp;
  553.  
  554. <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
  555.  
  556. <font style="float:right">
  557. {block:RebloggedFrom}
  558. <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
  559. {block:ContentSource}
  560. <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
  561. {/block:ContentSource}
  562. {/block:RebloggedFrom}
  563. </font style>
  564.  
  565.  
  566. </div>
  567.  
  568.  
  569. {block:HasTags}
  570. <div class="tags">
  571. {block:Tags}
  572. <a href="{TagURL}">{Tag}</a>
  573. {/block:Tags}
  574. </div>
  575. {/block:HasTags}
  576.  
  577. </div>
  578.  
  579.  
  580. {block:PostNotes}
  581. {PostNotes}
  582. {/block:PostNotes}
  583.  
  584. {/block:Posts}
  585.  
  586. {block:ContentSource}
  587. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  588. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  589. {/block:SourceLogo}
  590. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  591. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  592.  
  593. </body>
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!