API tools faq
paste
baechubaechubaechu

Seapony Theme

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