API tools faq
paste
Advertisement
rheneca

theme (2): determnation / update march 21st, 2019.

rheneca
Mar 21st, 2019
56
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.87 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Theme [06]: Determination
  3. Made by glenthemes
  4.  
  5. Initial release: 2015/08/29
  6. Remake date: 2019/02/05
  7. Last updated: 2019/03/02
  8.  
  9. TERMS OF USE:
  10. 1) Do not remove the theme credit.
  11. 2) Do not repost/redistribute my themes.
  12. 3) Do not take parts of the code and use it as your own.
  13. 4) Do not use my themes as a base code.
  14. 5) Do not integrate my codes together.
  15.  
  16. I worked on this for 20 hours straight on no sleep nor caffeine so if you wanna support this dumb bitch then feel free to drop me a donation
  17. https://ko-fi.com/glenthemes
  18.  
  19. --- Credits:
  20.  
  21. Images:
  22. - sidebar animation: Waterstride-Sunrise @ DeviantArt
  23. - corner image: @pixelins
  24.  
  25. Fonts:
  26. - 'PixelOperator Bold' by Jayvee Enaguas @ dafont
  27. - 'Silkscreen' by Jason Aleksandr Kottke @ dafont
  28.  
  29. Icon font:
  30. - LinearIcons by Perxis
  31.  
  32. Music:
  33. - NieR: Automata OST - Peaceful Sleep (music box)
  34.  
  35. Inspiration:
  36. - Undertale UI and old Windows OS UI
  37. ------------------------------------------------------------------------>
  38.  
  39. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  40. <html xmlns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  41.  
  42. <head>
  43.  
  44. <title>{Title}</title>
  45.  
  46. <link rel="shortcut icon" href="{Favicon}">
  47.  
  48. <!--------------------JAVASCRIPTS-------------------->
  49. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("a[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:50,
  57. tip_fade_speed:0,
  58. attribute:"title"
  59. });
  60. });
  61. })(jQuery);
  62. </script>
  63.  
  64. <script>
  65. $(document).ready(function() {
  66. $('iframe.tumblr_audio_player').load( function() {
  67. $('iframe.tumblr_audio_player').contents().find("head")
  68. .append($("<style type='text/css'> .audio-player{background:{color:post box shadow} !important; padding:5px 10px 5px 0px !important} .play-pause{color:{color:post} !important; font-size:15px!important; padding:0 9.5px!important} </style>"));
  69. });
  70. });
  71. </script>
  72.  
  73. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  74. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  75. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  76.  
  77.  
  78. <script>
  79. $(document).ready(function(){
  80. $('.photo-slideshow').pxuPhotoset({
  81. lightbox: true,
  82. rounded: false,
  83. gutter: '{text:photoset gutter width}px',
  84. borderRadius: '0px',
  85. photoset: '.photo-slideshow',
  86. photoWrap: '.photo-data',
  87. photo: '.pxu-photo'
  88. });
  89. });
  90. </script>
  91.  
  92. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  93.  
  94. <link href="https://fonts.googleapis.com/css?family={select:body font family}" rel="stylesheet">
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Domine" rel="stylesheet">
  97.  
  98. <link rel="stylesheet" href="//static.tumblr.com/2pnwama/IUZoyg6qw/specialfonts.css">
  99.  
  100. <script src="//dl.dropbox.com/s/1mztc6y7i6ry9ri/gtresizing.js"></script>
  101.  
  102. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  103.  
  104. <script src="//static.tumblr.com/2pnwama/t4Gpmgzq9/imsotired.js"></script>
  105.  
  106. <script>
  107. $(document).ready(function(){
  108. var mapelle = '{text:music name}';
  109. var char = 24;
  110.  
  111. if (mapelle.length > char) {
  112. $(".ensou").html('<marquee scrollamount="' + '4' + '">' + mapelle + '</marquee>');
  113. }
  114. });
  115.  
  116. $(document).ready(function(){
  117. var june = '{text:description title}';
  118. var kar = 22;
  119.  
  120. if (june.length > kar) {
  121. $(".ttb").html('<marquee scrollamount="' + '3' + '">' + june + '</marquee>');
  122. }
  123. });
  124. </script>
  125.  
  126. <!--------------------COLORS-------------------->
  127. <meta name="color:background" content="#fefefe"/>
  128.  
  129. <meta name="color:sidebar nav heart" content="#ec5a5a">
  130. <meta name="color:sidebar nav links" content="#f8a096">
  131.  
  132. <meta name="color:description box borders" content="#f3d7d7"/>
  133. <meta name="color:description box shadow" content="#f6e3e3"/>
  134. <meta name="color:description background" content="#fefefe"/>
  135. <meta name="color:desc title" content="#ec5a5a"/>
  136. <meta name="color:desc text" content="#888"/>
  137. <meta name="color:desc bold" content="#ffb3b3"/>
  138. <meta name="color:desc italic" content="#f0bfb6"/>
  139. <meta name="color:desc link" content="#fb897e"/>
  140.  
  141. <meta name="color:custom links background" content="#fefefe"/>
  142. <meta name="color:custom links border" content="#f3d7d7"/>
  143. <meta name="color:custom links box shadow" content="#f6e3e3"/>
  144. <meta name="color:custom links" content="#e8abab"/>
  145. <meta name="color:custom links hover" content="#fff"/>
  146. <meta name="color:custom links background hover" content="#fca097"/>
  147. <meta name="color:custom links border hover" content="#fca097"/>
  148.  
  149. <meta name="color:music player button" content="#eec9c9"/>
  150. <meta name="color:music player background" content="#fefefe"/>
  151. <meta name="color:music player border" content="#f3d7d7"/>
  152. <meta name="color:music player box shadow" content="#f6e3e3"/>
  153. <meta name="color:music player text" content="#e8abab"/>
  154.  
  155. <meta name="color:post" content="#fff"/>
  156. <meta name="color:post borders" content="#f3d7d7"/>
  157. <meta name="color:post box shadow" content="#f6e3e3"/>
  158. <meta name="color:post top bar permalink" content="#e8abab"/>
  159. <meta name="color:post top bar permalink hover" content="#f8a096"/>
  160. <meta name="color:text" content="#999"/>
  161. <meta name="color:bold" content="#666">
  162. <meta name="color:Italic" content="#f0bfb6">
  163. <meta name="color:Link" content="#f8a096">
  164. <meta name="color:Link Hover" content="#ec5a5a">
  165. <meta name="color:blockquote" content="#f3d7d7"/>
  166.  
  167. <meta name="color:permalink" content="#e8abab">
  168. <meta name="color:tags" content="#e8abab">
  169. <meta name="color:tags hover" content="#ec5a5a">
  170.  
  171. <meta name="color:scrollbar thumb" content="#ffb3b3"/>
  172. <meta name="color:scrollbar track" content="#eee"/>
  173. <meta name="color:scrollbar background" content="#fefefe"/>
  174.  
  175. <meta name="color:highlight" content="#fff"/>
  176. <meta name="color:highlighted text" content="#f8a096"/>
  177.  
  178. <!--------------------OPTIONS-------------------->
  179. <meta name="select:description text align" title="center" content="center"/>
  180. <meta name="select:description text align" title="left" content="left"/>
  181. <meta name="select:description text align" title="justify" content="justify"/>
  182. <meta name="select:description text align" title="right" content="right"/>
  183.  
  184. <meta name="select:body font family" title="Muli" content="Muli"/>
  185. <meta name="select:body font family" title="Karla" content="Karla"/>
  186. <meta name="select:body font family" title="Lato" content="Lato"/>
  187. <meta name="select:body font family" title="Open Sans" content="Open Sans"/>
  188. <meta name="select:body font family" title="Quicksand" content="Quicksand"/>
  189.  
  190. <meta name="if:photo fade" content="0" />
  191. <meta name="if:monochrome posts" content="0" />
  192. <meta name="if:dark tumblr controls" content="0" />
  193.  
  194. <!--------------------IMAGES-------------------->
  195. <meta name="image:background image" content="//static.tumblr.com/d40eae727a79de74c5b3c4cb5c8e9fd5/2pnwama/mW8pmgswh/tumblr_static_2ddnvvrhh78k4ogc880kokg8c.png"/>
  196. <meta name="image:sidebar image" content="https://static.tumblr.com/2ea4a1fad481c84fc2ea8d9ef2ac743d/2pnwama/m4Lpmgsh7/tumblr_static_8mbbntkkf7k00swwcgccososw.gif"/>
  197. <meta name="image:corner image" content="https://static.tumblr.com/fd8db8d5cb0f9311af276d4fb6b9fff9/2pnwama/uB6pmgsol/tumblr_static_6rad1tctxs84w4w48444ookws.gif"/>
  198.  
  199. <!--------------------TITLES-------------------->
  200. <meta name="text:top gap" content="60">
  201. <meta name="text:description title" content="C:\ welcome!">
  202. <meta name="text:Link 1" content="Sample link 1">
  203. <meta name="text:Link 1 URL" content="/">
  204. <meta name="text:Link 2" content="">
  205. <meta name="text:Link 2 URL" content="">
  206. <meta name="text:Link 3" content="">
  207. <meta name="text:Link 3 URL" content="">
  208. <meta name="text:Link 4" content="">
  209. <meta name="text:Link 4 URL" content="">
  210. <meta name="text:Link 5" content="">
  211. <meta name="text:Link 5 URL" content="">
  212. <meta name="text:Link 6" content="">
  213. <meta name="text:Link 6 URL" content="">
  214. <meta name="text:music name" content="Peaceful Sleep">
  215. <meta name="text:music file URL" content="https://dl.dropbox.com/s/hw0dpiv3vg4f50a/Peaceful%20Sleep%20%28Music%20Box%29.mp3">
  216.  
  217. <meta name="text:side margins" content="80">
  218. <meta name="text:font size" content="12">
  219. <meta name="text:post width" content="400">
  220. <meta name="text:post padding" content="25">
  221. <meta name="text:permalink padding" content="10">
  222. <meta name="text:photoset gutter width" content="10">
  223. <meta name="text:post margin" content="45">
  224.  
  225. <meta name="text:corner image width" content="120">
  226. <meta name="text:corner image from bottom" content="60">
  227.  
  228. <!-------------------------------------------------------------------->
  229.  
  230. <style type="text/css">
  231.  
  232. @font-face { font-family: "pixeloperator bold"; src: url('https://dl.dropbox.com/s/et80cjf7nsftqpo/PixelOperator-Bold.ttf'); }
  233.  
  234. @font-face { font-family: "silkscreen"; src: url('https://dl.dropbox.com/s/l0frac4d7bz3zx6/silkscreen.ttf'); }
  235.  
  236. @font-face { font-family: "quicksand regular"; src: url('https://dl.dropbox.com/s/usin5xvyupvikw0/Quicksand%20Regular.ttf'); }
  237.  
  238.  
  239. /*--------------------TOOLTIPS--------------------*/
  240. #s-m-t-tooltip {
  241. padding: 4px 9px;
  242. margin: 20px;
  243. background-color:{color:post}; /* tooltip background color */
  244. border:1px solid {color:post borders}; /* tooltip border color */
  245. box-shadow:4px 4px {color:post box shadow};
  246. font-family:silkscreen;
  247. font-size:9px;
  248. letter-spacing:-1px;
  249. color: {color:text};
  250. max-width: calc({text:post width}px * 1.25);
  251. }
  252.  
  253. /*--------------------TUMBLR CONTROLS--------------------*/
  254. iframe#tumblr_controls, .iframe-controls--desktop {
  255. top:5px!important;
  256. right:5px!important;
  257. position:fixed!important;
  258.  
  259. {block:ifdarktumblrcontrols}
  260. filter:invert(100%) hue-rotate(180deg);
  261. -webkit-filter:invert(100%) hue-rotate(180deg);
  262. {/block:ifdarktumblrcontrols}
  263.  
  264. transform:scale(0.7,0.7);
  265. -webkit-transform:scale(0.7,0.7);
  266.  
  267. transform-origin:100% 0;
  268. z-index:999999!important;
  269. }
  270.  
  271. /*--------------------SCROLLBAR--------------------*/
  272. ::-webkit-scrollbar {
  273. width:13px;
  274. height:13px;
  275. background-color:{color:scrollbar background};
  276. }
  277.  
  278. ::-webkit-scrollbar-thumb {
  279. border-top:8px solid {color:scrollbar background};
  280. border-right:6px solid {color:scrollbar background};
  281. border-bottom:8px solid {color:scrollbar background};
  282. border-left:6px solid {color:scrollbar background};
  283. background-color:{color:scrollbar thumb};
  284. }
  285.  
  286. ::-webkit-scrollbar-track {
  287. border-top:8px solid {color:scrollbar background};
  288. border-right:6px solid {color:scrollbar background};
  289. border-bottom:8px solid {color:scrollbar background};
  290. border-left:6px solid {color:scrollbar background};
  291. background-color:{color:scrollbar track};
  292. }
  293.  
  294. /*--------------------TEXT HIGHLIGHT--------------------*/
  295. ::selection {
  296. background: {color:highlight};
  297. color:{color:highlighted text};
  298. }
  299.  
  300. ::-moz-selection {
  301. background: {color:highlight};
  302. color:{color:highlighted text};
  303. }
  304.  
  305. /*--------------------BASICS--------------------*/
  306. body {
  307. background:{color:background} url({image:background image});
  308. background-attachment:fixed;
  309. background-repeat:repeat;
  310. color:{color:text};
  311. cursor:normal;
  312. font-family:{select:body font family};
  313. line-height:1.6em;
  314. font-size:{text:font size}px;
  315. text-align:left;
  316. overflow-x:hidden;
  317. }
  318.  
  319. blockquote {
  320. padding-left:10px;
  321. margin-left:5px;
  322. border-left:1px solid;
  323. border-color:{color:blockquote};
  324. margin:10px;
  325. }
  326.  
  327. b, strong {font-weight:bold;color: {color:Bold};}
  328.  
  329. .non a, a.non {
  330. padding-bottom:0px!important;
  331. border-bottom:0px solid transparent!important;
  332. }
  333.  
  334. .nonn a {
  335. border-bottom:0px solid transparent!important;
  336. }
  337.  
  338. i, em, .em {color: {color:Italic};}
  339.  
  340. pre, code {
  341. white-space:pre-wrap;
  342. display:block;
  343. }
  344.  
  345. hr {
  346. width:70%;
  347. border-width:0px;
  348. height:1px;
  349. background-color:rgba({RGBcolor:text},0.3);
  350. }
  351.  
  352. p.npf_quirky, p.npf_quote {font-size:calc({text:font size}px + 5px);line-height:1em;}
  353.  
  354. /*--------------------LINKS--------------------*/
  355. a {
  356. color:{color:link};
  357. text-decoration:none;
  358. cursor:normal;
  359. text-decoration:none;
  360. -webkit-transition: all 0.4s ease-in-out;
  361. -moz-transition: all 0.4s ease-in-out;
  362. -o-transition: all 0.4s ease-in-out;
  363. }
  364.  
  365. a:hover {text-decoration:none;}
  366.  
  367. img {opacity:1;text-decoration:none;}
  368.  
  369. h1 {
  370. font-size:calc({text:font size}px + 1px);
  371. font-family:quicksand regular;
  372. text-transform: uppercase;
  373. letter-spacing: 2px;
  374. color:{color:text};
  375. text-align:center;
  376. }
  377.  
  378. h1:first-child {margin-top:0px}
  379.  
  380. .pp p:first-child {margin-top:0px;}
  381.  
  382. /*-----------------CONT-----------------*/
  383.  
  384. #container {
  385. position:absolute;
  386. margin:0 auto;
  387. margin-top:{text:top gap}px;
  388. margin-bottom:{text:top gap}px;
  389. top:0;left:0;right:0;
  390. width:calc(225px + {text:side margins}px + {text:post width}px + ({text:post padding}px * 2) + (({text:post width}px + ({text:post padding}px * 2)) * 0.025) + {text:side margins}px + {text:corner image width}px);
  391. }
  392.  
  393.  
  394. #nudge {
  395. margin-left:calc(225px + {text:side margins}px);
  396. }
  397.  
  398. #c0rner {
  399. position:fixed;
  400. margin-left:calc((225px + {text:side margins}px + {text:post width}px + ({text:post padding}px * 2) + (({text:post width}px + ({text:post padding}px * 2)) * 0.025)) + {text:side margins}px);
  401. bottom:0;margin-bottom:{text:corner image from bottom}px;
  402. width:{text:corner image width}px;
  403. height:auto;
  404. }
  405.  
  406. /*-----------------SIDEBAR-----------------*/
  407. #galaxy {
  408. position:fixed;
  409. margin-top:0px;
  410. margin-left:0px;
  411. /* total post width + gap between posts and sb */
  412. width:225px;
  413. }
  414.  
  415. .mushroom {display:flex;}
  416.  
  417. .mushroom > * {
  418. align-self:center;
  419. -webkit-align-self:center;
  420. }
  421.  
  422. .yeacon {
  423. width:100px;
  424. }
  425.  
  426. .yeaboi {
  427. display:block;
  428. margin:auto;
  429. max-width:100%;
  430. }
  431.  
  432. .salmon {
  433. display:flex;
  434. margin-left:20px;
  435. padding-bottom:10px;
  436. }
  437.  
  438. .salmon:last-of-type {padding-bottom:0px}
  439.  
  440. .kokoro {
  441. width:16px;
  442. height:16px;
  443. opacity:0;
  444. -webkit-transition: all 0.1s ease-in-out;
  445. -moz-transition: all 0.1s ease-in-out;
  446. -o-transition: all 0.1s ease-in-out;
  447. }
  448.  
  449. .salmon:first-child .kokoro {opacity:1}
  450.  
  451. .salmon:hover .kokoro {
  452. opacity:1;
  453. }
  454. .salmonwrap:hover .salmon:first-child .kokoro {opacity:0}
  455. .salmonwrap:hover .salmon:first-child:hover .kokoro {opacity:1}
  456.  
  457. .daydreamer .kokoro {opacity:1}
  458.  
  459. .raw {display:flex;}
  460.  
  461. .gt-fill {
  462. background:{color:sidebar nav heart};
  463. height:1px;
  464. }
  465.  
  466. .f2 {width:2px;}
  467. .f4 {width:4px;}
  468. .f5 {width:5px;}
  469. .f7 {width:7px;}
  470. .f8 {width:8px;}
  471. .f12 {width:12px;}
  472. .f16 {width:16px;height:6px;}
  473.  
  474. .gtwo {height:2px;}
  475.  
  476. .cue, .custard {
  477. margin-top:-2px;
  478. font-family:pixeloperator bold;
  479. text-transform:uppercase;
  480. color:{color:sidebar nav links};
  481. }
  482.  
  483. .cue {
  484. margin-left:10px;
  485. font-size:19px;
  486. }
  487.  
  488. .custard {
  489. margin-left:10px;
  490. font-size:13px;
  491. letter-spacing:0.3px;
  492. }
  493.  
  494. .bigboyy {
  495. margin-top:20px;
  496. width:inherit;
  497. background-color:{color:description background};
  498. box-shadow:6px 6px {color:description box shadow};
  499. }
  500.  
  501. .heyboy {
  502. border:1px solid {color:description box borders};
  503. padding:5px 5px 0px 5px;
  504. }
  505.  
  506. .winboy {
  507. border:1px solid {color:description box borders};
  508. padding:5px;
  509. overflow:auto;
  510. margin-bottom:5px;
  511. }
  512.  
  513. .change {margin-bottom:0px!important}
  514.  
  515. .titboy {
  516. float:left;
  517. margin-top:2.5px;
  518. width:calc(100% - 50px);
  519. font-family:silkscreen;
  520. font-size:9px;
  521. color:{color:desc title};
  522. line-height:1em;
  523. max-height:1em;
  524. overflow:hidden;
  525. }
  526.  
  527. .winny {
  528. position:absolute;
  529. white-space:nowrap;
  530. }
  531.  
  532. .velvet .titboy {
  533. width:auto;
  534. letter-spacing:-0.5px;
  535. color:{color:post top bar permalink};
  536. }
  537.  
  538. .velvet .titboy:hover {color:{color:post top bar permalink hover};}
  539.  
  540. .niceboy {
  541. float:right;
  542. display:flex;
  543. }
  544.  
  545. .smallbox {
  546. margin-right:3px;
  547. padding:3px;
  548. width:5px;
  549. height:5px;
  550. border:1px solid {color:description box borders};
  551. cursor:help;
  552. }
  553.  
  554. .smallbox:last-of-type {margin-right:0px}
  555.  
  556. .sm-min {
  557. margin-top:4px;
  558. width:5px;
  559. height:1px;
  560. background:{color:description box borders};
  561. }
  562.  
  563. .velvet .sm-min {background:{color:post borders};}
  564.  
  565. .sm-max {
  566. margin-top:-1px;margin-left:-1px;
  567. width:5px;height:5px;
  568. border:1px solid {color:description box borders};
  569. }
  570.  
  571. .velvet .sm-max {border:1px solid {color:post borders};}
  572.  
  573. .sm-x {
  574. margin-top:-7px;margin-left:-1.5px;
  575. height:0;
  576. font-size:9px;
  577. color:{color:description box borders};
  578. }
  579.  
  580. .velvet .sm-x {
  581. margin-top:-0.5px;
  582. margin-left:-1.3px;
  583. color:{color:description box borders};
  584. }
  585.  
  586. .desc {
  587. margin-bottom:5px;
  588. border:1px solid {color:description box borders};
  589. padding:13px 15px;
  590. font-family:silkscreen;
  591. font-size:9px;
  592. color:{color:desc text};
  593. line-height:1.9em;
  594. text-align:{select:description text align};
  595. }
  596.  
  597. .desc b, .desc strong {color:{color:desc bold}}
  598. .desc i, .desc em {color:{color:desc italic}}
  599.  
  600. .desc a {
  601. color:{color:desc link};
  602. padding-bottom:1px;
  603. border-bottom:0.5px solid rgba({RGBcolor:desc link},0.4);
  604. }
  605.  
  606. .desc a:hover {
  607. color:{color:desc link hover};
  608. border-bottom:0.5px solid rgba({RGBcolor:desc link hover},0.4);
  609. }
  610.  
  611. .marshmallow {
  612. margin-top:20px;
  613. display:flex;
  614. }
  615.  
  616. .on-cont {
  617. width:22px;
  618. height:22px;
  619. background:{color:music player background};
  620. border:1px solid {color:music player border};
  621. box-shadow:6px 5px {color:music player box shadow};
  622. cursor:pointer;
  623. }
  624.  
  625. .tri-h {
  626. margin-left:6.5px;
  627. margin-top:4.5px;
  628. }
  629.  
  630. .b-tri {
  631. width:1px;
  632. height:1.3px;
  633. }
  634. .b1 {width:1px}
  635. .b3 {width:3px}
  636. .b5 {width:5px}
  637. .b7 {width:7px}
  638. .b8 {width:8px}
  639. .b9 {width:9px}
  640.  
  641. .ll-h {
  642. display:none;
  643. margin-top:6px;
  644. margin-left:7px;
  645. }
  646.  
  647. .ll-z {display:flex;}
  648.  
  649. .ll-a, .ll-b {
  650. width:3px;
  651. height:9px;
  652. }
  653.  
  654. .ll-b {margin-left:3px}
  655.  
  656. .b-tri, .ll-a, .ll-b {background:{color:music player button};}
  657.  
  658. .ensou {
  659. margin-left:12px;
  660. width:calc(100% - 39px - 12px);
  661. padding:calc((22px - 9px) / 2);
  662. background:{color:music player background};
  663. border:1px solid {color:music player border};
  664. box-shadow:6px 5px {color:music player box shadow};
  665. font-family:silkscreen;
  666. font-size:9px;
  667. color:{color:music player text};
  668. line-height:1em;
  669. max-height:1em;
  670. overflow:hidden;
  671. }
  672.  
  673. .ennei {
  674. position:absolute;
  675. white-space:nowrap;
  676. }
  677.  
  678. .cloud {margin-top:20px;}
  679.  
  680. .ensei {
  681. display:flex;
  682. margin-bottom:calc(10px + 2px);
  683. }
  684.  
  685. .ensei:last-of-type {margin-bottom:0px}
  686.  
  687. .yi, .er {
  688. width:calc((100% / 2) - 23px);
  689. padding:3px 8px;
  690. background:{color:custom links background};
  691. border:1px solid {color:custom links border};
  692. font-family:silkscreen;
  693. font-size:9px;
  694. color:{color:custom links};
  695. line-height:2em;
  696. text-align:center;
  697. cursor:pointer;
  698. -webkit-transition: all 0.1s ease-in-out;
  699. -moz-transition: all 0.1s ease-in-out;
  700. -o-transition: all 0.1s ease-in-out;
  701. }
  702.  
  703. .yi {box-shadow:5px 6px {color:custom links box shadow};}
  704.  
  705. .er {
  706. margin-left:calc(5px + 5px);
  707. box-shadow:6px 6px {color:custom links box shadow};
  708. }
  709.  
  710. .yi:hover, .er:hover {
  711. background:{color:custom links background hover};
  712. border:1px solid {color:custom links border hover};
  713. color:{color:custom links hover};
  714. }
  715.  
  716. /*--------------------POSTS--------------------*/
  717. .velvet {
  718. padding:5px;
  719. border:1px solid {color:post borders};
  720. font-family:silkscreen;
  721. font-size:9px;
  722. color:#ec5a5a;
  723. line-height:1em;
  724. overflow:auto;
  725. }
  726.  
  727. .pcontent {
  728. margin-top:0px;
  729. padding-top:{text:post padding}px;
  730. }
  731.  
  732. .posts {
  733. overflow:hidden;
  734. margin-bottom:{text:post margin}px;
  735. width:{text:post width}px;
  736. min-width:210px;
  737. padding:{text:post padding}px;
  738. background-color:{color:post};
  739. border:1px solid {color:post borders};
  740. box-shadow:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) {color:post box shadow};
  741. }
  742.  
  743. .posts:last-of-type {margin-bottom:0px;}
  744.  
  745. .posts a {
  746. color:{color:link};
  747. padding-bottom:1px;
  748. border-bottom:0.5px solid rgba({RGBcolor:link},0.4);
  749. }
  750.  
  751. .posts a:hover {
  752. color:{color:link hover};
  753. border-bottom:0.5px solid rgba({RGBcolor:link hover},0.4);
  754. }
  755.  
  756. .photos, .photos img {
  757. position:relative;
  758. overflow:hidden;
  759. width:{text:post width}px;
  760.  
  761. {block:IndexPage}
  762. {block:ifphotofade}
  763. opacity:0.8;
  764. -webkit-transition: all 0.8s ease-in-out;
  765. -moz-transition: all 0.8s ease-in-out;
  766. -o-transition: all 0.8s ease-in-out;
  767. {/block:ifphotofade}
  768.  
  769. {block:ifmonochromeposts}
  770. -webkit-filter:grayscale(100%);
  771. filter:grayscale(100%);
  772. -webkit-transition: all 0.8s ease-in-out;
  773. -moz-transition: all 0.8s ease-in-out;
  774. -o-transition: all 0.8s ease-in-out;
  775. {/block:ifmonochromeposts}
  776. {/block:IndexPage}
  777. }
  778.  
  779. .posts:hover .photos {
  780. opacity:1;
  781. -webkit-filter:grayscale(0%);
  782. filter:grayscale(0%);
  783. }
  784.  
  785. .posts img {
  786. {block:IndexPage}
  787. {block:ifphotofade}
  788. opacity:0.8;
  789. -webkit-transition: all 0.8s ease-in-out;
  790. -moz-transition: all 0.8s ease-in-out;
  791. -o-transition: all 0.8s ease-in-out;
  792. {/block:ifphotofade}
  793.  
  794. {block:ifmonochromeposts}
  795. -webkit-filter:grayscale(100%);
  796. filter:grayscale(100%);
  797. -webkit-transition: all 0.8s ease-in-out;
  798. -moz-transition: all 0.8s ease-in-out;
  799. -o-transition: all 0.8s ease-in-out;
  800. {/block:ifmonochromeposts}
  801. {/block:IndexPage}
  802. }
  803.  
  804. .posts:hover img {
  805. opacity:1;
  806. -webkit-filter:grayscale(0%);
  807. filter:grayscale(0%);
  808. }
  809.  
  810. .posts img, .posts li, .posts blockquote {max-width:100%;height:auto;}
  811.  
  812. .posts iframe {max-width:100%;}
  813.  
  814. /*--------------------PERMALINK--------------------*/
  815. .permawrap {
  816. margin-top:{text:post padding}px;
  817. margin-left:-{text:post padding}px;
  818. margin-bottom:-{text:post padding}px;
  819. width:calc({text:post width}px + ({text:post padding}px * 2));
  820. border-top:1px solid {color:post borders};
  821. }
  822.  
  823. .poof{
  824. padding:{text:permalink padding}px;
  825. overflow:auto;
  826. }
  827.  
  828. .perma {float:left}
  829.  
  830. .candy {
  831. margin-right:10px;
  832. font-family:consolas;
  833. font-size:8px;
  834. letter-spacing:1px;
  835. color:{color:permalink}!important;
  836. text-transform:uppercase;
  837. font-weight:bold;
  838. }
  839.  
  840. .candy:last-of-type {margin-right:0px;}
  841.  
  842. .candy txt {
  843. font-family:silkscreen;
  844. font-size:9px;
  845. letter-spacing:-1px;
  846. font-weight:normal;
  847. }
  848.  
  849. .tagsin {
  850. margin-top:5px;
  851. margin-right:-3px;
  852. font-family:silkscreen;
  853. line-height:1.5em;
  854. letter-spacing:-1px;
  855. font-size:9px;
  856. text-align:right;
  857. }
  858.  
  859. .tagsin a {
  860. display:inline-block;
  861. margin:3px;
  862. color:{color:tags};
  863. }
  864.  
  865. .tagsin a:hover {color:{color:tags hover};}
  866.  
  867. .vinegar {float:right;}
  868.  
  869. /* -- Like + Reblog buttons (1/2) -- */
  870. /* -- mikedidthis from StackOverflow: https://stackoverflow.com/users/2312574/mikedidthis -- */
  871. /* -- and tutorial by shythemes: //shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons -- */
  872. /* -- and help from borntobewildcodes -- */
  873. .controls {
  874. margin-top:2px;
  875. height:0;
  876. }
  877.  
  878. .controls li {
  879. position:relative;
  880. display:inline-block;
  881. margin:0 2px;
  882. list-style-type:none;
  883. }
  884.  
  885. .controls li:first-child {margin-left:0px;}
  886. .controls li:last-child {margin-right:0px;}
  887.  
  888. /* both svg colors */
  889. .controls .lnr {
  890. font-size:11px;
  891. color:{color:permalink};
  892. }
  893.  
  894. .controls .like .liked + .lnr {
  895. color:#ED1C24;
  896. font-weight:bold;
  897. }
  898.  
  899. .controls .like .like_button {
  900. position:absolute;
  901. width:11px;
  902. height:11px;
  903. margin-top:4px;
  904. }
  905.  
  906. .controls .like .like_button iframe {
  907. position:absolute;
  908. top:0;left:0;bottom:0;right:0;
  909. width:100%;height:100%;
  910. z-index:2;
  911. opacity:0.0000001;
  912. }
  913.  
  914.  
  915. /*--------------------POST NOTES--------------------*/
  916. ol.notes {
  917. margin-top:-2px;
  918. width:{text:post width}px;
  919. padding:{text:post padding}px;
  920. background:{color:post};
  921. border:1px solid {color:post borders};
  922. list-style-type:none;
  923. box-shadow:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) {color:post box shadow};
  924. }
  925.  
  926. .heyho {
  927. width:calc(({text:post width}px + ({text:post padding}px * 2)) - ({text:permalink padding}px * 2));
  928. padding:{text:permalink padding}px;
  929. background:{color:post};
  930. border:1px solid {color:post borders};
  931. box-shadow:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) {color:post box shadow};
  932. }
  933.  
  934. ol.notes li.note {
  935. padding:10px;
  936. }
  937.  
  938. ol.notes li.note img.avatar {
  939. vertical-align:-4px;
  940. margin-right:10px;
  941. width:16px;
  942. height:16px;
  943. }
  944.  
  945. ol.notes li.note span.action {
  946. font-weight:none;
  947. }
  948.  
  949. ol.notes li.note .answer_content {
  950. font-weight:normal;
  951. }
  952.  
  953. ol.notes li.note blockquote {
  954. padding:4px 10px;
  955. margin:10px 0px 0px 25px;
  956. }
  957.  
  958. ol.notes li.note blockquote a {
  959. text-decoration:none;
  960. }
  961.  
  962. /*---------------------------LIGHTBOXES---------------------------*/
  963. .vignette, #vignette {
  964. opacity:0;
  965. }
  966. .lightbox-image, #tumblr_lightbox img {
  967. z-index:99999999999999999999999999999 !important;
  968. box-shadow:none !important;
  969. border-radius:0px !important;
  970. max-width:none;
  971. padding:{text:post padding}px !important;
  972. background:{color:post} !important;
  973. border:1px solid {color:post borders} !important;
  974. }
  975.  
  976. .tmblr-lightbox, #tumblr_lightbox {
  977. background-color:rgba({RGBcolor:post},0.78) !important;
  978. z-index:99999999999999999999999999999 !important;
  979. }
  980.  
  981. /*---------------------------QUOTES---------------------------*/
  982. .daydreamer {
  983. display:block;
  984. margin:auto;
  985. width:16px;
  986. padding:10px;
  987. background:{color:post};
  988. border:1px solid {color:post borders};
  989. }
  990.  
  991. .glae {
  992. width:calc((({text:post width}px + ({text:post padding}px * 2)) - 38px) / 2);
  993. height:1px;
  994. background:{color:post borders};
  995. }
  996.  
  997. .glae.g1 {
  998. float:left;
  999. margin-top:calc(-20px);
  1000. margin-left:calc(-{text:post padding}px);
  1001. }
  1002.  
  1003. .glae.g2 {
  1004. float:right;
  1005. margin-top:calc(-20px);
  1006. margin-right:calc(-{text:post padding}px);
  1007. }
  1008.  
  1009. .quote {
  1010. margin-top:{text:post padding}px;
  1011. font-family:domine;letter-spacing:0.5px;
  1012. font-size:{text:font size}px;
  1013. font-style:italic;
  1014. line-height:2em;
  1015. text-align:center;
  1016. }
  1017.  
  1018. .quotesource {
  1019. text-align:center;
  1020. margin-top:10px;
  1021. }
  1022.  
  1023. /*---------------------------CHATS---------------------------*/
  1024. .chat {
  1025. line-height:2em;
  1026. list-style:none;
  1027. color:{color:text};
  1028. border:1px solid {color:post borders};
  1029. }
  1030.  
  1031. .line.odd {
  1032. padding:10px;
  1033. list-style:none;
  1034. }
  1035.  
  1036. .line.even {
  1037. padding:10px;
  1038. border-top:1px solid {color:post borders};
  1039. list-style:none;
  1040. }
  1041.  
  1042. .label.odd, .label.even {
  1043. padding-right:1px;
  1044. text-transform:uppercase;
  1045. font-weight:bold;
  1046. }
  1047.  
  1048. p.npf_chat { font-family:Courier; font-size:{text:font size}px; }
  1049.  
  1050. /*---------------------------ASKS---------------------------*/
  1051. .q-wrap {
  1052. padding:10px;
  1053. border:1px solid {color:post borders};
  1054. min-height:64px;
  1055. display:flex;
  1056. }
  1057.  
  1058. .askimg {
  1059. width:64px;height:64px!important;
  1060. }
  1061.  
  1062. .question {
  1063. margin-left:10px;
  1064. color:{color:text};
  1065. }
  1066.  
  1067. .asker, .asker b, .asker a {
  1068. text-transform:uppercase;color:{color:text};
  1069. }
  1070.  
  1071. .answer {
  1072. margin:0px auto;
  1073. text-transform:none;
  1074. color:{color:text};
  1075. }
  1076.  
  1077. /*---------------------------AUDIO---------------------------*/
  1078. .playerbutton {
  1079. position:absolute;
  1080. margin-top:18.5px;
  1081. margin-left:18.5px;
  1082. width:27px;
  1083. height:27px;
  1084. overflow:hidden;
  1085. border-radius:100%;
  1086. }
  1087.  
  1088. .trackdetails {
  1089. width:auto;
  1090. display:inline-block;
  1091. margin-left:70px;
  1092. padding:5px;
  1093. line-height:1.7;
  1094. }
  1095.  
  1096. .trackdetails b {
  1097. font-weight:normal;
  1098. }
  1099.  
  1100. .audiowrapper {
  1101. position:relative;
  1102. display:inline;
  1103. height:0px;
  1104. }
  1105.  
  1106. /*---------------------------VIDEO---------------------------*/
  1107. .tumblr_video_container {
  1108. width:{text:post width}px!important;
  1109. min-width:210px!important;
  1110. height:auto!important;
  1111. max-height:540px!important;
  1112. overflow:hidden!important;
  1113. {block:IndexPage}
  1114. {block:ifphotofade}
  1115. opacity:0.8;
  1116. -webkit-transition: all 0.8s ease-in-out;
  1117. -moz-transition: all 0.8s ease-in-out;
  1118. -o-transition: all 0.8s ease-in-out;
  1119. {/block:ifphotofade}
  1120.  
  1121. {block:ifmonochromeposts}
  1122. -webkit-filter:grayscale(100%);
  1123. filter:grayscale(100%);
  1124. -webkit-transition: all 0.8s ease-in-out;
  1125. -moz-transition: all 0.8s ease-in-out;
  1126. -o-transition: all 0.8s ease-in-out;
  1127. {/block:ifmonochromeposts}
  1128. {/block:IndexPage}
  1129. }
  1130.  
  1131. .posts:hover .tumblr_video_container {
  1132. opacity:1;
  1133. -webkit-filter:grayscale(0%);
  1134. filter:grayscale(0%);
  1135. }
  1136. /*------------------------BOT PAGI------------------------*/
  1137. .botpagi {
  1138. width:calc(({text:post width}px + ({text:post padding}px * 2)) - ({text:permalink padding}px * 2));
  1139. background:{color:post};
  1140. padding:{text:permalink padding}px;
  1141. border:1px solid {color:post borders};
  1142. box-shadow:calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) calc(({text:post width}px + ({text:post padding}px * 2)) * 0.025) {color:post box shadow};
  1143. text-align:center;
  1144. }
  1145.  
  1146. /* 'Current page' number */
  1147. .botpagi span {
  1148. font-size:9px;
  1149. color:{color:Text};
  1150. padding:3px 5px;
  1151. width:9px;
  1152. display:inline-block;
  1153. margin-left:5px;
  1154. text-align:center;
  1155. }
  1156.  
  1157. /* Other page numbers */
  1158. .botpagi a {
  1159. font-size:9px;
  1160. font-family:silkscreen;
  1161. font-size:9px;
  1162. color:{color:text};
  1163. padding:3px 5px;
  1164. width:9px;
  1165. display:inline-block;
  1166. margin-left:2px;
  1167. text-align:center;
  1168. }
  1169.  
  1170. </style>
  1171.  
  1172. </head>
  1173.  
  1174. <body>
  1175.  
  1176. <!---- main shit ---->
  1177. <div id="container">
  1178.  
  1179. <div id="galaxy">
  1180.  
  1181. <div class="mushroom">
  1182.  
  1183. <div class="yeacon">
  1184. <img class="yeaboi" src="{image:sidebar image}">
  1185. </div><!--yeacon-->
  1186.  
  1187. <div class="salmonwrap">
  1188. <a class="salmon" href="/">
  1189. <div class="kokoro">
  1190. <div class="raw">
  1191. <div class="gt-fill f2" style="margin-left:2px"></div>
  1192. <div class="gt-fill f2" style="margin-left:8px"></div></div>
  1193. <div class="raw">
  1194. <div class="gt-fill f5" style="margin-left:1px"></div>
  1195. <div class="gt-fill f5" style="margin-left:4px"></div></div>
  1196. <div class="raw">
  1197. <div class="gt-fill f7 gtwo"></div>
  1198. <div class="gt-fill f7 gtwo" style="margin-left:2px"></div></div>
  1199. <div class="gt-fill f16" style="top:4px;"></div>
  1200. <div class="gt-fill f12 gtwo" style="margin-left:2px"></div>
  1201. <div class="gt-fill f8 gtwo" style="margin-left:4px"></div>
  1202. <div class="gt-fill f4 gtwo" style="margin-left:6px"></div>
  1203. </div><!--kokoro-->
  1204. <span class="cue">∗</span>
  1205. <span class="custard">go home</span>
  1206. </a><!--salmon-->
  1207.  
  1208. <a class="salmon" href="/ask">
  1209. <div class="kokoro">
  1210. <div class="raw">
  1211. <div class="gt-fill f2" style="margin-left:2px"></div>
  1212. <div class="gt-fill f2" style="margin-left:8px"></div></div>
  1213. <div class="raw">
  1214. <div class="gt-fill f5" style="margin-left:1px"></div>
  1215. <div class="gt-fill f5" style="margin-left:4px"></div></div>
  1216. <div class="raw">
  1217. <div class="gt-fill f7 gtwo"></div>
  1218. <div class="gt-fill f7 gtwo" style="margin-left:2px"></div></div>
  1219. <div class="gt-fill f16" style="top:4px;"></div>
  1220. <div class="gt-fill f12 gtwo" style="margin-left:2px"></div>
  1221. <div class="gt-fill f8 gtwo" style="margin-left:4px"></div>
  1222. <div class="gt-fill f4 gtwo" style="margin-left:6px"></div>
  1223. </div><!--kokoro-->
  1224. <span class="cue">∗</span>
  1225. <span class="custard">send mail</span>
  1226. </a><!--salmon-->
  1227.  
  1228. <a class="salmon" href="/archive">
  1229. <div class="kokoro">
  1230. <div class="raw">
  1231. <div class="gt-fill f2" style="margin-left:2px"></div>
  1232. <div class="gt-fill f2" style="margin-left:8px"></div></div>
  1233. <div class="raw">
  1234. <div class="gt-fill f5" style="margin-left:1px"></div>
  1235. <div class="gt-fill f5" style="margin-left:4px"></div></div>
  1236. <div class="raw">
  1237. <div class="gt-fill f7 gtwo"></div>
  1238. <div class="gt-fill f7 gtwo" style="margin-left:2px"></div></div>
  1239. <div class="gt-fill f16" style="top:4px;"></div>
  1240. <div class="gt-fill f12 gtwo" style="margin-left:2px"></div>
  1241. <div class="gt-fill f8 gtwo" style="margin-left:4px"></div>
  1242. <div class="gt-fill f4 gtwo" style="margin-left:6px"></div>
  1243. </div><!--kokoro-->
  1244. <span class="cue">∗</span>
  1245. <span class="custard">archive</span>
  1246. </a><!--salmon-->
  1247.  
  1248. <!-- PLEASE DO NOT DELETE THE CREDIT! Thank you x -->
  1249. <a class="salmon" href="//glenthemes.tumblr.com">
  1250. <div class="kokoro">
  1251. <div class="raw">
  1252. <div class="gt-fill f2" style="margin-left:2px"></div>
  1253. <div class="gt-fill f2" style="margin-left:8px"></div></div>
  1254. <div class="raw">
  1255. <div class="gt-fill f5" style="margin-left:1px"></div>
  1256. <div class="gt-fill f5" style="margin-left:4px"></div></div>
  1257. <div class="raw">
  1258. <div class="gt-fill f7 gtwo"></div>
  1259. <div class="gt-fill f7 gtwo" style="margin-left:2px"></div></div>
  1260. <div class="gt-fill f16" style="top:4px;"></div>
  1261. <div class="gt-fill f12 gtwo" style="margin-left:2px"></div>
  1262. <div class="gt-fill f8 gtwo" style="margin-left:4px"></div>
  1263. <div class="gt-fill f4 gtwo" style="margin-left:6px"></div>
  1264. </div><!--kokoro-->
  1265. <span class="cue">∗</span>
  1266. <span class="custard">theme</span>
  1267. </a><!--salmon-->
  1268. </div><!--salmonwrap-->
  1269.  
  1270. </div><!--mushroom-->
  1271.  
  1272. <div class="bigboyy">
  1273. <div class="heyboy">
  1274. <div class="winboy">
  1275. <div class="titboy ttb">
  1276. <div class="winny">{text:description title}</div></div>
  1277. <div class="niceboy">
  1278.  
  1279. <div class="smallbox d-min">
  1280. <div class="sm-min"></div></div>
  1281.  
  1282. <div class="smallbox d-max">
  1283. <div class="sm-max"></div></div>
  1284.  
  1285. <div class="smallbox d-x">
  1286. <div class="sm-x">✖</div></div>
  1287. </div><!--niceboy-->
  1288. </div><!--winboy-->
  1289.  
  1290. {block:Description}
  1291. <div class="desc">{Description}</div>
  1292. {/block:Description}
  1293. </div><!--heyboyy-->
  1294. </div><!--bigboy-->
  1295.  
  1296. <div class="cloud">
  1297. {block:ifLink1}
  1298. <div class="ensei">
  1299. <a class="yi" href="{text:Link 1 URL}">{text:Link 1}</a>
  1300. {block:ifLink2}
  1301. <a class="er" href="{text:Link 2 URL}">{text:Link 2}</a>
  1302. {/block:ifLink2}
  1303. </div>{/block:ifLink1}
  1304.  
  1305. {block:ifLink3}
  1306. <div class="ensei">
  1307. <a class="yi" href="{text:Link 3 URL}">{text:Link 3}</a>
  1308. {block:ifLink4}
  1309. <a class="er" href="{text:Link 4 URL}">{text:Link 4}</a>
  1310. {/block:ifLink4}
  1311. </div>{/block:ifLink3}
  1312.  
  1313. {block:ifLink5}
  1314. <div class="ensei">
  1315. <a class="yi" href="{text:Link 5 URL}">{text:Link 5}</a>
  1316. {block:ifLink6}
  1317. <a class="er" href="{text:Link 6 URL}">{text:Link 6}</a>
  1318. {/block:ifLink6}
  1319. </div>{/block:ifLink5}
  1320. </div>
  1321.  
  1322. <div class="marshmallow">
  1323. <div class="on-cont m-o">
  1324. <div class="tri-h">
  1325. <div class="b-tri"></div>
  1326. <div class="b-tri b3"></div>
  1327. <div class="b-tri b5"></div>
  1328. <div class="b-tri b7"></div>
  1329. <div class="b-tri b9"></div>
  1330. <div class="b-tri b7"></div>
  1331. <div class="b-tri b5"></div>
  1332. <div class="b-tri b3"></div>
  1333. <div class="b-tri"></div>
  1334. </div><!--tri-h-->
  1335.  
  1336. <div class="ll-h"><div class="ll-z">
  1337. <div class="ll-a"></div>
  1338. <div class="ll-b"></div>
  1339. </div></div><!--ll-->
  1340. </div><!--on-cont-->
  1341.  
  1342. <div class="ensou">
  1343. <div class="ennei">{text:music name}</div></div>
  1344.  
  1345. <audio id="melody" src="{text:music file URL}" type="audio"></audio>
  1346.  
  1347. </div><!--marshmallow-->
  1348. </div><!--galaxy-->
  1349.  
  1350. <div id="nudge">
  1351.  
  1352. {block:Posts}
  1353. <div class="posts" id="{PostID}">
  1354. <div class="velvet">
  1355. {block:Date}
  1356. <a class="titboy non" href="{Permalink}">
  1357. {block:Text}
  1358. {PostType} &mdash; {Timestamp}
  1359. {/block:Text}
  1360.  
  1361. {block:Photo}
  1362. image &mdash; {Timestamp}
  1363. {/block:Photo}
  1364.  
  1365. {block:Photoset}
  1366. photoset &mdash; {Timestamp}
  1367. {/block:Photoset}
  1368.  
  1369. {block:Quote}
  1370. {PostType} &mdash; {Timestamp}
  1371. {/block:Quote}
  1372.  
  1373. {block:Link}
  1374. {PostType} &mdash; {Timestamp}
  1375. {/block:Link}
  1376.  
  1377. {block:Chat}
  1378. {PostType} &mdash; {Timestamp}
  1379. {/block:Chat}
  1380.  
  1381. {block:Audio}
  1382. {PostType} &mdash; {Timestamp}
  1383. {/block:Audio}
  1384.  
  1385. {block:Video}
  1386. {PostType} &mdash; {Timestamp}
  1387. {/block:Video}
  1388.  
  1389. {block:Answer}
  1390. {PostType} &mdash; {Timestamp}
  1391. {/block:Answer}
  1392. </a>
  1393. {/block:Date}
  1394. <div class="niceboy">
  1395.  
  1396. <div class="smallbox p-min">
  1397. <div class="sm-min"></div></div>
  1398.  
  1399. <div class="smallbox p-max">
  1400. <div class="sm-max"></div></div>
  1401.  
  1402. <div class="smallbox p-x">
  1403. <div class="sm-x">✖</div></div>
  1404. </div><!--niceboy-->
  1405. </div>
  1406. <div class="pcontent">
  1407.  
  1408.  
  1409. {block:Text}
  1410. {block:Title}<h1>{Title}</h1>{/block:Title}
  1411. <div class="pp">{Body}</div>
  1412. {/block:Text}
  1413.  
  1414.  
  1415. {block:Photo}
  1416.  
  1417. <div class="photos">
  1418. <div class="non">{LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"></a>{LinkCloseTag}</div></div>
  1419.  
  1420. {block:Caption}{Caption}{/block:Caption}
  1421. {/block:Photo}
  1422.  
  1423.  
  1424. {block:Photoset}
  1425.  
  1426. <div class="photos">
  1427. <div class="non">
  1428. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  1429. </div>
  1430. </div>
  1431.  
  1432. {block:Caption}{Caption}{/block:Caption}
  1433. {/block:Photoset}
  1434.  
  1435.  
  1436. {block:Quote}
  1437. <div class="daydreamer">
  1438. <div class="kokoro">
  1439. <div class="raw">
  1440. <div class="gt-fill f2" style="margin-left:2px"></div>
  1441. <div class="gt-fill f2" style="margin-left:8px"></div></div>
  1442. <div class="raw">
  1443. <div class="gt-fill f5" style="margin-left:1px"></div>
  1444. <div class="gt-fill f5" style="margin-left:4px"></div></div>
  1445. <div class="raw">
  1446. <div class="gt-fill f7 gtwo"></div>
  1447. <div class="gt-fill f7 gtwo" style="margin-left:2px"></div></div>
  1448. <div class="gt-fill f16" style="top:4px;"></div>
  1449. <div class="gt-fill f12 gtwo" style="margin-left:2px"></div>
  1450. <div class="gt-fill f8 gtwo" style="margin-left:4px"></div>
  1451. <div class="gt-fill f4 gtwo" style="margin-left:6px"></div>
  1452. </div><!--kokoro-->
  1453. </div><!--daydreamer-->
  1454. <div class="glae g1"></div>
  1455. <div class="glae g2"></div>
  1456. <div class="quote">{Quote}</div>
  1457. {block:Source}<div class="quotesource"> — {Source}</div>
  1458. {/block:Source}{/block:Quote}
  1459.  
  1460.  
  1461. {block:Link}
  1462. <h1><div class="non"><a href="{URL}" {Target}>{Name} »</a></div></h1>
  1463. {block:Description}{Description}{/block:Description}
  1464. {/block:Link}
  1465.  
  1466.  
  1467. {block:Chat}
  1468. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label {Alt}"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1469. {/block:Chat}
  1470.  
  1471.  
  1472. {block:Audio}
  1473. {block:AudioPlayer}
  1474. <div class="audiowrapper">
  1475. <div class="playerbutton">{AudioPlayer}</div>
  1476.  
  1477. <div class="trackdetails">
  1478. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1479.  
  1480. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1481.  
  1482. <b>PLAYS:</b> {FormattedPlayCount}</div>
  1483. </div><!--audiowrapper-->
  1484. {/block:AudioPlayer}
  1485.  
  1486. {block:Caption}
  1487. <div class="caption">{Caption}</div>
  1488. {/block:Caption}
  1489. {/block:Audio}
  1490.  
  1491.  
  1492. {block:Video}
  1493. <div class="video">{Video-500}</div>
  1494. {block:Caption}{Caption}{/block:Caption}
  1495. {/block:Video}
  1496.  
  1497.  
  1498. {block:Answer}
  1499. <div class="q-wrap">
  1500. <img class="askimg" src="{AskerPortraitURL-64}" ondragstart='return false;'>
  1501. <div class="question">
  1502. <div class="asker"><b>{Asker} asked:</b></div>
  1503. {Question}</div><!--question-->
  1504. </div><!--qwrap-->
  1505. <div class="answer">{Answer}</div><!--answer-->
  1506. {/block:Answer}
  1507.  
  1508.  
  1509.  
  1510. {block:IndexPage}
  1511. {block:Date}
  1512.  
  1513. {block:HasTags}
  1514. <div class="tagsin non">
  1515. {block:Tags}
  1516. <a href="{TagURL}">#{Tag}</a>
  1517. {/block:Tags}
  1518. </div><!--tagsin-->
  1519. {/block:HasTags}
  1520.  
  1521. <div class="permawrap">
  1522. <div class="poof">
  1523.  
  1524. <div class="perma nonn">
  1525. <a class="candy" href="{Permalink}">
  1526. <txt>{ShortMonth}</txt> {DayOfMonthWithZero}
  1527. </a>
  1528.  
  1529. <a class="candy" href="{Permalink}">{24Hour}:{Minutes}</a>
  1530.  
  1531. <a class="candy" href="{Permalink}">{NoteCount}<txt>N</txt></a>
  1532. </div><!--perma-->
  1533.  
  1534.  
  1535.  
  1536. {Block:IndexPage}
  1537. <div class="vinegar non">
  1538.  
  1539. <!-- Like + Reblog buttons (2/2) -->
  1540.  
  1541. <div class="controls">
  1542.  
  1543. <li class="like"><a title="like this post?">{LikeButton}
  1544. <span class="lnr lnr-heart"></span>
  1545. </a></li>
  1546.  
  1547. <li><a href="{ReblogURL}" target="_blank" title="reblog"><span class="lnr lnr-redo"></span></a></li>
  1548.  
  1549. </div><!--controls-->
  1550. </div><!--vinegar-->
  1551. {/block:IndexPage}
  1552.  
  1553.  
  1554. </div><!--poof-->
  1555. </div><!--permawrap-->
  1556. {/block:Date}
  1557. {/block:IndexPage}
  1558.  
  1559.  
  1560.  
  1561.  
  1562. <!-----------PERMA ON PERMAPAGE----------->
  1563. {block:PermalinkPage}
  1564. {block:Date}
  1565. {block:HasTags}
  1566. <div class="tagsin nonn" style="text-align:left;">
  1567. {block:Tags}
  1568. <a href="{TagURL}">#{Tag}</a>
  1569. {/block:Tags}
  1570. </div><!--tagsin-->
  1571. {/block:HasTags}
  1572.  
  1573. <div class="permawrap">
  1574. <div class="poof">
  1575.  
  1576. <div class="perma nonn">
  1577. <a class="candy">
  1578. <txt>{ShortMonth}</txt> {DayOfMonthWithZero} {Year}
  1579. </a>
  1580.  
  1581. <a class="candy">{24Hour}:{Minutes}</a>
  1582.  
  1583. <a class="candy"><txt>{DayOfWeek}</txt></a>
  1584. </div><!--perma-->
  1585.  
  1586. {block:RebloggedFrom}
  1587. <div class="vinegar non">
  1588. <a class="candy" href="{ReblogParentURL}" title="{ReblogParentName}"><txt>via</txt></a>
  1589. {block:ContentSource}
  1590. <a class="candy" href="{ReblogRootURL}" title="{ReblogRootName}"><txt>source</txt></a>
  1591. {/block:ContentSource}
  1592. </div><!--vinegar-->
  1593. {/block:RebloggedFrom}
  1594. </div><!--poof-->
  1595. </div><!--permawrap-->
  1596. {block:Date}
  1597. {block:PermalinkPage}
  1598.  
  1599.  
  1600. </div><!--pcontent-->
  1601. </div><!--posts-->
  1602.  
  1603.  
  1604. {block:PostNotes}
  1605. <div class="heyho"><span class="candy"><txt>{NoteCountWithLabel}</txt></span></div>
  1606. {PostNotes}
  1607. {/block:PostNotes}
  1608.  
  1609. {/block:Posts}
  1610.  
  1611.  
  1612.  
  1613. {block:Pagination}
  1614. <div class="botpagi">
  1615. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">«</a>{/block:PreviousPage}
  1616. {block:JumpPagination length="4"}
  1617. {block:CurrentPage}<span class="current_page">✗</span>{/block:CurrentPage}
  1618. {block:JumpPage}<a href="{URL}" title="page {PageNumber}">{PageNumber}</a> {/block:JumpPage}
  1619. {/block:JumpPagination}
  1620. {block:NextPage}<a title="Next Page" href="{NextPage}">»</a>{/block:NextPage}
  1621. </div>
  1622. {/block:Pagination}
  1623.  
  1624. <script type="text/javascript">
  1625. // <![CDATA[
  1626. var colours=new Array('#A3E7D8', '#FFDDDD', '#F7F5FE', '#FFFF88', '#FDB4BF', '#B3B3D9'); // colours of the hearts
  1627. var minisize=10; // smallest size of hearts in pixels
  1628. var maxisize=13; // biggest size of hearts in pixels
  1629. var hearts=58; // maximum number of hearts on screen
  1630. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  1631.  
  1632. /*****************************
  1633. *JavaScript Love Heart Cursor*
  1634. * (c)2013+ mf2fm web-design *
  1635. * http://www.mf2fm.com/rv *
  1636. * DON'T EDIT BELOW THIS BOX *
  1637. *****************************/
  1638. var x=ox=400;
  1639. var y=oy=300;
  1640. var swide=800;
  1641. var shigh=600;
  1642. var sleft=sdown=0;
  1643. var herz=new Array();
  1644. var herzx=new Array();
  1645. var herzy=new Array();
  1646. var herzs=new Array();
  1647. var kiss=false;
  1648.  
  1649. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  1650. var oldonload=window.onload;
  1651. if (typeof(oldonload)!='function') window.onload=funky;
  1652. else window.onload=function() {
  1653. if (oldonload) oldonload();
  1654. funky();
  1655. }
  1656. }
  1657.  
  1658. addRVLoadEvent(mwah);
  1659.  
  1660. function mwah() { if (document.getElementById) {
  1661. var i, heart;
  1662. for (i=0; i<hearts; i++) {
  1663. heart=createDiv("auto", "auto");
  1664. heart.style.visibility="hidden";
  1665. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  1666. heart.style.color=colours[i%colours.length];
  1667. heart.style.pointerEvents="none";
  1668. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  1669. else heart.style.opacity=0.75;
  1670. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  1671. document.body.appendChild(heart);
  1672. herz[i]=heart;
  1673. herzy[i]=false;
  1674. }
  1675. set_scroll();
  1676. set_width();
  1677. herzle();
  1678. }}
  1679.  
  1680. function herzle() {
  1681. var c;
  1682. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  1683. ox=x;
  1684. oy=y;
  1685. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  1686. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  1687. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  1688. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  1689. herz[c].style.fontSize=minisize+"px";
  1690. herz[c].style.fontWeight='normal';
  1691. herz[c].style.visibility='visible';
  1692. herzs[c]=minisize;
  1693. break;
  1694. }
  1695. }
  1696. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  1697. setTimeout("herzle()", 40);
  1698. }
  1699.  
  1700. document.onmousedown=pucker;
  1701. document.onmouseup=function(){clearTimeout(kiss);};
  1702.  
  1703. function pucker() {
  1704. ox=-1;
  1705. oy=-1;
  1706. kiss=setTimeout('pucker()', 100);
  1707. }
  1708.  
  1709. function blow_me_a_kiss(i) {
  1710. herzy[i]-=herzs[i]/minisize+i%2;
  1711. herzx[i]+=(i%5-2)/5;
  1712. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  1713. herz[i].style.visibility="hidden";
  1714. herzy[i]=false;
  1715. }
  1716. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  1717. else {
  1718. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  1719. herz[i].style.top=herzy[i]+"px";
  1720. herz[i].style.left=herzx[i]+"px";
  1721. }
  1722. }
  1723.  
  1724. function break_my_heart(i) {
  1725. var t;
  1726. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  1727. herz[i].style.fontWeight='bold';
  1728. herzy[i]=false;
  1729. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  1730. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  1731. }
  1732.  
  1733. document.onmousemove=mouse;
  1734. function mouse(e) {
  1735. if (e) {
  1736. y=e.pageY;
  1737. x=e.pageX;
  1738. }
  1739. else {
  1740. set_scroll();
  1741. y=event.y+sdown;
  1742. x=event.x+sleft;
  1743. }
  1744. }
  1745.  
  1746. window.onresize=set_width;
  1747. function set_width() {
  1748. var sw_min=999999;
  1749. var sh_min=999999;
  1750. if (document.documentElement && document.documentElement.clientWidth) {
  1751. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  1752. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  1753. }
  1754. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  1755. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  1756. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  1757. }
  1758. if (document.body.clientWidth) {
  1759. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  1760. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  1761. }
  1762. if (sw_min==999999 || sh_min==999999) {
  1763. sw_min=800;
  1764. sh_min=600;
  1765. }
  1766. swide=sw_min;
  1767. shigh=sh_min;
  1768. }
  1769.  
  1770. window.onscroll=set_scroll;
  1771. function set_scroll() {
  1772. if (typeof(self.pageYOffset)=='number') {
  1773. sdown=self.pageYOffset;
  1774. sleft=self.pageXOffset;
  1775. }
  1776. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  1777. sdown=document.body.scrollTop;
  1778. sleft=document.body.scrollLeft;
  1779. }
  1780. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  1781. sleft=document.documentElement.scrollLeft;
  1782. sdown=document.documentElement.scrollTop;
  1783. }
  1784. else {
  1785. sdown=0;
  1786. sleft=0;
  1787. }
  1788. }
  1789.  
  1790. function createDiv(height, width) {
  1791. var div=document.createElement("div");
  1792. div.style.position="absolute";
  1793. div.style.height=height;
  1794. div.style.width=width;
  1795. div.style.overflow="hidden";
  1796. div.style.backgroundColor="transparent";
  1797. return (div);
  1798. }
  1799. // ]]>
  1800. </script>
  1801.  
  1802. <style> body, a, a:hover { cursor:url(https://66.media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png), auto }</style>
  1803.  
  1804. </body>
  1805. </div><!--nudge-->
  1806.  
  1807. <img id="c0rner" src="{image:corner image}">
  1808. </div><!--cont-->
  1809.  
  1810. </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!