API tools faq
paste
raingurl

latata free ⇢ day ver.

raingurl
Apr 20th, 2024
85
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.78 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2.  
  3. made by salemcer
  4.  
  5. ⇢ DO NOT remove the credit
  6. ⇢ you can change anything you want for your personal use, but remember, this is NOT a base code so don't make it available to anyone (free or not)!
  7. ⇢ feel free to ask me if you have problems with the code, i will help u
  8. ⇢ please, do not use any parts of this code without permission. i had a lot of difficulty and needed to see a lot of tutorials to update myself and i know you can do the same without stealing my codes.
  9.  
  10. -->
  11.  
  12. <html>
  13.  
  14. <head>
  15.  
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <script src="//pull.cappuccicons.com/cpf.js"></script>
  24.  
  25.  
  26. <meta name="color:background" content="#ededed"/>
  27. <meta name="color:sidebar" content="#f1f1f1"/>
  28. <meta name="color:container" content="#ffffff"/>
  29. <meta name="color:posts" content="#ededed"/>
  30. <meta name="color:accent1" content="#ededed"/>
  31. <meta name="color:accent2" content="#ededed"/>
  32. <meta name="color:accent3" content="#ededed"/>
  33. <meta name="color:gradient1" content="#ededed"/>
  34. <meta name="color:gradient2" content="#ededed"/>
  35. <meta name="color:title" content="#ededed"/>
  36. <meta name="color:subtitle" content="#ededed"/>
  37. <meta name="color:links" content="#000000"/>
  38. <meta name="color:navlinks" content="#ffffff"/>
  39. <meta name="color:text" content="#000000"/>
  40. <meta name="color:bold" content="#ffffff"/>
  41. <meta name="color:mborder" content="#ffffff"/>
  42. <meta name="color:shadow" content="#ffffff"/>
  43.  
  44. <meta name="image:background" content=""/>
  45. <meta name="image:posts" content=""/>
  46. <meta name="image:sidebar" content="https://placehold.it/310x585"/>
  47. <meta name="image:png" content="https://placehold.it/250x420"/>
  48.  
  49. <meta name="text:title" content="evrday latata *"/>
  50. <meta name="text:subtitle" content="my eyes go left right, i can't stop"/>
  51. <meta name="text:sidebarbg" content="don’t be lazy, hurry up baby there’s not enough time, this is still basic drink deeper"/>
  52.  
  53. <meta name="text:yourtumblr" content=""/>
  54. <meta name="text:linku1" content="/"/>
  55. <meta name="text:link1" content="link1"/>
  56. <meta name="text:linku2" content="/"/>
  57. <meta name="text:link2" content="link2"/>
  58.  
  59. <script type="text/javascript"
  60. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  61. <script type="text/javascript"
  62. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. @font-face{font-family:marmellata jam; src: url(https://static.tumblr.com/9wzbixa/mf3mj3kzl/marmellata_jam__demo.ttf);}
  68.  
  69. @font-face{font-family:edosz;src:url(https://static.tumblr.com/9wzbixa/yRZmj2htw/edosz.ttf);}
  70.  
  71. @font-face {font-family:bebas neue;src:url(https://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  72.  
  73. body {
  74. background: {color:background};
  75. font-family: courier new;
  76. font-size: 11px;
  77. background-repeat: repeat;
  78. color: {color:text};
  79. text-transform: lowercase;
  80. }
  81.  
  82. a { text-decoration: none; color: {color:links}; font-weight: bold;}
  83.  
  84. a:hover { color: {color:accent2}; transition: 0.35s ease-in-out; }
  85.  
  86. [data-title]:hover:after {
  87. opacity: 1;
  88. transition: 0.35s ease-in-out;
  89. visibility: visible;
  90. }
  91.  
  92. [data-title]:after {
  93. content: attr(data-title);
  94. background-color: {color:accent2};
  95. color: {color:text};
  96. width: auto;
  97. height: 10px;
  98. font-size: 9px;
  99. position: absolute;
  100. padding: 5px;
  101. bottom: -1.6em;
  102. left: 0px;
  103. top: -25px;
  104. white-space: nowrap;
  105. opacity: 0;
  106. z-index: 99999;
  107. visibility: hidden;
  108. transition: 0.35s ease-in-out;
  109. }
  110.  
  111. [data-title] {
  112. position: relative;
  113. }
  114.  
  115. [credit-title]:hover:after {
  116. opacity: 1;
  117. transition: 0.35s ease-in-out;
  118. visibility: visible;
  119. }
  120.  
  121. [credit-title]:after {
  122. content: attr(credit-title);
  123. background-color: {color:accent2};
  124. color: {color:text};
  125. width: auto;
  126. height: 10px;
  127. font-size: 9px;
  128. position: absolute;
  129. padding: 5px;
  130. bottom: -1.6em;
  131. left: -110px;
  132. top: -3px;
  133. white-space: nowrap;
  134. opacity: 0;
  135. z-index: 99999;
  136. visibility: hidden;
  137. transition: 0.35s ease-in-out;
  138. }
  139.  
  140. [credit-title] {
  141. position: relative;
  142. }
  143.  
  144. b, strong { color: {color:bold}; font-weight: bold; font-size: 12px;}
  145.  
  146. i, italic, em { color: {color:italic}; }
  147.  
  148. u, underline { color: {color:text}; }
  149.  
  150. stroke { color: {color:text}; font-weight: bold; }
  151.  
  152. h1 { color: {color:bold}; font-size: 25px; font-weight: bold; margin-left: 10px; font-family: 'marmellata jam'; border-left: 1px solid {color:bold}; padding-left: 15px; margin-top: -2px; letter-spacing: 2px;}
  153.  
  154. h2 { color: {color:bold}; font-size: 20px; font-weight: bold; font-family: 'marmellata jam';}
  155.  
  156. h3 { font-size: 12px; text-align: right; font-family: 'bebas neue'; border-top: 1px solid {color:accent3}; padding-top: 15px;}
  157.  
  158. blockquote {
  159. padding: 0px 5px 0px 10px;
  160. margin: 10px 3px 8px;
  161. border-left:1px solid {color:bold};
  162. }
  163.  
  164. blockquote img {
  165. max-width:100%;
  166. height:auto;
  167. }
  168.  
  169. img {
  170. max-width: 100%;
  171. }
  172.  
  173. li {
  174. margin-bottom: 8px;
  175. text-align: left;
  176. list-style-type: circle;
  177. }
  178.  
  179. ::-webkit-scrollbar {
  180. display:none;
  181. }
  182.  
  183. /* sidebar */
  184.  
  185. #sidebar {
  186. background-image: url({image:posts});
  187. background: {color:sidebar};
  188. width:820px;
  189. height:585px;
  190. left:19%;
  191. top:20px;
  192. position:fixed;
  193. }
  194.  
  195. .bottom {
  196. background: #a3a5aa;
  197. width:710px;
  198. height:300px;
  199. left:0;
  200. top:248px;
  201. position:absolute;
  202. z-index: auto;
  203. }
  204.  
  205. .avatar {
  206. width: 250px;
  207. height: 420px;
  208. position: absolute;
  209. left: 100px;
  210. top: 165px;
  211. z-index: 1;
  212. }
  213.  
  214. .latata {
  215. width: 100px;
  216. height: 110px;
  217. position: absolute;
  218. left:120px;
  219. top: 225px;
  220. z-index: 0;
  221. background: url('https://i.imgur.com/vuRaUgI.png');
  222. -webkit-box-shadow: -7px -7px 0px 0px rgba({RGBcolor:shadow});
  223. -moz-box-shadow: -7px -7px 0px 0px rgba({RGBcolor:shadow});
  224. box-shadow: -7px -7px 0px 0px rgba({RGBcolor:shadow});
  225. }
  226.  
  227. .senorita {
  228. background: {color:accent2};
  229. width: 3px;
  230. height: 550px;
  231. position: absolute;
  232. left:300px;
  233. top: 0px;
  234. }
  235.  
  236. .maybe {
  237. background: {color:navlinks};
  238. width: 1px;
  239. height: 405px;
  240. position: absolute;
  241. left:340px;
  242. top: 180px;
  243. z-index: 0;
  244. }
  245.  
  246. .title {
  247. width: 300px;
  248. height: auto;
  249. padding: 10px;
  250. margin-left: 0px;
  251. margin-top: 510px;
  252. background: transparent;
  253. text-align: left;
  254. font-size: 40px;
  255. font-family: 'marmellata jam';
  256. color: {color:title};
  257. z-index: 4;
  258. position: absolute;
  259. }
  260.  
  261. .subtitle {
  262. width: 200px;
  263. height: auto;
  264. padding: 5px;
  265. top: 555px;
  266. margin-left: 140px;
  267. position: relative;
  268. background: transparent;
  269. font-size: 14px;
  270. display:block;
  271. color: {color:subtitle};
  272. font-family: 'bebas neue';
  273. z-index: 2;
  274. line-height: 120%;
  275. text-align: justify;
  276. font-weight: 500;
  277. }
  278.  
  279. .desc {
  280. width: 120px;
  281. height: auto;
  282. padding: 10px;
  283. top: 200px;
  284. margin-left: 2px;
  285. position: relative;
  286. background: transparent;
  287. text-align: justify;
  288. }
  289.  
  290.  
  291. .top {
  292. width: 310px;
  293. height: 480px;
  294. position: absolute;
  295. left: 0px;
  296. top: 50px;
  297. background: {color:sidebar};
  298. z-index: -1;
  299. }
  300.  
  301. .bgtext {
  302. width: 290px;
  303. height: 450px;
  304. top: -5px;
  305. color: {color:accent1};
  306. text-align: justify;
  307. text-transform: uppercase;
  308. padding: 10px;
  309. font-family: 'edosz';
  310. font-size: 50px;
  311. position: absolute;
  312. opacity: 0.6;
  313. z-index: -1;
  314. overflow: scroll;
  315. }
  316.  
  317. .bgtext a {height: 100px;}
  318.  
  319. .dumdi {
  320. width: 310px;
  321. height: 585px;
  322. position: absolute;
  323. left: 0px;
  324. top: 0px;
  325. background-image: url({image:sidebar});
  326. z-index: -1;
  327. }
  328.  
  329. @keyframes float {
  330. 0% { transform: translatey(0px); }
  331. 50% { transform: translatey(-20px); }
  332. 100% { transform: translatey(0px); }
  333. }
  334.  
  335. .eunha {
  336. background: transparent;
  337. width: 20px;
  338. height: 20px;
  339. top: 30px;
  340. left: 320px;
  341. padding: 10px;
  342. position: absolute;
  343. color: {color:navlinks};
  344. }
  345.  
  346. .eunha a {color: {color:navlinks}; font-size: 20px; font-family: arial;}
  347.  
  348. .sinb {
  349. background: transparent;
  350. width: auto;
  351. height: auto;
  352. top: 65px;
  353. left: 320px;
  354. padding: 10px;
  355. position: absolute;
  356. }
  357.  
  358. .sinb a {color: {color:navlinks}; font-size: 20px;}
  359.  
  360. .sowon {
  361. background: transparent;
  362. width: auto;
  363. height: auto;
  364. top: 100px;
  365. left: 320px;
  366. padding: 10px;
  367. position: absolute;
  368. }
  369.  
  370. .sowon a {color: {color:navlinks}; font-size: 20px;}
  371.  
  372. .umji {
  373. background: transparent;
  374. width: auto;
  375. height: auto;
  376. top: 135px;
  377. left: 320px;
  378. padding: 10px;
  379. position: absolute;
  380. }
  381.  
  382. .umji a {color: {color:navlinks}; font-size: 20px;}
  383.  
  384.  
  385. .pagi {
  386. background: transparent;
  387. width:400px;
  388. height:auto;
  389. left:22%;
  390. top:20px;
  391. position: relative;
  392. text-align: center;
  393. padding: 10px;
  394. }
  395.  
  396. .pagi a {
  397. text-decoration:none;
  398. font-size: 9px;
  399. color: {color:bold};
  400. }
  401.  
  402. .pagi a:hover {
  403. color: {color:accent2};
  404. }
  405.  
  406.  
  407. /* posts */
  408.  
  409. #container {
  410. background: transparent;
  411. width: auto;
  412. height: 565px;
  413. left: 47%;
  414. top: 20px;
  415. position: absolute;
  416. overflow: scroll;
  417. }
  418.  
  419. .posts {
  420. background: {color:posts};
  421. width: 400px;
  422. padding: 15px;
  423. margin-bottom: 20px;
  424. border-radius: 0px 0px 10px 10px;
  425. }
  426.  
  427. .perma {
  428. background: {color:gradient1};
  429. text-align: right;
  430. padding: 10px;
  431. margin-top: 20px;
  432. border-radius: 10px 10px 0px 0px;
  433. background-image: linear-gradient(-90deg, rgba({RGBcolor:gradient1},1) 50%, rgba({RGBcolor:gradient2},1) 90%);
  434. }
  435.  
  436. .perma a {
  437. text-decoration:none;
  438. font-size: 9px;
  439. color: {color:text};
  440. }
  441.  
  442. .perma a:hover {
  443. color:{color:accent2};
  444. }
  445.  
  446. .tags {
  447. margin-top: 20px;
  448. text-align: center;
  449. padding: 10px;
  450. border-top: 1px solid {color:accent2};
  451. }
  452.  
  453. .tags a {
  454. text-decoration:none;
  455. font-size: 9px;
  456. text-transform:lowercase;
  457. color:{color:navlinks};
  458. }
  459.  
  460. .tags a:hover {
  461. color: {color:accent3};
  462. }
  463.  
  464. /* photoset etc */
  465.  
  466. .pset {
  467. width: auto;
  468. background: transparent;
  469. padding-top: 10px;
  470. margin-left: 5px;
  471. }
  472.  
  473. /* chat */
  474.  
  475. .chatchat {
  476. display: inline-block;
  477.  
  478. }
  479.  
  480. .chatchat b { font-size: 12px; font-weight: bold; font-family: 'bebas neue'; padding: 0px 3px 0px 3px; }
  481.  
  482. .chatchat li {
  483. text-align: left;
  484. list-style-type: none;
  485. background: {color:accent2};
  486. padding: 5px 10px 10px;
  487. border-radius: 10px;
  488. -webkit-box-shadow: -3px -3px 0px 0px rgba({RGBcolor:shadow});
  489. -moz-box-shadow: -3px -3px 0px 0px rgba({RGBcolor:shadow});
  490. box-shadow: -3px -3px 0px 0px rgba({RGBcolor:shadow});
  491.  
  492. }
  493.  
  494. /* links */
  495.  
  496. .blebs { text-align: left; }
  497.  
  498. .blebs b { font-size: 20px; font-weight: bold; font-family: 'bebas neue'; padding: 0px 3px 0px 3px; color: {color:links};}
  499.  
  500. /* quotes */
  501.  
  502. .quotes { padding: 0px; }
  503.  
  504. .quotes b { font-size: 20px; font-weight: bold; font-family: 'bebas neue'; padding: 0px 3px 0px 3px; text-align: left;}
  505.  
  506. /* audios */
  507.  
  508. .audio { padding: 0px; opacity: 0.5; transition: opacity .20s ease-in-out;}
  509.  
  510. .audio:hover {transition: opacity .20s ease-in-out; opacity: 0.9;}
  511.  
  512. /* asks */
  513.  
  514. .askboxx {padding: 0px 3px 0px 3px;}
  515.  
  516. .asker {
  517. height: auto;
  518. padding: 0px 0px;
  519. margin-left: 0px;
  520. display: inline-block;
  521. font-family: 'bebas neue';
  522. font-size: 27px;
  523. }
  524.  
  525. .asker b {
  526. font-family: 'bebas neue';
  527. font-size: 27px;
  528. }
  529.  
  530. .question {
  531. width: 335px;
  532. height: auto;
  533. text-align: justify;
  534. margin-left: 10px;
  535. padding: 10px 15px;
  536. border-radius: 15px;
  537. background-color: {color:accent2};
  538. display: inline-block;
  539.  
  540. }
  541.  
  542. .asker2 {
  543. width: auto;
  544. padding: 0px 0px;
  545. margin-bottom: 10px;
  546. margin-top: 7px;
  547. text-align: center;
  548. font-size: 9px;
  549. }
  550.  
  551. .asker2 a {font-size: 9px;}
  552.  
  553. .answer {
  554. border-top: 1px solid {color:accent3};
  555. width: auto;
  556. background: transparent;
  557. padding: 5px 5px 0px 5px;
  558. }
  559.  
  560. /* credits. do not touch here!!!!! */
  561.  
  562. .credit {
  563. background: transparent;
  564. color: {color:links};
  565. width: 20px;
  566. height: 20px;
  567. padding: 10px;
  568. left: 96%;
  569. top: 580px;
  570. text-align: center;
  571. font-size: 15px;
  572. position: fixed;
  573. }
  574.  
  575. </style>
  576.  
  577. <body>
  578.  
  579. <div class="credit"><a href="https://salemcer.tumblr.com" credit-title="theme by salemcer"><i class="cp cp-peach"></i></a></div>
  580.  
  581. <div id="sidebar">
  582.  
  583. <div class="title">{text:title}</div>
  584.  
  585. <div class="subtitle">{text:subtitle}</div>
  586.  
  587. <div class="avatar"><img src="{image:png}"></div>
  588.  
  589. <div class="latata"></div>
  590.  
  591. <div class="senorita"></div>
  592.  
  593. <div class="maybe"></div>
  594.  
  595. <div class="top"></div>
  596.  
  597. <div class="dumdi"></div>
  598.  
  599. <div class="bgtext">{text:sidebarbg}</div>
  600.  
  601. <div class="eunha"><a href="/"><i class="cp cp-moon-o" data-title="index"></i></a></div>
  602. <div class="sinb"><a href="/ask" data-title="message"><i class="cp cp-planet-1-o"></i></a></div>
  603. <div class="sowon"><a href="{text:linku1}" data-title="{text:link1}"><i class="cp cp-planet-2-o"></i></a></div>
  604. <div class="umji"><a href="{text:linku2}" data-title="{text:link2}"><i class="cp cp-shooting-star-o"></i></a></div>
  605.  
  606. </div>
  607.  
  608. <div id="container">
  609.  
  610. {block:Posts}
  611.  
  612. <div class="perma"><a href="{Permalink}" data-title="permalink">{DayOfMonthWithZero} {MonthNumberWithZero} {ShortYear} </a>
  613.  
  614.  
  615. <span style="margin-left: 5px; margin-right: 5px;">♡</span>
  616.  
  617.  
  618. {block:NoteCount}<a href="{ReblogURL}" data-title="reblog">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  619.  
  620. <div class="posts">
  621.  
  622. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  623.  
  624. {block:Photo}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/><p>{block:Caption}<div class="pset">{Caption}</div>{/block:Caption}</p>{/block:Photo}
  625.  
  626. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/><br>{LinkCloseTag}{block:Caption}<div class="pset">{Caption}</div>{/block:Caption}{/block:Panorama}
  627.  
  628. {block:Photoset}{Photoset-400}{block:Caption}<div class="pset">{Caption}</div>{/block:Caption}{/block:Photoset}
  629.  
  630. {block:Quote}<div class="blebs"><b><i>" {Quote} "</i></b>{block:Source}<br><h3>— {Source}</h3>{/block:Source}</div>{/block:Quote}
  631.  
  632. {block:Link}<div class="blebs"><a href="{URL}" class="link" {Target}><b>{Name}</b></a>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  633.  
  634. {block:Chat}<div class="chatchat">{block:Title}{Title}</a>{/block:Title}
  635. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</div>{/block:Chat}
  636.  
  637. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  638.  
  639. {block:Audio}<div class="audio">{AudioEmbed-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  640.  
  641. {block:Answer}
  642. <div class="askboxx">
  643. <div style="width:auto;"><div class="asker"><b>Q</b></div> <div class="question">{Question}</div></div>
  644. <div class="asker2">{Asker}</div>
  645. <div class="answer">{Answer}</div>
  646. </div>
  647.  
  648.  
  649. {/block:Answer}
  650.  
  651. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"> # {Tag} </a>{/block:Tags}</div>{/block:HasTags}
  652.  
  653. </div>
  654. {/block:Posts}
  655.  
  656. <div class=“pagi”><h2 style="text-align:center;">{block:PreviousPage}<a href='{PreviousPage}'>prev</a>{/block:PreviousPage} {block:NextPage}<a href='{NextPage}'>next</a></h2>
  657. </div>
  658.  
  659. </div>
  660.  
  661. </body>
  662.  
  663. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!