API tools faq
paste
baechubaechubaechu

BabyBaechu

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