API tools faq
paste
baechubaechubaechu

(1/12) Chungha

baechubaechubaechu
Jan 4th, 2018
4,888
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.10 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. ** Chungha -Theme by Caro / baechys@tumblr
  7.  
  8. ------------------------------------------------------------------------
  9.  
  10. Script/s used:
  11.  
  12. - PXU Photosets
  13. - Tooltips
  14. - Smooth scrolling ( http://zacharyfury.tumblr.com/post/138066236021 )
  15. - Unnested Captions ( http://neothm.com/post/148902138319 )
  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 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. <!------------------------- General HTML ------------------------->
  44.  
  45. <title>{title}</title>
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47. <link rel="shortcut icon" href="{favicon}" />
  48.  
  49. <!------------------------- Meta Names ------------------------->
  50.  
  51. <meta name="image:avatar" content="https://static.tumblr.com/d70w4cr/2K5p21k1q/chungha.png"/>
  52.  
  53. <meta name="color:background" content="#f7fbf4"/>
  54. <meta name="color:body font" content="#888"/>
  55. <meta name="color:links" content="#78ccd0"/>
  56. <meta name="color:links hover" content="#be83ab"/>
  57. <meta name="color:bold text" content="#999"/>
  58. <meta name="color:tooltips border" content="#78ccd0"/>
  59. <meta name="color:gradient 1" content="#b8d992"/>
  60. <meta name="color:gradient 2" content="#78ccd0"/>
  61. <meta name="color:gradient 3" content="#be83ab"/>
  62. <meta name="color:shadows" content="#b8d992"/>
  63.  
  64. <meta name="if:topbar" content="1"/>
  65. <meta name="if:topbar border" content="1"/>
  66. <meta name="if:title" content="1"/>
  67. <meta name="if:sidebar image" content="1"/>
  68. <meta name="if:sidebar image border" content="1"/>
  69. <meta name="if:shadows" content="1"/>
  70. <meta name="if:tags" content="1"/>
  71.  
  72. <meta name="select:topbar border width" content="3px" title="3px"/>
  73. <meta name="select:topbar border width" content="2px" title="2px"/>
  74. <meta name="select:topbar border width" content="1px" title="1px"/>
  75.  
  76. <meta name="text:post width" content="400"/>
  77. <meta name="text:font size" content="11"/>
  78. <meta name="text:title icon" content="moon-1"/>
  79. <meta name="text:shadow intensity" content="0.5"/>
  80.  
  81. <meta name="text:link 1 icon" content="moon-1"/>
  82. <meta name="text:link 1" content="/"/>
  83. <meta name="text:link 1 title" content="home"/>
  84. <meta name="text:link 2 icon" content="rocket"/>
  85. <meta name="text:link 2" content="/ask"/>
  86. <meta name="text:link 2 title" content="ask"/>
  87. <meta name="text:link 3 icon" content="stars"/>
  88. <meta name="text:link 3" content="/"/>
  89. <meta name="text:link 3 title" content="title"/>
  90. <meta name="text:link 4 icon" content="alien"/>
  91. <meta name="text:link 4" content="/"/>
  92. <meta name="text:link 4 title" content="link 4"/>
  93. <meta name="text:link 5 icon" content="saturn"/>
  94. <meta name="text:link 5" content="/"/>
  95. <meta name="text:link 5 title" content="/link 5"/>
  96.  
  97. <!------------------------- Imported Fonts ------------------------->
  98.  
  99. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  100.  
  101. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i" rel="stylesheet">
  102.  
  103. <!------------------------- SCRIPTS! DONT TOUCH! ------------------------->
  104.  
  105. <!-- photosets -->
  106. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  107. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  108. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  109.  
  110. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  111.  
  112. <script> $(function(){ $('article').unnest({
  113. yourCaption: ".cap",
  114. newCaptionUsername: false,
  115. originalPostCaptionUsername: false,
  116. tumblrAvatars: false,
  117. usernameColon: false
  118. }); }); </script>
  119.  
  120. <script>
  121. $(document).ready(function(){
  122. $('.photo-slideshow').pxuPhotoset({
  123. lightbox: true,
  124. rounded: true,
  125. gutter: '4px',
  126. borderRadius: '5px',
  127. photoset: '.photo-slideshow',
  128. photoWrap: '.photo-data',
  129. photo: '.pxu-photo'
  130. });
  131. });
  132. </script>
  133. <!-- tooltips -->
  134. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  135. <script>
  136. (function($){
  137. $(document).ready(function(){
  138. $("[title]").style_my_tooltips({
  139. tip_follows_cursor:true,
  140. tip_delay_time:200,
  141. tip_fade_speed:300
  142. }
  143. );
  144. });
  145. })(jQuery);
  146. </script>
  147.  
  148. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  149.  
  150.  
  151.  
  152. <style type="text/css">
  153.  
  154. .tmblr-iframe{
  155. top:0px!important;
  156. right:10px!important;
  157. white-space:nowrap;
  158. transition: .4s ease-in-out;
  159. -webkit-transition: .4s ease-in-out;
  160. -moz-transition: .4s ease-in-out;
  161. -o-transition: .4s ease-in-out;
  162. position:fixed!important;
  163. z-index:999999999!important;
  164. }
  165.  
  166. /* ----------------- lightbox ----------------- */
  167.  
  168. .vignette, #vignette {
  169. opacity:0;
  170. }
  171. .lightbox-image, #tumblr_lightbox img {
  172. box-shadow:none !important;
  173. border-radius:0 !important;
  174. max-width:none;
  175. }
  176.  
  177. .tmblr-lightbox, #tumblr_lightbox {
  178. background-color:rgba({RGBcolor:background},0.85) !important;
  179. z-index:999999999999!important;
  180. }
  181.  
  182. /* ----------------- basic settings ----------------- */
  183.  
  184. body{
  185. margin:0px;
  186. padding:0px;
  187. font-family: 'open sans', arial, sans-serif;
  188. font-size:{text:font size}px;
  189. color:{color:body font};
  190. background:{color:background};
  191. }
  192. b, strong{
  193. color:{color:bold text};
  194. }
  195. a{
  196. color:{color:links};
  197. text-decoration:none;
  198. }
  199.  
  200. a:hover{
  201. color:{color:links hover};
  202. -moz-transition-duration: 0.5s;
  203. -o-transition-duration: 0.5s;
  204. -webkit-transition-duration: 0.5s;
  205. transition-duration: 0.5s;
  206. }
  207.  
  208. h1, h2, h3, h4, h5, h6{
  209. font-family:'montserrat', sans-serif;
  210. margin:5px 0px;
  211. line-height:150%;
  212. }
  213.  
  214. blockquote{
  215. margin:10px 0;
  216. padding:0 0 0 10px;
  217. border-left:1px solid #999;
  218. }
  219.  
  220. underlined{
  221. border-bottom:1px solid {color:body font};
  222. }
  223.  
  224. pre{
  225. overflow:auto;
  226. background-color:#eee;
  227. display:block;
  228. padding:5px;
  229. }
  230.  
  231. /* think about the people reading ur blog... dont make this smaller pls */
  232. small, h5, h6{
  233. font-size:10px;
  234. }
  235.  
  236. /*DONT REMOVE OR DESTROY MY CREDITS
  237. LEAVE EVERYTHING WHERE IT IS*/
  238. #c{
  239. position:fixed;
  240. bottom: 10px;
  241. right: 10px;
  242. text-align:center;
  243. z-index:999999;
  244. }
  245. #c a{
  246. font-size:12px;
  247. color:#fff;
  248. font-size:10px;
  249. padding:5px 7px;
  250. letter-spacing:1px;
  251. text-decoration:none;
  252. border-radius:5px;
  253. margin:0px 3px;
  254. background: {color:gradient 1};
  255. background: -webkit-linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  256. background: -o-linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  257. background: -moz-linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  258. background: linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  259. }
  260. #c a:hover{
  261. color:#fff;
  262. letter-spacing:1px;
  263. background: {color:gradient 1};
  264. background: -webkit-linear-gradient(to left, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  265. background: -o-linear-gradient(to left, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  266. background: -moz-linear-gradient(to left, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  267. background: linear-gradient(to left, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  268. }
  269.  
  270. /* ----------------- scrollbar ----------------- */
  271.  
  272. ::-webkit-scrollbar-thumb:vertical {
  273. width:6px;
  274. height:auto;
  275. }
  276.  
  277.  
  278. ::-webkit-scrollbar-thumb:horizontal {
  279. height:6px;
  280. }
  281.  
  282. ::-webkit-scrollbar {
  283. height:6px;
  284. width:6px;
  285. }
  286.  
  287. ::-webkit-scrollbar-thumb{
  288. background: {color:gradient 1};
  289. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  290. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  291. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  292. background: linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  293. }
  294.  
  295. ::selection {
  296. background-color:{color:gradient 2};
  297. color:white;}
  298.  
  299. /* ----------------- tooltips ----------------- */
  300.  
  301. #s-m-t-tooltip {
  302. max-width:150px;
  303. padding:5px 10px 5px 10px;
  304. margin:20px 14px 7px 10px;
  305. border:2px solid {color:tooltips border};
  306. background-color:#fff;
  307. font-style: normal;
  308. font-size:{text:font size}px;
  309. line-height:140%;
  310. color:#888;
  311. letter-spacing:0px;
  312. text-transform:none;
  313. z-index:999999999;
  314. border-radius:5px;
  315. }
  316.  
  317. /* ----------------- wrapper ----------------- */
  318.  
  319. #wrapper{
  320. width:calc({text:post width}px + 30px + 300px);
  321. margin:0 auto;
  322. }
  323.  
  324. /* ----------------- topbar ----------------- */
  325.  
  326. nav{
  327. width:100%;
  328. padding:15px 0px;
  329. position:fixed;
  330. top:0px;
  331. left:0px;
  332. {block:iftopbar}
  333. background-color:#fff;
  334. {/block:iftopbar}
  335. z-index:999999;
  336. }
  337.  
  338. .navgrad{
  339. {block:ifnottopbar}
  340. display:none;
  341. {/block:ifnottopbar}
  342. width:100%;
  343. height:{select:topbar border width};
  344. position:absolute;
  345. margin-top:38px;
  346. background: {color:gradient 1};
  347. background: -webkit-linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  348. background: -o-linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  349. background: -moz-linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  350. background: linear-gradient(to right, {color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  351. }
  352.  
  353. /* ----------------- topbar icons ----------------- */
  354.  
  355. #icons{
  356. float:right;
  357. margin-right:20px;
  358. display: -webkit-flex;
  359. display: flex;
  360. -webkit-flex-direction: row;
  361. flex-direction: row;
  362. -webkit-flex-wrap: nowrap;
  363. flex-wrap: nowrap;
  364. -webkit-justify-content: flex-start;
  365. justify-content: flex-start;
  366. }
  367.  
  368. #icons a{
  369. font-size:20px;
  370. padding:0px 10px;
  371. }
  372.  
  373. #icons .sf-home{
  374. color:{color:gradient 1};
  375. }
  376.  
  377. #icons .sf-home:hover{
  378. color:{color:gradient 2};
  379. }
  380.  
  381. #icons .sf-chat{
  382. color:{color:gradient 2};
  383. }
  384.  
  385. #icons .sf-chat:hover{
  386. color:{color:gradient 3};
  387. }
  388.  
  389. #icons .sf-plus-2{
  390. color:{color:gradient 3};
  391. }
  392.  
  393. #icons .sf-plus-2:hover{
  394. color:{color:gradient 1};
  395. }
  396.  
  397. #icons .sf-aero-cursor{
  398. color:#000;
  399. }
  400.  
  401. #icons .sf-aero-cursor:hover{
  402. color:rgba(0,0,0,0.5);
  403. }
  404.  
  405. /* ----------------- title ----------------- */
  406.  
  407. #title{
  408. margin-left:20px;
  409. float:left;
  410. }
  411.  
  412. #title .sf{
  413. color:{color:gradient 1};
  414. font-size:18px;
  415. }
  416.  
  417. #title a{
  418. font-family:'montserrat', sans-serif;
  419. font-weight:600;
  420. font-size:20px;
  421. padding-left:10px;
  422. text-transform:uppercase;
  423. color:{color:gradient 2};
  424. }
  425.  
  426. #title a:hover{
  427. color:{color:gradient 3};
  428. }
  429.  
  430. /* ----------------- sidebar ----------------- */
  431.  
  432. aside{
  433. position:fixed;
  434. margin-top:140px;
  435. width:180px;
  436. }
  437.  
  438. .avi{
  439. width:150px;
  440. background-color:#fff;
  441. padding:15px;
  442. border-radius:10px;
  443. {block:ifshadows}
  444. box-shadow:5px 5px rgba({RGBcolor:shadows}, {text:shadow intensity});
  445. {/block:ifshadows}
  446. }
  447.  
  448. .asimg{
  449. border-radius:10px;
  450. {block:ifnotsidebarimageborder}
  451. width:150px;
  452. max-height:150px;
  453. background-color:#fff;
  454. {/block:ifnotsidebarimageborder}
  455. {block:ifsidebarimageborder}
  456. width:140px;
  457. max-height:140px;
  458. padding:5px;
  459. background: {color:gradient 1};
  460. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  461. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  462. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  463. background: linear-gradient({color:gradient 1}, {color:gradient 2}, {color:gradient 3});
  464. {/block:ifsidebarimageborder}
  465.  
  466. }
  467.  
  468. .asimg img{
  469. {block:ifsidebarimageborder}
  470. max-height:140px;
  471. max-width:140px;
  472. {/block:ifsidebarimageborder}
  473. {block:ifnotsidebarimageborder}
  474. max-height:150px;
  475. max-width:150px;
  476. {/block:ifnotsidebarimageborder}
  477. border-radius:5px;
  478. }
  479.  
  480. .lnks{
  481. width:160px;
  482. padding:10px 10px;
  483. background-color:#ffffff;
  484. border-radius:10px;
  485. {block:ifshadows}
  486. box-shadow:5px 5px rgba({RGBcolor:shadows}, {text:shadow intensity});
  487. {/block:ifshadows}
  488. {block:ifsidebarimage}
  489. margin-top:15px;
  490. {/block:ifsidebarimage}
  491. {block:ifnotsidebarimage}
  492. margin-top:0px;
  493. {/block:ifnotsidebarimage}
  494. text-align:center;
  495. }
  496.  
  497. .lnks a{
  498. background-color:{color:gradient 3};
  499. padding:2px 5px;
  500. font-size:17px;
  501. margin:0px 1px;
  502. color:#fff;
  503. border-radius:100%;
  504. }
  505.  
  506. .lnks a:nth-of-type(1){
  507. background-color:{color:gradient 1};
  508. }
  509. .lnks a:hover:nth-of-type(1){
  510. background-color:{color:gradient 2};
  511. }
  512. .lnks a:nth-of-type(2){
  513. background-color:{color:gradient 2};
  514. }
  515. .lnks a:hover:nth-of-type(2){
  516. background-color:{color:gradient 3};
  517. }
  518. .lnks a:nth-of-type(3){
  519. background-color:{color:gradient 3};
  520. }
  521. .lnks a:hover:nth-of-type(3){
  522. background-color:{color:gradient 1};
  523. }
  524. .lnks a:nth-of-type(4){
  525. background-color:{color:gradient 2};
  526. }
  527. .lnks a:hover:nth-of-type(4){
  528. background-color:{color:gradient 3};
  529. }
  530. .lnks a:nth-of-type(5){
  531. background-color:{color:gradient 1};
  532. }
  533. .lnks a:hover:nth-of-type(5){
  534. background-color:{color:gradient 2};
  535. }
  536.  
  537. .desc{
  538. text-align:center;
  539. width:150px;
  540. padding:10px 15px;
  541. background-color:#ffffff;
  542. border-radius:10px;
  543. {block:ifshadows}
  544. box-shadow:5px 5px rgba({RGBcolor:shadows}, {text:shadow intensity});
  545. {/block:ifshadows}
  546. margin-top:15px;
  547. }
  548.  
  549. /* ----------------- post container ----------------- */
  550.  
  551. .postcont{
  552. width:calc({text:post width}px + 30px);
  553. padding-top:140px;
  554. margin-left:300px;
  555. }
  556.  
  557. /* ----------------- posts ----------------- */
  558.  
  559. article{
  560. margin:0 auto;
  561. padding:15px;
  562. border-radius:10px;
  563. width:{text:post width}px;
  564. background-color:#fff;
  565. margin-bottom:70px;
  566. line-height:150%;
  567. {block:ifshadows}
  568. box-shadow:5px 5px rgba({RGBcolor:shadows}, {text:shadow intensity});
  569. {/block:ifshadows}
  570. }
  571.  
  572.  
  573. article img{
  574. max-width:100%;
  575. height:auto;
  576. }
  577. /* ----------------- captions ----------------- */
  578.  
  579. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  580.  
  581. .cap {
  582. margin:10px 0;
  583. }
  584.  
  585. .tumblr_parent {
  586. padding:5px 10px 0px 10px;
  587. border:1px solid #eee;
  588. border-radius:5px;
  589. line-height:150%;
  590. }
  591.  
  592. .tumblr_parent blockquote {
  593. margin:5px 0;
  594. }
  595.  
  596. a.tumblr_blog {
  597. display:block;
  598. font-size:{text:font size}px;
  599. line-height:150%;
  600. font-weight:bold;
  601. color:{color:gradient 2};
  602. }
  603.  
  604. a.tumblr_blog:after{
  605. content:':';
  606. }
  607.  
  608. a.tumblr_blog:hover{
  609. color:{color:gradient 1};
  610. }
  611.  
  612. /* ----------------- chats ----------------- */
  613.  
  614. #cttl{
  615. padding-bottom:5px;
  616. }
  617.  
  618. #line{
  619. padding:5px 10px;
  620. border:1px solid #eee;
  621. border-radius:5px;
  622. margin:5px 0px;
  623. }
  624.  
  625. /* ----------------- quotes ----------------- */
  626.  
  627. #quote{
  628. text-align:center;
  629. font-size:17px;
  630. line-height:150%;
  631. font-family:'montserrat', sans-serif;
  632. font-weight:600;
  633. }
  634.  
  635. /* ----------------- audio ----------------- */
  636.  
  637. .playerwrap{
  638. padding:7.5px;
  639. border-radius:5px;
  640. width:30px;
  641. height:30px;
  642. position:absolute;
  643. background: {color:gradient 1};
  644. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2});
  645. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2});
  646. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2});
  647. background: linear-gradient({color:gradient 1}, {color:gradient 2});
  648. }
  649.  
  650. .player{
  651. width:30px;
  652. height:30px;
  653. overflow:hidden;
  654. background-color:#f2f2f2;
  655. }
  656.  
  657. .sttl{
  658. margin-left:55px;
  659. padding:2px 5px;
  660. width:calc({text:post width}px -65px);
  661. border-radius:5px;
  662. color:#fff;
  663. font-family:'montserrat', sans-serif;
  664. font-size:11px;
  665. font-weight:600;
  666. background: {color:gradient 1};
  667. background: -webkit-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  668. background: -o-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  669. background: -moz-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  670. background: linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  671. }
  672.  
  673. .attl{
  674. margin-top:5px;
  675. margin-left:55px;
  676. padding:2px 5px;
  677. color:{color:gradient 3};
  678. border-radius:5px;
  679. font-family:'montserrat', sans-serif;
  680. font-size:11px;
  681. font-weight:600;
  682. }
  683.  
  684. /* ----------------- video ----------------- */
  685.  
  686. .vd{
  687. overflow:hidden;
  688. background-color:#fff;
  689. }
  690.  
  691. .video{
  692. position: relative;
  693. padding-bottom: 56.25%;
  694. padding-top: 25px;
  695. height: 0;
  696. background-color:#fff;
  697. }
  698.  
  699. .video iframe{
  700. position: absolute;
  701. width: 100%;
  702. height: 100%;
  703. overflow:hidden;
  704. top: 0;
  705. left: 0;
  706. }
  707.  
  708. /* ----------------- ask posts ----------------- */
  709.  
  710. #ask{
  711. width:{text:post width}px;
  712. }
  713.  
  714. #qhead{
  715. width:calc({text:post width}px - 20px);
  716. height:30px;
  717. border-top-left-radius:5px;
  718. border-top-right-radius:5px;
  719. color:#fff;
  720. font-family:'montserrat', sans-serif;
  721. line-height:30px;
  722. padding:0px 10px;
  723. background: {color:gradient 1};
  724. background: -webkit-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  725. background: -o-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  726. background: -moz-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  727. background: linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  728. }
  729.  
  730. #qhead a{
  731. padding:2px 5px;
  732. background-color:#fff;
  733. border-radius:5px;
  734. margin-right:5px;
  735. font-weight:600;
  736. color:{color:gradient 3};
  737. }
  738.  
  739. #qhead a:hover{
  740. color:{color:gradient 2};
  741. }
  742.  
  743. #q{
  744. width:calc({text:post width}px - 22px);
  745. padding:10px;
  746. border-left:1px solid #eee;
  747. border-bottom:1px solid #eee;
  748. border-right:1px solid #eee;
  749. color:#666;
  750. font-style:italic;
  751. }
  752.  
  753. #answer{
  754. padding:0px 10px;
  755. border:1px solid #eee;
  756. margin-top:-1px;
  757. border-bottom-left-radius:5px;
  758. border-bottom-right-radius:5px;
  759. }
  760.  
  761. #ahead{
  762. padding-top:10px;
  763. font-family:'montserrat', sans-serif;
  764. }
  765.  
  766. #ahead a{
  767. padding:2px 5px;
  768. background-color:{color:gradient 3};
  769. color:#fff;
  770. border-radius:5px;
  771. margin-right:5px;
  772. font-weight:600;
  773. }
  774.  
  775. /* ----------------- tags ----------------- */
  776.  
  777. #tags{
  778. width:{text:post width}px;
  779. font-style:italic;
  780. margin-top:7px;
  781. }
  782.  
  783. #tags a{
  784. color:{color:links};
  785. padding-right:5px;
  786. text-decoration:none;
  787. }
  788.  
  789. /* ----------------- below ----------------- */
  790.  
  791. #below{
  792. width:{text:post width}px;
  793. margin-top:15px;
  794. {block:HasTags}
  795. margin-bottom:7px;
  796. {/block:HasTags}
  797.  
  798. }
  799.  
  800. #below .sf{
  801. font-size:10px;
  802. }
  803.  
  804. #bl a{
  805. margin:10px 7px 0 0;
  806. border-radius:5px;
  807. padding:2px 4px;
  808. font-weight:600;
  809. color:#fff;
  810. }
  811.  
  812. #bl a:hover{
  813. color:#fff;
  814. }
  815.  
  816. #bl a:nth-of-type(1){
  817. background-color:{color:gradient 1};
  818. }
  819.  
  820. #bl a:hover:nth-of-type(1){
  821. background-color:{color:gradient 3};
  822. }
  823.  
  824. #bl a:nth-of-type(2){
  825. background-color:{color:gradient 2};
  826. }
  827.  
  828. #bl a:hover:nth-of-type(2){
  829. background-color:{color:gradient 3};
  830. }
  831.  
  832. /* ----------------- permalink page notes ----------------- */
  833.  
  834. .notewrap{
  835. margin-left:300px;
  836. }
  837.  
  838. #note{
  839. margin:0 auto;
  840. padding:15px;
  841. border-radius:10px;
  842. width:{text:post width}px;
  843. background-color:#fff;
  844. margin-bottom:70px;
  845. line-height:150%;
  846. {block:ifshadows}
  847. box-shadow:5px 5px rgba({RGBcolor:shadows}, {text:shadow intensity});
  848. {/block:ifshadows}
  849. }
  850.  
  851. .notes img{width:20px; position:relative; top:1px; padding-right:5px; border-radius:5px;}
  852. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  853.  
  854. /* ----------------- pagination ----------------- */
  855.  
  856. #pagi{
  857. width:{text:post width}px;
  858. padding:15px;
  859. margin:0 auto;
  860. margin-top:50px;
  861. margin-bottom:150px;
  862. overflow:hidden;
  863. text-align:center;
  864. }
  865.  
  866. #pagi a{
  867. padding:4px 8px;
  868. color:#fff;
  869. border-radius:5px;
  870. margin:10px;
  871. font-weight:bold;
  872. background-color:{color:gradient 2};
  873. }
  874.  
  875. #pagi a:hover{
  876. background-color:#fff;
  877. color:{color:gradient 2};
  878. }
  879.  
  880. .current_page{
  881. padding:5px 10px;
  882. background-color:#fff;
  883. border-radius:5px;
  884. margin:10px;
  885. font-weight:bold;
  886. color:{color:gradient 2};
  887. }
  888.  
  889.  
  890. /* ----------------- funky fonts this theme is able to display ----------------- */
  891.  
  892. @font-face {
  893. font-family: Calluna;
  894. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  895. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3%3F=&v=f685dc881c60c298ea22a73fe505b88a#iefix") format("embedded-opentype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.woff?3=&v=760a50f4d098e59aebaf0f0e58ae2cc8") format("woff"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.ttf?3=&v=5ace789439bff3b27f8d4112725531da") format("truetype"),url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.svg?3=&v=5b95c481dd7411c6e112143d6646bd9b#_.regular") format("svg");
  896. font-weight: 700;
  897. font-style: italic
  898. }
  899.  
  900. @font-face {
  901. font-family: Fairwater;
  902. src: url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff2?v=b7ab7a58cded3365889a447bfd9e9c45") format("woff2"),url("https://assets.tumblr.com/fonts/fairwater/fairwater_script_regular-webfont.woff?v=96e975b7468359e6f67086305577e43e") format("woff");
  903. font-weight: 400;
  904. font-style: normal
  905. }
  906. p.npf_quirky{font-family:Fairwater; font-size:20px;}
  907. p.npf_chat{font-family:Courier;}
  908. p.npf_quote{font-family:Calluna;}
  909.  
  910.  
  911.  
  912. {CustomCSS}
  913. </style>
  914. </head>
  915. <body>
  916.  
  917. {block:iftopbar}
  918. <nav>
  919. {block:iftitle}
  920. <div id="title"><span class="sf sf-{text:title icon}"></span><a href="/">{Title}</a></div>
  921. {/block:iftitle}
  922. {block:iftopbarborder}<div class="navgrad"></div>{/block:iftopbarborder}
  923. </nav>
  924. {/block:iftopbar}
  925.  
  926. <div id="wrapper">
  927.  
  928. <aside>
  929. {block:ifsidebarimage}
  930. <div class="avi">
  931. <div class="asimg"><img src="{image:avatar}"/></div>
  932. </div>
  933. {/block:ifsidebarimage}
  934. <div class="lnks">
  935. <a href="{text:link 1}" title="{text:link 1 title}"><span class="sf sf-{text:link 1 icon}"></span></a>
  936. <a href="{text:link 2}" title="{text:link 2 title}"><span class="sf sf-{text:link 2 icon}"></span></a>
  937. <a href="{text:link 3}" title="{text:link 3 title}"><span class="sf sf-{text:link 3 icon}"></span></a>
  938. <a href="{text:link 4}" title="{text:link 4 title}"><span class="sf sf-{text:link 4 icon}"></span></a>
  939. <a href="{text:link 5}" title="{text:link 5 title}"><span class="sf sf-{text:link 5 icon}"></span></a>
  940. </div>
  941. <div class="desc">{Description}</div>
  942. </aside>
  943.  
  944. <div class="postcont">
  945. {block:Posts}
  946. <article>
  947.  
  948. <!------------------ text ----------------->
  949.  
  950. {block:Text}
  951. {block:Title}<h2>{title}</h2>{/block:Title}
  952. <div class="cap">{body}</div>
  953. {/block:Text}
  954.  
  955. <!------------------ photo ----------------->
  956. {block:Photo}
  957. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  958. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  959. {/block:Photo}
  960.  
  961. <!------------------ photoset ----------------->
  962. {block:Photoset}
  963. <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>
  964. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  965. {/block:Photoset}
  966.  
  967. <!------------------ quote----------------->
  968. {block:Quote}
  969. <div id="quote">{Quote}</div> <br>
  970. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  971. {/block:Quote}
  972.  
  973. <!------------------ link ----------------->
  974. {block:Link}
  975. <div id="link">
  976. <h2><a href="{URL}" target="_blank">{Name} > </a></h2>
  977. <div id="linkdesc">
  978. {block:Excerpt}{Excerpt}{/block:Excerpt}
  979. </div>
  980. </div>
  981. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  982. {/block:Link}
  983.  
  984. <!------------------ chat ----------------->
  985. {block:Chat}
  986. {block:Title}
  987. <div id="cttl">
  988. {Title}
  989. </div>
  990. {/block:Title}
  991. <div id="chatcont">
  992. {block:Lines}
  993. {block:Label}<div id="line">
  994. <b>{Label}</b>{/block:Label} {Line}<br>
  995. </div>{/block:Lines}
  996. </div>
  997. {/block:Chat}
  998.  
  999. <!------------------ audio ----------------->
  1000. {block:Audio}
  1001. <div class="playerwrap">
  1002. <div class="player">{AudioPlayer}</div>
  1003. </div>
  1004. {block:TrackName}<div class="sttl">{TrackName}</div>{/block:TrackName}
  1005. {block:Artist}<div class="attl">{Artist}</div>{/block:Artist}
  1006. <div class="cap">
  1007. {block:caption}{caption}{/block:caption}
  1008. </div>
  1009. {/block:Audio}
  1010.  
  1011. <!------------------ video ----------------->
  1012. {block:Video}
  1013. <div class="vd"><div class="video">{Video-500}</div></div>
  1014. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  1015. {/block:Video}
  1016.  
  1017. <!------------------ ask ----------------->
  1018. {block:Answer}
  1019.  
  1020. <div id="ask">
  1021. <div id="qhead">
  1022. {Asker} asked:
  1023. </div>
  1024. <div id="q">
  1025. " {Question} "
  1026. </div>
  1027. </div>
  1028.  
  1029. {block:NotReblog}
  1030. <div id="answer">
  1031. {Answer}
  1032. </div>
  1033. {/block:NotReblog}
  1034.  
  1035. {block:Answerer}
  1036. <div id="answer">
  1037. <div id="ahead">{answerer}</div>
  1038. {Answer}
  1039. </div>
  1040. {/block:Answerer}
  1041.  
  1042. {block:RebloggedFrom}
  1043. {block:Reblogs}
  1044. <div class="cap">
  1045. {block:caption}{caption}{/block:caption}
  1046. </div>
  1047. {/block:Reblogs}
  1048. {/block:RebloggedFrom}
  1049.  
  1050. {/block:Answer}
  1051.  
  1052. {block:IndexPage}
  1053. <div id="below">
  1054. <div id="bl">
  1055. {block:Date}
  1056. <a href="{permalink}" title="{TimeAgo}" style="font-style:normal"><span class="sf sf-clock-3"></span> {ShortMonth} {DayOfMonthWithZero}</a>
  1057. {/block:date}
  1058.  
  1059. {block:NoteCount}<a href="{Permalink}"> <span class="sf sf-heart"></span> {NoteCount} Notes</a>{/block:NoteCount}
  1060.  
  1061. </div>
  1062. </div><!-- post buttons -->
  1063. {block:IfTags}
  1064. {block:HasTags}
  1065. <div id="tags">
  1066. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  1067. </div>
  1068. {/block:HasTags}
  1069. {/block:IfTags}
  1070. {/block:indexpage}
  1071.  
  1072. {block:PermalinkPage}
  1073. {block:Date}
  1074. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  1075. {/block:Date} <br>
  1076. {block:NoteCount}
  1077. <b>Notes:</b> {NoteCount}<br>
  1078. {/block:NoteCount}
  1079. {block:HasTags}
  1080. <b>Tags:</b>
  1081. {block:Tags}
  1082. <a href="{TagURL}">#{tag}</a>
  1083. {/block:Tags}<br>
  1084. {/block:HasTags}
  1085. {block:RebloggedFrom}
  1086. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  1087. {block:ContentSource}
  1088. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  1089. {/block:ContentSource}
  1090. {/block:RebloggedFrom}
  1091. </div>
  1092. {/block:PermalinkPage}
  1093. </article>
  1094.  
  1095.  
  1096. {block:PermalinkPage}
  1097. {block:PostNotes}
  1098. {block:NoteCount}
  1099. <div class="notewrap">
  1100. <div id="note">
  1101. {PostNotes}
  1102. </div>
  1103. </div>
  1104. {/block:NoteCount}
  1105. {/block:PostNotes}
  1106. {/block:permalinkpage}
  1107. {/block:Posts}
  1108.  
  1109. {block:indexpage}
  1110. {block:Pagination}
  1111. <div id="pagi">
  1112. {block:PreviousPage}
  1113. <a href="{PreviousPage}"><</a>
  1114. {/block:PreviousPage}
  1115.  
  1116. {block:JumpPagination length="3"}
  1117. {block:CurrentPage}
  1118. <span class="current_page">{PageNumber}</span>
  1119. {/block:CurrentPage}
  1120.  
  1121. {block:JumpPage}
  1122. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1123. {/block:JumpPage}
  1124. {/block:JumpPagination}
  1125.  
  1126. {block:NextPage}
  1127. <a href="{NextPage}">></a>
  1128. {/block:NextPage}
  1129.  
  1130. </div>
  1131. {/block:Pagination}
  1132. {/block:indexpage}
  1133. </div><!-- postcont -->
  1134. </div><!-- wrapper -->
  1135.  
  1136. <div id="c">
  1137. <a href="http://baechys.tumblr.com" title="Made with love by Caroline">BCHYS</a>
  1138. </div>
  1139.  
  1140. </body>
  1141. </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!