API tools faq
paste
Advertisement
zainmalik

THEME XI: "#COOKIE JAR" BY LEESJENO

zainmalik
Jul 29th, 2018
4,119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. (c) leesjeno
  8.  
  9. basecode by neonbikethemes
  10.  
  11. -->
  12.  
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16. <meta charset="utf-8">
  17. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <meta name="image:background" content="" />
  23. <meta name="image:sidebar" content="" />
  24. <meta name="image:icon" content="" />
  25. <meta name="image:nav icon" content="" />
  26. <meta name="image:nav photo" content="" />
  27. <meta name="image:muse 1" content="" />
  28. <meta name="image:muse 2" content="" />
  29. <meta name="image:muse 3" content="" />
  30. <meta name="image:muse 4" content="" />
  31. <meta name="image:muse 5" content="" />
  32. <meta name="image:muse 6" content="" />
  33. <meta name="image:muse 7" content="" />
  34. <meta name="image:muse 8" content="" />
  35. <meta name="image:muse 9" content="" />
  36.  
  37. <meta name="color:background" content="#f1efef" />
  38. <meta name="color:wrapper" content="#f0d4d6" />
  39. <meta name="color:posts" content="#f1efef" />
  40. <meta name="color:topbar" content="#b9d0e5" />
  41. <meta name="color:text" content="#474343" />
  42. <meta name="color:links" content="#91b3d4" />
  43. <meta name="color:updates" content="#8aa4bb" />
  44. <meta name="color:accent" content="#e7a78b" />
  45. <meta name="color:title" content="#eae29c" />
  46. <meta name="color:checkers" content="#cfcdd5" />
  47.  
  48. <meta name="text:sidebar title" content="put your hand in the cookie jar!" />
  49. <meta name="text:sidebar label 1" content="name?" />
  50. <meta name="text:sidebar label 2" content="pronouns?" />
  51. <meta name="text:sidebar label 3" content="idk do" />
  52. <meta name="text:sidebar label 4" content="whatever" />
  53. <meta name="text:sidebar refresh title" content="index" />
  54. <meta name="text:sidebar askbox title" content="mail" />
  55. <meta name="text:sidebar navi title" content="navigate" />
  56. <meta name="text:sidebar link 4 title" content="link 4" />
  57. <meta name="text:sidebar link 4" content="/" />
  58. <meta name="text:question 1" content="here's a question blah blah blah" />
  59. <meta name="text:answer 1" content="here's your answer don't make it too long blah blah blah la la la" />
  60. <meta name="text:question 2" content="here's a question blah blah blah" />
  61. <meta name="text:answer 2" content="here's your answer don't make it too long blah blah blah la la la" />
  62. <meta name="text:question 3" content="here's a question blah blah blah" />
  63. <meta name="text:answer 3" content="here's your answer don't make it too long blah blah blah la la la" />
  64. <meta name="text:nav icon text" content="Greetings!" />
  65. <meta name="text:nav header" content="welcome to my blog." />
  66. <meta name="text:nav description" content="lorem ipsum dolor sit amet, consectetuer adipiscing elit. aenean commodo ligula eget dolor. aenean massa. cum sociis natoque penatibus et. in enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. nullam dictum felis eu pede mollis pretium. integer tincidunt. cras dapibus. vivamus elementum semper nisi. aenean vulputate eleifend tellus. aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim." />
  67. <meta name="text:nav link 1" content="/" />
  68. <meta name="text:nav link 1 title" content="link 1" />
  69. <meta name="text:nav link 2" content="/" />
  70. <meta name="text:nav link 2 title" content="link 2" />
  71. <meta name="text:nav link 3" content="/" />
  72. <meta name="text:nav link 3 title" content="link 3" />
  73. <meta name="text:nav link 4" content="/" />
  74. <meta name="text:nav link 4 title" content="link 4" />
  75. <meta name="text:nav link 5" content="/" />
  76. <meta name="text:nav link 5 title" content="link 5" />
  77. <meta name="text:nav link 6" content="/" />
  78. <meta name="text:nav link 6 title" content="link 6" />
  79. <meta name="text:update date 1" content="2018/0729" />
  80. <meta name="text:update title 1" content=">update title" />
  81. <meta name="text:update desc 1" content="update description blah blah" />
  82. <meta name="text:update date 2" content="2018/0729" />
  83. <meta name="text:update title 2" content=">update title" />
  84. <meta name="text:update desc 2" content="update description blah blah" />
  85. <meta name="text:update date 3" content="2018/0729" />
  86. <meta name="text:update title 3" content=">update title" />
  87. <meta name="text:update desc 3" content="update description blah blah" />
  88. <meta name="text:muse page title" content="muse page title" />
  89.  
  90.  
  91. <meta name="if:400px posts" content="0"/>
  92. <meta name="if:muse page" content="0"/>
  93.  
  94.  
  95.  
  96.  
  97. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  98.  
  99. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  100.  
  101. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  102.  
  103. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  104.  
  105. <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
  106.  
  107. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  108.  
  109. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  110.  
  111. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  112.  
  113. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  114. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  115. <script>
  116. (function($){
  117. $(document).ready(function(){
  118. $("a[title]").style_my_tooltips({
  119. tip_follows_cursor:true,
  120. tip_delay_time:90,
  121. tip_fade_speed:600,
  122. attribute:"title"
  123. });
  124. });
  125. })(jQuery);
  126. </script>
  127.  
  128.  
  129. <style type="text/css">
  130.  
  131. /* ---------------------------- GENERAL ----------------------------- */
  132.  
  133. /* -------- FONTS ------- */
  134.  
  135. @font-face {
  136. font-family: "bold";
  137. src: url(https://static.tumblr.com/iwykqv5/BUNp7hng5/angus-bold.ttf);
  138. }
  139.  
  140. @font-face {
  141. font-family:"italic";
  142. src: url(https://static.tumblr.com/q9240t8/hyep7id89/angus-italic.ttf);
  143. }
  144.  
  145. @font-face {
  146. font-family: "bold italic";
  147. src: url(https://static.tumblr.com/iwykqv5/mHAp7irtk/angus-bolditalic.ttf);
  148. }
  149.  
  150. @font-face {
  151. font-family: "medium italic";
  152. src: url(https://static.tumblr.com/iwykqv5/jewp7j5nh/angus-medium.ttf);
  153. }
  154.  
  155.  
  156. /* -------- SELECTION TOOL ------- */
  157.  
  158. ::-moz-selection {
  159. background: {color:title};
  160. }
  161.  
  162. ::selection {
  163. background: {color:title};
  164. }
  165.  
  166. /* -------- SCROLLBAR ------- */
  167.  
  168. ::-webkit-scrollbar {
  169. width: 0px;
  170. }
  171.  
  172. /* Track */
  173. ::-webkit-scrollbar-track {
  174. background:transparent;
  175. }
  176.  
  177. /* Handle */
  178. ::-webkit-scrollbar-thumb {
  179. background:transparent;
  180. }
  181. ::-webkit-scrollbar-thumb:window-inactive {
  182. background: transparent;
  183. }
  184.  
  185. /* ------- TOOLTIPS ------ */
  186.  
  187. #s-m-t-tooltip {
  188. max-width:300px;
  189. margin:10px 0px 0px 10px;
  190. background-color:{color:posts};
  191. font-family:"abeezee";
  192. padding-top:2px;
  193. padding-bottom:2px;
  194. padding-left:5px;
  195. padding-right:5px;
  196. border-radius:2px;
  197. font-size:9px;
  198. letter-spacing:1px;
  199. text-transform:lowercase;
  200. color:{color:text};
  201. z-index:999999999999999999999999999999999999;
  202. }
  203.  
  204. /* -------- BASICS ------- */
  205.  
  206. body {
  207. background: {color:background} url({image:background});
  208. color: {color:text};
  209. font-family:"abeezee";
  210. font-size:9.5px;
  211. -moz-osx-font-smoothing:grayscale;
  212. -webkit-font-smoothing:antialiased;
  213. font-smoothing:antialiased;
  214. margin: 0;
  215. padding: 0;
  216. word-wrap: break-word;
  217. line-height:155%;
  218. letter-spacing:.3px;
  219. }
  220.  
  221. a {
  222. color: {color:links};
  223. text-decoration: none;
  224. -webkit-transition: all .3s;
  225. -moz-transition: all .3s;
  226. -o-transition: all .3s;
  227. -ms-transition: all .3s;
  228. transition: all .3s;
  229. }
  230.  
  231. a:hover{
  232. color:{color:links hover};
  233. -webkit-transition: all .3s;
  234. -moz-transition: all .3s;
  235. -o-transition: all .3s;
  236. -ms-transition: all .3s;
  237. transition: all .3s;
  238. }
  239.  
  240. blockquote {
  241. border-left: 1px solid {color:links};
  242. margin: 10px;
  243. padding-left:25px;
  244. padding-top:3px;
  245. padding-bottom:3px;
  246. }
  247.  
  248. iframe, img, embed, object, video {
  249. max-width: 100%;
  250. }
  251.  
  252. small, sub, sup {
  253. font-size:9.5px;
  254. }
  255.  
  256. p{
  257. margin-bottom:10px;
  258. }
  259.  
  260. pre {
  261. background:{color:wrapper};
  262. }
  263.  
  264. img {
  265. height: auto;
  266. width:auto;
  267. max-width:100%;
  268. }
  269.  
  270. h1{
  271. text-transform:lowercase;
  272. font-size:13px;
  273. background:{color:title};
  274. font-family:"bold italic";
  275. display:inline;
  276. }
  277.  
  278. ul{
  279. list-style-type:square;
  280. }
  281.  
  282. ol{
  283. list-style-type:;
  284. }
  285.  
  286. #bigcon {
  287. {block:ifnot400pxposts}
  288. width:695px;
  289. height:530px;
  290. {/block:ifnot400pxposts}
  291. {block:if400pxposts}
  292. width:742px;
  293. height:580px;
  294. {/block:if400pxposts}
  295. background: {color:wrapper} url({image:footer}) no-repeat left bottom;
  296. overflow:hidden;
  297. position:absolute;
  298. left:0;
  299. right:0;
  300. top:0;
  301. bottom:0;
  302. margin:auto;
  303. border-radius:3px;
  304. }
  305.  
  306. /*----- sidebar -----*/
  307.  
  308. #sidebar {
  309. background: {color:posts} url({image:sidebar}) no-repeat left top;
  310. {block:ifnot400pxposts}
  311. margin-top:52px;
  312. margin-left:33px;
  313. {/block:ifnot400pxposts}
  314. {block:if400pxposts}
  315. margin-top:77px;
  316. margin-left:35px;
  317. {/block:if400pxposts}
  318. width:210px;
  319. height:426px;
  320. position:fixed;
  321. overflow:hidden;
  322. }
  323.  
  324. .wave {
  325. position:absolute;
  326. z-index:99999;
  327. }
  328.  
  329. .sbtitle {
  330. margin-top:137px;
  331. margin-left:60px;
  332. width:130px;
  333. display:inline-block;
  334. position:fixed;
  335. font-family:"bold";
  336. font-size:15px;
  337. -webkit-font-smoothing: antialiased;
  338. -moz-osx-font-smoothing: grayscale;
  339. z-index: 99999;
  340. line-height:125%;
  341. letter-spacing:0px;
  342. }
  343.  
  344. .sbtitle a {
  345. color:{color:text};
  346. }
  347.  
  348. .sbtitle b {
  349. background:{color:title};
  350. display:inline;
  351. }
  352.  
  353. .icon {
  354. position:fixed;
  355. display: inline-block;
  356. }
  357.  
  358. .sbicon {
  359. position:fixed;
  360. margin-left:122px;
  361. margin-top:180px;
  362. z-index:9999;
  363. transition-timing-function: ease-in;
  364. transition: 0.4s;
  365. }
  366.  
  367. .sbicon img {
  368. height:67px;
  369. width:67px;
  370. border-radius:50%;
  371. border:5px solid {color:posts};
  372. }
  373.  
  374. #sidebar:hover .sbicon {
  375. margin-left:10px;
  376. transition-timing-function: ease-in;
  377. transition: 0.4s;
  378. }
  379.  
  380. #sidebar:hover .labels {
  381. margin-left:50px;
  382. transition-timing-function: ease-in;
  383. transition: 0.4s;
  384. opacity:0;
  385. }
  386.  
  387. #lines {
  388. position:fixed;
  389. margin-top:200px;
  390. margin-left:30px;
  391. z-index:-1;
  392. }
  393.  
  394. .line {
  395. background-image: linear-gradient(to right, {color:links} 20%, rgba(255, 255, 255, 0) 20%);
  396. background-position: top;
  397. background-size: 3px 1px;
  398. background-repeat: repeat-x;
  399. width:150px;
  400. height:1px;
  401. }
  402.  
  403. .labels {
  404. position:absolute;
  405. margin-top:193px;
  406. margin-left:18px;
  407. transition-timing-function: ease-in;
  408. transition: 0.4s;
  409. }
  410.  
  411. .labels b {
  412. font-weight:normal;
  413. font-family:"italic";
  414. color:{color:links};
  415. font-size:11px;
  416. padding-right:5px;
  417. background:{color:posts};
  418. letter-spacing:.5px;
  419. }
  420.  
  421. .desc {
  422. margin-top:20px;
  423. width:150px;
  424. height:140px;
  425. overflow:scroll;
  426. text-align:justify;
  427. }
  428.  
  429. .desc b,strong {
  430. color:{color:accent};
  431. }
  432.  
  433. .desc i, em {
  434. color:{color:links};
  435. }
  436.  
  437. .pagi {
  438. margin-top:-2px;
  439. font-family:"bold italic";
  440. text-align:center;
  441. width:100%;
  442. font-size:10px;
  443. letter-spacing:1px;
  444. }
  445.  
  446. .pagi a {
  447. color:{color:text};
  448. }
  449.  
  450. .pagi a:before {
  451. content:"";
  452. position:absolute;
  453. background:{color:wrapper};
  454. height:9px;
  455. width:36px;
  456. z-index:-1;
  457. padding-right:7px;
  458. margin-left:-4px;
  459. }
  460.  
  461. /* ------------------------------ TABS ------------------------------ */
  462.  
  463.  
  464. .container {
  465. position:fixed;
  466. z-index:999999;
  467. width: 500px;
  468. margin: 0 auto;
  469. }
  470.  
  471. ul.tabs{
  472. list-style: none;
  473. margin-top:194px;
  474. margin-left:70px;
  475. position:fixed;
  476. opacity:0;
  477. transition-timing-function: ease-in;
  478. transition: 0.4s;
  479. text-align:right;
  480. }
  481.  
  482. ul.tabs li {
  483. font-weight:normal;
  484. font-family:"italic";
  485. color:{color:links};
  486. font-size:11px;
  487. padding-left:5px;
  488. background:{color:posts};
  489. display:inline-block;
  490. letter-spacing:.5px;
  491. cursor: pointer;
  492. }
  493.  
  494. #sidebar:hover .tabs {
  495. opacity:1;
  496. transition-timing-function: ease-in;
  497. transition: 0.4s;
  498. margin-left:100px;
  499. }
  500.  
  501. .tab-content{
  502. display: none;
  503. z-index:9999;
  504. position:absolute;
  505. {block:ifnot400pxposts}
  506. width:412px;
  507. height:530px;
  508. margin-left:250px;
  509. margin-top:-52px;
  510. {/block:ifnot400pxposts}
  511. {block:if400pxposts}
  512. width:463px;
  513. height:580px;
  514. margin-left:244px;
  515. margin-top:-77px;
  516. {/block:if400pxposts}
  517. overflow-y:scroll;
  518. overflow-x:hidden;
  519. margin-bottom:150px;
  520. }
  521.  
  522. .tab-content.current{
  523. display: inherit;
  524. }
  525.  
  526. /*----- tab 2 -----*/
  527.  
  528. .tab-content #askform {
  529. height:257px;
  530. width:366px;
  531. opacity:.65;
  532. {block:ifnot400pxposts}
  533. margin-left:5px;
  534. margin-top:215px;
  535. {/block:ifnot400pxposts}
  536. {block:if400pxposts}
  537. margin-left:32px;
  538. margin-top:245px;
  539. {/block:if400pxposts}
  540. position:fixed;
  541. }
  542.  
  543. /*----- tab 3 -----*/
  544.  
  545. #navicon {
  546. {block:ifnot400pxposts}
  547. margin-top:110px;
  548. margin-left:15px;
  549. {/block:ifnot400pxposts}
  550. {block:if400pxposts}
  551. margin-top:130px;
  552. margin-left:50px;
  553. {/block:if400pxposts}
  554. position:fixed;
  555. }
  556.  
  557. #navicon:before {
  558. content:'';
  559. position:absolute;
  560. z-index:-1;
  561. margin-top:-5px;
  562. margin-left:-5px;
  563. height:75px;
  564. width:75px;
  565. background:{color:accent};
  566. border-radius:50%;
  567. border:1px solid {color:text};
  568. }
  569.  
  570. #navicon img {
  571. border-radius:50%;
  572. height:75px;
  573. width:75px;
  574. }
  575.  
  576. .navtitle {
  577. margin-top:47px;
  578. margin-left:4px;
  579. font-family:"bold italic";
  580. font-size:15px;
  581. position:fixed;
  582. color:{color:posts};
  583. text-shadow:
  584. -1px -1px 0 {color:text},
  585. 1px -1px 0 {color:text},
  586. -1px 1px 0 {color:text},
  587. 1px 1px 0 {color:text};
  588. transform: rotate(-13deg);
  589. }
  590.  
  591. #navtext {
  592. text-align:justify;
  593. width:230px;
  594. height:120px;
  595. line-height:145%;
  596. overflow-y:scroll;
  597. overflow-x:hidden;
  598. position:fixed;
  599. z-index:999999;
  600. {block:ifnot400pxposts}
  601. margin-top:130px;
  602. margin-left:115px;
  603. {/block:ifnot400pxposts}
  604. {block:if400pxposts}
  605. margin-top:145px;
  606. margin-left:150px;
  607. {/block:if400pxposts}
  608. }
  609.  
  610. #navtext b,strong {
  611. font-weight:normal;
  612. background:{color:title};
  613. }
  614.  
  615. #navsubtitle {
  616. position:fixed;
  617. text-transform:lowercase;
  618. font-family:"bold italic";
  619. color:{color:text};
  620. font-size:10px;
  621. letter-spacing:1px;
  622. {block:ifnot400pxposts}
  623. margin-top:112px;
  624. margin-left:115px;
  625. {/block:ifnot400pxposts}
  626. {block:if400pxposts}
  627. margin-top:124px;
  628. margin-left:150px;
  629. {/block:if400pxposts}
  630. }
  631.  
  632. #navlinks {
  633. height:110px;
  634. width:200px;
  635. background:{color:posts};
  636. position:fixed;
  637. {block:ifnot400pxposts}
  638. margin-top:292px;
  639. margin-left:60px;
  640. {/block:ifnot400pxposts}
  641. {block:if400pxposts}
  642. margin-top:310px;
  643. margin-left:95px;
  644. {/block:if400pxposts}
  645. }
  646.  
  647. #navlinks:after {
  648. content:'';
  649. position:absolute;
  650. height:100%;
  651. width:48px;
  652. margin-left:152px;
  653. background-image: linear-gradient(45deg, {color:checkers} 25%, transparent 25%), linear-gradient(-45deg, {color:checkers} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, {color:checkers} 75%), linear-gradient(-45deg, transparent 75%, {color:checkers} 75%);
  654. background-size: 16px 16px;
  655. background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
  656. }
  657.  
  658. .navlink {
  659. position:fixed;
  660. width:200px;
  661. height:110px;
  662. z-index:9999;
  663. margin-top:-21px;
  664. margin-left:-45px;
  665. }
  666.  
  667. .navlink a {
  668. font-family:"bold";
  669. color:{color:text};
  670. font-size:12px;
  671. text-align:center;
  672. display:inline-block;
  673. margin-right:10px;
  674. margin-bottom:10px;
  675. padding-top:7px;
  676. width:81px;
  677. height:24px;
  678. background:{color:posts};
  679. border:1px solid {color:text};
  680. -webkit-box-shadow: 3px 3px 0px 0px {color:accent};
  681. -moz-box-shadow: 3px 3px 0px 0px {color:accent};
  682. box-shadow: 3px 3px 0px 0px {color:accent};
  683. }
  684.  
  685. .navlink a:hover {
  686. background:{color:links};
  687. color:{color:posts};
  688. }
  689.  
  690. .navlink img {
  691. width:110px;
  692. height:90px;
  693. position:fixed;
  694. margin-left:29px;
  695. margin-top:-82px;
  696. border:5px solid {color:posts};
  697. outline: 1px solid {color:text};
  698. }
  699.  
  700. #updates {
  701. position:fixed;
  702. height:47px;
  703. width:355px;
  704. margin-top:135px;
  705. margin-left:-50px;
  706. border-left:4px solid {color:links};
  707. padding-left:16px;
  708. overflow:hidden;
  709. z-index:999999;
  710. color:{color:updates};
  711. }
  712.  
  713. .update {
  714. overflow:hidden;
  715. position:absolute;
  716. height:47px;
  717. width:100px;
  718. line-height:140%;
  719. font-size:9px;
  720. text-align:left;
  721. }
  722.  
  723. .update h9 {
  724. font-family:"bold";
  725. font-size:11px;
  726. text-transform:lowercase;
  727. padding:none;
  728. }
  729.  
  730. .update h8 {
  731. font-family:"bold";
  732. font-size:10px;
  733. background:{color:title};
  734. text-transform:lowercase;
  735. padding:none;
  736. }
  737.  
  738. .update i {
  739. font-style:none;
  740. font-weight:normal;
  741. font-family:"medium italic";
  742. font-size:10px;
  743. }
  744.  
  745. /*----- tab 4 -----*/
  746.  
  747. #musetitle {
  748. {block:ifnot400pxposts}
  749. margin-top:107px;
  750. margin-left:120px;
  751. {/block:ifnot400pxposts}
  752. {block:if400pxposts}
  753. margin-top:127px;
  754. margin-left:150px;
  755. height:420px;
  756. {/block:if400pxposts}
  757. width:130px;
  758. position:fixed;
  759. font-family:"bold italic";
  760. font-size:12px;
  761. -webkit-font-smoothing: antialiased;
  762. -moz-osx-font-smoothing: grayscale;
  763. z-index: 99;
  764. line-height:130%;
  765. letter-spacing:0.3px;
  766. text-align:center;
  767. }
  768.  
  769. #musetitle:before {
  770. content:"";
  771. position:absolute;
  772. background:{color:title};
  773. height:11px;
  774. width:117px;
  775. z-index:-1;
  776. margin-left:-8px;
  777. margin-top:-1px;
  778. }
  779.  
  780. #muses {
  781. {block:ifnot400pxposts}
  782. margin-top:130px;
  783. height:347px;
  784. {/block:ifnot400pxposts}
  785. {block:if400pxposts}
  786. margin-top:160px;
  787. margin-left:30px;
  788. height:343px;
  789. {/block:if400pxposts}
  790. position:fixed;
  791. width:365px;
  792. z-index:9999999;
  793. overflow-x:hidden;
  794. overflow-y:scroll;
  795. }
  796.  
  797. #muses:before {
  798. content:'';
  799. position:fixed;
  800. z-index:99;
  801. width:365px;
  802. height:60px;
  803. background-image: linear-gradient(45deg, {color:checkers} 25%, transparent 25%), linear-gradient(-45deg, {color:checkers} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, {color:checkers} 75%), linear-gradient(-45deg, transparent 75%, {color:checkers} 75%);
  804. background-size: 16px 16px;
  805. background-position: 0 0, 0 8px, 8px -8px, -8px 0px;
  806. border-bottom:45px solid {color:posts};
  807. background-color:{color:posts};
  808. }
  809.  
  810. .muse {
  811. z-index:9999;
  812. position:absolute;
  813. margin-bottom:14px;
  814. }
  815.  
  816. .muse img {
  817. height:100px;
  818. width:85px;
  819. border:5px solid {color:posts};
  820. outline: 1px solid {color:text};
  821. background:{color:text};
  822. -webkit-box-shadow: 4px 4px 0px 0px {color:accent};
  823. -moz-box-shadow: 4px 4px 0px 0px {color:accent};
  824. box-shadow: 4px 4px 0px 0px {color:accent};
  825. }
  826.  
  827. .muse:hover .museinfo {
  828. opacity:1;
  829. margin-left:5px;
  830. transition-timing-function: ease-in;
  831. transition: 0.6s;
  832. }
  833.  
  834. .museinfo {
  835. overflow:hidden;
  836. background:{color:posts};
  837. opacity:0;
  838. width:65px;
  839. height:80px;
  840. position:absolute;
  841. padding-left:8px;
  842. padding-top:10px;
  843. padding-bottom:10px;
  844. padding-right:12px;
  845. margin-top:-109px;
  846. margin-left:-25px;
  847. transition-timing-function: ease-in;
  848. transition: 0.4s;
  849. }
  850.  
  851. .museinfo a {
  852. color:{color:text};
  853. }
  854.  
  855. .museinfo h6 {
  856. text-align:left;
  857. padding:0px;
  858. font-size:13px;
  859. letter-spacing:1px;
  860. font-family:"bold";
  861. margin-top:0px;
  862. background:{color:wrapper};
  863. display:inline;
  864. }
  865.  
  866. .museinfo h5 {
  867. font-family:"italic";
  868. font-weight:normal;
  869. font-size:10px;
  870. margin-top:3px;
  871. letter-spacing:.5px;
  872. margin-bottom:0px;
  873. }
  874.  
  875. /* --------------------------- POSTS --------------------- */
  876.  
  877. .posts {
  878. background:{color:posts};
  879. padding:15px;
  880. {block:ifnot400pxposts}
  881. width:350px;
  882. {/block:ifnot400pxposts}
  883. {block:if400pxposts}
  884. width:400px;
  885. {/block:if400pxposts}
  886. text-align:left;
  887. margin-bottom:40px;
  888. }
  889.  
  890. .posts b,strong {
  891. background:{color:title};
  892. color:{color:text};
  893. }
  894.  
  895. .media {
  896. {block:ifnot400pxposts}
  897. width:380px;
  898. {/block:ifnot400pxposts}
  899. {block:if400pxposts}
  900. width:430px;
  901. {/block:if400pxposts}
  902. margin-left:-15px;
  903. margin-top:-15px;
  904. }
  905.  
  906. .media img, iframe {
  907. vertical-align:bottom;
  908. }
  909.  
  910. .video iframe {
  911. {block:ifnot400pxposts}
  912. width:380px;
  913. {/block:ifnot400pxposts}
  914. {block:if400pxposts}
  915. width:430px;
  916. {/block:if400pxposts}
  917. margin-top:-1px;
  918. }
  919.  
  920. .chats {
  921. padding-top:10px;
  922. }
  923.  
  924. /* ---------------------------- POST INFO -----------------------------*/
  925.  
  926. .footer {
  927. margin-top:15px;
  928. color:{color:links};
  929. }
  930.  
  931. /* ---------------------------- POST NOTES ------------------------- */
  932.  
  933. ol.notes {
  934. display:block;
  935. text-align:left;
  936. list-style-type:none;
  937. margin-left:-40px;
  938.  
  939. }
  940.  
  941. ol.notes li.note{
  942. margin-bottom:5px;
  943. }
  944.  
  945. .pagenotes {
  946. text-align:left;
  947. padding-left:10px;
  948. {block:ifnot400pxposts}
  949. width:370px;
  950. {/block:ifnot400pxposts}
  951. {block:if400pxposts}
  952. width:420px;
  953. {/block:if400pxposts}
  954. margin-left:-10px;
  955. z-index:99999;
  956. }
  957.  
  958. .pagenotes img{
  959. margin-bottom:-5px;
  960. border-radius:50%;
  961. margin-right:5px;
  962. }
  963.  
  964.  
  965. /* -------------------------- POST TYPES -------------------------- */
  966.  
  967. /* CHAT */
  968.  
  969. ul.chat{
  970. list-style:none;
  971. margin-left:-40px;
  972. }
  973.  
  974. .chat span {
  975. float: left;
  976. }
  977.  
  978. /* QUOTES */
  979.  
  980. .quote{
  981. font-size:11px;
  982. margin-top:10px;
  983. }
  984.  
  985. .quotesource{
  986. text-align:right;
  987. margin-bottom:10px;
  988. }
  989.  
  990. /* QUESTIONS */
  991.  
  992. .question {
  993. padding-top:4px;
  994. padding-right:10px;
  995. padding-left:10px;
  996. padding-bottom:10px;
  997. margin-left:-10px;
  998. }
  999.  
  1000. .question a {
  1001. color:{color:accent};
  1002. }
  1003.  
  1004. /* --------------------------- CREDIT -------------------------- */
  1005.  
  1006. .credit {
  1007. bottom:10px;
  1008. right:10px;
  1009. position:fixed;
  1010. }
  1011.  
  1012. .credit a {
  1013. z-index:99999;
  1014. text-decoration:none;
  1015. display:inline-block;
  1016. width:auto;
  1017. margin-right:5px;
  1018. margin-bottom:5px;
  1019. letter-spacing:.5px;
  1020. padding-bottom:3px;
  1021. padding-top:2px;
  1022. padding-right:5px;
  1023. padding-left:5px;
  1024. font-weight:bold;
  1025. border-radius:1.5px;
  1026. background:{color:title};
  1027. color:{color:text};
  1028. }
  1029.  
  1030. .credit a:hover {
  1031. color:{color:links};
  1032. background:{color:posts};
  1033. }
  1034.  
  1035. /* --------------------------- Custom CSS -------------------------- */
  1036. {CustomCSS}
  1037. </style>
  1038. </head>
  1039. <body>
  1040.  
  1041. <div id="bigcon">
  1042.  
  1043. {block:ifnot400pxposts}
  1044. <svg style="position:fixed;border-radius:3px;" height="150" width="695">
  1045. <path d="M 0 0 L 0 100 Q 150 150 320 100 Q 520 60 700 100 L 700 0 Z" fill="{color:topbar}"/>
  1046. </svg>
  1047. {/block:ifnot400pxposts}
  1048.  
  1049. {block:if400pxposts}
  1050. <svg style="position:fixed;border-radius:3px;" height="250" width="742">
  1051. <path d="M 0 100 C 200 250 400 25 750 125 L 750 0 L 0 0 Z" fill="{color:topbar}"/>
  1052. </svg>
  1053. {/block:if400pxposts}
  1054.  
  1055. <!-- --------------------------- SIDEBAR -------------------------- -->
  1056.  
  1057. <div id="sidebar">
  1058.  
  1059. <div class="wave" style="margin-top:115px;">
  1060. <svg style="position:absolute;margin-left:24px;" height="15" width="57">
  1061. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1062. </svg>
  1063. <svg style="position:absolute;margin-top:11px;margin-left:64px;" height="15" width="34">
  1064. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1065. </svg>
  1066. <svg style="position:absolute;margin-top:11px;margin-left:4px;" height="15" width="70">
  1067. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1068. </svg>
  1069. <svg style="position:absolute;margin-top:22px;margin-left:24px;" height="15" width="60">
  1070. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1071. </svg>
  1072. <svg style="position:absolute;margin-top:22px;margin-left:-36px;" height="15" width="60">
  1073. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1074. </svg>
  1075. <svg style="position:absolute;margin-top:22px;margin-left:84px;" height="15" width="30">
  1076. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1077. </svg>
  1078. <svg style="position:absolute;margin-top:33px;margin-left:24px;" height="15" width="60">
  1079. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1080. </svg>
  1081. <svg style="position:absolute;margin-top:33px;margin-left:-36px;" height="15" width="60">
  1082. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1083. </svg>
  1084. <svg style="position:absolute;margin-top:33px;margin-left:84px;" height="15" width="42">
  1085. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1086. </svg>
  1087. <svg style="position:absolute;margin-top:44px;margin-left:24px;" height="15" width="60">
  1088. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1089. </svg>
  1090. <svg style="position:absolute;margin-top:44px;margin-left:-36px;" height="15" width="60">
  1091. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1092. </svg>
  1093. <svg style="position:absolute;margin-top:44px;margin-left:84px;" height="15" width="42">
  1094. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1095. </svg>
  1096. <svg style="position:absolute;margin-top:55px;margin-left:24px;" height="15" width="60">
  1097. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1098. </svg>
  1099. <svg style="position:absolute;margin-top:55px;margin-left:-36px;" height="15" width="60">
  1100. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1101. </svg>
  1102. <svg style="position:absolute;margin-top:55px;margin-left:84px;" height="15" width="42">
  1103. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10" fill="transparent" stroke="{color:accent}"/>
  1104. </svg>
  1105. </div>
  1106.  
  1107.  
  1108. <svg style="position:fixed;z-index:9;margin-top:35px;" height="150" width="210">
  1109. <path d="M 0 105 Q 60 60 105 105 Q 160 140 210 105 L 210 420 L 0 420 L 0 105 Z" fill="{color:posts}"/>
  1110.  
  1111. </svg>
  1112.  
  1113. <svg class="icon icon-stars1" fill="{color:text}" stroke="{color:text}" style="margin-top:123px;z-index:9999999;position:absolute;margin-left:28px;width:28px;height:28px;"><use xlink:href="#icon-stars1">
  1114. <symbol id="icon-stars1" viewBox="0 0 150 150">
  1115. <path d="M97.098 99.554l-5.692-15.179-5.692 15.179-10.714 3.571 10.714 3.571 5.692 15.179 5.692-15.179 10.714-3.571-10.714-3.571zM63.091 63.218l-9.185-25.718-9.185 25.718-21.284 7.095 21.284 7.095 9.185 25.718 9.185-25.718 21.284-7.095-21.284-7.095z"></path>
  1116. </symbol>
  1117. </use></svg>
  1118.  
  1119. <div class="sbtitle"><b><a href="/">{text:sidebar title}</a></b></div>
  1120.  
  1121. <div class="sbicon"><a href="/"><img src="{image:icon}"></a></div>
  1122.  
  1123. <div class="labels">
  1124. <b>{text:sidebar label 1}</b><br>
  1125. <b>{text:sidebar label 2}</b><br>
  1126. <b>{text:sidebar label 3}</b><br>
  1127. <b>{text:sidebar label 4}</b>
  1128. </div>
  1129.  
  1130. <div class="container">
  1131. <ul class="tabs">
  1132. <li><a class="tab-link current" href="/">{text:sidebar refresh title}</a></li><br>
  1133. <li class="tab-link" data-tab="tab-2">{text:sidebar askbox title}</li><br>
  1134. <li class="tab-link" data-tab="tab-3">{text:sidebar navi title}</li><br>
  1135. {block:ifmusepage}
  1136. <li class="tab-link" data-tab="tab-4">{text:sidebar link 4 title}</li>
  1137. {/block:ifmusepage}
  1138. {block:ifnotmusepage}
  1139. <li><a class="tab-link" href="{text:sidebar link 4}">{text:sidebar link 4 title}</a></li>
  1140. {/block:ifnotmusepage}
  1141. </ul>
  1142.  
  1143. <!-- ------------------------ TAB 1 -------------------------- -->
  1144.  
  1145. <div id="tab-1" class="tab-content current">
  1146.  
  1147. {block:Posts}
  1148.  
  1149. <br><br>
  1150. <div class="posts">
  1151.  
  1152. <!--POST INFORMATION-->
  1153.  
  1154.  
  1155. <!--TEXT POST-->
  1156. {block:Text}
  1157. {block:Title}
  1158. <h1>{Title}</h1>
  1159. {/block:Title}
  1160. {Body}
  1161. {/block:Text}
  1162.  
  1163.  
  1164. <!--PHOTO POST-->
  1165. {block:Photo}
  1166.  
  1167. <div class="media" style="{block:ifnot400pxposts}
  1168. width:380px;
  1169. {/block:ifnot400pxposts}
  1170. {block:if400pxposts}
  1171. width:430px;
  1172. {/block:if400pxposts}">
  1173. {block:IndexPage}
  1174. {LinkOpenTag}
  1175. <img src="{block:ifnot400pxposts}
  1176. {PhotoURL-400}
  1177. {/block:ifnot400pxposts}
  1178. {block:if400pxposts}
  1179. {PhotoURL-500}
  1180. {/block:if400pxposts}" alt="{PhotoAlt}" />
  1181. {LinkCloseTag}
  1182. {/block:IndexPage}
  1183. {block:PermalinkPage}
  1184. {LinkOpenTag}
  1185. <img src="{block:ifnot400pxposts}
  1186. {PhotoURL-400}
  1187. {/block:ifnot400pxposts}
  1188. {block:if400pxposts}
  1189. {PhotoURL-500}
  1190. {/block:if400pxposts}" alt="{PhotoAlt}" />
  1191. {LinkCloseTag}{/block:PermalinkPage}
  1192. </div>
  1193.  
  1194. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1195.  
  1196. {/block:Photo}
  1197.  
  1198.  
  1199. <!--PHOTOSET POST-->
  1200. {block:Photoset}
  1201. <div class="media">
  1202. {block:IndexPage}{block:ifnot400pxposts}
  1203. {Photoset-400}
  1204. {/block:ifnot400pxposts}
  1205. {block:if400pxposts}
  1206. {Photoset-500}
  1207. {/block:if400pxposts}{/block:IndexPage}
  1208. {block:PermalinkPage}{block:ifnot400pxposts}
  1209. {Photoset-400}
  1210. {/block:ifnot400pxposts}
  1211. {block:if400pxposts}
  1212. {Photoset-500}
  1213. {/block:if400pxposts}{/block:PermalinkPage}
  1214. </div>
  1215.  
  1216. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1217.  
  1218. {/block:Photoset}
  1219.  
  1220.  
  1221. <!--QUOTE POST-->
  1222. {block:Quote}
  1223. <div class="quote">{Quote}</div>
  1224. {block:Source}<br>
  1225. <div class="quotesource">— {Source}</div>
  1226. {/block:Source}
  1227. {/block:Quote}
  1228.  
  1229.  
  1230. <!--LINK POST-->
  1231. {block:Link}
  1232. <h1 class="title"><a style="text-decoration:underline;" href="{URL}">{Name}</a></h1>
  1233. {block:Description}{Description}{/block:Description}
  1234. {/block:Link}
  1235.  
  1236.  
  1237. <!--CHAT POST-->
  1238. {block:Chat}
  1239. {block:Title}
  1240. <div class="title">{Title}</div>
  1241. {/block:Title}
  1242.  
  1243. <div class="chats">
  1244. {block:Lines}
  1245. <div style="text-transform:lowercase;" class="{Alt} user_{UserNumber}">
  1246. {block:Label}
  1247. <span style="color:{color:accent};text-transform:lowercase;text-decoration:underline;">{Label}</span>{/block:Label}
  1248. &nbsp;{Line}
  1249. </div>
  1250. {/block:Lines}
  1251. <br></div>
  1252. {/block:Chat}
  1253.  
  1254.  
  1255. <!--AUDIO POST-->
  1256. {block:Audio}
  1257. <div style="padding-top:10px;padding-bottom:15px;">
  1258. {block:AlbumArt}<img style="border-radius:61px;position:absolute;width:61px;height:61px;" src="{AlbumArtURL}">{/block:AlbumArt}
  1259. {block:AudioPlayer}<div style="overflow:hidden;background:white;border-right:7px solid white;border-left:3px solid white;border-bottom:5px solid white;border-top:5px solid white;margin-top:12px;margin-left:12px;border-radius:50px;opacity:.6;position:absolute;width:27px;height:27px;">{AudioPlayerWhite}</div>
  1260. <div style="margin-top:15px;height:32px;margin-left:75px;text-transform:lowercase;{block:ifnotdaymode}
  1261. color:white;
  1262. {/block:ifnotdaymode}
  1263. {block:ifdaymode}
  1264. color:#292a2b;
  1265. {/block:ifdaymode};">{/block:AudioPlayer}
  1266. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  1267. {block:Artist}<br><div style="margin-top:3px;">by {Artist}</div>{/block:Artist}
  1268. </div>
  1269. </div>
  1270. <br>
  1271.  
  1272. {block:Caption}<div class="caption" style="margin-top:-10px;">{Caption}</div>{/block:Caption}
  1273.  
  1274. {/block:Audio}
  1275.  
  1276.  
  1277. <!--VIDEO POST-->
  1278. {block:Video}
  1279. <div class="media">
  1280. <div class="video">{Video-500}</div></div>
  1281.  
  1282. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1283.  
  1284. {/block:Video}
  1285.  
  1286.  
  1287. <!--ANSWER POST-->
  1288. {block:Answer}
  1289. <div class="question"><span style="text-decoration:underline;letter-spacing:.5px;text-transform:lowercase;color:{color:accent};">{Asker} asked</span><div style="margin-top:5px;">{Question}</div></div>
  1290. <p>{Answer}
  1291. {/block:Answer}
  1292.  
  1293. <!--POST INFO-->
  1294. <div class="footer">
  1295. {block:IndexPage}
  1296.  
  1297. {block:Date}
  1298. <a href="{Permalink}">{TimeAgo} {block:NoteCount}· {NoteCount}{/block:NoteCount}</a>
  1299. {/block:Date}<br>
  1300.  
  1301. {block:HasTags}
  1302. {block:Tags}<a style="padding-right:6px;" href="{TagURL}">#{Tag}</a>{/block:Tags}
  1303. {/block:HasTags}
  1304. </div>
  1305. {/block:IndexPage}
  1306.  
  1307. {block:PermalinkPage}
  1308.  
  1309. {block:Date}
  1310. <a style="text-transform:lowercase;" href="{Permalink}">{Year}/{MonthNumberWithZero}{DayOfMonthWithZero} {DayOfWeek} {block:NoteCount}· {NoteCount}{/block:NoteCount}</a><a href="{ReblogParentURL}"> · via</a><a href="{ReblogRootURL}"> · source</a>
  1311. {/block:Date}<br>
  1312.  
  1313. {block:HasTags}
  1314. {block:Tags}<a style="padding-right:6px;" href="{TagURL}">#{Tag}</a>{/block:Tags}
  1315. {/block:HasTags}
  1316. </div>
  1317. {/block:PermalinkPage}
  1318.  
  1319.  
  1320.  
  1321. <!--POST NOTES-->
  1322. {block:PostNotes}
  1323. <div class="pagenotes">{PostNotes-16} </div>
  1324. {/block:PostNotes}
  1325.  
  1326. </div>
  1327.  
  1328. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1329. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{block:NoSourceLogo}{/block:NoSourceLogo}{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1330.  
  1331. {/block:Posts}
  1332.  
  1333.  
  1334. <!--end of posts-->
  1335.  
  1336. </div>
  1337.  
  1338.  
  1339. <!-- ------------------------ TAB 2 -------------------------- -->
  1340.  
  1341.  
  1342. <div id="tab-2" class="tab-content">
  1343.  
  1344. <div class="wave" style="{block:ifnot400pxposts}margin-top:95px;margin-left:290px;{/block:ifnot400pxposts}{block:if400pxposts}margin-top:130px;margin-left:340px;{/block:if400pxposts}">
  1345. <svg style="position:absolute;" height="15" width="110">
  1346. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1347. </svg>
  1348. <svg style="position:absolute;margin-left:100px;" height="15" width="30">
  1349. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1350. </svg>
  1351. <svg style="position:absolute;margin-top:11px;" height="15" width="110">
  1352. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1353. </svg>
  1354. <svg style="position:absolute;margin-top:11px;margin-left:100px;" height="15" width="30">
  1355. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1356. </svg>
  1357. <svg style="position:absolute;margin-top:22px;" height="15" width="110">
  1358. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1359. </svg>
  1360. <svg style="position:absolute;margin-top:22px;margin-left:100px;" height="15" width="30">
  1361. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1362. </svg>
  1363. <svg style="position:absolute;margin-top:33px;" height="15" width="110">
  1364. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1365. </svg>
  1366. <svg style="position:absolute;margin-top:33px;margin-left:100px;" height="15" width="30">
  1367. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1368. </svg>
  1369. <svg style="position:absolute;margin-top:44px;" height="15" width="110">
  1370. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1371. </svg>
  1372. <svg style="position:absolute;margin-top:44px;margin-left:100px;" height="15" width="30">
  1373. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1374. </svg>
  1375. <svg style="position:absolute;margin-top:55px;" height="15" width="110">
  1376. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1377. </svg>
  1378. <svg style="position:absolute;margin-top:55px;margin-left:100px;" height="15" width="30">
  1379. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1380. </svg>
  1381. {block:if400pxposts}
  1382. <svg style="position:absolute;margin-top:66px;" height="15" width="110">
  1383. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1384. </svg>
  1385. <svg style="position:absolute;margin-top:66px;margin-left:100px;" height="15" width="30">
  1386. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1387. </svg>
  1388. {/block:if400pxposts}
  1389. </div>
  1390.  
  1391. <svg class="icon icon-stars1" fill="{color:text}" stroke="{color:text}" stroke-width="3" style="{block:ifnot400pxposts}margin-top:95px;margin-left:250px;{/block:ifnot400pxposts}{block:if400pxposts}margin-top:120px;margin-left:305px;{/block:if400pxposts}width:25px;height:25px;"><use xlink:href="#icon-stars1">
  1392. </use></svg>
  1393.  
  1394. <div id="updates" style="border-left:4px solid {color:topbar};color:{color:text};height:70px;{block:ifnot400pxposts}margin-left:5px;margin-top:125px;{/block:ifnot400pxposts}{block:if400pxposts}margin-left:35px;margin-top:150px;{/block:if400pxposts}">
  1395.  
  1396. <div class="update" style="height:70px;">
  1397. <h8>{text:question 1}</h8><br>
  1398. {text:answer 1}
  1399. </div>
  1400.  
  1401. <div class="update" style="margin-left:123px;height:70px;">
  1402. <h8>{text:question 2}</h8><br>
  1403. {text:answer 2}
  1404. </div>
  1405.  
  1406. <div class="update" style="margin-left:246px;height:70px;">
  1407. <h8>{text:question 3}</h8><br>
  1408. {text:answer 3}
  1409. </div>
  1410.  
  1411. </div>
  1412.  
  1413. <iframe frameborder="0" scrolling="yes" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="askform"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  1414.  
  1415. </div>
  1416.  
  1417.  
  1418. <!-- ------------------------ TAB 3 -------------------------- -->
  1419.  
  1420.  
  1421. <div id="tab-3" class="tab-content">
  1422.  
  1423. <div class="wave" style="{block:ifnot400pxposts}margin-top:95px;margin-left:290px;{/block:ifnot400pxposts}{block:if400pxposts}margin-top:130px;margin-left:340px;{/block:if400pxposts}">
  1424. <svg style="position:absolute;" height="15" width="110">
  1425. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1426. </svg>
  1427. <svg style="position:absolute;margin-left:100px;" height="15" width="30">
  1428. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1429. </svg>
  1430. <svg style="position:absolute;margin-top:11px;" height="15" width="110">
  1431. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1432. </svg>
  1433. <svg style="position:absolute;margin-top:11px;margin-left:100px;" height="15" width="30">
  1434. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1435. </svg>
  1436. <svg style="position:absolute;margin-top:22px;" height="15" width="110">
  1437. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1438. </svg>
  1439. <svg style="position:absolute;margin-top:22px;margin-left:100px;" height="15" width="30">
  1440. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1441. </svg>
  1442. <svg style="position:absolute;margin-top:33px;" height="15" width="110">
  1443. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1444. </svg>
  1445. <svg style="position:absolute;margin-top:33px;margin-left:100px;" height="15" width="30">
  1446. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1447. </svg>
  1448. <svg style="position:absolute;margin-top:44px;" height="15" width="110">
  1449. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1450. </svg>
  1451. <svg style="position:absolute;margin-top:44px;margin-left:100px;" height="15" width="30">
  1452. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1453. </svg>
  1454. <svg style="position:absolute;margin-top:55px;" height="15" width="110">
  1455. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1456. </svg>
  1457. <svg style="position:absolute;margin-top:55px;margin-left:100px;" height="15" width="30">
  1458. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1459. </svg>
  1460. {block:if400pxposts}
  1461. <svg style="position:absolute;margin-top:66px;" height="15" width="110">
  1462. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1463. </svg>
  1464. <svg style="position:absolute;margin-top:66px;margin-left:100px;" height="15" width="30">
  1465. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1466. </svg>
  1467. {/block:if400pxposts}
  1468. </div>
  1469.  
  1470. <div id="navicon">
  1471. <div class="navtitle">{text:nav icon text}</div>
  1472. <svg class="icon icon-stars2" fill="{color:posts}" stroke="{color:text}" stroke-width="3" style="margin-top:35px;margin-left:-15px;width:35px;height:35px;"><use xlink:href="#icon-stars2">
  1473. <symbol id="icon-stars2" viewBox="0 0 150 150">
  1474. <path d="M63.091 63.218l-9.185-25.718-9.185 25.718-21.284 7.095 21.284 7.095 9.185 25.718 9.185-25.718 21.284-7.095-21.284-7.095z"></path>
  1475. </symbol>
  1476. </use></svg>
  1477. <svg class="icon icon-stars3" fill="{color:posts}" stroke="{color:text}" stroke-width="4" style="margin-top:48px;margin-left:60px;width:25px;height:25px;"><use xlink:href="#icon-stars3">
  1478. <symbol id="icon-stars3" viewBox="0 0 150 150">
  1479. <path d="M52.902 99.554l5.692-15.179 5.692 15.179 10.714 3.571-10.714 3.571-5.692 15.179-5.692-15.179-10.714-3.571 10.714-3.571zM86.909 63.218l9.185-25.718 9.185 25.718 21.284 7.095-21.284 7.095-9.185 25.718-9.185-25.718-21.284-7.095 21.284-7.095z"></path></symbol>
  1480. </use></svg>
  1481. <img src="{image:nav icon}"></div>
  1482.  
  1483. <div id="navsubtitle">{text:nav header}</div>
  1484.  
  1485. <div id="navtext">{text:nav description}</div>
  1486.  
  1487. <div id="navlinks">
  1488.  
  1489. <svg class="icon icon-stars1" fill="{color:text}" stroke="{color:text}" style="margin-top:-33px;margin-left:-75px;width:32px;height:32px;"><use xlink:href="#icon-stars1">
  1490. </use></svg>
  1491.  
  1492. <div class="navlink">
  1493. <a href="{text:nav link 1}">{text:nav link 1 title}</a>
  1494. <a href="{text:nav link 2}">{text:nav link 2 title}</a><br>
  1495. <a href="{text:nav link 3}">{text:nav link 3 title}</a>
  1496. <a href="{text:nav link 4}">{text:nav link 4 title}</a><br>
  1497. <a href="{text:nav link 5}">{text:nav link 5 title}</a>
  1498. <a href="{text:nav link 6}">{text:nav link 6 title}</a>
  1499.  
  1500. <img src="{image:nav photo}">
  1501. </div>
  1502.  
  1503. <div id="updates">
  1504.  
  1505. <div class="update">
  1506. <h9>{text:update date 1}</h9><br>
  1507. <i>{text:update title 1}</i><br>
  1508. {text:update desc 1}
  1509. </div>
  1510.  
  1511. <div class="update" style="margin-left:123px;">
  1512. <h9>{text:update date 2}</h9><br>
  1513. <i>{text:update title 2}</i><br>
  1514. {text:update desc 2}
  1515. </div>
  1516.  
  1517. <div class="update" style="margin-left:246px;">
  1518. <h9>{text:update date 3}</h9><br>
  1519. <i>{text:update title 3}</i><br>
  1520. {text:update desc 3}
  1521. </div>
  1522.  
  1523. </div>
  1524. </div>
  1525.  
  1526. </div>
  1527.  
  1528.  
  1529. <!-- ------------------------ TAB 4 -------------------------- -->
  1530.  
  1531.  
  1532. <div id="tab-4" class="tab-content">
  1533.  
  1534. <div class="wave" style="{block:ifnot400pxposts}margin-top:95px;margin-left:290px;{/block:ifnot400pxposts}{block:if400pxposts}margin-top:130px;margin-left:340px;{/block:if400pxposts}">
  1535. <svg style="position:absolute;" height="15" width="110">
  1536. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1537. </svg>
  1538. <svg style="position:absolute;margin-left:100px;" height="15" width="30">
  1539. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1540. </svg>
  1541. <svg style="position:absolute;margin-top:11px;" height="15" width="110">
  1542. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1543. </svg>
  1544. <svg style="position:absolute;margin-top:11px;margin-left:100px;" height="15" width="30">
  1545. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1546. </svg>
  1547. <svg style="position:absolute;margin-top:22px;" height="15" width="110">
  1548. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1549. </svg>
  1550. <svg style="position:absolute;margin-top:22px;margin-left:100px;" height="15" width="30">
  1551. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1552. </svg>
  1553. <svg style="position:absolute;margin-top:33px;" height="15" width="110">
  1554. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1555. </svg>
  1556. <svg style="position:absolute;margin-top:33px;margin-left:100px;" height="15" width="30">
  1557. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1558. </svg>
  1559. <svg style="position:absolute;margin-top:44px;" height="15" width="110">
  1560. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1561. </svg>
  1562. <svg style="position:absolute;margin-top:44px;margin-left:100px;" height="15" width="30">
  1563. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1564. </svg>
  1565. <svg style="position:absolute;margin-top:55px;" height="15" width="110">
  1566. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1567. </svg>
  1568. <svg style="position:absolute;margin-top:55px;margin-left:100px;" height="15" width="30">
  1569. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1570. </svg>
  1571. {block:if400pxposts}
  1572. <svg style="position:absolute;margin-top:66px;" height="15" width="110">
  1573. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1574. </svg>
  1575. <svg style="position:absolute;margin-top:66px;margin-left:100px;" height="15" width="30">
  1576. <path d="M 0 10 Q 5 15 10 10 Q 15 5 20 10 Q 25 15 30 10 Q 35 5 40 10 Q 45 15 50 10 Q 55 5 60 10 Q 65 15 70 10 Q 75 5 80 10 Q 85 15 90 10 Q 95 5 100 10 Q 105 15 110 10" fill="transparent" stroke="{color:accent}"/>
  1577. </svg>
  1578. {/block:if400pxposts}
  1579. </div>
  1580.  
  1581. <div id="musetitle">{text:muse page title}
  1582.  
  1583. <svg class="icon icon-stars3" fill="{color:text}" stroke="{color:text}" stroke-width="3" style="margin-left:7px;margin-top:-10px;width:25px;height:25px;"><use xlink:href="#icon-stars3">
  1584. </use></svg>
  1585. </div>
  1586.  
  1587. <div id="muses">
  1588.  
  1589. <div class="muse" style="margin-top:20px;margin-left:15px;">
  1590.  
  1591. <img src="{image:muse 1}">
  1592. <div class="museinfo">
  1593.  
  1594. <h6><!--LINK TO MUSE 1-->
  1595. <a href="/">
  1596. <!--MUSE 1 NAME-->
  1597. bae irene</a></h6>
  1598. <h5>
  1599. <!--MUSE 1 INFO-->
  1600. >aries<br>
  1601. >1991/0329
  1602. </h5>
  1603.  
  1604. </div>
  1605. </div>
  1606.  
  1607. <div class="muse"style="margin-top:20px;margin-left:134px;">
  1608.  
  1609. <img src="{image:muse 2}">
  1610. <div class="museinfo">
  1611.  
  1612. <h6><!--LINK TO MUSE 2-->
  1613. <a href="/">
  1614. <!--MUSE 2 NAME-->
  1615. kang seulgi</a></h6>
  1616. <h5>
  1617. <!--MUSE 2 INFO-->
  1618. >aquarius<br>
  1619. >1994/0210
  1620. </h5>
  1621.  
  1622. </div>
  1623. </div>
  1624.  
  1625. <div class="muse" style="margin-top:20px;margin-left:253px;">
  1626.  
  1627. <img src="{image:muse 3}">
  1628. <div class="museinfo">
  1629.  
  1630. <h6><!--LINK TO MUSE 3-->
  1631. <a href="/">
  1632. <!--MUSE 3 NAME-->
  1633. son seungwan</a></h6>
  1634. <h5>
  1635. <!--MUSE 3 INFO-->
  1636. >pisces<br>
  1637. >1994/0221
  1638. </h5>
  1639.  
  1640. </div>
  1641. </div>
  1642.  
  1643. <div class="muse" style="margin-top:153px;margin-left:15px;">
  1644.  
  1645. <img src="{image:muse 4}">
  1646. <div class="museinfo">
  1647.  
  1648. <h6><!--LINK TO MUSE 4-->
  1649. <a href="/">
  1650. <!--MUSE 4 NAME-->
  1651. park sooyoung</a></h6>
  1652. <h5>
  1653. <!--MUSE 4 INFO-->
  1654. >virgo<br>
  1655. >1996/0903
  1656. </h5>
  1657.  
  1658. </div>
  1659. </div>
  1660.  
  1661. <div class="muse" style="margin-top:153px;margin-left:134px;">
  1662.  
  1663. <img src="{image:muse 5}">
  1664. <div class="museinfo">
  1665.  
  1666. <h6><!--LINK TO MUSE 5-->
  1667. <a href="/">
  1668. <!--MUSE 5 NAME-->
  1669. kim yerim</a></h6>
  1670. <h5>
  1671. <!--MUSE 5 INFO-->
  1672. >pisces<br>
  1673. >1999/0305
  1674. </h5>
  1675.  
  1676. </div>
  1677. </div>
  1678.  
  1679. <div class="muse" style="margin-top:153px;margin-left:253px;">
  1680.  
  1681. <img src="{image:muse 6}">
  1682. <div class="museinfo">
  1683.  
  1684. <h6><!--LINK TO MUSE 6-->
  1685. <a href="/">
  1686. <!--MUSE 6 NAME-->
  1687. name here</a></h6>
  1688. <h5>
  1689. <!--MUSE 6 INFO-->
  1690. >muse info<br>
  1691. >muse info
  1692. </h5>
  1693.  
  1694. </div>
  1695. </div>
  1696.  
  1697. <div class="muse" style="margin-top:286px;margin-left:15px;">
  1698.  
  1699. <img src="{image:muse 7}">
  1700. <div class="museinfo">
  1701.  
  1702. <h6><!--LINK TO MUSE 7-->
  1703. <a href="/">
  1704. <!--MUSE 7 NAME-->
  1705. name here</a></h6>
  1706. <h5>
  1707. <!--MUSE 7 INFO-->
  1708. >muse info<br>
  1709. >muse info
  1710. </h5>
  1711.  
  1712. </div>
  1713. </div>
  1714.  
  1715. <div class="muse" style="margin-top:286px;margin-left:134px;">
  1716.  
  1717. <img src="{image:muse 8}">
  1718. <div class="museinfo">
  1719.  
  1720. <h6><!--LINK TO MUSE 8-->
  1721. <a href="/">
  1722. <!--MUSE 8 NAME-->
  1723. name here</a></h6>
  1724. <h5>
  1725. <!--MUSE 8 INFO-->
  1726. >muse info<br>
  1727. >muse info
  1728. </h5>
  1729.  
  1730. </div>
  1731. </div>
  1732.  
  1733. <div class="muse" style="margin-top:286px;margin-left:253px;">
  1734.  
  1735. <img src="{image:muse 9}">
  1736. <div class="museinfo">
  1737.  
  1738. <h6><!--LINK TO MUSE 9-->
  1739. <a href="/">
  1740. <!--MUSE 9 NAME-->
  1741. name here</a></h6>
  1742. <h5>
  1743. <!--MUSE 9 INFO-->
  1744. >muse info<br>
  1745. >muse info
  1746. </h5>
  1747.  
  1748. </div>
  1749. </div>
  1750.  
  1751. </div>
  1752.  
  1753. </div>
  1754. </div>
  1755.  
  1756. <div id="lines"><div class="line"></div><br><div style="margin-top:-1px;" class="line"></div><br><div style="margin-top:-1px;" class="line"></div><br><div style="margin-top:-1px;" class="line"></div>
  1757.  
  1758. <div class="desc">{Description}</div>
  1759.  
  1760. {block:Pagination}
  1761. <div class="pagi">
  1762. {block:PreviousPage}
  1763. <a href="{PreviousPage}">back</a>
  1764. {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">— next</a>{/block:NextPage}
  1765. {/block:Pagination}
  1766. </div>
  1767.  
  1768.  
  1769. <script language="javascript">
  1770. $(document).ready(function(){
  1771.  
  1772. $('ul.tabs li').click(function(){
  1773. var tab_id = $(this).attr('data-tab');
  1774.  
  1775. $('ul.tabs li').removeClass('current');
  1776. $('.tab-content').removeClass('current');
  1777.  
  1778. $(this).addClass('current');
  1779. $("#"+tab_id).addClass('current');
  1780. })
  1781.  
  1782. })</script>
  1783.  
  1784. <div class="credit"><a href="https://leesjeno.tumblr.com"><i class="far fa-heart"></i> leesjeno</a></div>
  1785.  
  1786. </body>
  1787. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!