codesbyjack

THEME #15 devil / made by jinsoouls

Sep 9th, 2019 (edited)
3,956
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.07 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. -` devil 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="#ffffff"/>
  14. <meta name="color:posts" content="#ffffff"/>
  15. <meta name="color:border" content="#eeeeee"/>
  16. <meta name="color:accent 1" content="#c6afaa"/>
  17. <meta name="color:accent 2" content="#757575"/>
  18. <meta name="color:text" content="#757575"/>
  19. <meta name="color:accent text" content="#ffffff"/>
  20. <meta name="color:bold" content="#c6afaa"/>
  21. <meta name="color:italic" content="#c6afaa"/>
  22.  
  23. <meta name="image:background" content=""/>
  24. <meta name="image:sidebar" content=""/>
  25. <meta name="image:nav" content="https://via.placeholder.com/270x150.png"/>
  26.  
  27. <meta name="if:muse tab" content="1"/>
  28.  
  29. <meta name="select:top bar icon" content="th-cloud-3-o" title="cloud">
  30. <meta name="select:top bar icon" content="th-leaf-1-o" title="leaf">
  31. <meta name="select:top bar icon" content="th-coffee-2-o" title="coffee">
  32. <meta name="select:top bar icon" content="th-stars-o" title="stars">
  33. <meta name="select:top bar icon" content="th-peach-o" title="peach">
  34. <meta name="select:top bar icon" content="th-fire-o" title="fire">
  35. <meta name="select:top bar icon" content="th-bee-o" title="bee">
  36. <meta name="select:top bar icon" content="th-constellation-o" title="constellation">
  37. <meta name="select:top bar icon" content="th-cupcake-o" title="cupcake">
  38. <meta name="select:top bar icon" content="th-crystal-ball-o" title="crystal ball">
  39. <meta name="select:top bar icon" content="th-diamond-o" title="diamond">
  40. <meta name="select:top bar icon" content="th-heart-1-o" title="heart">
  41.  
  42. <meta name="text:desc" content="this is your description">
  43. <meta name="text:title" content="a real bad devil doesn't know,">
  44. <meta name="text:subtitle" content="excuse, apologies, they all don't work anymore">
  45.  
  46. <!-- nav tab links -->
  47. <meta name="text:free link" content="/">
  48. <meta name="text:free link title" content="free link">
  49. <meta name="text:link 1" content="/1">
  50. <meta name="text:link 1 title" content="link one">
  51. <meta name="text:link 2" content="/2">
  52. <meta name="text:link 2 title" content="link two">
  53. <meta name="text:link 3" content="/3">
  54. <meta name="text:link 3 title" content="link three">
  55. <meta name="text:link 4" content="/4">
  56. <meta name="text:link 4 title" content="link four">
  57. <meta name="text:link 5" content="/5">
  58. <meta name="text:link 5 title" content="link five">
  59. <meta name="text:link 6" content="/6">
  60. <meta name="text:link 6 title" content="link five">
  61.  
  62. <!-- all muse tab metas, if you're not using the muse tab and are tired of scrolling on customization feel free to delete this block-->
  63. <meta name="text:muse 1 name" content="first last">
  64. <meta name="text:muse 1 hover info" content="faceclaim. age. occupation.">
  65. <meta name="image:muse 1" content="https://via.placeholder.com/210x50.png">
  66. <meta name="image:muse 1 tab" content="https://via.placeholder.com/150x250.png">
  67. <meta name="text:muse 2 name" content="first last">
  68. <meta name="text:muse 2 hover info" content="faceclaim. age. occupation.">
  69. <meta name="image:muse 2" content="https://via.placeholder.com/210x50.png">
  70. <meta name="image:muse 2 tab" content="https://via.placeholder.com/150x250.png">
  71. <meta name="text:muse 3 name" content="first last">
  72. <meta name="text:muse 3 hover info" content="faceclaim. age. occupation.">
  73. <meta name="image:muse 3" content="https://via.placeholder.com/210x50.png">
  74. <meta name="image:muse 3 tab" content="https://via.placeholder.com/150x250.png">
  75. <meta name="text:muse 4 name" content="first last">
  76. <meta name="text:muse 4 hover info" content="faceclaim. age. occupation.">
  77. <meta name="image:muse 4" content="https://via.placeholder.com/210x50.png">
  78. <meta name="image:muse 4 tab" content="https://via.placeholder.com/150x250.png">
  79. <meta name="text:muse 5 name" content="first last">
  80. <meta name="text:muse 5 hover info" content="faceclaim. age. occupation.">
  81. <meta name="image:muse 5" content="https://via.placeholder.com/210x50.png">
  82. <meta name="image:muse 5 tab" content="https://via.placeholder.com/150x250.png">
  83. <meta name="text:muse 6 name" content="first last">
  84. <meta name="text:muse 6 hover info" content="faceclaim. age. occupation.">
  85. <meta name="image:muse 6" content="https://via.placeholder.com/210x50.png">
  86. <meta name="image:muse 6 tab" content="https://via.placeholder.com/150x250.png">
  87. <meta name="text:muse 7 name" content="first last">
  88. <meta name="text:muse 7 hover info" content="faceclaim. age. occupation.">
  89. <meta name="image:muse 7" content="https://via.placeholder.com/210x50.png">
  90. <meta name="image:muse 7 tab" content="https://via.placeholder.com/150x250.png">
  91. <meta name="text:muse 8 name" content="first last">
  92. <meta name="text:muse 8 hover info" content="faceclaim. age. occupation.">
  93. <meta name="image:muse 8" content="https://via.placeholder.com/210x50.png">
  94. <meta name="image:muse 8 tab" content="https://via.placeholder.com/150x250.png">
  95. <meta name="text:muse 9 name" content="first last">
  96. <meta name="text:muse 9 hover info" content="faceclaim. age. occupation.">
  97. <meta name="image:muse 9" content="https://via.placeholder.com/210x50.png">
  98. <meta name="image:muse 9 tab" content="https://via.placeholder.com/150x250.png">
  99. <meta name="text:muse 10 name" content="first last">
  100. <meta name="text:muse 10 hover info" content="faceclaim. age. occupation.">
  101. <meta name="image:muse 10" content="https://via.placeholder.com/210x50.png">
  102. <meta name="image:muse 10 tab" content="https://via.placeholder.com/150x250.png">
  103.  
  104. <head>
  105.  
  106. <title>{Title}</title>
  107. <link rel="shortcut icon" href="{Favicon}">
  108. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  109. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  110.  
  111. <!-- jquery -->
  112. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  113.  
  114. <!-- script for tooltips -->
  115. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  116.  
  117. <!-- google fonts -->
  118. <link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&display=swap" rel="stylesheet">
  119.  
  120. <!-- photoset.css by annathms and espoirthemes -->
  121. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  122.  
  123. <!-- autoresize video script by shythemes -->
  124. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  125.  
  126. <!-- honeybee by suiomi -->
  127. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  128.  
  129. <!-- animate.css -->
  130. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
  131. <script>
  132.  
  133. /* photoset script by annathms and espoirthemes */
  134.  
  135. function gatherData(images, arr) {
  136. for (let i = 0; i < images.length; i++) {
  137. let currentData = {
  138. "width": images[i].getAttribute('data-width'),
  139. "height": images[i].getAttribute('data-height'),
  140. "low_res": images[i].getAttribute('data-lowres'),
  141. "high_res": images[i].getAttribute('data-highres')
  142. };
  143. arr.push(currentData);
  144. }
  145. }
  146. function getIndex(elem) {
  147. let i = 0;
  148. while( (elem = elem.previousElementSibling) != null ) i++;
  149. return i;
  150. }
  151. function lightbox(elem) {
  152. let currentPhotoset = elem.parentNode;
  153. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  154. let data = [];
  155. gatherData(photosetPhotos, data);
  156. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  157. }
  158.  
  159. /* side tab script */
  160.  
  161. function openCity(evt, cityName) {
  162. var i, tabcontent, tablinks;
  163.  
  164. tabcontent = document.getElementsByClassName("tabcontent");
  165. for (i = 0; i < tabcontent.length; i++) {
  166. tabcontent[i].style.display = "none";
  167. }
  168.  
  169. tablinks = document.getElementsByClassName("tablinks");
  170. for (i = 0; i < tablinks.length; i++) {
  171. tablinks[i].className = tablinks[i].className.replace(" active", "");
  172. }
  173.  
  174. document.getElementById(cityName).style.display = "block";
  175. evt.currentTarget.className += " active";
  176. }
  177.  
  178. /* muse popup script */
  179.  
  180. function openMuses(evt, cityName) {
  181. var j, musecontent, muselinks;
  182.  
  183. musecontent = document.getElementsByClassName("musecontent");
  184. for (j = 0; j < musecontent.length; j++) {
  185. musecontent[j].style.display = "none";
  186. }
  187.  
  188. muselinks = document.getElementsByClassName("muselinks");
  189. for (j = 0; j < muselinks.length; j++) {
  190. muselinks[j].className = muselinks[j].className.replace(" active", "");
  191. }
  192.  
  193. document.getElementById(cityName).style.display = "block";
  194. evt.currentTarget.className += " active";
  195. }
  196.  
  197. /* tooltip script */
  198.  
  199. (function($){
  200. $(document).ready(function(){
  201. $("a[title]").style_my_tooltips({
  202. tip_follows_cursor:true,
  203. tip_delay_time:90,
  204. tip_fade_speed:600,
  205. attribute:"title"
  206. });
  207. });
  208. })(jQuery);
  209.  
  210. /* audio player color script by shudesigns */
  211. ($(document).ready(function() {
  212. $('iframe.tumblr_audio_player').load( function() {
  213. $('iframe.tumblr_audio_player').contents().find("head")
  214. .append($("<style type='text/css'> .audio-player{background:{color:accent 1} !important} </style>"));
  215. });
  216. })
  217. )(jQuery);
  218.  
  219. </script>
  220.  
  221. <style>
  222.  
  223. @font-face { font-family: "mont light"; src: url(" https://dl.dropboxusercontent.com/s/j70rskvhq3j3tv2/Mont-ExtraLightDEMO.otf"); }
  224.  
  225. @font-face { font-family: "mont heavy"; src: url(" https://dl.dropboxusercontent.com/s/gw86uuuybwd8c96/Mont-HeavyDEMO.otf"); }
  226.  
  227. @font-face { font-family: "sunflower"; src: url(" https://dl.dropboxusercontent.com/s/r25a616b5r9i3rp/MADE%20Sunflower%20PERSONAL%20USE.otf"); }
  228.  
  229. ::-webkit-scrollbar {
  230. width: 4px;
  231. height: 1px;
  232. background: transparent;
  233. }
  234.  
  235. ::-webkit-scrollbar-thumb {
  236. background: transparent;
  237. }
  238.  
  239. ::selection {
  240. color:{color:accent text};
  241. background-color: {color:accent 2};
  242. }
  243.  
  244. ::-moz-selection {
  245. color:{color:accent text};
  246. background-color: {color:accent 2};
  247. }
  248.  
  249. #s-m-t-tooltip {
  250. max-width:300px;
  251. padding:8px 10px 9px 10px;
  252. margin:20px 7px 2px 20px;
  253. background-color:{color:accent 2};
  254. font-size:11px;
  255. text-transform:lowercase;
  256. letter-spacing:0.7px;
  257. color:{color:accent text};
  258. z-index:999999999999999999999999999999999999;
  259. border-radius:5px;
  260. font-weight:500;
  261. }
  262.  
  263. body {
  264. background:{color:background};
  265. background-image:url({image:background});
  266. margin:0px;
  267. color:{color:text};
  268. font-family: 'Maven Pro', sans-serif;
  269. font-size:12px;
  270. line-height:100%;
  271. }
  272.  
  273. small {font-size:11px;}
  274.  
  275. blockquote {
  276. padding-left:20px;
  277. margin-left:10px;
  278. border-left:1px solid {color:border};
  279. }
  280.  
  281. blockquote blockquote {
  282. padding-left:20px;
  283. margin-left:10px;
  284. border-left:1px solid {color:border};
  285. }
  286.  
  287. h1 {
  288. font-size:30px;
  289. color:{color:accent 1};
  290. text-align:center;
  291. line-height:100%;
  292. text-transform:lowercase;
  293. margin:5px;
  294. font-family: "mont light";
  295. }
  296.  
  297. h2 {
  298. font-size:14px;
  299. color:{color:accent 2};
  300. text-align:center;
  301. text-transform:lowercase;
  302. font-family: "mont light";
  303. }
  304.  
  305. a {
  306. text-decoration:none;
  307. color:{color:text};
  308. border-bottom:1px solid {color:border};
  309. padding: 1px 3px;
  310. -moz-transition-duration:0.8s;
  311. -webkit-transition-duration:0.8s;
  312. -o-transition-duration:0.8s;
  313. }
  314.  
  315. a:hover {
  316. background-color:{color:border};
  317. -moz-transition-duration:0.8s;
  318. -webkit-transition-duration:0.8s;
  319. -o-transition-duration:0.8s;
  320. }
  321.  
  322. b {
  323. color:{color:bold};
  324. font-weight:bold;
  325. letter-spacing:1px;
  326. }
  327.  
  328. i {color:{color:italic};letter-spacing:0.7px;}
  329. sub {font-size:11px;}
  330. sup {font-size:11px;}
  331. small{font-size:10px}
  332.  
  333. .container {
  334. width:900px;
  335. height:575px;
  336. position: absolute;
  337. margin:auto;
  338. background-color:{color:container};
  339. overflow:hidden;
  340. left:0px;right:0px;top:0px; bottom:0px;
  341. }
  342.  
  343. .entries {
  344. position:absolute;
  345. width:480px;
  346. height:450px;
  347. overflow:scroll;
  348. border:1px solid {color:border};
  349. border-bottom:none;
  350. border-right:none;
  351. margin:125px 0px 0px 420px;
  352. }
  353.  
  354. .post {
  355. padding:10px;
  356. width:400px;
  357. background-color:{color:posts};
  358. margin:30px;
  359. line-height:130%;
  360. border:1px solid {color:border};
  361. border-radius:0px 0px 7.5px 7.5px;
  362. }
  363.  
  364. .post img {
  365. position:static;
  366. height:auto;
  367. width:auto;
  368. max-width:100%;
  369. border-radius:0px;
  370. }
  371.  
  372. .postinfo {
  373. text-transform:uppercase;
  374. font-size:9px;
  375. letter-spacing:0.5px;
  376. margin-left:-4px;
  377. padding:8px 4px 0px 4px;
  378. width:100%;
  379. border-top:1px solid {color:border};
  380. }
  381.  
  382. .postinfo a {border:none; padding:none;}
  383. .postinfo a:hover {background-color:transparent; opacity:0.6;}
  384.  
  385. .rebloglink {
  386. background-color:{color:accent 1};
  387. color:{color:accent text};
  388. padding:3px 6px;
  389. margin-right:3px;
  390. border-radius:10px;
  391. font-weight:500;
  392.  
  393. }
  394.  
  395. .rebloglink:hover {
  396. color:{color:accent 1};
  397. background-color:{color:border};
  398. }
  399.  
  400. .tags {
  401. width:100%;
  402. font-size:10px;
  403. text-align:center;
  404. margin-top:5px;
  405. text-transform:uppercase;
  406. }
  407. .tags a {color:{color:bold};border:none; padding:none;margin:none;}
  408. .tags a:hover {background-color:transparent; opacity:0.6;}
  409.  
  410. .postnote {
  411. margin-top:10px;
  412. text-transform:lowercase;
  413. letter-spacing:0px;
  414. font-size:10px;
  415. text-align:left;
  416. }
  417.  
  418. /* different post types css */
  419.  
  420. .question {
  421. width:382px;
  422. background-color:{color:accent 1};
  423. color:{color:accent text};
  424. padding:20px 20px 25px 20px;
  425. margin:-11px 0px 0px -11px;
  426. text-align:center;
  427. }
  428.  
  429. .askerdiv {
  430. padding:5px;
  431. margin-top:-12.5px;
  432. text-align:center;
  433. border:1px solid {color:border};
  434. background-color:{color:container};
  435. color:{color:accent 1};
  436. text-transform:lowercase;
  437. }
  438.  
  439. .askerdiv a {
  440. color:{color:accent 1};
  441. background-color:transparent;
  442. font-weight:700;
  443. padding:none;
  444. border:none;
  445. margin:none;
  446. }
  447.  
  448.  
  449. .answer {margin:10px;}
  450.  
  451. .quotepost {text-align:center; padding:10px;}
  452.  
  453. .quotediv {
  454. font-size:20px;
  455. width:392px;
  456. line-height:100%;
  457. background-color:{color:accent 1};
  458. color:{color:accent text};
  459. padding:15px 15px 30px 15px;
  460. text-transform:lowercase;
  461. margin:-21px 0px 0px -21px;
  462. }
  463.  
  464. .quoteinfo {
  465. margin-top:-15px;
  466. border:1px solid {color:border};
  467. color:{color:accent 1};
  468. font-weight:600;
  469. padding:5px 10px;
  470. background-color:{color:posts};
  471. margin-bottom:10px;
  472. text-transform:lowercase;
  473. font-size:13px;
  474. }
  475.  
  476. .chat {padding:20px;}
  477.  
  478. .audioplayer {
  479. text-align:left;
  480. width:412px;
  481. background-color:{color:accent 1};
  482. padding:15px 0px 15px 10px;
  483. height:27.5px;
  484. margin:-11px 0px 0px -11px;
  485. }
  486.  
  487. .audioinfo {
  488. color:{color:accent text};
  489. width:96%;
  490. font-size:11px;
  491. text-align:right;
  492. margin-top:-30px;
  493. letter-spacing:0.4px;
  494. font-weight:600;
  495. font-family: "mont light";
  496. line-height:90%;
  497. }
  498.  
  499. .audioinfo div {
  500. font-family: "mont heavy";
  501. font-size:15px;
  502. margin-top:2px;
  503. }
  504.  
  505. .readmore {
  506. width:100%;
  507. text-align:center;
  508. padding:10px 0px;
  509. margin-bottom:10px;
  510. }
  511.  
  512. .readmore a {
  513. background-color:{color:accent 1};
  514. border-radius:20px;
  515. padding:3px 20px;
  516. color:{color:accent text};
  517. font-weight:600;
  518. border:1px solid transparent;
  519. text-transform:uppercase;
  520. }
  521.  
  522. .readmore a:hover {
  523. color:{color:accent 1};
  524. background-color:{color:posts};
  525. border:1px solid {color:accent 1}
  526. }
  527.  
  528.  
  529. .photoset-grid {grid-gap: 2px;}
  530. [photoset-layout] div {
  531. cursor: pointer;
  532. }
  533.  
  534. .tit {
  535. background-color:{color:container};
  536. color:{color:accent 1};
  537. border:1px solid {color:border};
  538. font-size:20px;
  539. text-align:center;
  540. padding:8px 0px;
  541. font-weight:700;
  542. text-transform:lowercase;
  543. }
  544.  
  545. /* sidebar css */
  546.  
  547. .sidebar {
  548. width:150px;
  549. height:575px;
  550. position:absolute;
  551. background-color:{color:posts};
  552. border-right:1px solid {color:border};
  553. z-index:3333;
  554. }
  555.  
  556. .sidebarlinks {
  557. position:absolute;
  558. width:450px;
  559. font-family: "sunflower";
  560. font-size:17px;
  561. transform:rotate(-90deg);
  562. margin:210px 0px 0px -151px;
  563. z-index:8888888;
  564. }
  565.  
  566. .sidebarlinks a {
  567. border:none;
  568. padding:none;
  569. margin:0px 15px;
  570. padding:0px 5px;
  571. padding-top:5px;
  572. }
  573.  
  574. .sidebarlinks a:hover {
  575. background-color:transparent;
  576. color:{color:accent 1};
  577. cursor:pointer;
  578. }
  579.  
  580. .oddlink a:hover {
  581. color:{color:accent 2};
  582. }
  583.  
  584. .sidebarcirlce {
  585. position:absolute;
  586. width:20px;
  587. height:20px;
  588. border-radius:50%;
  589. margin:485px 0px 0px 65px;
  590. background-color:{color:accent 1};
  591. {block:Pagination}margin:470px 0px 0px 65px;{/block:Pagination}
  592. }
  593.  
  594. .sidebarcirlceout {
  595. position:absolute;
  596. width:30px;
  597. height:30px;
  598. border-radius:50%;
  599. margin:478.75px 0px 0px 58.5px;
  600. border: 1px solid {color:border};
  601. {block:Pagination}margin:464.25px 0px 0px 58.5px;{/block:Pagination}
  602. }
  603.  
  604. .sideimg {
  605. position:absolute;
  606. width:270px;
  607. height:450px;
  608. margin:125px 0px 0px 150px;
  609. z-index:4;
  610. }
  611.  
  612. .sideimg img {width:100%;height:100%;}
  613.  
  614. .sidebox {
  615. position:absolute;
  616. display:none;
  617. width:190px;
  618. height:25px;
  619. padding:20px;
  620. background-color:{color:posts};
  621. z-index:999999;
  622. margin:495px 0px 0px 170px;
  623. text-align:center;
  624. animation: bounceIn 0.8s;
  625. }
  626.  
  627. .sideimg:hover + .sidebox {
  628. display:block;
  629. }
  630.  
  631. .paginationdiv {
  632. position:absolute;
  633. text-align:center;
  634. width:100%;
  635. font-size:10px;
  636. margin: 530px 0px 0px 0px;
  637. opacity:0.7;
  638. }
  639.  
  640. .paginationdiv a {padding:none;border:none;}
  641. .paginationdiv a:hover {background-color:transparent;}
  642.  
  643. /* top bar css */
  644.  
  645. .topbar {
  646. position:absolute;
  647. width:900px;
  648. height:125px;
  649. border-bottom:1px solid {color:border};
  650. background-color:{color:posts};
  651. }
  652.  
  653. .topicon {
  654. font-size:40px;
  655. position:absolute;
  656. margin:30px 0px 0px 800px;
  657. padding:12px 11px 12px 13px;
  658. border-radius:50%;
  659. background-color:{color:accent 2};
  660. color:{color:accent text};
  661. z-index:99;
  662. }
  663.  
  664. .topicon:hover {
  665. background-color:{color:accent 2};
  666. color:{color:accent text};
  667. }
  668.  
  669. .topiconoutline {
  670. width:50px;
  671. height:50px;
  672. position:absolute;
  673. margin:24px 0px 0px 793.5px;
  674. padding:12px;
  675. border-radius:50%;
  676. border:1px solid {color:border};
  677. z-index:7;
  678. }
  679.  
  680. .toptitle {
  681. position:absolute;
  682. font-family: "sunflower";
  683. font-size:30px;
  684. text-align:right;
  685. width:500px;
  686. margin:50px 0px 0px 270px;
  687. text-transform:lowercase;
  688. }
  689. .toptitle b {
  690. font-size:28px;
  691. }
  692.  
  693. .topsubtitle {
  694. position:absolute;
  695. text-align:right;
  696. width:300px;
  697. margin:71px 0px 0px 450px;
  698. text-transform:lowercase;
  699. }
  700.  
  701. .topsubtitle span:before {
  702. content:'— ';
  703. color:{color:accent 1};
  704. font-size:20px;
  705. }
  706.  
  707. /* side tab control css */
  708.  
  709. .tabcontent {
  710. position:absolute;
  711. width:270px;
  712. height:450px;
  713. margin:125px 0px 0px 150px;
  714. position:absolute;
  715. background-color:{color:posts};
  716. z-index:999999999;
  717. display:none;
  718. border:1px solid {color:border};
  719. animation: fadeIn 0.8s;
  720. }
  721.  
  722. .close {
  723. position:absolute;
  724. font-size:17px;
  725. color:{color:accent 1};
  726. margin:10px 0px 0px 250px;
  727. z-index:9999999;
  728. -moz-transition-duration:0.8s;
  729. -webkit-transition-duration:0.8s;
  730. -o-transition-duration:0.8s;
  731. }
  732. .close:hover {
  733. cursor: pointer;
  734. animation: tada 0.8s;
  735. -moz-transition-duration:0.8s;
  736. -webkit-transition-duration:0.8s;
  737. -o-transition-duration:0.8s;
  738. }
  739.  
  740. /* nav tab css */
  741.  
  742. #navtab img {
  743. position:absolute;
  744. margin:300px 0px 0px 0px;
  745. }
  746.  
  747. .navlinks {
  748. position:absolute;
  749. width:210px;
  750. height:350px;
  751. margin:57.5px 0px 0px 30px;
  752. text-align:center;
  753. }
  754.  
  755. .navlinks a {padding:none; border:none; margin:none;}
  756.  
  757. .navlink {
  758. width:90px;
  759. height:50px;
  760. border:1px solid {color:border};
  761. text-align:center;
  762. display:inline-block;
  763. margin-bottom:25px;
  764. }
  765.  
  766. .navlink div{
  767. font-family: "sunflower";
  768. color:{color:accent 1};
  769. font-size:40px;
  770. margin-bottom:17.5px;
  771. }
  772.  
  773. /* muse tab control css */
  774.  
  775. .musecontent {
  776. width:150px;
  777. height:575px;
  778. position:fixed;
  779. background-color:{color:posts};
  780. border-right:1px solid {color:border};
  781. z-index:3333;
  782. display:none;
  783. overflow:hidden;
  784. animation: fadeIn 0.8s;
  785. }
  786.  
  787. .museclose {
  788. position:absolute;
  789. font-size:17px;
  790. margin:10px 0px 0px 130px;
  791. color:{color:accent 1};
  792. z-index:9999999;
  793. -moz-transition-duration:0.8s;
  794. -webkit-transition-duration:0.8s;
  795. -o-transition-duration:0.8s;
  796. }
  797.  
  798. .museclose:hover {
  799. cursor: pointer;
  800. animation: tada 0.8s;
  801. -moz-transition-duration:0.8s;
  802. -webkit-transition-duration:0.8s;
  803. -o-transition-duration:0.8s;
  804. }
  805.  
  806. /* muse tab css */
  807.  
  808. .musename {
  809. width:210px;
  810. text-align:center;
  811. position:absolute;
  812. font-family: "sunflower";
  813. font-size:17px;
  814. text-transform:lowercase;
  815. margin-top:46px;
  816. z-index:5555555555;
  817. }
  818.  
  819. .muses {
  820. position:absolute;
  821. width:210px;
  822. height:390px;
  823. margin:30px 0px 0px 30px;
  824. overflow:scroll;
  825. }
  826.  
  827. .muse {
  828. width:210px;
  829. height:60px;
  830. overflow:visible;
  831. margin:11px 0px;
  832. }
  833.  
  834. .muse span {
  835. background-color:{color:accent 1};
  836. color:{color:accent text};
  837. padding:2px 30px;
  838. }
  839.  
  840. .muses a {padding:none; border:none;}
  841. .muses a:hover {background-color:transparent; cursor:pointer;}
  842.  
  843. /* seperate muse popup css */
  844.  
  845. .museimg {
  846. position:absolute;
  847. width:150px;
  848. height:250px;
  849. margin-top:325px;
  850. z-index:5555;
  851. }
  852.  
  853. .muse img {
  854. -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  855. filter: grayscale(0%);
  856. -moz-transition-duration:0.8s;
  857. -webkit-transition-duration:0.8s;
  858. -o-transition-duration:0.8s;
  859. }
  860.  
  861. .muse img:hover {
  862. -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  863. filter: grayscale(100%);
  864. -moz-transition-duration:0.8s;
  865. -webkit-transition-duration:0.8s;
  866. -o-transition-duration:0.8s;
  867. }
  868.  
  869. .musenametab {
  870. position:absolute;
  871. width:300px;
  872. font-size:27px;
  873. font-weight:600;
  874. text-align:left;
  875. transform:rotate(-90deg);
  876. margin:155px 0px 0px -122.5px;
  877. color:{color:accent 2};
  878. font-family: "mont light";
  879. }
  880.  
  881. .museblurb {
  882. position:absolute;
  883. width:85px;
  884. height:179px;
  885. margin:126px 0px 0px 50px;
  886. overflow:scroll;
  887. line-height:125%;
  888. border:10px solid {color:posts};
  889. outline:1px solid {color:border};
  890. text-transform:lowercase;
  891. }
  892.  
  893. .muselinkstab {
  894. position:absolute;
  895. width:100px;
  896. font-size:17px;
  897. margin:50px 0px 0px 70px;
  898. color:{color:accent 2};
  899. }
  900.  
  901. .muselinkstab div {margin:8px}
  902. .muselinkstab div:hover {animation: tada 0.8s;}
  903.  
  904. .muselinkstab a {padding:0px; border:none;}
  905. .muselinkstab a:hover {color:{color:accent 1};background-color:transparent}
  906.  
  907. /* tumblr controls styling by cyantists */
  908. iframe.tmblr-iframe {
  909. z-index:99999999999999!important;
  910. top:0!important;
  911. right:0!important;
  912. opacity:0.4;
  913. /* delete invert(1) from here */
  914. filter:invert(1) contrast(150%);
  915. -webkit-filter:invert(1) contrast(150%);
  916. -o-filter:invert(1) contrast(150%);
  917. -moz-filter:invert(1) contrast(150%);
  918. -ms-filter:invert(1) contrast(150%);
  919. /* to here if your blog has a dark background */
  920. transform:scale(0.65);
  921. transform-origin:100% 0;
  922. -webkit-transform:scale(0.65);
  923. -webkit-transform-origin:100% 0;
  924. -o-transform:scale(0.65);
  925. -o-transform-origin:100% 0;
  926. -moz-transform:scale(0.65);
  927. -moz-transform-origin:100% 0;
  928. -ms-transform:scale(0.65);
  929. -ms-transform-origin:100% 0;}
  930.  
  931. iframe.tmblr-iframe:hover {
  932. opacity:0.6!important;}
  933. /* end control styling */
  934.  
  935. /* please please PLEASE don't remove this :) */
  936. .credit {
  937. position: fixed;
  938. bottom: 10px;
  939. right: 10px;
  940. font-size:14px;
  941. background-color:{color:posts};
  942. padding:5px 6px 5px 6px;
  943. }
  944.  
  945. .credit:hover {color:{color:title};}
  946.  
  947. .creditinfo {
  948. display:none;
  949. padding:5px;
  950. text-align:center;
  951. position: fixed;
  952. bottom: 40px;
  953. right: 10px;
  954. font-size:9px;
  955. background-color:{color:posts};
  956. animation: bounceIn 0.8s;
  957. }
  958.  
  959. .credit:hover + .creditinfo {
  960. display:block;
  961. }
  962.  
  963. .fancyfont {
  964. text-transform:uppercase;
  965. font-weight:900;
  966. color:{color:bold};
  967. font-style: italic;
  968. }
  969.  
  970.  
  971. /* end of credit */
  972.  
  973.  
  974. </style>
  975. </head>
  976. <body>
  977. <div class="container">
  978. <div class="sideimg"><img src="{image:sidebar}"></div>
  979. <div class="sidebox">{text:desc}</div>
  980. <div class="sidebar">
  981. {block:Pagination}<div class="paginationdiv">
  982. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}/{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  983. </div>{/block:Pagination}
  984. <div class="sidebarlinks">
  985. <a href="/" id="homelink">refresh</a>
  986. <span class="oddlink"><a href="/ask" id="inboxlink">inbox</a></span>
  987. <a class="tablinks" id="navlink" onclick="openCity(event, 'navtab');">navigate</a>
  988. {block:IfMuseTab}<span class="oddlink"><a class="tablinks" id="freelink" onclick="openCity(event, 'musetab');">muses</a></span>{/block:IfMuseTab}
  989. {block:IfNotMuseTab}<span class="oddlink"><a href="{text:free link}" id="inboxlink">{text:free link title}</a></span>{block:IfNotMuseTab}
  990. </div>
  991. <div class="sidebarcirlce"></div>
  992. <div class="sidebarcirlceout"></div>
  993. </div>
  994. <div class="topbar">
  995. <a href="/" class="topicon"><div class="th {select:top bar icon}"></div></a>
  996. <div class="topiconoutline"></div>
  997. <div class="toptitle">{text:title}</div>
  998. <div class="topsubtitle"><span>{text:subtitle}</span></div>
  999. </div>
  1000.  
  1001. <!-- this is the nav tab!! -->
  1002. <div id="navtab" class="tabcontent">
  1003. <span onclick="this.parentElement.style.display='none'" class="close"> x</span>
  1004. <img src="{image:nav}">
  1005.  
  1006. <div class="navlinks">
  1007. <a href="{text:link 1}"><div class="navlink"><div>01</div>{text:link 1 title}</div></a>
  1008. <a href="{text:link 2}"><div class="navlink"><div>02</div>{text:link 2 title}</div></a>
  1009. <a href="{text:link 3}"><div class="navlink"><div>03</div>{text:link 3 title}</div></a>
  1010. <a href="{text:link 4}"><div class="navlink"><div>04</div>{text:link 4 title}</div></a>
  1011. <a href="{text:link 5}"><div class="navlink"><div>05</div>{text:link 5 title}</div></a>
  1012. <a href="{text:link 6}"><div class="navlink"><div>06</div>{text:link 6 title}</div></a>
  1013. </div>
  1014.  
  1015. </div>
  1016.  
  1017. <!-- this is the muse tab!! -->
  1018. <div id="musetab" class="tabcontent">
  1019. <span onclick="this.parentElement.style.display='none'" class="close"> x</span>
  1020. <div class="muses">
  1021. <a class="muselinks" onclick="openMuses(event, 'muse1')" title="{text:muse 1 hover info}"><div class="muse">
  1022. <div class="musename"><span>{text:muse 1 name}</span></div>
  1023. <img src="{image:muse 1}">
  1024. </div></a>
  1025. <a class="muselinks" onclick="openMuses(event, 'muse2')" title="{text:muse 2 hover info}"><div class="muse">
  1026. <div class="musename"><span>{text:muse 2 name}</span></div>
  1027. <img src="{image:muse 2}">
  1028. </div></a>
  1029. <a class="muselinks" onclick="openMuses(event, 'muse3')" title="{text:muse 3 hover info}"><div class="muse">
  1030. <div class="musename"><span>{text:muse 3 name}</span></div>
  1031. <img src="{image:muse 3}">
  1032. </div></a>
  1033. <a class="muselinks" onclick="openMuses(event, 'muse4')" title="{text:muse 4 hover info}"><div class="muse">
  1034. <div class="musename"><span>{text:muse 4 name}</span></div>
  1035. <img src="{image:muse 4}">
  1036. </div></a>
  1037. <a class="muselinks" onclick="openMuses(event, 'muse5')" title="{text:muse 5 hover info}"><div class="muse">
  1038. <div class="musename"><span>{text:muse 5 name}</span></div>
  1039. <img src="{image:muse 5}">
  1040. </div></a>
  1041. <a class="muselinks" onclick="openMuses(event, 'muse6')" title="{text:muse 6 hover info}"><div class="muse">
  1042. <div class="musename"><span>{text:muse 6 name}</span></div>
  1043. <img src="{image:muse 6}">
  1044. </div></a>
  1045. <a class="muselinks" onclick="openMuses(event, 'muse7')" title="{text:muse 7 hover info}"><div class="muse">
  1046. <div class="musename"><span>{text:muse 7 name}</span></div>
  1047. <img src="{image:muse 7}">
  1048. </div></a>
  1049. <a class="muselinks" onclick="openMuses(event, 'muse8')" title="{text:muse 8 hover info}"><div class="muse">
  1050. <div class="musename"><span>{text:muse 8 name}</span></div>
  1051. <img src="{image:muse 8}">
  1052. </div></a>
  1053. <a class="muselinks" onclick="openMuses(event, 'muse9')" title="{text:muse 9 hover info}"><div class="muse">
  1054. <div class="musename"><span>{text:muse 9 name}</span></div>
  1055. <img src="{image:muse 9}">
  1056. </div></a>
  1057. <a class="muselinks" onclick="openMuses(event, 'muse10')" title="{text:muse 10 hover info}"><div class="muse">
  1058. <div class="musename"><span>{text:muse 10 name}</span></div>
  1059. <img src="{image:muse 10}">
  1060. </div></a>
  1061. </div>
  1062.  
  1063. </div>
  1064.  
  1065. <!-- muse 1 popup -->
  1066. <div id="muse1" class="musecontent">
  1067. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1068. <div class="musenametab">{text:muse 1 name}.</div>
  1069. <img src="{image:muse 1 tab}" class="museimg">
  1070. <div class="museblurb">
  1071. tiffany young. 30. lawyer. blah blah blah.
  1072. </div>
  1073. <div class="muselinkstab">
  1074. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1075. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1076. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1077. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1078. </div>
  1079. </div>
  1080.  
  1081. <!-- entries start -->
  1082.  
  1083. <!-- muse 2 popup -->
  1084. <div id="muse2" class="musecontent">
  1085. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1086. <div class="musenametab">{text:muse 2 name}.</div>
  1087. <img src="{image:muse 2 tab}" class="museimg">
  1088. <div class="museblurb">
  1089. 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.
  1090. </div>
  1091. <div class="muselinkstab">
  1092. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1093. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1094. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1095. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1096. </div>
  1097. </div>
  1098.  
  1099. <!-- entries start -->
  1100.  
  1101. <!-- muse 3 popup -->
  1102. <div id="muse3" class="musecontent">
  1103. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1104. <div class="musenametab">{text:muse 3 name}.</div>
  1105. <img src="{image:muse 3 tab}" class="museimg">
  1106. <div class="museblurb">
  1107. 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.
  1108. </div>
  1109. <div class="muselinkstab">
  1110. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1111. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1112. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1113. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1114. </div>
  1115. </div>
  1116.  
  1117. <!-- entries start -->
  1118.  
  1119. <!-- muse 2 popup -->
  1120. <div id="muse2" class="musecontent">
  1121. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1122. <div class="musenametab">{text:muse 2 name}.</div>
  1123. <img src="{image:muse 2 tab}" class="museimg">
  1124. <div class="museblurb">
  1125. 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.
  1126. </div>
  1127. <div class="muselinkstab">
  1128. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1129. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1130. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1131. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1132. </div>
  1133. </div>
  1134.  
  1135. <!-- entries start -->
  1136.  
  1137. <!-- muse 4 popup -->
  1138. <div id="muse4" class="musecontent">
  1139. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1140. <div class="musenametab">{text:muse 4 name}.</div>
  1141. <img src="{image:muse 4 tab}" class="museimg">
  1142. <div class="museblurb">
  1143. 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.
  1144. </div>
  1145. <div class="muselinkstab">
  1146. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1147. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1148. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1149. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1150. </div>
  1151. </div>
  1152.  
  1153. <!-- entries start -->
  1154.  
  1155. <!-- muse 5 popup -->
  1156. <div id="muse5" class="musecontent">
  1157. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1158. <div class="musenametab">{text:muse 5 name}.</div>
  1159. <img src="{image:muse 5 tab}" class="museimg">
  1160. <div class="museblurb">
  1161. 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.
  1162. </div>
  1163. <div class="muselinkstab">
  1164. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1165. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1166. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1167. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1168. </div>
  1169. </div>
  1170.  
  1171. <!-- entries start -->
  1172.  
  1173. <!-- muse 6 popup -->
  1174. <div id="muse6" class="musecontent">
  1175. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1176. <div class="musenametab">{text:muse 6 name}.</div>
  1177. <img src="{image:muse 6 tab}" class="museimg">
  1178. <div class="museblurb">
  1179. 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.
  1180. </div>
  1181. <div class="muselinkstab">
  1182. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1183. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1184. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1185. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1186. </div>
  1187. </div>
  1188.  
  1189. <!-- entries start -->
  1190.  
  1191. <!-- muse 7 popup -->
  1192. <div id="muse2" class="musecontent">
  1193. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1194. <div class="musenametab">{text:muse 7 name}.</div>
  1195. <img src="{image:muse 7 tab}" class="museimg">
  1196. <div class="museblurb">
  1197. 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.
  1198. </div>
  1199. <div class="muselinkstab">
  1200. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1201. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1202. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1203. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1204. </div>
  1205. </div>
  1206.  
  1207. <!-- entries start -->
  1208.  
  1209. <!-- muse 8 popup -->
  1210. <div id="muse8" class="musecontent">
  1211. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1212. <div class="musenametab">{text:muse 8 name}.</div>
  1213. <img src="{image:muse 8 tab}" class="museimg">
  1214. <div class="museblurb">
  1215. 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.
  1216. </div>
  1217. <div class="muselinkstab">
  1218. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1219. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1220. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1221. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1222. </div>
  1223. </div>
  1224.  
  1225. <!-- entries start -->
  1226.  
  1227. <!-- muse 9 popup -->
  1228. <div id="muse2" class="musecontent">
  1229. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1230. <div class="musenametab">{text:muse 9 name}.</div>
  1231. <img src="{image:muse 9 tab}" class="museimg">
  1232. <div class="museblurb">
  1233. 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.
  1234. </div>
  1235. <div class="muselinkstab">
  1236. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1237. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1238. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1239. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1240. </div>
  1241. </div>
  1242.  
  1243. <!-- entries start -->
  1244.  
  1245. <!-- muse 7 popup -->
  1246. <div id="muse2" class="musecontent">
  1247. <span onclick="this.parentElement.style.display='none'" class="museclose">x</span>
  1248. <div class="musenametab">{text:muse 10 name}.</div>
  1249. <img src="{image:muse 10 tab}" class="museimg">
  1250. <div class="museblurb">
  1251. 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.
  1252. </div>
  1253. <div class="muselinkstab">
  1254. <a href="/" title="musings."><div class="th th-hashtag"></div></a>
  1255. <a href="/" title="visage."><div class="th th-picture"></div></a><br>
  1256. <a href="/" title="pairing."><div class="th th-heart-1"></div></a>
  1257. <a href="/" title="threads."><div class="th th-edit-o"></div></a>
  1258. </div>
  1259. </div>
  1260.  
  1261.  
  1262. <!-- entries start -->
  1263.  
  1264. <div class="entries">
  1265.  
  1266. {block:Posts}
  1267. <div class="post" id="{PostID}">
  1268.  
  1269.  
  1270. {block:Text}
  1271. {block:Title}<div class="tit">{Title}</div>{/block:Title}
  1272. <div style="padding:10px; padding-top:0px">{Body}</div>
  1273. {/block:Text}
  1274.  
  1275. {block:Quote}
  1276. <div class="quotepost">
  1277. <div class="quotediv">" {Quote} "</div>
  1278. {block:Source}
  1279. <div class="quoteborder"></div>
  1280. <div class="quoteinfo">— {Source}</div>
  1281. {/block:Source}
  1282. </div>
  1283. {/block:Quote}
  1284.  
  1285. {block:Chat}
  1286. <div class="chat">
  1287. {block:Title}<div class="tit">{Title}</div>{/block:Title}
  1288. {block:Lines}
  1289. {block:Label}<b>{Label}</b>{/block:Label}
  1290. {Line}<br>
  1291. {/block:Lines}
  1292. </div>
  1293. {/block:Chat}
  1294.  
  1295. {block:Video}
  1296. <div class="video">{Video-500}</div>
  1297. {block:Caption}{Caption}{/block:Caption}
  1298. {/block:Video}
  1299.  
  1300. {block:Photo}
  1301. <img src="{PhotoURL-500}" style="width:100%">
  1302. {block:Caption}{Caption}{/block:Caption}
  1303. {/block:Photo}
  1304.  
  1305. {block:Photoset}
  1306. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1307. {block:Caption}{Caption}{/block:Caption}<br>
  1308. {/block:Photoset}
  1309.  
  1310. {block:Link}
  1311. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1312. {block:Description}{Description}{/block:Description}
  1313. {/block:Link}
  1314.  
  1315. {block:More}
  1316. <div class="readmore">
  1317. <a href="{Permalink}" class="more-btn">read more</a>
  1318. </div>
  1319. {/block:More}
  1320.  
  1321.  
  1322. {block:AudioPlayer}
  1323. <div class="audioplayer">{AudioPlayer}
  1324. <div class="audioinfo">
  1325. {block:TrackName}<div>{TrackName}</div>{/block:TrackName}
  1326. {block:Artist}<br/>{Artist}{/block:Artist}
  1327. </div>
  1328. </div>
  1329. {block:Caption}{Caption}{/block:Caption}
  1330. {/block:AudioPlayer}
  1331.  
  1332. {block:Answer}
  1333. <div class="question">{Question}</div>
  1334. <div class="askerdiv">asked by <b>{Asker}</b></div>
  1335. <div class="answer">{Answer}</div>
  1336. {/block:Answer}
  1337.  
  1338. <!-- to hide source and via on posts-->
  1339. {block:ContentSource}
  1340. <div style="display: none;">{SourceURL}</div>
  1341. {/block:ContentSource}
  1342.  
  1343. {block:NoRebloggedFrom}
  1344. <div style="display: none;">
  1345. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1346. </div>
  1347. {/block:NoRebloggedFrom}
  1348.  
  1349.  
  1350. {block:Date}
  1351. <div class="postinfo">
  1352. <a href="{Permalink}">{TimeAgo}</a>
  1353. {block:NoteCount}
  1354. • <a href="{Permalink}">{NoteCountWithLabel}</a>
  1355. {/block:NoteCount}
  1356. <span style="float:right; marign-right:25px">
  1357. <a href="{ReblogURL}" class="rebloglink">reblog</a>
  1358. </span>
  1359. </div>
  1360. {/block:Date}
  1361.  
  1362.  
  1363. {block:HasTags}
  1364. <div class="tags">
  1365. {block:Tags}<b>#</b><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  1366. {/block:Tags}
  1367. </div>
  1368. {/block:HasTags}
  1369.  
  1370. </div>
  1371.  
  1372. <div class="postnote">
  1373. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1374. </div>
  1375.  
  1376. {/block:Posts}
  1377. </div>
  1378.  
  1379. </div>
  1380. <!-- do not touch pls -->
  1381. <a href="https://jinsoouls.tumblr.com/" class="credit">
  1382. <span class="th th-latte-o"></span>
  1383. </a>
  1384. <div class="creditinfo">
  1385. coded by <br><span class="fancyfont">jinsoouls</span>
  1386. </div>
  1387. <!-- credit end-->
  1388.  
  1389. </body>
  1390. </html>
Advertisement
Add Comment
Please, Sign In to add comment