API tools faq
paste
baechubaechubaechu

Hummingbird Theme

baechubaechubaechu
Jul 7th, 2015
7,950
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.81 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. <!--
  5.  
  6. ** Hummingbird -Theme by Caro / baechys@tumblr
  7.  
  8. ------------------------------------------------------------------------
  9.  
  10. Updated as of August 25th 2017 -
  11.  
  12. - Minor design changes
  13.  
  14.  
  15. Updated as of April 19th 2016 -
  16.  
  17. - Added PXU Photosets
  18. - Updated design
  19.  
  20. ------------------------------------------------------------------------
  21.  
  22. Script/s used:
  23.  
  24. - Tooltips
  25. - PXU Photosets
  26.  
  27. ------------------------------------------------------------------------
  28.  
  29. Questions?
  30.  
  31. Please visit baechys.tumblr.com/faq
  32.  
  33. ------------------------------------------------------------------------
  34.  
  35. CREDIT TO HTTP://BAECHYS.TUMBLR.COM
  36. -->
  37.  
  38. <head>
  39.  
  40. <title>{title}</title>
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{favicon}" />
  43.  
  44. <meta name="image:sidebar img" content=""/>
  45.  
  46. <meta name="color:body font" content="#666666"/>
  47. <meta name="color:links" content="#666666"/>
  48. <meta name="color:links hover" content="#7cc3ef"/>
  49. <meta name="color:links border" content="#7cc3ef"/>
  50. <meta name="color:bold text" content="#666666"/>
  51. <meta name="color:selection" content="#7cc3ef"/>
  52. <meta name="color:blockquotes" content="#666666"/>
  53. <meta name="color:scrollbar" content="#7cc3ef"/>
  54.  
  55. <meta name="select:font" content="'bit'" title="silkscreen"/>
  56. <meta name="select:font" content="calibri" title="calibri"/>
  57. <meta name="select:font" content="consolas" title="consolas"/>
  58.  
  59. <meta name="select:font size" content="10px" title="10px"/>
  60. <meta name="select:font size" content="11px" title="11px"/>
  61.  
  62. <meta name="if:sidebar image" content="0"/>
  63.  
  64. <meta name="text:link 1" content="link 1"/>
  65. <meta name="text:link 1 url" content="/"/>
  66. <meta name="text:link 2" content="link 2"/>
  67. <meta name="text:link 2 url" content="/"/>
  68. <meta name="text:link 3" content="link 3"/>
  69. <meta name="text:link 3 url" content="/"/>
  70. <meta name="text:link 4" content="link 4"/>
  71. <meta name="text:link 4 url" content="/"/>
  72. <meta name="text:link 5" content="link 5"/>
  73. <meta name="text:link 5 url" content="/"/>
  74. <meta name="text:link 6" content="link 6"/>
  75. <meta name="text:link 6 url" content="/"/>
  76.  
  77.  
  78. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  79.  
  80. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  81. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  82. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  83.  
  84. <script>
  85. $(document).ready(function(){
  86. $('.photo-slideshow').pxuPhotoset({
  87. lightbox: true,
  88. rounded: false,
  89. gutter: '4px',
  90. borderRadius: '0px',
  91. photoset: '.photo-slideshow',
  92. photoWrap: '.photo-data',
  93. photo: '.pxu-photo'
  94. });
  95. });
  96. </script>
  97. <!-- tooltips -->
  98. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  99. <script>
  100. (function($){
  101. $(document).ready(function(){
  102. $("[title]").style_my_tooltips({
  103. tip_follows_cursor:true,
  104. tip_delay_time:200,
  105. tip_fade_speed:300
  106. }
  107. );
  108. });
  109. })(jQuery);
  110. </script>
  111.  
  112. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  113.  
  114. <style type="text/css">
  115.  
  116. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
  117. z-index:999999999!important;
  118. right:3px;
  119. opacity:0.3;
  120. -webkit-filter:invert(100%);
  121. -moz-filter:invert(100%);
  122. -filter:invert(100%);
  123. -webkit-transition: all 0.4s linear;
  124. -moz-transition: all 0.4s linear;
  125. transition: all 0.4s linear;
  126. }
  127.  
  128. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover{
  129. opacity:1;
  130. }
  131.  
  132. .vignette, #vignette {
  133. opacity:0;
  134. }
  135. .lightbox-image, #tumblr_lightbox img {
  136. box-shadow:none !important;
  137. border-radius:0 !important;
  138. max-width:none;
  139. }
  140.  
  141. .tmblr-lightbox, #tumblr_lightbox {
  142. background-color:rgba(255,255,255,0.85) !important;
  143. }
  144.  
  145. body{
  146. margin:0px;
  147. padding:0px;
  148. font-family: {select:font};
  149. font-size: {select:font size} ;
  150. color:{color:body font};
  151. background:{color:background};
  152. background-attachment:fixed;
  153. }
  154. b, strong{
  155. color:{color:bold text};
  156. }
  157.  
  158. a{
  159. color:{color:links};
  160. text-decoration:none;
  161. border-bottom:1px solid {color:links border};
  162. }
  163.  
  164. a:hover{
  165. color:{color:links hover};
  166. -moz-transition-duration: 0.5s;
  167. -o-transition-duration: 0.5s;
  168. -webkit-transition-duration: 0.5s;
  169. transition-duration: 0.5s;
  170. }
  171.  
  172. h2{
  173. font-size:18px;
  174. color:{color:bold text};
  175. }
  176.  
  177. blockquote{
  178. margin:10px 0;
  179. padding:0 0 0 10px;
  180. border-left:1px solid {color:body font};
  181. }
  182.  
  183. /*DONT REMOVE OR DESTROY MY CREDITS
  184. LEAVE EVERYTHING WHERE IT IS*/
  185. #c{
  186. position:fixed;
  187. bottom: 15px;
  188. right: 10px;
  189. z-index:999999;
  190. }
  191. #c a{
  192. background:{color:links hover};
  193. font-family:arial, sans-serif;
  194. color:#fff;
  195. font-size:10px;
  196. padding:5px;
  197. letter-spacing:1px;
  198. text-decoration:none;
  199. border:1px solid {color:links hover};
  200. }
  201. #c a:hover{
  202. border:1px solid {color:links hover};
  203. background:#fff;
  204. color:{color:links hover};
  205. }
  206. /*DONT REMOVE OR DESTROY MY CREDITS
  207. LEAVE EVERYTHING WHERE IT IS*/
  208.  
  209. @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
  210.  
  211. ::-webkit-scrollbar-thumb:vertical {
  212. background-color: {color:scrollbar};
  213. height:auto;
  214. }
  215.  
  216.  
  217. ::-webkit-scrollbar-thumb:horizontal {
  218. background-color: {color:scrollbar};
  219. height:8px;
  220. }
  221.  
  222. ::-webkit-scrollbar {
  223. height:8px;
  224. width:8px;
  225. background-color: #fff;
  226. }
  227.  
  228. ::selection {
  229. background-color:{color:selection};
  230. color:white;}
  231.  
  232. #s-m-t-tooltip {
  233. max-width:100px;
  234. padding:5px 10px 5px 10px;
  235. margin:20px 14px 7px 10px;
  236. border:1px solid {color:links border};
  237. background-color:#fff;
  238. font-style: normal;
  239. font-size:10px;
  240. line-height:10px;
  241. letter-spacing:0px;
  242. text-transform:none;
  243. z-index:999999999;
  244. }
  245.  
  246. #postcont{
  247. margin-top:50px;
  248. width:410px;
  249. margin:0 auto;
  250. }
  251.  
  252. #post{
  253. width:400px;
  254. padding:5px;
  255. margin-top:50px;
  256. margin-bottom:50px;
  257. overflow:hidden;
  258. }
  259.  
  260. #post img{
  261. max-width:100%;
  262. height:auto;
  263. }
  264.  
  265. #post img a{
  266. border-bottom:none;
  267. }
  268.  
  269. #quote{
  270. text-align:center;
  271. font-size:18px;
  272. }
  273.  
  274. #audio{
  275. width:400px;
  276. }
  277.  
  278. #ask{
  279. padding:10px;
  280. display:block;
  281. border:1px solid {color:links border};
  282. }
  283.  
  284. .tags{
  285. padding-top:5px;
  286. }
  287.  
  288. #note{
  289. width:400px;
  290. margin: 0 auto;
  291. padding:5px;
  292. background:#fff;
  293. color:{color:body text};
  294. }
  295. .notes img{width:20px; position:relative; top:1px padding-right:5px;}
  296. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  297.  
  298. #pagi{
  299. width:400px;
  300. padding:5px;
  301. margin:0 auto;
  302. margin-top:50px;
  303. margin-bottom:50px;
  304. overflow:hidden;
  305. text-align:center;
  306. }
  307. #pagi a{
  308. height:15px;
  309. width:15px;
  310. text-align:center;
  311. line-height:15px;
  312. color:#fff;
  313. margin:3px;
  314. border-bottom:none;
  315. background-color:{color:links border};
  316. }
  317.  
  318. #pagi a:hover{
  319. background-color:#fff;
  320. color:{color:links border};
  321. }
  322.  
  323. .current_page{
  324. height:15px;
  325. width:15px;
  326. text-align:center;
  327. line-height:15px;
  328. background-color:#fff;
  329. color:{color:links border};
  330. border:1px solid {color:links border};
  331. }
  332.  
  333. /*---------------- Sidebar ----------------*/
  334.  
  335. #sidebar{
  336. width:150px;
  337. padding:5px;
  338. position:fixed;
  339. display:block;
  340. margin-top:130px;
  341. margin-left:200px;
  342. text-align:center;
  343. }
  344.  
  345. #sidebar img{
  346. max-width:150px;
  347. max-height:150px;
  348. }
  349.  
  350. #links{
  351. margin-top:5px;
  352. text-align:center;
  353. }
  354.  
  355. #links a{
  356. margin:2px;
  357. padding-top:3px;
  358. }
  359.  
  360. {CustomCSS}
  361. </style>
  362.  
  363. <body>
  364.  
  365. <div id="sidebar">
  366. <a href="/" title="{title}" style="border-bottom:none"> <img src="{image:sidebar img}"> </a>
  367. {description}
  368. <div id="links">
  369. <a href="{text:link 1 url}">{text:link 1}</a>
  370. <a href="{text:link 2 url}">{text:link 2}</a>
  371. <a href="{text:link 3 url}">{text:link 3}</a>
  372. <a href="{text:link 4 url}">{text:link 4}</a>
  373. <a href="{text:link 5 url}">{text:link 5}</a>
  374. <a href="{text:link 6 url}">{text:link 6}</a>
  375. </div>
  376. </div>
  377.  
  378. <div id="postcont">
  379.  
  380. {block:Posts}
  381. <div id="post">
  382.  
  383. {block:Text}
  384. {block:Title}<h2>{Title}</h2>{/block:Title}
  385. {Body}
  386. {/block:Text}
  387.  
  388. {block:Photo}
  389. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  390. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  391. {/block:Photo}
  392.  
  393. {block:Photoset}
  394. <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 style="border-bottom:none" class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  395. {block:caption}{caption}{/block:caption}
  396. {/block:Photoset}
  397.  
  398. {block:Quote}
  399. <div id="quote">{Quote}</div> <br>
  400. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  401. {/block:Quote}
  402.  
  403. {block:Link}
  404. <h2><a href="{URL}" target="{Target}">{Name}</a></h2>
  405. {block:Description}{Description}{/block:Description}
  406. {/block:Link}
  407.  
  408. {block:Chat}
  409. <h2>{block:Title}{Title}{/block:Title}</h2>
  410. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  411. {/block:Chat}
  412.  
  413. {block:Audio}
  414. <div id="audio"><center>{AudioPlayerWhite}</center></div>
  415. {block:PlayCount}<b>Played: </b>{FormattedPlayCount} times {/block:PlayCount} <br>
  416. {block:TrackName}<b>Title: </b>{TrackName}{/block:TrackName}<br>
  417. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist} <br>
  418. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  419. {/block:Audio}
  420.  
  421. {block:Video}
  422. {Video-400}
  423. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  424. {/block:Video}
  425.  
  426. {block:Answer}
  427. <div id="ask">
  428. <b>{Asker} said: {Question} </b>
  429. </div>
  430. {Answer}
  431. {/block:Answer}
  432.  
  433. {block:IndexPage}
  434. <div class="tags">
  435. <div class="date">
  436. {block:date}
  437. <a href="{permalink}" title="{TimeAgo}">{block:date}{MonthNumber}/{DayOfMonthWithZero}</a>
  438. {/block:date}
  439.  
  440. {block:NoteCount}
  441. +<a href="{permalink}" title="{noteCount} notes">{notecount}</a>
  442. {/block:NoteCount}
  443. <a href="{ReblogURL}" target="_blank" style="float:right"> reblog? </a>
  444. </div>
  445. <br>
  446. {block:HasTags}
  447. {block:Tags} <a href="{TagURL}">#{tag}</a> {/block:Tags}
  448. {/block:HasTags}
  449. </div>
  450. {/block:IndexPage}
  451.  
  452. {block:PermalinkPage}
  453. <br><br>
  454. {block:Date}
  455. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  456. {/block:Date} <br>
  457. {block:NoteCount}
  458. <b>Notes:</b> {NoteCount}<br>
  459. {/block:NoteCount}
  460. {block:HasTags}
  461. <b>Tags</b>
  462. {block:Tags}
  463. <a href="{TagURL}">#{tag}</a>
  464. {/block:Tags}<br>
  465. {/block:HasTags}
  466. {block:RebloggedFrom}
  467. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  468. {block:ContentSource}
  469. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  470. {/block:ContentSource}
  471. {/block:RebloggedFrom}
  472. </div>
  473. {/block:PermalinkPage}
  474.  
  475. {block:PermalinkPage}
  476. {block:PostNotes}
  477. {block:NoteCount}
  478. <div id="note">
  479. {PostNotes}
  480. </div>
  481. {/block:NoteCount}
  482. {/block:PostNotes}
  483. {/block:permalinkpage}
  484. </div>
  485. {/block:Posts}
  486.  
  487. {block:indexpage}
  488. {block:Pagination}
  489. <div id="pagi">
  490. {block:PreviousPage}
  491. <a href="{PreviousPage}"><</a>
  492. {/block:PreviousPage}
  493.  
  494. {block:JumpPagination length="3"}
  495. {block:CurrentPage}
  496. <span class="current_page">{PageNumber}</span>
  497. {/block:CurrentPage}
  498.  
  499. {block:JumpPage}
  500. <a class="jump_page" href="{URL}">{PageNumber}</a>
  501. {/block:JumpPage}
  502. {/block:JumpPagination}
  503.  
  504. {block:NextPage}
  505. <a href="{NextPage}">></a>
  506. {/block:NextPage}
  507.  
  508. </div>
  509. {/block:Pagination}
  510. {/block:indexpage}
  511.  
  512. </div>
  513. <!-- DONT REMOVE OR DESTROY MY CREDITS LEAVE EVERYTHING WHERE IT IS -->
  514. <div id="c">
  515. <a href="http://baechys.tumblr.com" title="Made with love by Caroline">BCHYS</a>
  516. </div>
  517. <!-- DONT REMOVE OR DESTROY MY CREDITS LEAVE EVERYTHING WHERE IT IS -->
  518.  
  519. </body>
  520. </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!