API tools faq
paste
Advertisement
jwrites

THEME #12 dalla / made by jinsoouls

jwrites
Feb 27th, 2019 (edited)
4,687
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. -` dalla by jinsoouls ´-
  6. you know the deal, the usual rules
  7. apply, don't remove credit,
  8. repost or claim as your own!
  9.  
  10. --->
  11.  
  12. <meta name="color:background" content="#eeeeee"/>
  13. <meta name="color:container" content="#f6f6f6"/>
  14. <meta name="color:posts" content="#ffffff"/>
  15. <meta name="color:accent" content="#c2c8cb"/>
  16. <meta name="color:accent 2" content="#f6f6f6"/>
  17. <meta name="color:text" content="#313131"/>
  18. <meta name="color:title" content="#313131"/>
  19. <meta name="color:bold" content="#050505"/>
  20. <meta name="color:italic" content="#000000"/>
  21. <meta name="color:border" content="#1a1a1a"/>
  22. <meta name="color:link" content="#646464"/>
  23. <meta name="color:link hover" content="#e2e2e2"/>
  24.  
  25. <meta name="image:background" content=""/>
  26. <meta name="image:sidebar" content="https://via.placeholder.com/275x300.png"/>
  27. <meta name="image:nav" content="https://via.placeholder.com/175x340.png"/>
  28.  
  29. <meta name="image:muse 1" content="https://via.placeholder.com/110x110.png"/>
  30. <meta name="image:muse 2" content="https://via.placeholder.com/110x110.png"/>
  31. <meta name="image:muse 3" content="https://via.placeholder.com/110x110.png"/>
  32. <meta name="image:muse 4" content="https://via.placeholder.com/110x110.png"/>
  33. <meta name="image:muse 5" content="https://via.placeholder.com/110x110.png"/>
  34. <meta name="image:muse 6" content="https://via.placeholder.com/110x110.png"/>
  35. <meta name="image:muse 7" content="https://via.placeholder.com/110x110.png"/>
  36. <meta name="image:muse 8" content="https://via.placeholder.com/110x110.png"/>
  37. <meta name="image:muse 9" content="https://via.placeholder.com/110x110.png"/>
  38. <meta name="image:muse 10" content="https://via.placeholder.com/110x110.png"/>
  39. <meta name="image:muse 11" content="https://via.placeholder.com/110x110.png"/>
  40. <meta name="image:muse 12" content="https://via.placeholder.com/110x110.png"/>
  41.  
  42. <meta name="select:muse name font size" content="30px" title="30px">
  43. <meta name="select:muse name font size" content="25px" title="25px">
  44. <meta name="select:muse name font size" content="20px" title="20px">
  45. <meta name="select:muse name font size" content="15px" title="15px">
  46.  
  47. <meta name="if:muse tab" content="1"/>
  48.  
  49. <meta name="text:home link title" content="home.">
  50. <meta name="text:ask link title" content="inbox.">
  51. <meta name="text:nav link title" content="navigate.">
  52.  
  53.  
  54. <meta name="text:free link title" content="extra.">
  55. <meta name="text:free link" content="/">
  56. <meta name="text:muse link title" content="muses.">
  57.  
  58. <meta name="text:title" content="dolla dolla.">
  59. <meta name="text:subtitle" content="dolla dolla.">
  60. <meta name="text:desc" content="idk you need to write something here for description">
  61.  
  62. <meta name="text:nav desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.">
  63. <meta name="text:nav link 1" content="/1">
  64. <meta name="text:nav link 1 title" content="link one">
  65. <meta name="text:nav link 2" content="/2">
  66. <meta name="text:nav link 2 title" content="link two">
  67. <meta name="text:nav link 3" content="/3">
  68. <meta name="text:nav link 3 title" content="link three">
  69. <meta name="text:nav link 4" content="/4">
  70. <meta name="text:nav link 4 title" content="link four">
  71. <meta name="text:nav link 5" content="/5">
  72. <meta name="text:nav link 5 title" content="link five">
  73. <meta name="text:nav link 6" content="/6">
  74. <meta name="text:nav link 6 title" content="link six">
  75. <meta name="text:nav more link" content="link six">
  76.  
  77. <meta name="text:muse tab title" content="my muses.">
  78. <meta name="text:muse 1 name" content="muse name">
  79. <meta name="text:muse 1 stats" content="age. label. pronouns.">
  80. <meta name="text:muse 2 name" content="muse name">
  81. <meta name="text:muse 2 stats" content="age. label. pronouns.">
  82. <meta name="text:muse 3 name" content="muse name">
  83. <meta name="text:muse 3 stats" content="age. label. pronouns.">
  84. <meta name="text:muse 4 name" content="muse name">
  85. <meta name="text:muse 4 stats" content="age. label. pronouns.">
  86. <meta name="text:muse 5 name" content="muse name">
  87. <meta name="text:muse 5 stats" content="age. label. pronouns.">
  88. <meta name="text:muse 6 name" content="muse name">
  89. <meta name="text:muse 6 stats" content="age. label. pronouns.">
  90. <meta name="text:muse 7 name" content="muse name">
  91. <meta name="text:muse 7 stats" content="age. label. pronouns.">
  92. <meta name="text:muse 8 name" content="muse name">
  93. <meta name="text:muse 8 stats" content="age. label. pronouns.">
  94. <meta name="text:muse 9 name" content="muse name">
  95. <meta name="text:muse 9 stats" content="age. label. pronouns.">
  96. <meta name="text:muse 10 name" content="muse name">
  97. <meta name="text:muse 10 stats" content="age. label. pronouns.">
  98. <meta name="text:muse 11 name" content="muse name">
  99. <meta name="text:muse 11 stats" content="age. label. pronouns.">
  100. <meta name="text:muse 12 name" content="muse name">
  101. <meta name="text:muse 12 stats" content="age. label. pronouns.">
  102.  
  103. <head><title>{Title}</title>
  104. <link rel="shortcut icon" href="{Favicon}">
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  107.  
  108. <!-- jquery -->
  109. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  110.  
  111. <!-- script for tooltips -->
  112. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  113.  
  114. <!-- google fonts -->
  115. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Karla:400,700|Sarabun:100,200,300,400,500,600,700,800" rel="stylesheet">
  116.  
  117. <!-- animate.css style sheet -->
  118. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
  119.  
  120. <!-- autoresize video script by shythemes -->
  121. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  122.  
  123. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  124.  
  125. <!-- photoset.css by annathms and espoirthemes -->
  126. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  127.  
  128. <script>
  129. /* tooltip script */
  130. (function($){
  131. $(document).ready(function(){
  132. $("a[title]").style_my_tooltips({
  133. tip_follows_cursor:true,
  134. tip_delay_time:90,
  135. tip_fade_speed:600,
  136. attribute:"title"
  137. });
  138. });
  139. })(jQuery);
  140.  
  141.  
  142. /* tab script */
  143. function openCity(evt, cityName) {
  144. var i, tabcontent, tablinks;
  145.  
  146. tabcontent = document.getElementsByClassName("tabcontent");
  147. for (i = 0; i < tabcontent.length; i++) {
  148. tabcontent[i].style.display = "none";
  149. }
  150.  
  151. tablinks = document.getElementsByClassName("tablinks");
  152. for (i = 0; i < tablinks.length; i++) {
  153. tablinks[i].className = tablinks[i].className.replace(" active", "");
  154. }
  155.  
  156. document.getElementById(cityName).style.display = "block";
  157. evt.currentTarget.className += " active";
  158. }
  159.  
  160. </script>
  161.  
  162. <style>
  163.  
  164. ::-webkit-scrollbar {
  165. width: 1px;
  166. height: 1px;
  167. background: transparent;
  168. }
  169.  
  170. ::-webkit-scrollbar-thumb {
  171. background-color: transparent;
  172. -webkit-border-radius: 1px; }
  173.  
  174. ::selection {background-color: {color:accent};}
  175. ::-moz-selection {background-color: {color:accent};}
  176.  
  177. #s-m-t-tooltip {
  178. max-width:300px;
  179. padding:4px 6px 4px 6px;
  180. margin:20px 7px 2px 20px;
  181. background-color:{color:posts};
  182. font-size:8px;
  183. letter-spacing:1px;
  184. z-index:999999999999999999999999999999999999;
  185. box-shadow:1px 1px 5px rgb(0,0,0,0.07);
  186. }
  187.  
  188. body {
  189. background:{color:background};
  190. background-image:url({image:background});
  191. margin:0px;
  192. color:{color:text};
  193. font-family: 'Karla', sans-serif;
  194. font-size:11px;
  195. line-height:100%;
  196. }
  197.  
  198. small{font-size:10px}
  199.  
  200. img {border:none;}
  201.  
  202. blockquote {
  203. padding:1px 0px 1px 10px;
  204. border-left:1px solid {color:border};
  205. }
  206.  
  207. blockquote blockquote {
  208. padding:1px 0px 1px 5px;
  209. border-left:1px solid {color:border};
  210. }
  211.  
  212. h1 {
  213. background-color:{color:accent};
  214. color:{color:bold};
  215. font-size:20px;
  216. text-align:right;
  217. vertical-align:center;
  218. text-transform:lowercase;
  219. padding:10px;
  220. letter-spacing:1px;
  221. line-height:120%;
  222. font-family: 'Abril Fatface', cursive;
  223. }
  224.  
  225. h2 {
  226. text-transform:lowercase;
  227. color:{color:accent};
  228. font-size:15px;
  229. text-align:center;
  230. line-height:110%;
  231. text-shadow:1px 1px 0px {color:text};
  232. }
  233.  
  234. a {
  235. text-decoration:none;
  236. color:{color:link};
  237. -moz-transition-duration:0.8s;
  238. -webkit-transition-duration:0.8s;
  239. -o-transition-duration:0.8s;
  240. }
  241.  
  242. a:hover {color:{color:link hover};}
  243.  
  244. b {color:{color:bold};}
  245. i {color:{color:italic};}
  246. strong {color:{color:bold};}
  247. em {color:{color:italic};}
  248. sub {font-size:10px;}
  249. sup {font-size:10px;}
  250.  
  251. .container {
  252. width:900px;
  253. height:540px;
  254. position: absolute;
  255. margin:auto;
  256. background-color:{color:container};
  257. left:0px;right:0px;top:0px; bottom:0px;
  258. overflow:hidden;
  259. }
  260.  
  261. .entries {
  262. position:absolute;
  263. padding:20px;
  264. height:480px;
  265. margin-top:10px;
  266. width:450px;
  267. margin-left:405px;
  268. overflow:scroll;
  269. z-index:2;
  270. }
  271.  
  272. .post {
  273. padding:10px;
  274. background-color:{color:posts};
  275. text-transform:lowercase;
  276. line-height:130%;
  277. overflow:hidden;
  278. }
  279.  
  280. /* start post and post type css */
  281.  
  282. .photoset-grid {
  283. grid-gap: 2px;
  284. }
  285.  
  286. .post img {
  287. position:static;
  288. height:auto;
  289. width:auto;
  290. max-width:100%;
  291. margin:0px;
  292. border-radius:0px;
  293. }
  294.  
  295. .postinfo {
  296. text-align:left;
  297. border-top:1px solid {color:accent 2};
  298. text-transform:uppercase;
  299. font-size:8.9px;
  300. margin-top:20px;
  301. letter-spacing:0.5px;
  302. padding:7px 4px 0px 4px;
  303. margin-left:-4px;
  304. width:100%;
  305. }
  306.  
  307. .tags {
  308. width:100%;
  309. font-size:8.5px;
  310. text-align:center;
  311. margin:10px 0px 30px 0px;
  312. text-transform:uppercase;
  313. }
  314.  
  315. .postnote {
  316. margin-top:10px;
  317. text-transform:lowercase;
  318. letter-spacing:0px;
  319. font-size:10px;
  320. text-align:left;
  321. }
  322.  
  323. .question {
  324. width:100%;
  325. height:auto;
  326. letter-spacing:0px;
  327. padding-top: 10px;
  328. padding-bottom: 7px;
  329. padding-left:9px;
  330. margin-left:-9px;
  331. line-height:150%;
  332. }
  333.  
  334. .asker {
  335. padding:15px;
  336. background-color:{color:accent};
  337. color:{color:text};
  338. width:80%;
  339. margin: 20px 0px 10px 32px;
  340. }
  341.  
  342. .asker a {background:none;margin:0; padding:0;}
  343.  
  344. .askname {
  345. float:left;
  346. padding:0px 15px;
  347. }
  348.  
  349. .askname:before {
  350. content:'[ ';
  351. padding-right:10px;
  352. font-weight:bolder;
  353. font-size:15px;
  354. }
  355.  
  356. .askname:after {
  357. content:' ]';
  358. padding-left:10px;
  359. font-weight:bolder;
  360. font-size:15px;
  361. }
  362.  
  363.  
  364. .askname span {
  365. text-transform:uppercase;
  366. font-size:13px;
  367. }
  368.  
  369. .answer {padding:10px 20px 0px 20px;}
  370.  
  371. .quotepost {text-align:center;}
  372.  
  373. .quotepost b {
  374. font-size:30px;
  375. line-height:120%;
  376. font-family: 'Abril Fatface', cursive;
  377. }
  378.  
  379. .chat {
  380. padding:5px 20px 0px 20px;
  381. font-size:14px;
  382. }
  383.  
  384. .quote {
  385. color:{color:accent 2};
  386. position:absolute;
  387. z-index:8;
  388. font-size:120px;
  389. margin:305px 0px 0px 285px;
  390. opacity:0.8;
  391. }
  392.  
  393. .readmore {
  394. margin:15px 0px;
  395. text-align:center;
  396. }
  397.  
  398. .readmore a {
  399. background-color:{color:accent};
  400. color:{color:text};
  401. padding:7px 9px 8px 9px;
  402. font-size:13px;
  403. font-family: 'Abril Fatface', cursive;
  404. -moz-transition-duration:0.8s;
  405. -webkit-transition-duration:0.8s;
  406. -o-transition-duration:0.8s;
  407. }
  408.  
  409. .readmore a:hover {
  410. background-color:{color:text};
  411. color:{color:accent};
  412. font-family: 'Abril Fatface', cursive;
  413. -moz-transition-duration:0.8s;
  414. -webkit-transition-duration:0.8s;
  415. -o-transition-duration:0.8s;
  416. }
  417.  
  418.  
  419. .musicinfo {
  420. margin:10px 0px 0px 50px;
  421. line-height:185%;
  422. }
  423.  
  424. .musicplayer {
  425. padding: 5px 0px 5px 5px;
  426. width:inherit;
  427. background:#fff;
  428. border:2px solid #fff;
  429. width:30px;
  430. overflow:hidden;
  431. position:absolute;
  432. font-weight:bold;
  433. }
  434.  
  435.  
  436. .postnote {
  437. margin-top:10px;
  438. text-transform:lowercase;
  439. letter-spacing:0px;
  440. font-size:10px;
  441. text-align:left;
  442. }
  443.  
  444.  
  445. /* end post and post type css
  446. start sidebar css */
  447.  
  448. .sidebar {
  449. background-color:{color:accent};
  450. width:400px;
  451. margin:0px 0px 0px 0px;
  452. height:300px;
  453. position:absolute;
  454. text-align:center;
  455. z-index:10;
  456. }
  457.  
  458. .sidebartitle {
  459. text-align:center;
  460. font-size:40px;
  461. font-family: 'Abril Fatface', cursive;
  462. letter-spacing:1px;
  463. position:absolute;
  464. color:{color:title};
  465. width:280px;
  466. line-height:90%;
  467. border-bottom:none;
  468. transform:rotate(-90deg);
  469. letter-spacing:0.1px;
  470. font-style: italic;
  471. margin:140px 0px 0px -300px;
  472. }
  473. .sidebarsubtitle {
  474. text-align:center;
  475. font-size:20px;
  476. letter-spacing:1px;
  477. position:absolute;
  478. color:{color:title};
  479. width:280px;
  480. line-height:90%;
  481. border-bottom:none;
  482. transform:rotate(-90deg);
  483. letter-spacing:0.1px;
  484. margin:210px 0px 0px -270px;
  485. }
  486.  
  487. .sidebardesc {
  488. width:300px;
  489. padding:20px;
  490. height:45px;
  491. position:absolute;
  492. overflow:scroll;
  493. line-height:150%;
  494. text-align:left;
  495. text-transform:lowercase;
  496. letter-spacing:0.5px;
  497. margin:430px 0px 0px -150px;
  498. }
  499.  
  500. .sidebarimg {
  501. position:absolute;
  502. z-index:11;
  503. width:250px;
  504. height:325px;
  505. margin:102px 0px 0px -90px;
  506. }
  507.  
  508. .sidebarlinks {
  509. position:absolute;
  510. z-index:21;
  511. font-weight:900;
  512. margin:70px 0px 0px 160px;
  513. }
  514.  
  515. .sidebarlinks a {
  516. color:transparent;
  517. font-weight:900;
  518. -webkit-text-stroke: 1px {color:text};
  519. font-size:30px;
  520. margin:5px;
  521. }
  522.  
  523. .sidebarlinks a:hover {
  524. color:{color:text};
  525. cursor:pointer;
  526. }
  527.  
  528. .bottombox {
  529. text-align:center;
  530. border:1px solid {color:border};
  531. width:950px;
  532. height:30px;
  533. position: absolute;
  534. margin:auto;
  535. z-index:9999999999;
  536. left:0px;right:0px;top:555px; bottom:0px;
  537. position:absolute;
  538. font-size:15px;
  539. }
  540.  
  541. .bottombox div {
  542. margin:7.5px 0px 0px 250px;
  543. }
  544.  
  545. .bottombox a {
  546. margin:8px 10px;
  547. font-size:15px;
  548. font-family: 'Abril Fatface', cursive;
  549. font-weight:lighter;
  550. color:{color:title};
  551. }
  552.  
  553. /* end sidebar css
  554. start nav and tab css */
  555.  
  556. .tabcontent {
  557. width:500px;
  558. height:530px;
  559. position: absolute;
  560. margin:0px 0px 0px 400px;
  561. background-color:{color:container};
  562. overflow:hidden;
  563. display:none;
  564. z-index:10;
  565. overflow:hidden;
  566. animation: fadeIn 0.8s;
  567. }
  568.  
  569. .close {
  570. margin:10px 0px 0px 485px;
  571. position:absolute;
  572. z-index:9999999;
  573. }
  574. .close:hover {cursor: pointer; }
  575.  
  576. /* nav tab css */
  577.  
  578. .navimg {
  579. width:175px;
  580. height:340px;
  581. position:absolute;
  582. margin:60px 0px 0px 50px;
  583. }
  584.  
  585. .navborder {
  586. position:absolute;
  587. border:1px solid {color:border};
  588. position:absolute;
  589. width:175px; height:340px;
  590. margin:50px 0px 0px 60px;
  591. }
  592.  
  593. .navlinks {
  594. position:absolute;
  595. margin:55px 0px 0px 325px;
  596. font-size:20px;
  597. line-height:250%;
  598. }
  599.  
  600. .navlinks a {
  601. color:{color:text};
  602. }
  603.  
  604. .navlinks div {
  605. position:absolute;
  606. font-family: 'Abril Fatface', cursive;
  607. font-size:40px;
  608. margin:-15px 0px 0px -10px;
  609. z-index:2;
  610. }
  611.  
  612. .navlinks a:hover {
  613. text-shadow:2px 2px 0px {color:accent};
  614. }
  615.  
  616. .navlinksnum {
  617. position:absolute;
  618. margin:50px 0px 0px 250px;
  619. text-align:right;
  620. font-family: 'Abril Fatface', cursive;
  621. font-size:50px;
  622. line-height:100%;
  623. }
  624.  
  625. .navdesc {
  626. position:absolute;
  627. width:310px; height:50px;
  628. padding:20px;
  629. margin:415px 0px 0px 110px;
  630. background-color:{color:posts};
  631. line-height:200%;
  632. letter-spacing:1px;
  633. overflow:scroll;
  634. text-transform:lowercase;
  635. z-index:1;
  636. }
  637.  
  638. /* muse tab css */
  639.  
  640. .muses {
  641. background-color:{color:posts};
  642. position:absolute;
  643. height:420px;
  644. width:450px;
  645. overflow:scroll;
  646. margin:10px 0px 0px 25px;
  647. }
  648.  
  649. .muse {
  650. width:72.5%;
  651. height:110px;
  652. padding:20px;
  653. margin:40px;
  654. background-color:{color:container};
  655. }
  656.  
  657. .musename {
  658. font-size:{select:muse name font size};
  659. text-align:center;
  660. width:200px;
  661. margin-top:10px;
  662. font-family: 'Abril Fatface', cursive;
  663. }
  664.  
  665. .musestats {
  666. background-color:{color:accent};
  667. width:196px;
  668. padding:4px 2px;
  669. text-align:center;
  670. margin-top:20px;
  671. text-transform:uppercase;
  672. font-style: italic;
  673. font-size:9px;
  674. }
  675.  
  676. .muselinks {
  677. width:210px;
  678. text-align:center;
  679. margin-top:10px;
  680. margin-left:-4px;
  681. }
  682.  
  683. .muselinks div {
  684. display:inline-block;
  685. background-color:{color:posts};
  686. border-radius:5px;
  687. width:30px;
  688. height:30px;
  689. margin:2px;
  690. -moz-transition-duration:0.8s;
  691. -webkit-transition-duration:0.8s;
  692. -o-transition-duration:0.8s;
  693. }
  694.  
  695. .muselinks a {
  696. font-size:13px;
  697. line-height:260%;
  698. color:{color:text};
  699. }
  700.  
  701. .muselinks div:hover {
  702. background-color:{color:text};
  703. -moz-transition-duration:0.8s;
  704. -webkit-transition-duration:0.8s;
  705. -o-transition-duration:0.8s;
  706. }
  707.  
  708. .muselinks div:hover a {
  709. color:{color:posts};
  710. }
  711.  
  712. /* end nav and tab css */
  713.  
  714. /* pls pls pls pls don't delete my credit */
  715. .credit {
  716. background-color:{color:posts};
  717. position: fixed;
  718. bottom: 15px;
  719. right: 15px;
  720. font-size:11px;
  721. padding:5px;
  722. border-radius:7px;
  723. line-height:110%;
  724. }
  725.  
  726. .credit a {color:{color:text};}
  727. /* end of credit*/
  728.  
  729. </style>
  730. </head>
  731. <body>
  732. <div class="container">
  733. <!-- sidebar starts here-->
  734. <div class="sidebar">
  735. <img src="{image:sidebar}" class="sidebarimg">
  736. <span class="sidebartitle">{text:title}</span>
  737. <span class="sidebarsubtitle">{text:subtitle}</span>
  738. <span class="sidebardesc">{text:desc}</span>
  739.  
  740. <div class="sidebarlinks">
  741. <a href="/" title="{text:home link title}">
  742. 01.</a>
  743. <a href="/ask" title="{text:ask link title}">
  744. 02.</a>
  745. <a class="tablinks" onclick="openCity(event, 'navtab')" title="{text:nav link title}">
  746. 03.</a>
  747. {block:IfNotMuseTab}
  748. <a href="{text:free link}" title="{text:free link title}">
  749. 04.</a>
  750. {/block:IfNotMuseTab}
  751. {block:IfMuseTab}
  752. <a class="tablinks" onclick="openCity(event, 'musetab')" title="{text:muse link title}">
  753. 04.</a>
  754. {/block:IfMuseTab}
  755. </div>
  756.  
  757. </div>
  758. <!-- sidebar ends here-->
  759.  
  760. <!-- this is the nav tab!! -->
  761. <div id="navtab" class="tabcontent">
  762. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  763.  
  764.  
  765. <img src="{image:nav}" class="navimg">
  766. <div class="navborder"></div>
  767.  
  768. <div class="navlinks">
  769. <a href="{text:nav link 1}">{text:nav link 1 title}</a><br>
  770. <a href="{text:nav link 2}">{text:nav link 2 title}</a><br>
  771. <a href="{text:nav link 3}">{text:nav link 3 title}</a><br>
  772. <a href="{text:nav link 4}">{text:nav link 4 title}</a><br>
  773. <a href="{text:nav link 5}">{text:nav link 5 title}</a><br>
  774. <a href="{text:nav link 6}">{text:nav link 6 title}</a><br>
  775. <div>&&nbsp;<a href="{text:nav more link}">more.</a></div>
  776. </div>
  777. <div class="navlinksnum">
  778. I.<br>II.<br>III.<br>IV.<br>V.<br>VI.
  779. </div>
  780. <div class="navdesc">{text:nav desc}</div>
  781.  
  782. </div>
  783.  
  784. <!-- end of nav tab and start of muse tab
  785.  
  786. you need to go in and add your tags to the
  787. <a href=""> for the links to work!
  788.  
  789. -->
  790.  
  791. <div id="musetab" class="tabcontent">
  792. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  793. <h1 style="margin-top:40px">{text:muse tab title}</h1>
  794. <div class="muses">
  795.  
  796.  
  797. <!--- start muse one --->
  798. <div class="muse">
  799. <img src="{image:muse 1}" style="float:right">
  800. <div class="musename">{text:muse 1 name}</div>
  801. <div class="musestats">{text:muse 1 stats}</div>
  802. <div class="muselinks">
  803. <div><a href="">
  804. <span class="th th-pinterest-o"></span>
  805. </a></div>
  806. <div><a href="">
  807. <span class="th th-picture-o"></span>
  808. </a></div>
  809. <div><a href="">
  810. <span class="th th-push-pin-o"></span>
  811. </a></div>
  812. <div><a href="">
  813. <span class="th th-cloud-3-o"></span>
  814. </a></div>
  815. </div>
  816. </div>
  817. <!--- end muse one --->
  818.  
  819. <!--- start muse two --->
  820. <div class="muse">
  821. <img src="{image:muse 2}" style="float:right">
  822. <div class="musename">{text:muse 2 name}</div>
  823. <div class="musestats">{text:muse 2 stats}</div>
  824. <div class="muselinks">
  825. <div><a href="">
  826. <span class="th th-pinterest-o"></span>
  827. </a></div>
  828. <div><a href="">
  829. <span class="th th-picture-o"></span>
  830. </a></div>
  831. <div><a href="">
  832. <span class="th th-push-pin-o"></span>
  833. </a></div>
  834. <div><a href="">
  835. <span class="th th-cloud-3-o"></span>
  836. </a></div>
  837. </div>
  838. </div>
  839. <!--- end muse two --->
  840.  
  841. <!--- start muse three --->
  842. <div class="muse">
  843. <img src="{image:muse 3}" style="float:right">
  844. <div class="musename">{text:muse 3 name}</div>
  845. <div class="musestats">{text:muse 3 stats}</div>
  846. <div class="muselinks">
  847. <div><a href="">
  848. <span class="th th-pinterest-o"></span>
  849. </a></div>
  850. <div><a href="">
  851. <span class="th th-picture-o"></span>
  852. </a></div>
  853. <div><a href="">
  854. <span class="th th-push-pin-o"></span>
  855. </a></div>
  856. <div><a href="">
  857. <span class="th th-cloud-3-o"></span>
  858. </a></div>
  859. </div>
  860. </div>
  861. <!--- end muse three --->
  862.  
  863. <!--- start muse four --->
  864. <div class="muse">
  865. <img src="{image:muse 4}" style="float:right">
  866. <div class="musename">{text:muse 4 name}</div>
  867. <div class="musestats">{text:muse 4 stats}</div>
  868. <div class="muselinks">
  869. <div><a href="">
  870. <span class="th th-pinterest-o"></span>
  871. </a></div>
  872. <div><a href="">
  873. <span class="th th-picture-o"></span>
  874. </a></div>
  875. <div><a href="">
  876. <span class="th th-push-pin-o"></span>
  877. </a></div>
  878. <div><a href="">
  879. <span class="th th-cloud-3-o"></span>
  880. </a></div>
  881. </div>
  882. </div>
  883. <!--- end muse four --->
  884.  
  885. <!--- start muse five --->
  886. <div class="muse">
  887. <img src="{image:muse 5}" style="float:right">
  888. <div class="musename">{text:muse 5 name}</div>
  889. <div class="musestats">{text:muse 5 stats}</div>
  890. <div class="muselinks">
  891. <div><a href="">
  892. <span class="th th-pinterest-o"></span>
  893. </a></div>
  894. <div><a href="">
  895. <span class="th th-picture-o"></span>
  896. </a></div>
  897. <div><a href="">
  898. <span class="th th-push-pin-o"></span>
  899. </a></div>
  900. <div><a href="">
  901. <span class="th th-cloud-3-o"></span>
  902. </a></div>
  903. </div>
  904. </div>
  905. <!--- end muse five --->
  906.  
  907. <!--- start muse six --->
  908. <div class="muse">
  909. <img src="{image:muse 6}" style="float:right">
  910. <div class="musename">{text:muse 6 name}</div>
  911. <div class="musestats">{text:muse 6 stats}</div>
  912. <div class="muselinks">
  913. <div><a href="">
  914. <span class="th th-pinterest-o"></span>
  915. </a></div>
  916. <div><a href="">
  917. <span class="th th-picture-o"></span>
  918. </a></div>
  919. <div><a href="">
  920. <span class="th th-push-pin-o"></span>
  921. </a></div>
  922. <div><a href="">
  923. <span class="th th-cloud-3-o"></span>
  924. </a></div>
  925. </div>
  926. </div>
  927. <!--- end muse six --->
  928.  
  929. <!--- start muse seven --->
  930. <div class="muse">
  931. <img src="{image:muse 7}" style="float:right">
  932. <div class="musename">{text:muse 7 name}</div>
  933. <div class="musestats">{text:muse 7 stats}</div>
  934. <div class="muselinks">
  935. <div><a href="">
  936. <span class="th th-pinterest-o"></span>
  937. </a></div>
  938. <div><a href="">
  939. <span class="th th-picture-o"></span>
  940. </a></div>
  941. <div><a href="">
  942. <span class="th th-push-pin-o"></span>
  943. </a></div>
  944. <div><a href="">
  945. <span class="th th-cloud-3-o"></span>
  946. </a></div>
  947. </div>
  948. </div>
  949. <!--- end muse seven --->
  950.  
  951. <!--- start muse eight --->
  952. <div class="muse">
  953. <img src="{image:muse 8}" style="float:right">
  954. <div class="musename">{text:muse 8 name}</div>
  955. <div class="musestats">{text:muse 8 stats}</div>
  956. <div class="muselinks">
  957. <div><a href="">
  958. <span class="th th-pinterest-o"></span>
  959. </a></div>
  960. <div><a href="">
  961. <span class="th th-picture-o"></span>
  962. </a></div>
  963. <div><a href="">
  964. <span class="th th-push-pin-o"></span>
  965. </a></div>
  966. <div><a href="">
  967. <span class="th th-cloud-3-o"></span>
  968. </a></div>
  969. </div>
  970. </div>
  971. <!--- end muse eight --->
  972.  
  973. <!--- start muse nine --->
  974. <div class="muse">
  975. <img src="{image:muse 9}" style="float:right">
  976. <div class="musename">{text:muse 9 name}</div>
  977. <div class="musestats">{text:muse 9 stats}</div>
  978. <div class="muselinks">
  979. <div><a href="">
  980. <span class="th th-pinterest-o"></span>
  981. </a></div>
  982. <div><a href="">
  983. <span class="th th-picture-o"></span>
  984. </a></div>
  985. <div><a href="">
  986. <span class="th th-push-pin-o"></span>
  987. </a></div>
  988. <div><a href="">
  989. <span class="th th-cloud-3-o"></span>
  990. </a></div>
  991. </div>
  992. </div>
  993. <!--- end muse nine --->
  994.  
  995. <!--- start muse ten --->
  996. <div class="muse">
  997. <img src="{image:muse 10}" style="float:right">
  998. <div class="musename">{text:muse 10 name}</div>
  999. <div class="musestats">{text:muse 10 stats}</div>
  1000. <div class="muselinks">
  1001. <div><a href="">
  1002. <span class="th th-pinterest-o"></span>
  1003. </a></div>
  1004. <div><a href="">
  1005. <span class="th th-picture-o"></span>
  1006. </a></div>
  1007. <div><a href="">
  1008. <span class="th th-push-pin-o"></span>
  1009. </a></div>
  1010. <div><a href="">
  1011. <span class="th th-cloud-3-o"></span>
  1012. </a></div>
  1013. </div>
  1014. </div>
  1015. <!--- end muse ten --->
  1016.  
  1017. <!--- start muse eleven --->
  1018. <div class="muse">
  1019. <img src="{image:muse 11}" style="float:right">
  1020. <div class="musename">{text:muse 11 name}</div>
  1021. <div class="musestats">{text:muse 11 stats}</div>
  1022. <div class="muselinks">
  1023. <div><a href="">
  1024. <span class="th th-pinterest-o"></span>
  1025. </a></div>
  1026. <div><a href="">
  1027. <span class="th th-picture-o"></span>
  1028. </a></div>
  1029. <div><a href="">
  1030. <span class="th th-push-pin-o"></span>
  1031. </a></div>
  1032. <div><a href="">
  1033. <span class="th th-cloud-3-o"></span>
  1034. </a></div>
  1035. </div>
  1036. </div>
  1037. <!--- end muse eleven --->
  1038.  
  1039.  
  1040. <!--- start muse twelve --->
  1041. <div class="muse">
  1042. <img src="{image:muse 12}" style="float:right">
  1043. <div class="musename">{text:muse 12 name}</div>
  1044. <div class="musestats">{text:muse 12 stats}</div>
  1045. <div class="muselinks">
  1046. <div><a href="">
  1047. <span class="th th-pinterest-o"></span>
  1048. </a></div>
  1049. <div><a href="">
  1050. <span class="th th-picture-o"></span>
  1051. </a></div>
  1052. <div><a href="">
  1053. <span class="th th-push-pin-o"></span>
  1054. </a></div>
  1055. <div><a href="">
  1056. <span class="th th-cloud-3-o"></span>
  1057. </a></div>
  1058. </div>
  1059. </div>
  1060. <!--- end muse twelve --->
  1061.  
  1062. <!--- to add more muses copy and paste the following changing the name and stats as needed and adding the image url link
  1063.  
  1064. <div class="muse">
  1065. <img src="IMAGE URL" style="float:right">
  1066. <div class="musename">MUSE NAME</div>
  1067. <div class="musestats">MUSE STATS</div>
  1068. <div class="muselinks">
  1069. <div><a href="">
  1070. <span class="th th-pinterest-o"></span>
  1071. </a></div>
  1072. <div><a href="">
  1073. <span class="th th-picture-o"></span>
  1074. </a></div>
  1075. <div><a href="">
  1076. <span class="th th-push-pin-o"></span>
  1077. </a></div>
  1078. <div><a href="">
  1079. <span class="th th-cloud-3-o"></span>
  1080. </a></div>
  1081. </div>
  1082. </div>
  1083.  
  1084.  
  1085. --->
  1086.  
  1087. </div>
  1088. </div>
  1089.  
  1090. <!-- end of muse tab and start of entries -->
  1091.  
  1092. <div class="entries">
  1093.  
  1094. {block:Posts}
  1095. <div class="post" id="{PostID}">
  1096.  
  1097. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div style=padding:10px>{Body}</div>{/block:Text}
  1098.  
  1099. {block:More}
  1100. <div class="readmore">
  1101. <a href="{Permalink}">
  1102. read more
  1103. </a>
  1104. </div>
  1105. {/block:More}
  1106.  
  1107. {block:Quote}<div class="quotepost"><b>"{Quote}"</b></big>{block:Source}<p></p>— {Source}{/block:Source}</div>{/block:Quote}
  1108.  
  1109. {block:Chat}
  1110. <div>
  1111. {block:Title}
  1112. <h1>{Title}</h1>
  1113. {/block:Title}
  1114. <div class="chat">
  1115. {block:Lines}
  1116. {block:Label}<b>{Label}</b>{/block:Label}
  1117. {Line}<br>{/block:Lines}
  1118. </div>
  1119. </div>
  1120. {/block:Chat}
  1121.  
  1122. {block:Video}
  1123. <div class="video">{Video-500}</div>
  1124. {block:Caption}{Caption}{/block:Caption}
  1125. {/block:Video}
  1126.  
  1127. {block:Photo}
  1128. <img src="{PhotoURL-500}" style="width:100%">
  1129. {block:Caption}
  1130. {Caption}
  1131. {/block:Caption}
  1132. {/block:Photo}
  1133.  
  1134. {block:Photoset}
  1135. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}
  1136. </div>
  1137. {block:Caption}{Caption}{/block:Caption}<br>
  1138. {/block:Photoset}
  1139.  
  1140. {block:Link}
  1141. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1142. {block:Description}
  1143. {Description}
  1144. {/block:Description}
  1145. {/block:Link}
  1146.  
  1147. {block:AudioPlayer}
  1148. <div class="playercontainer">
  1149. <div class="musicplayer">{AudioPlayer}</div>
  1150. <div class="musicinfo">{block:TrackName}
  1151. <span style="#fff"><big><b>{TrackName}</b></big></a></span>
  1152. {/block:TrackName}{block:Artist}<br>{Artist} {/block:Artist}<br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div></div>{block:Caption}{Caption}{/block:Caption}{/block:AudioPlayer}
  1153.  
  1154. {block:Answer}
  1155. <div id="question">
  1156. <div class="asker">
  1157. <div class="askname">
  1158. <span>{Asker}</span>
  1159. </div>
  1160. {Question}
  1161. </div>
  1162. <div id="answer">
  1163. <blockquote>{Answer}</blockquote>
  1164. </div>
  1165. </div>
  1166. {/block:Answer}
  1167.  
  1168. {block:ContentSource}
  1169. <div style="display: none;">{SourceURL}
  1170. </div>
  1171. {/block:ContentSource}
  1172.  
  1173. {block:NoRebloggedFrom}
  1174. <div style="display: none;">
  1175. {block:RebloggedFrom}
  1176. {ReblogParentName}
  1177. {/block:RebloggedFrom}
  1178. </div>
  1179. {/block:NoRebloggedFrom}
  1180.  
  1181. {block:Date}
  1182. <div class="postinfo">
  1183. <span style="margin-left:10px;">
  1184. <a href="{Permalink}">{TimeAgo}</a>
  1185. {block:NoteCount}
  1186. | <a href="{Permalink}">{NoteCount} NOTES</a>
  1187. {/block:NoteCount}
  1188. </span>
  1189. <span style="float:right; margin-right:5px">
  1190. <a href="{ReblogURL}" title="reblog">reblog</a>
  1191. </span>
  1192. </div>
  1193. {/block:Date}
  1194.  
  1195. </div>
  1196.  
  1197. <div class="tags">
  1198. {block:HasTags}
  1199. <b>tagged as:</b>
  1200. {block:Tags}
  1201. <a href="{TagURL}">#{Tag}</a> 
  1202. {/block:Tags}
  1203. {/block:HasTags}
  1204. </div>
  1205.  
  1206.  
  1207. <div class="postnote">
  1208. {block:PostNotes}
  1209. {PostNotes}
  1210. {/block:PostNotes}
  1211. </div>
  1212.  
  1213. {/block:Posts}
  1214.  
  1215. </div>
  1216.  
  1217. </div>
  1218.  
  1219. <div class="bottombox">
  1220. {block:Pagination}
  1221. {block:PreviousPage}
  1222. <a href="{PreviousPage}" style="float:left">previous</a>
  1223. {/block:PreviousPage}
  1224. {block:NextPage}
  1225. <a href="{NextPage}" style="float:right">next</a>
  1226. {/block:NextPage}
  1227. {/block:Pagination}
  1228. </div>
  1229.  
  1230. <!-- again pls pls pls pls don't touch this -->
  1231. <div class="credit">
  1232. <a href="https://hcrriers.tumblr.com" title="theme by hcrriers">H<b><i>!</i></b></a>
  1233. </div>
  1234. <!-- end credit -->
  1235.  
  1236. <div></div>
  1237.  
  1238. </body>
  1239. </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!