API tools faq
paste
baechubaechubaechu

Seulgi.OS

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