API tools faq
paste
Belgrravia

Flightless Bird

Belgrravia
Feb 27th, 2015
828
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.94 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Flightless Bird
  3. theme by kalopsiathemes
  4. Please do not
  5. -remove the credit
  6. -steal parts of code
  7. -use as a base
  8.  
  9. Feel free to
  10. -edit parts of the theme
  11. -ask me any questions
  12. -->
  13. <!DOCTYPE html>
  14. <head>
  15. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Gentium+Basic:400,700|Open+Sans:400,700' rel='stylesheet' type='text/css'>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:sidebar Background" content="#f4f4f6"/>
  25. <meta name="color:title" content="#c8cbd2"/>
  26. <meta name="color:link" content="#8c8e93"/>
  27. <meta name="color:link hover" content="#c8cbd2"/>
  28. <meta name="color:text" content="#8c8e93"/>
  29. <meta name="image:sidebar" content=""/>
  30.  
  31. <meta name="if:500px posts" content="0"/>
  32. <meta name="if:400px posts" content="1"/>
  33. <meta name="if:250px posts" content="0"/>
  34.  
  35.  
  36. <meta name="text:link1" content="">
  37. <meta name="text:link1url" content="" />
  38. <meta name="text:link2" content="">
  39. <meta name="text:link2url" content="" />
  40. <meta name="text:link3" content="">
  41. <meta name="text:link3url" content="" />
  42. <meta name="text:link4" content="">
  43. <meta name="text:link4url" content="" />
  44.  
  45. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <script>
  49.  
  50. (function($){
  51.  
  52. $(document).ready(function(){
  53.  
  54. $("a[title]").style_my_tooltips({
  55.  
  56. tip_follows_cursor:true,
  57.  
  58. tip_delay_time:30,
  59.  
  60. tip_fade_speed:300,
  61.  
  62. attribute:"title"
  63.  
  64. });
  65.  
  66. });
  67.  
  68. })(jQuery);
  69.  
  70. </script>
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. #s-m-t-tooltip {max-width:400px;
  77. padding:2px;
  78. margin:10px 0px 0px 10px;
  79. padding:2px 4px;
  80. background-color:{color:background};
  81. text-transform:uppercase;
  82. font-size:7px;
  83. letter-spacing:2px;
  84. font-weight:700;
  85. color:{color:text};
  86. z-index:999999999;
  87. font-family: 'Source Sans Pro', sans-serif;
  88. }
  89.  
  90. ::-webkit-scrollbar {height: 0px;
  91. width: 3px;
  92. -webkit-border-radius: 0px;
  93. background-color:{color:sidebar background}}
  94. ::-webkit-scrollbar-thumb{background-color:{color:link hover};
  95. }
  96.  
  97. html, body {margin:0;padding:0;height:100%;}
  98.  
  99. body {
  100. background:{color:background};
  101. color:{color:text};
  102. font-size:9px;
  103. margin:0;
  104. font-family: 'Source Sans Pro', sans-serif;
  105. }
  106.  
  107. #posts {
  108. {block:If500pxposts}
  109. width:500px;
  110. {/block:If500pxposts}
  111. {block:If400pxposts}
  112. width:400px;
  113. {/block:If400pxposts}
  114. {block:If250pxposts}
  115. width:250px;
  116. {/block:If250pxposts}
  117. margin-bottom:100px;
  118. }
  119.  
  120. #posts img {
  121. {block:If500pxposts}
  122. max-width:500px;
  123. {/block:If500pxposts}
  124. {block:If400pxposts}
  125. max-width:400px;
  126. {/block:If400pxposts}
  127. {block:If250pxposts}
  128. max-width:250px;
  129. {/block:If250pxposts}
  130. }
  131.  
  132.  
  133. #posts, #posts img, #posts blockquote {
  134. font-size:11px;
  135. color:{color:text};
  136. }
  137.  
  138.  
  139. .entries {
  140. {block:If500pxposts}
  141. width:500px;
  142. {/block:If500pxposts}
  143. {block:If400pxposts}
  144. width:400px;
  145. {/block:If400pxposts}
  146. {block:If250pxposts}
  147. width:250px;
  148. {/block:If250pxposts}
  149. padding:20px;
  150. padding-bottom:0px;
  151. background-color:{color:sidebar background};
  152.  
  153. }
  154.  
  155. small {
  156. font-size:10px;
  157. }
  158.  
  159. big {
  160. font-size:12px;
  161. }
  162.  
  163.  
  164. h2 {
  165. font-size:14px;
  166. color:{color:title};
  167. font-weight:700;
  168. font-family: 'Open Sans', sans-serif;
  169. text-transform:uppercase;
  170. }
  171.  
  172. h1 {
  173. font-size:9px;
  174. Text-align:left;
  175. letter-spacing:1px;
  176. color:{color:text};
  177. }
  178.  
  179. h3 {
  180. font-size:11px;
  181. color:{color:title};
  182. letter-spacing:1px;
  183.  
  184. }
  185.  
  186.  
  187. #content {
  188. padding:0px;
  189. width:100%;
  190. {block:If500pxposts}
  191. width:500px;
  192. margin-left:10%;
  193. {/block:If500pxposts}
  194. {block:If400pxposts}
  195. width:400px;
  196. margin-left:20%;
  197. {/block:If400pxposts}
  198. {block:If250pxposts}
  199. width:250px;
  200. margin-left:25%;
  201. {/block:If250pxposts}
  202. padding-top:100px;
  203.  
  204. }
  205.  
  206. #nav {
  207. text-transform:lowercase;
  208. font-size:10px;
  209. line-height:160%;
  210. margin-top:5px;
  211. }
  212.  
  213. #sidebar {
  214. margin-left:70%;
  215. position:fixed;
  216. width:220px;
  217. margin-top:150px;
  218. }
  219.  
  220. #left {
  221. width:120px;
  222. padding:5px;
  223. display:inline-block;
  224. border-right:1px solid {color:background};
  225. }
  226.  
  227. #sidebarimage img {
  228. width:120px;
  229. height:150px;
  230. text-align:center;
  231. }
  232.  
  233. table {
  234. text-align:center;
  235. width:121px;
  236. word-wrap:break-word;
  237. overflow:scroll;
  238. }
  239.  
  240. td {
  241. width:60px;
  242. height:10px;
  243. padding:5px;
  244. word-wrap:break-word;
  245. text-align:center;
  246. overflow:scroll;
  247. }
  248.  
  249. .link {
  250. width:40px;
  251. height:10px;
  252. overflow:auto;
  253. }
  254.  
  255. .link2 {
  256. width:40px;
  257. height:10px;
  258. overflow:auto;
  259. }
  260.  
  261. .link3 {
  262. width:40px;
  263. height:10px;
  264. overflow:auto;
  265. }
  266.  
  267. .link4 {
  268. width:40px;
  269. height:10px;
  270. overflow:auto;
  271. }
  272. #below {
  273. width:220px;
  274. background-color:{color:sidebar background};
  275. }
  276.  
  277. #title {
  278. word-wrap:break-word;
  279. font-size:14px;
  280. text-align:center;
  281. width:211px;
  282. padding:5px;
  283. margin-bottom:0px;
  284. text-transform:uppercase;
  285. color:{color:title};
  286. font-weight:700;
  287. font-family: 'Open Sans', sans-serif;
  288. border-bottom:1px solid {color:background};
  289. background-color:{color:sidebar background};
  290. }
  291.  
  292. #description {
  293. font-size:9px;
  294. text-align:justify;
  295. line-height:160%;
  296. padding:5px;
  297. width:80px;
  298. display:inline-block;
  299. overflow:scroll;
  300. position:absolute;
  301. padding-right:5px;
  302. }
  303.  
  304.  
  305. #postinfo {
  306. letter-spacing:1px;
  307. font-size:8px;
  308. padding:5px;
  309. padding-top:10px;
  310. text-align:center;
  311. {block:If500pxposts}
  312. width:500px;
  313. {/block:If500pxposts}
  314. {block:If400pxposts}
  315. width:400px;
  316. {/block:If400pxposts}
  317. {block:If250pxposts}
  318. width:250px;
  319. {/block:If250pxposts}
  320. margin-bottom:100px;
  321. {block:permalinkPage}
  322. margin-bottom:50px;
  323. {/block:permalinkPage}
  324. {block:IndexPage}
  325. border-top:1px solid {color:background};
  326. {/block:IndexPage}
  327. font-weight:700;
  328. text-transform:lowercase;
  329. font-family: 'Open Sans', sans-serif;
  330. background-color:{color:sidebar background};
  331. }
  332.  
  333. .info {
  334. position:absolute;
  335. padding:5px;
  336. font-size:10px;
  337. }
  338.  
  339. .source {
  340. display:inline;
  341. float:right;
  342. {block:IndexPage}
  343. opacity:0;
  344. {/block:IndexPage}
  345. }
  346.  
  347. #top, #bottom, #lefty, #right {
  348. background:{color:sidebar background};
  349. position: fixed;
  350. }
  351. #lefty, #right {
  352. top: 0; bottom: 0;
  353. width: 20px;
  354. }
  355. #lefty { left: 0; }
  356. #right { right: 0; }
  357.  
  358. #top, #bottom {
  359. left: 0; right: 0;
  360. height: 20px;
  361. z-index:9999999;
  362. }
  363. #top { top: 0; }
  364. #bottom { bottom: 0; }
  365.  
  366.  
  367. a:link, a:visited {
  368. text-decoration:none;
  369. color:{color:link};
  370. }
  371.  
  372. a:hover {
  373. text-decoration:none;
  374. cursor: crosshair;
  375. color:{color:link hover};
  376. }
  377.  
  378.  
  379. .pagenotes {
  380. {block:IndexPage}
  381. display: none;
  382. {/block:IndexPage}
  383. {block:If500pxposts}
  384. width:500px;
  385. {/block:If500pxposts}
  386. {block:If400pxposts}
  387. width:400px;
  388. {/block:If400pxposts}
  389. {block:If250pxposts}
  390. width:250px;
  391. {/block:If250pxposts}
  392. margin-top:40px;
  393. background-color:{color:sidebar background};
  394. text-transform:lowercase;
  395. font-size:9px;
  396. padding:20px;
  397. letter-spacing:1px;
  398. }
  399.  
  400. #permalink {
  401. font-size:9px;
  402. margin-top:5px;
  403. letter-spacing:1px;
  404. text-transform:uppercase;
  405. }
  406.  
  407.  
  408. .pagenotes img {
  409. display:none;}
  410. .pagenotes li {
  411. list-style-type:none;
  412. padding:5px 0px;
  413. text-align:left;
  414. margin-left:-20px;
  415. border-bottom:1px solid {color:background};
  416. }
  417.  
  418. .pagenotes a {
  419. font-weight:700;
  420. }
  421.  
  422. .tags {
  423. {block:If500pxposts}
  424. width:500px;
  425. {/block:If500pxposts}
  426. {block:If400pxposts}
  427. width:400px;
  428. {/block:If400pxposts}
  429. {block:If250pxposts}
  430. width:250px;
  431. {/block:If250pxposts}
  432. font-size:7px;
  433. margin-top:5px;
  434. word-wrap:break-word;
  435. padding-top:5px;
  436. border-top:1px solid {color:text};
  437. text-align:left;
  438.  
  439. }
  440.  
  441. .pagi {
  442. {block:If500pxposts}
  443. width:500px;
  444. margin-left:10%;
  445. {/block:If500pxposts}
  446. {block:If400pxposts}
  447. width:400px;
  448. margin-left:20%;
  449. {/block:If400pxposts}
  450. {block:If250pxposts}
  451. width:250px;
  452. margin-left:25%;
  453. {/block:If250pxposts}
  454. padding-left:20px;
  455. padding-right:20px;
  456. letter-spacing:2px;
  457. margin-top:5px;
  458. position:fixed;
  459. background-color:{color:sidebar background};
  460. text-align:center;
  461. color:{color:link};
  462. font-size:9px;
  463. font-weight:700;
  464. text-transform:uppercase;
  465. }
  466.  
  467. .pagi a {
  468. padding:2px;
  469. color:{color:link};
  470. }
  471.  
  472. .pagi a:hover {
  473. color:{color:link hover};
  474. }
  475.  
  476. .player {
  477. width:50px;
  478. height:25px;
  479. overflow:hidden;
  480. position:absolute;
  481. background:white;}
  482.  
  483. .audioinfo {
  484. margin-left:50px;
  485. font-size:12px;
  486. }
  487.  
  488. .q {
  489. text-align:center;
  490. font-weight:bold;
  491. }
  492.  
  493. .as {
  494. font-weight:bold;
  495. text-transform:uppercase;
  496. margin-bottom:10px;
  497. }
  498.  
  499.  
  500. .a {
  501. margin-top:10px;
  502.  
  503. }
  504.  
  505. .chat ol {
  506. padding:0;
  507. list-style:none;
  508. }
  509.  
  510. .label {font-weight:bold;
  511. }
  512.  
  513. .newplayerbutton {
  514. position: relative;
  515. width: 28px;
  516. height: 27px;
  517. overflow: hidden;
  518. }
  519.  
  520. .playerbuttonhug {
  521. position: absolute;
  522. top: -11px;
  523. left: -12px;
  524. }
  525.  
  526.  
  527. .tumblr_audio_player {
  528. border: none;
  529. padding: 0px;
  530. margin: 0px;
  531. height: 50px;
  532. width: 500px;
  533. }
  534.  
  535. .playerbuttonbg {
  536. position: absolute;
  537. z-index:999;
  538. left: 30px;
  539. top: 30px;
  540. width: 28px;
  541. height: 28px;
  542. background-color: #ffffff;
  543. padding: 10px;
  544. -webkit-border-radius: 40px;
  545. -moz-border-radius: 40px;
  546. border-radius: 0px;
  547. opacity: .4;
  548. filter: alpha(opacity=40);
  549. -moz-opacity: 0.4;
  550. -khtml-opacity: 0.4;
  551. transition: opacity .7s ease-in-out;
  552. -moz-transition: opacity .7s ease-in-out;
  553. -webkit-transition: opacity .7s ease-in-out;
  554. }
  555.  
  556. .playerbuttonbg:hover {
  557. opacity: 1;
  558. filter: alpha(opacity=100);
  559. -moz-opacity: 1;
  560. -khtml-opacity: 1;
  561. }
  562.  
  563. .audioimgwrapper {
  564. position: absolute;
  565. padding:10px;
  566. background-color:{color:sidebar background};
  567. left: 0px;
  568. top: 0px;
  569. -webkit-border-radius: 50px;
  570. -moz-border-radius: 50px;
  571. border-radius: 0px;
  572. overflow: hidden;
  573. width: 90px;
  574. height: 88px;
  575. }
  576.  
  577. .audioimgwrapper img {
  578. width: 100%;
  579. height: auto;
  580. -webkit-border-radius: 50px;
  581. -moz-border-radius: 50px;
  582. border-radius: 0px;
  583. }
  584.  
  585. .trackdetails {
  586. width: auto;
  587. display:inline-block;
  588. margin-left: 120px;
  589. line-height:200%;
  590. min-height: 85px;
  591. margin-top:0px;
  592. }
  593.  
  594. .audiowrapper {
  595. position: relative;
  596. display:inline-block;
  597. margin-bottom:20px;
  598. }
  599. #credit {
  600. position:fixed;
  601. color:{color:text};
  602. bottom:2px;
  603. right:1px;
  604. padding:4px;
  605. font-size:12px;
  606. }
  607.  
  608. #credit a {
  609. text-decoration:none;
  610. }
  611.  
  612.  
  613.  
  614. </style>
  615. </head>
  616. <body>
  617. <div id="lefty"></div>
  618. <div id="right"></div>
  619. <div id="top"></div>
  620. <div id="bottom">
  621. <div class="pagi">
  622. {block:Pagination}
  623. {block:PreviousPage}
  624. <a href="{PreviousPage}">previous</a>
  625. {/block:PreviousPage}
  626.  
  627.  
  628. {block:NextPage}
  629. <a href="{NextPage}">&nbsp;next </a>
  630. {/block:NextPage}
  631. {/block:Pagination}
  632. </div>
  633. <div id="credit">
  634. <a href="http://kalopsiathemes.tumblr.com" title="kalopsiathemes"</div>&#916;</a></div>
  635. </div>
  636. <div id="sidebar">
  637. <div id="title">{title}</div>
  638. <div id="below">
  639. <div id="left">
  640. <div id="sidebarimage">
  641. <a href="/">
  642. <img src="{image:sidebar}"></a></div>
  643. <table>
  644. <div id="nav">
  645. <tr>
  646. <td>
  647. <div class="link">
  648. <a href="{text:link1url}">{text:link1}</a></div></td>
  649. <td><div class="link2"><a href="{text:link2url}">{text:link2}</a></div></td></tr>
  650. <tr><td><div class="link3"><a href="{text:link3url}">{text:link3}</a></div></td>
  651. <td><div class="link4"><a href="{text:link4url}">{text:link4}</a></div></div>
  652. </td></tr></table>
  653. </div>
  654. <div id="description">{Description}</div>
  655. </div></div>
  656.  
  657.  
  658. <div id="content">
  659. {block:Posts}<div id="posts">
  660.  
  661. <div class="entries">
  662. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}{/block:Text}
  663.  
  664. {block:Quote}<h2>&#147;{Quote}&#148;</h2><h1>-{Source}</h1>{/block:Quote}
  665.  
  666. {block:Link}<a href="{URL}"><h3>{Name}</h3></a>
  667.  
  668. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  669.  
  670. {block:Photo} {block:If500pxposts}<img src="{PhotoURL-500}" />{block:Caption}{Caption}{/block:Caption} {/block:If500pxposts}{block:If400pxposts}<img src="{PhotoURL-400}" />{block:Caption}{Caption}{/block:Caption} {/block:If400pxposts}{block:If250pxposts}<img src="{PhotoURL-250}" />{block:Caption}{Caption}{/block:Caption} {/block:If250pxposts}{/block:Photo}
  671.  
  672. {block:Photoset}
  673. {block:If500pxposts}
  674. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  675. {/block:If500pxposts}
  676. {block:If400pxposts}
  677. <center>{Photoset-400}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  678.  
  679. {/block:If400pxposts}
  680. {block:If250pxposts}
  681. <center>{Photoset-250}</center>{block:Caption}{Caption} {/block:If400pxposts}{/block:Caption}
  682.  
  683. {/block:If250pxposts}
  684. {/block:Photoset}
  685.  
  686. {block:Chat}<ul class="chat">{block:Title}<h3>{Title}</h3>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  687.  
  688. {block:Video}{block:If500pxposts} {Video-500}{block:Caption}{Caption}{/block:Caption}
  689. {/block:If500pxposts}
  690. {block:If400pxposts}
  691. {Video-400}{block:Caption}{Caption}{/block:Caption}
  692. {/block:If400pxposts}
  693. {block:If250pxposts}
  694. {Video-250}{block:Caption}{Caption}{/block:Caption}
  695. {/block:If250pxposts}{/block:Video}
  696.  
  697. {block:Audio}{block:AudioPlayer}
  698. <div class="audiowrapper">
  699. {block:AlbumArt}
  700. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  701. {/block:AlbumArt}
  702.  
  703. <div class="playerbuttonbg">
  704. <div class="newplayerbutton">
  705. <div class="playerbuttonhug">
  706.  
  707. {AudioPlayerWhite}
  708.  
  709. </div>
  710. </div>
  711. </div>
  712.  
  713. <div class="trackdetails">
  714.  
  715. {block:TrackName}<strong>{TrackName}</strong>{/block:TrackName}<br/>
  716. {block:Artist}<em>{Artist}</em> {/block:Artist}<br/>
  717. {block:Album}{Album}{/block:Album}<br/>
  718. {PlayCountWithLabel}
  719.  
  720. </div>
  721. </div>
  722. {/block:AudioPlayer}{/block:Audio}
  723.  
  724.  
  725. {block:Answer}
  726. <div class="q">
  727. <div class="as">{Asker} inquired: </div>
  728. {Question}</div>
  729. <div class="a">{Answer}</div>
  730. {/block:Answer}
  731.  
  732. {block:Date}<div id="postinfo">{12Hour}:{Minutes}&nbsp;&#x7c;<a href="{permalink}">&nbsp;{NoteCount} notes</a>&nbsp;&#x7c;&nbsp;<a href="{ReblogURL}">reblog</a>{block:PermalinkPage}{block:RebloggedFrom}&nbsp;&#x7c;&nbsp;(<a href="{ReblogParentURL}" title="{ReblogParentName}">via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">&#x7c;&nbsp;src&nbsp;</a>){/block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag},&nbsp;</a>{/block:Tags}</div>{/block:HasTags}{/block:PermalinkPage}</div>{/block:Date}
  733. </div>
  734. {block:PostNotes}
  735. <div class="pagenotes">
  736. {PostNotes}
  737. </div>
  738. {/block:PostNotes}
  739. </div>
  740. {/block:Posts}
  741. </div>
  742. </div>
  743. </div>
  744.  
  745.  
  746. {block:ContentSource}
  747. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  748. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  749. {/block:SourceLogo}
  750. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  751. {/block:ContentSource}
  752.  
  753.  
  754. </body></html>
  755. </html>
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!