API tools faq
paste
Advertisement
dar-g-ling

#6 Birb Theme

dar-g-ling
Aug 2nd, 2015
200
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.41 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. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic' rel='stylesheet' type='text/css'>
  8.  
  9.  
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="Description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <meta name="color:Text" content="#e9e9e9">
  19. <meta name="color:Link" content="#fff">
  20. <meta name="color:Link Hover" contetn="#4d4d4d">
  21.  
  22. <meta name="text:Title 1" content="Home">
  23. <meta name="text:URL 1" content="/">
  24. <meta name="text:Title 2" content="Ask">
  25. <meta name="text:URL 2" content="/ask">
  26. <meta name="text:Title 3" content="">
  27. <meta name="text:URL 3" content="/">
  28. <meta name="text:Title 4" content="">
  29. <meta name="text:URL 4" content="/">
  30. <meta name="text:Title 5" content="">
  31. <meta name="text:URL 5" content="/">
  32. <meta name="text:Title 6" content="">
  33. <meta name="text:URL 6" content="/">
  34. <meta name="text:Title 7" content="">
  35. <meta name="text:URL 7" content="/">
  36. <meta name="text:Title 8" content="">
  37. <meta name="text:URL 8" content="/">
  38. <meta name="text:Title 9" content="">
  39. <meta name="text:URL 9" content="/">
  40. <meta name="text:Title 10" content="">
  41. <meta name="text:URL 10" content="/">
  42. <meta name="text:Title 11" content="">
  43. <meta name="text:URL 11" content="/">
  44. <meta name="text:Title 12" content="">
  45. <meta name="text:URL 12" content="/">
  46.  
  47. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script>
  48.  
  49.  
  50. <style type="text/css">
  51.  
  52. ::-webkit-scrollbar {background-color:#616161; width:8px}
  53. ::-webkit-scrollbar-thumb:vertical {background-color:#d1d1d1;}
  54.  
  55. body {
  56. background-color:#151D1F;
  57. font-family:'Josefin Sans', Arial;
  58. font-size:11px;
  59. letter-spacing:1px;
  60. color:{color:Text};
  61. }
  62.  
  63. body:img {
  64. height:100%;
  65. opacity:.7;
  66. }
  67.  
  68. a {
  69. text-decoration:none;
  70. letter-spacing:1px;
  71. color:{color:Link};
  72. -webkit-transition: all 0.5s ease-out;
  73. -moz-transition: all 0.5s ease-out;
  74. -o-transition: all 0.5s ease-out;
  75. transition:all 0.5s ease-out;
  76. }
  77.  
  78. a:hover {
  79. color:{color:Link Hover};
  80. -webkit-transition: all 0.5s ease-out;
  81. -moz-transition: all 0.5s ease-out;
  82. -o-transition: all 0.5s ease-out;
  83. transition: all 0.5s ease-out;
  84. }
  85.  
  86. h1 {
  87. text-transform:uppercase;
  88. text-decoration:none;
  89. text-align:center;
  90. padding:3px;
  91. background-color: rgba(255,255,255,.3);
  92. }
  93.  
  94. blockquote {
  95. border-left:1px;
  96. border-left: solid;
  97. padding-left:3px;
  98. }
  99.  
  100. blockquote blockquote {
  101. border-left:1px;
  102. border-left: solid;
  103. padding-left:3px;
  104. }
  105.  
  106. #corner {
  107. position:fixed;
  108. width:auto;
  109. height:100%;
  110. left:0px;
  111. bottom:0px;
  112. z-index:99;
  113. }
  114.  
  115. #corner img {
  116. opacity:1;
  117. height:100%;
  118. margin-left:0px;
  119. }
  120.  
  121. .navbox {
  122. opacity:1;
  123. top:30px;
  124. left:54%;
  125. position:fixed;
  126. width:30px;
  127. height:99%;
  128. z-index:999;
  129. }
  130.  
  131. .nav {
  132. position:relative;
  133. font-family:'Josefin Sans', Arial;
  134. font-size:20px;
  135. color:#a3a3a3;
  136. margin-top:55%;
  137. z-index:999;
  138. }
  139.  
  140. div#qTip {
  141. position: absolute;
  142. padding: 8px;
  143. margin-left:15px;
  144. margin-top:5px;
  145. text-align: center;
  146. font-family:'Josefin Sans', Helvetica, Verdana;
  147. font-size:12px;
  148. border:1px solid #fff;
  149. line-height:10px;
  150. z-index:9999;
  151. color: #fff;
  152. background-color:#151D1F;
  153. letter-spacing: 2px;
  154. text-transform:uppercase;
  155. display:none;
  156. }
  157.  
  158. #pagination {
  159. position:fixed;
  160. text-align:center;
  161. font-size:12px;
  162. color:#fff;
  163. left:54%;
  164. margin-left:-200px;
  165. width:250px;
  166. top: 220px;
  167. z-index:9999;
  168. }
  169.  
  170. #pagination a {
  171. text-decoration:none;
  172. color:#d2d2d2;
  173. -webkit-transition: all 0.5s ease-out;
  174. -moz-transition: all 0.5s ease-out;
  175. -o-transition: all 0.5s ease-out;
  176. }
  177.  
  178. #pagination a:hover {
  179. color:#3e3e3e;
  180. }
  181.  
  182. /* 8 POST TYPES */
  183.  
  184. .post {
  185. background:url('http://i57.tinypic.com/2eb8yt1.png');
  186. width:510px;
  187. margin-left:56%;
  188. margin-right:7px;
  189. margin-bottom:7px;
  190. margin-top:35px;
  191. border:dashed 1px #7e7e7e;
  192. padding:8px;
  193. z-index:1;
  194. }
  195.  
  196. .quote {
  197. text-align:justify;
  198. font-size:18px;
  199. padding:3px;
  200. background-color: rgba(255,255,255,.3);
  201. }
  202.  
  203. .asks {
  204. padding:3px;
  205. background-color: rgba(255,255,255,.2);
  206. }
  207.  
  208. .notes {
  209. font-size:8px;
  210. text-align:center;
  211. text-transform:uppercase;
  212. border-top:1px dashed rgba(255, 255, 255, .7);
  213. padding-top:5px;
  214. padding-bottom:5px;
  215. }
  216.  
  217. .tags {
  218. font-size:8px;
  219. text-align:center;
  220. text-transform:uppercase;
  221. }
  222.  
  223. .audio {
  224. margin-bottom:10px;
  225. height:100px;
  226. }
  227.  
  228. .albumart {
  229. position:absolute;
  230. width:98px;
  231. border:1px solid rgba(0,0,0,.1);
  232. padding:2px;
  233. z-index:1;
  234. }
  235.  
  236. .player {
  237. position:absolute;
  238. background:#000;
  239. width:27px;
  240. z-index:999;
  241. height:27px;
  242. overflow:hidden;
  243. margin-top:35px;
  244. margin-left:35px;
  245. padding:3px;
  246. opacity:0;
  247. -webkit-transition: all 0.6s ease-out;
  248. -o-transition: all 0.6s ease-out;
  249. -webkit-transition: all 0.6s ease-out;
  250. -moz-transition: all 0.6s ease-out;
  251. }
  252.  
  253. .audio:hover .player {
  254. opacity:.7;
  255. }
  256.  
  257. .audioinfo {
  258. width:370px;
  259. float:right;
  260. text-align:left;
  261. padding:2px;
  262. line-height:20px;
  263. }
  264.  
  265. .chats {
  266. line-height:20px;
  267. }
  268.  
  269. #credit {
  270. border:1px dashed #e3e3e3;
  271. margin:3px;
  272. padding:5px;
  273. font-size:10px;
  274. position:fixed;
  275. top:0px;
  276. left:0px;
  277. z-index:9999;
  278. }
  279.  
  280. </style>
  281.  
  282. </head>
  283.  
  284. <body>
  285.  
  286. <div id="credit"><a href="http://beautiful--pirate.tumblr.com/themes">DRGL</a></div>
  287.  
  288. <div id="corner"><img src="http://i61.tinypic.com/2dmccg2.png"> </div>
  289.  
  290. <div class="navbox">
  291. <div class="nav"><a href="{text:URL 1}" title="{text:Title 1}">X</a></div>
  292. <div class="nav"><a href="{text:URL 2}" title="{text:Title 2}">X</a></div>
  293. <div class="nav"><a href="{text:URL 3}" title="{text:Title 3}">X</a></div>
  294. <div class="nav"><a href="{text:URL 4}" title="{text:Title 4}">X</a></div>
  295. <div class="nav"><a href="{text:URL 5}" title="{text:Title 5}">X</a></div>
  296. <div class="nav"><a href="{text:URL 6}" title="{text:Title 6}">X</a></div>
  297. <div class="nav"><a href="{text:URL 7}" title="{text:Title 7}">X</a></div>
  298. <div class="nav"><a href="{text:URL 8}" title="{text:Title 8}">X</a></div>
  299. <div class="nav"><a href="{text:URL 9}" title="{text:Title 9}">X</a></div>
  300. <div class="nav"><a href="{text:URL 10}" title="{text:Title 10}">X</a></div>
  301. <div class="nav"><a href="{text:URL 11}" title="{text:Title 11}">X</a></div>
  302. <div class="nav"><a href="{text:URL 12}" title="{text:Title 12}">X</a></div>
  303.  
  304. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous </a>{/block:PreviousPage} | {block:NextPage} <a href="{NextPage}"> next</a>{/block:NextPage}{/block:Pagination}</div>
  305. </div>
  306.  
  307.  
  308. {block:Posts}<div class="post">
  309. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  310.  
  311. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  312.  
  313. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314.  
  315. {block:Quote}<div class="quote">{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  316.  
  317. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  318.  
  319. {block:Answer}<div class="asks"><img src="{AskerPortraitURL-30}"/><i><b> {Asker}</b> asked: </i>{Question}</div>{Answer}{/block:answer}
  320.  
  321. {block:Audio}
  322. <div class="audio">
  323. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  324. <div class="player">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div>
  325. <div class="audioinfo">
  326. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  327. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  328. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  329. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}</div></div>
  330.  
  331. {block:Caption}{Caption}{/block:Caption}
  332. {/block:Audio}
  333.  
  334. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  335. <div class="chats">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>{/block:Chat}
  336.  
  337. <div class="notes">
  338. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} || <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}
  339. {block:RebloggedFrom} || <a href="{ReblogParentURL}">{ReblogParentName} </a>{/block:RebloggedFrom}
  340. {block:ContentSource} || © <a href="{SourceURL}">{SourceLink}
  341. </a>{/block:ContentSource}{/block:Date}
  342. </div>
  343.  
  344. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  345.  
  346. {block:HasTags}<div class="tags">
  347. {block:Tags} # <a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  348. {/block:HasTags}
  349.  
  350.  
  351. {block:PostNotes}{PostNotes}{/block:PostNotes}
  352.  
  353. </div>{/block:Posts}
  354.  
  355.  
  356.  
  357.  
  358. </body>
  359. </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!