baechubaechubaechu

(2/12) Irene

Feb 2nd, 2018
4,710
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.95 KB | None | 0 0
  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. ** Irene -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/smoothscroll )
  15.  
  16. ------------------------------------------------------------------------
  17.  
  18. FAQ:
  19.  
  20. Can i edit/tweak this theme?
  21. - Tweak and edit it as much as you want! But don't you dare touch my credits in any way possible
  22.  
  23. Can i use this theme as a base-code?
  24. - No you cant.
  25.  
  26. Can i release my edited version of your theme?
  27. - No you cant, and if i find out about you doing that, i will report you.
  28.  
  29. ------------------------------------------------------------------------
  30.  
  31. Any questions?
  32.  
  33. Please visit baechys.tumblr.com/faq
  34.  
  35. ------------------------------------------------------------------------
  36.  
  37. CREDIT TO HTTP://BAECHYS.TUMBLR.COM
  38. -->
  39.  
  40. <head>
  41.  
  42. <!------------------------- General HTML ------------------------->
  43.  
  44. <title>{title}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{favicon}" />
  47.  
  48. <!------------------------- Meta Names ------------------------->
  49.  
  50. <meta name="image:avatar" content="https://static.tumblr.com/d70w4cr/r4Hp2yyaj/irene_icon.png"/>
  51.  
  52. <meta name="color:background" content="#ffebf4"/>
  53. <meta name="color:body font" content="#888"/>
  54. <meta name="color:links" content="#e99f9b"/>
  55. <meta name="color:links hover" content="#edb0ce"/>
  56. <meta name="color:bold text" content="#999"/>
  57. <meta name="color:tooltips background" content="#e99f9b"/>
  58. <meta name="color:tooltips text" content="#fff"/>
  59. <meta name="color:scrollbar" content="#fb969e"/>
  60. <meta name="color:gradient 1" content="#fb969e"/>
  61. <meta name="color:gradient 2" content="#fbafea"/>
  62.  
  63. <meta name="if:gradient bg" content="1"/>
  64. <meta name="if:tags" content="1"/>
  65. <meta name="if:avatar" content="1"/>
  66. <meta name="if:avatar border" content="1"/>
  67.  
  68. <meta name="select:theme mode" content="light" title="Light"/>
  69. <meta name="select:theme mode" content="dark" title="Dark"/>
  70.  
  71. <meta name="select:font size" content="11px" title="11px"/>
  72. <meta name="select:font size" content="10px" title="10px"/>
  73. <meta name="select:font size" content="12px" title="12px"/>
  74. <meta name="select:font size" content="13px" title="13px"/>
  75.  
  76. <meta name="select:avatar shape" content="5px" title="rounded"/>
  77. <meta name="select:avatar shape" content="100%" title="round"/>
  78. <meta name="select:avatar shape" content="0px" title="square"/>
  79.  
  80. <meta name="select:description align" content="left" title="left"/>
  81. <meta name="select:description align" content="right" title="right"/>
  82. <meta name="select:description align" content="center" title="center"/>
  83.  
  84. <meta name="text:link 1 url" content="/"/>
  85. <meta name="text:link 1 title" content="link 1"/>
  86. <meta name="text:link 2 url" content="/"/>
  87. <meta name="text:link 2 title" content="link 2"/>
  88. <meta name="text:link 3 url" content="/"/>
  89. <meta name="text:link 3 title" content="link 3"/>
  90. <meta name="text:link 4 url" content="/"/>
  91. <meta name="text:link 4 title" content="link 4"/>
  92. <meta name="text:link 5 url" content="/"/>
  93. <meta name="text:link 5 title" content="link 5"/>
  94.  
  95. <!------------------------- Imported Fonts ------------------------->
  96.  
  97. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  98.  
  99. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i" rel="stylesheet">
  100.  
  101. <link href="https://fonts.googleapis.com/css?family=Kumar+One+Outline" 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.  
  134. <!-- smooth scroll -->
  135. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  136.  
  137. <!-- tooltips -->
  138. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  139. <script>
  140. (function($){
  141. $(document).ready(function(){
  142. $("[title]").style_my_tooltips({
  143. tip_follows_cursor:true,
  144. tip_delay_time:200,
  145. tip_fade_speed:300
  146. }
  147. );
  148. });
  149. })(jQuery);
  150. </script>
  151.  
  152.  
  153. <style type="text/css">
  154.  
  155. /* ----------------- lightbox ----------------- */
  156.  
  157. .vignette, #vignette {
  158. opacity:0;
  159. }
  160. .lightbox-image, #tumblr_lightbox img {
  161. box-shadow:none !important;
  162. border-radius:0 !important;
  163. max-width:none;
  164. }
  165.  
  166. .tmblr-lightbox, #tumblr_lightbox {
  167. background-color:rgba({RGBcolor:background},0.85)!important;
  168. z-index:999999999999!important;
  169. }
  170.  
  171. /* ----------------- basic settings ----------------- */
  172.  
  173. body{
  174. margin:0px;
  175. padding:0px;
  176. font-family: 'open sans', arial, sans-serif;
  177. font-size:{select:font size};
  178. color:{color:body font};
  179. {block:ifnotgradientbg}background-color:{color:background};{/block:ifnotgradientbg}
  180. }
  181.  
  182. .gradient{
  183. height:100%;
  184. width:100vw;
  185. z-index:-1;
  186. position:fixed;
  187. top:0px;
  188. left:0px;
  189. background: {color:gradient 1};
  190. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2});
  191. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2});
  192. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2});
  193. background: linear-gradient({color:gradient 1}, {color:gradient 2});
  194. }
  195.  
  196. b, strong{
  197. color:{color:bold text};
  198. }
  199. a{
  200. color:{color:links};
  201. text-decoration:none;
  202. }
  203.  
  204. a:hover{
  205. color:{color:links hover};
  206. -moz-transition-duration: 0.5s;
  207. -o-transition-duration: 0.5s;
  208. -webkit-transition-duration: 0.5s;
  209. transition-duration: 0.5s;
  210. }
  211.  
  212. h1, h2, h3, h4, h5, h6{
  213. margin:5px 0px;
  214. line-height:150%;
  215. }
  216.  
  217. blockquote{
  218. margin:10px 0;
  219. padding:0 0 0 10px;
  220. border-left:1px solid #999;
  221. }
  222.  
  223. underlined{
  224. border-bottom:1px solid {color:body font};
  225. }
  226.  
  227. pre{
  228. overflow:auto;
  229. background-color:#eee;
  230. display:block;
  231. padding:5px;
  232. }
  233.  
  234. /* think about the people reading ur blog... dont make this smaller pls */
  235. small, h5, h6, h4{
  236. font-size:10px;
  237. }
  238.  
  239. /*DONT REMOVE OR DESTROY MY CREDITS
  240. LEAVE EVERYTHING WHERE IT IS*/
  241. #c{
  242. position:fixed;
  243. bottom: 10px;
  244. right: 10px;
  245. text-align:center;
  246. z-index:999999;
  247. }
  248. #c a{
  249. background:{color:gradient 1};
  250. font-size:12px;
  251. color:#fff;
  252. font-size:10px;
  253. padding:5px 7px;
  254. letter-spacing:1px;
  255. text-decoration:none;
  256. border-radius:5px;
  257. margin:0px 3px;
  258. }
  259. #c a:hover{
  260. background:#fff;
  261. border:1px solid {color:gradient 1};
  262. color:{color:gradient 1};
  263. letter-spacing:1px;
  264. }
  265.  
  266. /* ----------------- scrollbar ----------------- */
  267.  
  268. ::-webkit-scrollbar-thumb:vertical {
  269. background-color: {color:scrollbar};
  270. width:6px;
  271. height:auto;
  272. }
  273.  
  274.  
  275. ::-webkit-scrollbar-thumb:horizontal {
  276. background-color: {color:scrollbar};
  277. height:6px;
  278. }
  279.  
  280. ::-webkit-scrollbar {
  281. height:6px;
  282. width:6px;
  283. }
  284.  
  285. ::selection {
  286. background-color:#fbafea;
  287. color:white;}
  288.  
  289. /* ----------------- tooltips ----------------- */
  290.  
  291. #s-m-t-tooltip {
  292. max-width:200px;
  293. padding:5px 10px 5px 10px;
  294. margin:20px 14px 7px 10px;
  295. background-color:{color:tooltips background};
  296. font-style: normal;
  297. font-size:11px;
  298. line-height:140%;
  299. color:{color:tooltips text};
  300. letter-spacing:0.5px;
  301. text-transform:none;
  302. z-index:999999999;
  303. border-radius:5px;
  304. }
  305.  
  306. /* ----------------- container ----------------- */
  307.  
  308. .container{
  309. position:fixed;
  310. margin:auto;
  311. top:0px;
  312. left:0px;
  313. right:0px;
  314. bottom:0px;
  315. border-radius:15px;
  316. background-color:{select:container mode};
  317. width:900px;
  318. height:600px;
  319. }
  320.  
  321. .light .container{
  322. background-color:rgba(255,255,255,0.3);
  323. }
  324.  
  325. .dark .container{
  326. background-color:rgba(0,0,0,0.3);
  327. }
  328.  
  329. /* ----------------- postcontainer ----------------- */
  330.  
  331. .postcont{
  332. height:600px;
  333. width:520px;
  334. margin-left:300px;
  335. position:fixed;
  336. overflow-y:scroll;
  337. overflow-x:hidden;
  338. }
  339.  
  340. /* ----------------- sidebar ----------------- */
  341.  
  342. aside{
  343. width:300px;
  344. height:600px;
  345. position:fixed;
  346. border-top-left-radius:10px;
  347. border-bottom-left-radius:10px;
  348. }
  349.  
  350. .light aside{
  351. background-color:#fff;
  352. }
  353.  
  354. .dark aside{
  355. background-color:#000;
  356. }
  357.  
  358. .avi{
  359. width:150px;
  360. height:150px;
  361. border-radius:{select:avatar shape};
  362. {block:ifnotavatarborder}
  363. margin-left:80px;
  364. margin-top:57px;
  365. {/block:ifnotavatarborder}
  366. {block:ifavatarborder}
  367. padding:7px;
  368. margin-left:73px;
  369. margin-top:50px;
  370. {block:ifgradientbg}
  371. background: {color:gradient 1};
  372. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2});
  373. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2});
  374. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2});
  375. background: linear-gradient({color:gradient 1}, {color:gradient 2});
  376. {/block:ifgradientbg}
  377. {block:ifnotgradientbg}
  378. background-color:{color:gradient 1};
  379. {/block:ifnotgradientbg}
  380. {/block:ifavatarborder}
  381. }
  382.  
  383. .avi img{
  384. max-height:150px;
  385. max-width:150px;
  386. border-radius:{select:avatar shape};
  387. }
  388.  
  389. .desc{
  390. margin-left:80px;
  391. width:150px;
  392. {block:ifavatar}
  393. padding-top:10px;
  394. {/block:ifavatar}
  395. {block:ifnotavatar}
  396. margin-top:20px;
  397. {block:ifnotavatar}
  398. text-align:{select:description align};
  399. }
  400.  
  401. /* ----------------- navigation bar ----------------- */
  402.  
  403. nav{
  404. height:600px;
  405. width:80px;
  406. position:fixed;
  407. margin-left:820px;
  408. border-top-right-radius:10px;
  409. border-bottom-right-radius:10px;
  410. }
  411.  
  412. .light nav{
  413. background-color:#fff;
  414. }
  415.  
  416. .dark nav{
  417. background-color:#000;
  418. }
  419.  
  420. nav ul{
  421. list-style-type:none;
  422. margin-left:-10px;
  423. margin-top:20px;
  424. }
  425.  
  426. nav ul li{
  427. font-size:35px;
  428. margin:50px 0px;
  429. }
  430.  
  431. nav a{
  432. font-family: 'Kumar One Outline', cursive;
  433. }
  434.  
  435. nav a:hover{
  436. color:{color:links};
  437. text-shadow:2px 2px 10px {color:links};
  438. transition:0.3s ease;
  439. }
  440.  
  441. /* ----------------- posts ----------------- */
  442.  
  443. article{
  444. margin:0 auto;
  445. padding:10px;
  446. border-radius:5px;
  447. width:400px;
  448. margin-top:50px;
  449. margin-bottom:70px;
  450. line-height:150%;
  451. }
  452.  
  453. .light article{
  454. background-color:#fff;
  455. }
  456.  
  457. .dark article{
  458. background-color:#000;
  459. }
  460.  
  461. article img{
  462. max-width:100%;
  463. height:auto;
  464. }
  465. /* ----------------- captions ----------------- */
  466.  
  467. .txt iframe,.cap iframe{display:block;max-width:100%;overflow:hidden;}
  468.  
  469. .cap {
  470. margin-bottom:10px;
  471. }
  472.  
  473. .tumblr_parent {
  474. border-radius:5px;
  475. line-height:150%;
  476. padding:5px 10px 0px 10px;
  477. }
  478.  
  479. .light .tumblr_parent{
  480. background-color:#fff;
  481. border:1px solid #eee;
  482. }
  483.  
  484. .dark .tumblr_parent{
  485. border:1px solid #000;
  486. background-color:#222;
  487. }
  488.  
  489. .tumblr_parent blockquote {
  490. margin:5px 0;
  491. }
  492.  
  493. a.tumblr_blog {
  494. display:block;
  495. font-size:11px;
  496. line-height:150%;
  497. font-weight:bold;
  498. color:{color:gradient 2};
  499. }
  500.  
  501. a.tumblr_blog:after{
  502. content:':';
  503. }
  504.  
  505. a.tumblr_blog:hover{
  506. color:{color:links hover};
  507. }
  508.  
  509. /* ----------------- chats ----------------- */
  510.  
  511. #cttl{
  512. padding-bottom:5px;
  513. }
  514.  
  515. #line{
  516. border-radius:5px;
  517. padding:5px 10px;
  518. margin-bottom:10px;
  519. color:#fff;
  520. }
  521.  
  522. #line:nth-of-type(even){
  523. background-color:{color:gradient 1};
  524. }
  525.  
  526. #line:nth-of-type(odd){
  527. background-color:{color:gradient 2};
  528. }
  529.  
  530. #line b{
  531. color:#fff;
  532. }
  533.  
  534. /* ----------------- links ----------------- */
  535.  
  536. #link{
  537. padding:10px;
  538. border-radius:5px;
  539. }
  540.  
  541. .dark #link{
  542. background-color:#222;
  543. }
  544.  
  545. .light #link{
  546. background-color:rgba({RGBcolor:gradient 1}, 0.3);
  547. }
  548.  
  549. /* ----------------- quotes ----------------- */
  550.  
  551. #quote{
  552. text-align:center;
  553. font-size:20px;
  554. line-height:150%;
  555. font-weight:600;
  556. }
  557.  
  558. /* ----------------- audio ----------------- */
  559.  
  560. .playerwrap{
  561. padding:7.5px;
  562. border-radius:5px;
  563. width:30px;
  564. height:30px;
  565. position:absolute;
  566. background: {color:gradient 1};
  567. background: -webkit-linear-gradient({color:gradient 1}, {color:gradient 2});
  568. background: -o-linear-gradient({color:gradient 1}, {color:gradient 2});
  569. background: -moz-linear-gradient({color:gradient 1}, {color:gradient 2});
  570. background: linear-gradient({color:gradient 1}, {color:gradient 2});
  571. }
  572.  
  573. .player{
  574. width:30px;
  575. height:30px;
  576. overflow:hidden;
  577. background-color:#f2f2f2;
  578. }
  579.  
  580. .sttl{
  581. margin-left:55px;
  582. padding:5px 6px;
  583. width:333px;
  584. border-radius:5px;
  585. color:#fff;
  586. font-weight:600;
  587. background: {color:gradient 1};
  588. background: -webkit-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  589. background: -o-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  590. background: -moz-linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  591. background: linear-gradient(to right, {color:gradient 1}, {color:gradient 2});
  592. }
  593.  
  594. .attl{
  595. margin-top:5px;
  596. margin-left:55px;
  597. padding:2px 5px;
  598. color:{color:gradient 3};
  599. border-radius:5px;
  600. font-weight:600;
  601. }
  602.  
  603. /* ----------------- ask posts ----------------- */
  604.  
  605. #ask{
  606. width:400px;
  607. }
  608.  
  609. #askerimg{
  610. position:absolute;
  611. }
  612.  
  613. #askerimg img{
  614. max-width:50px;
  615. max-height:50px;
  616. border-radius:5px;
  617. }
  618.  
  619. #question{
  620. margin-left:65px;
  621. padding:9px;
  622. border-radius:5px;
  623. }
  624.  
  625. .dark #question{
  626. background-color:#333;
  627. }
  628.  
  629. .light #question{
  630. background-color:#eee;
  631. }
  632.  
  633. #question:before{
  634. content:'◀︎';
  635. position:absolute;
  636. margin-left:-17px;
  637. }
  638.  
  639. .light #question:before{
  640. color:#eee;
  641. }
  642.  
  643. .dark #question:before{
  644. color:#333;
  645. }
  646.  
  647. #answer{
  648. padding:2px 10px;
  649. margin-top:10px;
  650. border-radius:5px;
  651. }
  652.  
  653. .light #answer{
  654. background-color:#fff;
  655. border:1px solid #eee;
  656. }
  657.  
  658. .dark #answer{
  659. background-color:#222;
  660. }
  661.  
  662. #ahead{
  663. padding-top:10px;
  664. }
  665.  
  666.  
  667. /* ----------------- below ----------------- */
  668.  
  669. #below{
  670. width:400px;
  671. margin-top:15px;
  672.  
  673. }
  674.  
  675. #below .sf{
  676. font-size:10px;
  677. }
  678.  
  679. #bl a{
  680. margin:10px 7px 0 0;
  681. border-radius:5px;
  682. padding:4px 5px;
  683. font-weight:600;
  684. }
  685.  
  686. .light #bl a{
  687. color:#fff;
  688. background-color:{color:Gradient 1};
  689. }
  690.  
  691. .dark #bl a{
  692. color:#888;
  693. background-color:#222;
  694. }
  695.  
  696. .light #bl a:hover{
  697. background-color:rgba({RGBcolor:gradient 1}, 0.5);
  698. color:#fff;
  699. }
  700.  
  701. .dark #bl a:hover{
  702. color:#fff;
  703. }
  704.  
  705. /* ----------------- tags ----------------- */
  706.  
  707. #tags{
  708. font-style:italic;
  709. margin-top:7px;
  710. }
  711.  
  712. #tags a{
  713. color:{color:links};
  714. padding-right:5px;
  715. text-decoration:none;
  716. }
  717.  
  718. /* ----------------- permalink page notes ----------------- */
  719.  
  720.  
  721. #note{
  722. margin:0 auto;
  723. padding:10px;
  724. border-radius:5px;
  725. width:400px;
  726. margin-bottom:70px;
  727. line-height:150%;
  728. }
  729.  
  730. .light #note{
  731. background-color:#fff;
  732. }
  733.  
  734. .dark #note{
  735. background-color:#000;
  736. }
  737.  
  738. .notes img{width:20px; position:relative; top:1px; padding-right:5px; border-radius:5px;}
  739. ol.notes, .notes li{width:400px; list-style:none; margin:0px 0 -1px 5px; padding:5px}
  740.  
  741. /* ----------------- pagination ----------------- */
  742.  
  743. #pagi{
  744. width:400px;
  745. padding:5px;
  746. margin:0 auto;
  747. margin-top:50px;
  748. margin-bottom:150px;
  749. overflow:hidden;
  750. text-align:center;
  751. }
  752.  
  753. #pagi a{
  754. padding:5px 10px;
  755. color:#fff;
  756. border-radius:5px;
  757. margin:10px;
  758. font-weight:bold;
  759. background-color:{color:gradient 2};
  760. }
  761.  
  762. #pagi a:hover{
  763. background-color:#fff;
  764. color:{color:gradient 2};
  765. }
  766.  
  767. .current_page{
  768. padding:5px 10px;
  769. background-color:#fff;
  770. border-radius:5px;
  771. margin:10px;
  772. font-weight:bold;
  773. color:{color:gradient 2};
  774. }
  775.  
  776. /* ----------------- funky fonts this theme is able to display ----------------- */
  777.  
  778. @font-face {
  779. font-family: Calluna;
  780. src: url("https://assets.tumblr.com/fonts/calluna/Calluna-BoldIt-webfont.eot?3=&v=f685dc881c60c298ea22a73fe505b88a");
  781. 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");
  782. font-weight: 700;
  783. font-style: italic
  784. }
  785.  
  786. @font-face {
  787. font-family: Fairwater;
  788. 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");
  789. font-weight: 400;
  790. font-style: normal
  791. }
  792. p.npf_quirky{font-family:Fairwater; font-size:20px;}
  793. p.npf_chat{font-family:Courier;}
  794. p.npf_quote{font-family:Calluna;}
  795.  
  796.  
  797.  
  798. {CustomCSS}
  799. </style>
  800. </head>
  801. <body class="{select:theme mode}">
  802.  
  803. {block:ifgradientbg}<div class="gradient"></div>{/block:ifgradientbg}
  804.  
  805. <div class="container">
  806.  
  807. <aside>
  808. {block:ifavatar}<div class="avi"><img src="{image:avatar}"></div>{/block:ifavatar}
  809. <div class="desc">{description}</div>
  810. </aside>
  811.  
  812. <nav>
  813. <ul>
  814. <li><a href="{text:link 1 url}" title="{text:link 1 title}">1</a></li>
  815. <li><a href="{text:link 2 url}" title="{text:link 2 title}">2</a></li>
  816. <li><a href="{text:link 3 url}" title="{text:link 3 title}">3</a></li>
  817. <li><a href="{text:link 4 url}" title="{text:link 4 title}">4</a></li>
  818. <li><a href="{text:link 5 url}" title="{text:link 5 title}">5</a></li>
  819. </ul>
  820. </nav>
  821.  
  822. <div class="postcont">
  823. {block:Posts}
  824. <article>
  825.  
  826. <!------------------ text ----------------->
  827.  
  828. {block:Text}
  829. {block:Title}<h2>{title}</h2>{/block:Title}
  830. <div class="cap">{body}</div>
  831. {/block:Text}
  832.  
  833. <!------------------ photo ----------------->
  834. {block:Photo}
  835. <img class="image" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  836. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  837. {/block:Photo}
  838.  
  839. <!------------------ photoset ----------------->
  840. {block:Photoset}
  841. <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>
  842. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  843. {/block:Photoset}
  844.  
  845. <!------------------ quote----------------->
  846. {block:Quote}
  847. <div id="quote">{Quote}</div> <br>
  848. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  849. {/block:Quote}
  850.  
  851. <!------------------ link ----------------->
  852. {block:Link}
  853. <div id="link">
  854. <h2><a href="{URL}" target="_blank">{Name} > </a></h2>
  855. <div id="linkdesc">
  856. {block:Excerpt}{Excerpt}{/block:Excerpt}
  857. </div>
  858. </div>
  859. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  860. {/block:Link}
  861.  
  862. <!------------------ chat ----------------->
  863. {block:Chat}
  864. {block:Title}
  865. <div id="cttl">
  866. {Title}
  867. </div>
  868. {/block:Title}
  869. <div id="chatcont">
  870. {block:Lines}
  871. {block:Label}<div id="line">
  872. <b>{Label}</b>{/block:Label} {Line}<br>
  873. </div>{/block:Lines}
  874. </div>
  875. {/block:Chat}
  876.  
  877. <!------------------ audio ----------------->
  878. {block:Audio}
  879. <div class="playerwrap">
  880. <div class="player">{AudioPlayer}</div>
  881. </div>
  882. {block:TrackName}<div class="sttl">{TrackName}</div>{/block:TrackName}
  883. {block:Artist}<div class="attl">{Artist}</div>{/block:Artist}
  884. <div class="cap">
  885. {block:caption}{caption}{/block:caption}
  886. </div>
  887. {/block:Audio}
  888.  
  889. <!------------------ video ----------------->
  890. {block:Video}
  891. <div class="video">{Video-400}</div>
  892. {block:caption}<div class="cap">{caption}</div>{/block:caption}
  893. {/block:Video}
  894.  
  895. <!------------------ ask ----------------->
  896. {block:Answer}
  897.  
  898. <div id="ask">
  899. <div id="askerimg"><img src="{AskerPortraitURL-128}"></div>
  900. <div id="question">
  901. <b>{Asker} said:</b> <br>
  902. {question}</div>
  903. </div>
  904.  
  905. <div id="answer">
  906. {block:NotReblog}{Answer}{/block:NotReblog}
  907. {block:Answerer}<div id="ahead">{answerer}</div>{Answer}{/block:Answerer}
  908. </div>
  909.  
  910.  
  911. {block:RebloggedFrom}
  912. {block:Reblogs}
  913. <div class="cap">
  914. {block:caption}{caption}{/block:caption}
  915. </div>
  916. {/block:Reblogs}
  917. {/block:RebloggedFrom}
  918.  
  919. {/block:Answer}
  920.  
  921.  
  922. {block:IndexPage}
  923. <div id="below">
  924. <div id="bl">
  925. {block:Date}
  926. <a href="{permalink}" title="{TimeAgo}" style="font-style:normal"><span class="sf sf-clock-3"></span> {ShortMonth} {DayOfMonthWithZero}</a>
  927. {/block:date}
  928.  
  929. {block:NoteCount}<a href="{Permalink}"> <span class="sf sf-heart"></span> {NoteCount} Notes</a>{/block:NoteCount}
  930. </div>
  931. </div><!-- post buttons -->
  932. {block:IfTags}
  933. {block:HasTags}
  934. <div id="tags">
  935. {block:Tags}<a href="{TagURL}">#{tag}</a> {/block:Tags}
  936. </div>
  937. {/block:HasTags}
  938. {/block:IfTags}
  939. {/block:indexpage}
  940.  
  941. {block:PermalinkPage}
  942. {block:Date}
  943. <b>Posted:</b> {TimeAgo} on {Month} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes}
  944. {/block:Date} <br>
  945. {block:NoteCount}
  946. <b>Notes:</b> {NoteCount}<br>
  947. {/block:NoteCount}
  948. {block:HasTags}
  949. <b>Tags:</b>
  950. {block:Tags}
  951. <a href="{TagURL}">#{tag}</a>
  952. {/block:Tags}<br>
  953. {/block:HasTags}
  954. {block:RebloggedFrom}
  955. <br><b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br>
  956. {block:ContentSource}
  957. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a>
  958. {/block:ContentSource}
  959. {/block:RebloggedFrom}
  960. {/block:PermalinkPage}
  961. </article>
  962.  
  963.  
  964. {block:PermalinkPage}
  965. {block:PostNotes}
  966. {block:NoteCount}
  967. <div id="note">
  968. {PostNotes}
  969. </div>
  970. {/block:NoteCount}
  971. {/block:PostNotes}
  972. {/block:permalinkpage}
  973. {/block:Posts}
  974.  
  975. {block:indexpage}
  976. {block:Pagination}
  977. <div id="pagi">
  978. {block:PreviousPage}
  979. <a href="{PreviousPage}"><</a>
  980. {/block:PreviousPage}
  981.  
  982. {block:JumpPagination length="3"}
  983. {block:CurrentPage}
  984. <span class="current_page">{PageNumber}</span>
  985. {/block:CurrentPage}
  986.  
  987. {block:JumpPage}
  988. <a class="jump_page" href="{URL}">{PageNumber}</a>
  989. {/block:JumpPage}
  990. {/block:JumpPagination}
  991.  
  992. {block:NextPage}
  993. <a href="{NextPage}">></a>
  994. {/block:NextPage}
  995.  
  996. </div>
  997. {/block:Pagination}
  998. {/block:indexpage}
  999. </div><!-- postcont -->
  1000.  
  1001. </div><!-- container end -->
  1002.  
  1003. <div id="c">
  1004.  
  1005. <a href="http://baechys.tumblr.com" title="Made with love by Caroline">BCHYS</a>
  1006. </div>
  1007.  
  1008. </body>
  1009. </html>
Advertisement
Add Comment
Please, Sign In to add comment