API tools faq
paste
alicescreed

004 - you and me

alicescreed
Dec 7th, 2023
379
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}</title>
  7.  
  8. <!--004 YOU AND ME blog theme by anahilation
  9. please don't redistribute or claim as your own!
  10. editing for personal use is okay.
  11. enjoy <3
  12. -->
  13.  
  14. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />
  18.  
  19. {/block:Description}
  20.  
  21. <meta name="image:sidebar" content="">
  22. <meta name="image:icon" content="">
  23.  
  24. <meta name="color:background" content="#1a1a1a">
  25. <meta name="color:text" content="#d4d0d0">
  26. <meta name="color:gradient one" content="#940c24">
  27. <meta name="color:gradient two" content="#121212">
  28. <meta name="color:bold" content="#ffffff">
  29. <meta name="color:italic" content="#ffffff">
  30. <meta name="color:container" content="#0c0c0c">
  31. <meta name="color:links" content="#ffffff">
  32. <meta name="color:blog title" content="#ffffff">
  33. <meta name="color:posts" content="#ac0c29">
  34. <meta name="color:post info" content="#ffffff">
  35.  
  36. <meta name="text:link 1 url" content="URL">
  37. <meta name="text:link 1 title" content="link one title">
  38. <meta name="text:link 2 url" content="URL">
  39. <meta name="text:link 2 title" content="link two title">
  40. <meta name="text:link 3 url" content="URL">
  41. <meta name="text:link 3 title" content="link three title">
  42.  
  43. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:200,
  51. tip_fade_speed:300
  52. }
  53. );
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&family=Lemon&family=Yeseva+One&display=swap');
  62.  
  63. .tmblr-iframe {
  64. white-space:nowrap;
  65. -webkit-filter: invert(100%);
  66. -moz-filter: invert(100%);
  67. -o-filter: invert(100%);
  68. -ms-filter: invert(100%);
  69. filter: invert(100%);
  70. opacity:.2;
  71. transition: 0.6s ease-in-out;
  72. -webkit-transition: 0.6s ease-in-out;
  73. -moz-transition: 0.6s ease-in-out;
  74. -o-transition: 0.6s ease-in-out;
  75. position:fixed!important;
  76. right:-20px!important;
  77. transform:scale(0.7,0.7); }
  78.  
  79. .tmblr-iframe:hover {
  80. opacity:1;
  81.  
  82. }
  83.  
  84. body {
  85. font-family: 'ibm plex sans', sans-serif;
  86. color: {color:text};
  87. background-color: {color:background};
  88. font-size: 9pt;
  89. letter-spacing: 1px;
  90. line-height: 14pt;
  91. font-style: normal;
  92. text-align: justify;
  93. }
  94.  
  95. small, sup, sub {
  96. font-size: 100%;
  97. }
  98.  
  99. a {
  100. text-decoration: none;
  101. color: {color:links};
  102. font-size: 14pt;
  103. line-height: 19pt;
  104. transition-duration: 0.6s;
  105. -moz-transition-duration: 0.6s;
  106. -webkit-transition-duration: 0.6s;
  107. -o-transition-duration: 0.6s;
  108. font-family: 'yeseva one', serif;
  109. letter-spacing: 1px;
  110. }
  111.  
  112. b, strong {
  113. font-size: 110%;
  114. color: {color:bold};
  115. }
  116.  
  117. i, em {
  118. font-size: 130%;
  119. color: {color:italic};
  120. font-family: 'yeseva one', serif;
  121. }
  122.  
  123. a:hover {
  124. text-decoration: none;
  125. filter:blur(1px);
  126. letter-spacing: 1px;
  127. color: {color:text};
  128. transition-duration: 0.6s;
  129. -moz-transition-duration: 0.6s;
  130. -webkit-transition-duration: 0.6s;
  131. -o-transition-duration: 0.6s;
  132. font-family: 'yeseva one', serif;
  133. }
  134.  
  135. blockquote {
  136. background-color: {color:gradient one};
  137. color: {color:text};
  138. padding: 20px;
  139. font-size: 95%
  140. }
  141.  
  142. blockquote img {
  143. max-width: 100%;
  144. display: block;
  145. height: auto;
  146. }
  147.  
  148. blockquote blockquote {
  149. background-color: {color:container};
  150. color: {color:text};
  151. padding: 20px;
  152. font-size: 95%
  153. }
  154. }
  155.  
  156. img {
  157. max-width: 100%;
  158. display: block;
  159. height: auto;
  160. }
  161.  
  162. #post {
  163. width: 400px;
  164. margin-bottom: 100px;
  165. }
  166.  
  167. #posts {
  168. position: absolute;
  169. overflow: auto;
  170. margin-top: 25px;
  171. margin-left: 100px;
  172. height: 540px;
  173. padding: 20px;
  174. border-radius: 10px;
  175. background-color: {color:posts};
  176. }
  177.  
  178. #ask {
  179. background: {color:gradient one};
  180. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  181. text-align: center;
  182. background-position: top center;
  183. color: {color:post info};
  184. height: auto;
  185. padding: 10px 10px 5px 10px;
  186. border-radius: 10px;
  187. }
  188.  
  189. #ask a {
  190. font-size: 16pt;
  191. color: {color:post info};
  192. font-family: 'yeseva one', serif;
  193. }
  194.  
  195. #pa { margin-top: 25px;
  196. text-align: center;
  197. width: 100px;
  198. margin-left: -25px;
  199. }
  200.  
  201. #pa a {
  202. color: {color:text};
  203. font-family: 'yeseva one', serif;
  204. text-transform: uppercase;
  205. font-size: 13pt;
  206. }
  207.  
  208. #audio {
  209. text-align: center;
  210. font-size: 8pt;
  211. line-height: 9pt;
  212. }
  213.  
  214. #musicinfo {
  215. text-transform: uppercase;
  216. margin-top:10px;
  217. }
  218.  
  219.  
  220. ol.notes {
  221. text-align: left;
  222. list-style: upper-roman;
  223. padding: 10px;
  224. }
  225.  
  226. #credit {
  227. right:10px;
  228. bottom:7px;
  229. padding:5px;
  230. font-size:10px;
  231. position:fixed;
  232. text-align: center;
  233. font-style: italic;
  234. letter-spacing: 1px;
  235.  
  236. padding: 5px;
  237. background-color: {color:container};
  238. font-size: 120%;
  239. margin-bottom: 5px;
  240. transition-duration: 0.6s;
  241. -moz-transition-duration: 0.6s;
  242. -webkit-transition-duration: 0.6s;
  243. -o-transition-duration: 0.6s;
  244. }
  245.  
  246. #credit a {
  247. color: {color:gradient one};
  248. }
  249.  
  250.  
  251. #s-m-t-tooltip{
  252. position: absolute;
  253. z-index: 999999999999999999999999999999999999999999999999999999999999;
  254. margin-top: 10px;
  255. margin-left: 5px;
  256. display: block;
  257. background: {color:gradient one};
  258. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  259. text-align: center;
  260. font-family: 'ibm plex sans', sans serif;
  261. letter-spacing: 1px;
  262.  
  263. padding: 10px;
  264. font-size: 12pt;
  265. color: {color:post info};
  266. margin-bottom: 5px;
  267. }
  268.  
  269. ::-webkit-scrollbar-thumb:vertical {
  270. background-color: transparent;
  271. height:auto;
  272. }
  273.  
  274. ::-webkit-scrollbar-thumb:horizontal {
  275. background-color: transparent;
  276. height:2px;
  277. }
  278.  
  279. ::-webkit-scrollbar {
  280. height:3px;
  281. width:3px;
  282. background-color: transparent;
  283. }
  284.  
  285. #pa {
  286. margin-top:20px;
  287. }
  288.  
  289. #info {
  290. text-align: center;
  291. margin-top: 10px;
  292.  
  293. padding: 10px;
  294. width: 380px;
  295. height: auto;
  296. background: {color:gradient one};
  297. border-radius: 10px;
  298. background: linear-gradient(142deg, {color:gradient one} 0%, {color:gradient two} 100%);
  299. }
  300.  
  301. #info a {
  302. color: {color:post info};
  303. margin-right: 5px;
  304. }
  305.  
  306. #info span {
  307. font-size: 12pt;
  308. }
  309.  
  310. #tags {
  311. }
  312.  
  313. #tags a {
  314. font-family: 'ibm plex sans', sans serif;
  315. font-size: 8pt;
  316. line-height: 9pt;
  317. color: {color:post info};
  318. }
  319.  
  320. #h1 {
  321. font-size: 22pt;
  322. margin-bottom: 5px;
  323. text-align: center;
  324. letter-spacing: -1px;
  325. line-height: 20pt;
  326. font-family: 'yeseva one', serif;
  327. }
  328.  
  329. #notes {
  330. margin-top: -20px;
  331. width: 400px;
  332. }
  333.  
  334. #notes img {
  335. display:none;
  336. }
  337.  
  338. #notes a {
  339. font-weight:bold;
  340. }
  341.  
  342. #notes ol {
  343. list-style-type:none;
  344. margin:0px;
  345. padding:0px;
  346. }
  347.  
  348. #notes ol li {
  349. margin:5px;
  350. line-height:20px;
  351. }
  352.  
  353. #side {
  354. height: 400px;
  355. width: 300px;
  356. margin-left:575px;
  357. position: fixed;
  358. margin-top: 120px;
  359. }
  360.  
  361. #sidebar {
  362. }
  363.  
  364. #sidebar img {
  365. border-radius: 10px;
  366. border: 10px solid {color:posts};
  367. }
  368.  
  369. #desc {
  370. margin-top: 10px;
  371. width: 170px;
  372. text-align: center;
  373. height: 40px;
  374. overflow: auto;
  375. padding-right: 3px;
  376. }
  377.  
  378. #icon {
  379. position: fixed;
  380. width: 50px;
  381. height: 50px;
  382. position: fixed;
  383. border-radius: 10px;
  384. border: 10px solid {color:posts};
  385. margin-left: 200px;
  386. margin-top: -35px;
  387. }
  388.  
  389. #icon img {
  390. width: 50px;
  391. }
  392.  
  393. #title {
  394. font-size: 20pt;
  395. line-height: 14pt;
  396. margin-top: 5px;
  397. margin-left: 10px;
  398. position: fixed;
  399. width: 160px;
  400. text-align: justify;
  401. letter-spacing: -1px
  402. color: {color:blog title};
  403. }
  404.  
  405. #title a {
  406. font-size: 20pt;
  407. line-height: 14pt;
  408. color: {color:blog title};
  409. }
  410.  
  411. #nav {
  412. width: 20px;
  413. position: fixed;
  414. margin-left: 300px;
  415. margin-top: 20px;
  416. }
  417.  
  418. #nav span {
  419. line-height:18pt;
  420. font-size: 14pt;
  421. }
  422.  
  423. #container {
  424. width: 900px;
  425. position: fixed;
  426. height: 610px;
  427. background-color: {color:container};
  428. border-radius: 10px;
  429. margin-left: 40px;
  430. margin-top: 10px;
  431. }
  432.  
  433. h1, h2 {
  434. font-family: 'yeseva one';
  435. font-weight: normal;
  436. letter-spacing: -1px;
  437. }
  438.  
  439. #anchor {
  440. position: float;
  441. margin: auto;
  442. width: 1000px;
  443. }
  444.  
  445. </style>
  446.  
  447. </head>
  448.  
  449. <body>
  450.  
  451. <div id="anchor">
  452.  
  453. <div id="container"></div>
  454.  
  455. <div id="side">
  456.  
  457. <div id="nav">
  458. <a href="/" title="home"><span class="material-symbols-outlined">cottage</span></a>
  459. <a href="/ask" title="message"><span class="material-symbols-outlined">drafts</span></a>
  460. <a href="/archive" title="archive"><span class="material-symbols-outlined">inventory_2</span></a>
  461. <a href="{text:link 1 url}" title="{text:link 1 title}"><span class="material-symbols-outlined">favorite</span></a>
  462. <a href="{text:link 2 url}" title="{text:link 2 title}"><span class="material-symbols-outlined">spa</span></a>
  463. <a href="{text:link 3 url}" title="{text:link 3 title}"><span class="material-symbols-outlined">event_list</span></a>
  464. </div>
  465.  
  466. <div id="sidebar">
  467.  
  468. <img src="{image:sidebar}">
  469.  
  470. <div id="desc">{Description}</div>
  471.  
  472. </div>
  473.  
  474. <div id="icon">
  475. <img src="{image:icon}">
  476. <div id="pa">{block:Pagination}
  477. {block:PreviousPage}
  478. <a href="{PreviousPage}"><span class="material-symbols-outlined">navigate_before</span></a>
  479. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><span class="material-symbols-outlined">navigate_next</span></a>
  480. {/block:NextPage}
  481. {/block:Pagination}</div>
  482. </div>
  483.  
  484. <div id="title"><a href="/">{title}</a></div>
  485.  
  486.  
  487. </div>
  488.  
  489.  
  490. <div id="posts">
  491.  
  492.  
  493. {block:Posts}<div id="post">
  494.  
  495.  
  496.  
  497. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  498.  
  499. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  500.  
  501. {Caption} {/block:Caption}{/block:Photo}
  502.  
  503. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}
  504.  
  505. {/block:Photoset}
  506.  
  507. {block:Quote}<b style="text-align: center; font-size: 18pt; line-height: 20pt;">{Quote}</b>{block:Source}<div style="text-align:center;">—{Source}</div>{/block:Source}{/block:Quote}
  508.  
  509. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  510.  
  511. {Description}{/block:Description}{/block:Link}
  512.  
  513. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  514.  
  515. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  516.  
  517. {block:Audio}
  518. <div id="audio">
  519. {block:TrackName}
  520. <div id="musicinfo" style="margin-top: 5px;">
  521. {AudioPlayerGrey} <br>
  522. {TrackName} by
  523. {/block:TrackName}
  524. {block:Artist}
  525. {Artist}
  526. {/block:Artist}
  527.  
  528. </div>
  529. </div>
  530. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  531. {/block:Audio}
  532.  
  533.  
  534. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  535.  
  536. {block:Answer}
  537. <div id="ask">
  538. {Asker} asked:<br>
  539. <div style="margin-top: -10px;">{Question}</div>
  540. </div>
  541. {Answer}{/block:Answer}
  542.  
  543. <div id="info">
  544. <a title="{TimeAgo}" title="{TimeAgo}"><span class="material-symbols-outlined">schedule</span></a> <a href="{Permalink}" title="{NoteCount} notes"><span class="material-symbols-outlined">
  545. loyalty</span></a> <a href="{ReblogURL}" title="reblog"><span class="material-symbols-outlined">
  546. restart_alt
  547. </span></a>
  548. <div id="tags">
  549. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  550. {/block:Tags}{/block:HasTags}
  551. </div>
  552. </div>
  553.  
  554.  
  555. </div>
  556. {block:PostNotes}
  557. <div id="notes">
  558. <Div style="width: 400px;">
  559.  
  560.  
  561. {PostNotes}</div>{/block:PostNotes}
  562. {/block:Posts}</div></div>
  563.  
  564. </div>
  565.  
  566. <div id="credit">
  567. <a href="https://anahilation.tumblr.com/" title="theme by ana"><span class="material-symbols-outlined">gesture</span></a>
  568. </div>
  569.  
  570.  
  571.  
  572.  
  573.  
  574. </body>
  575.  
  576.  
  577.  
  578. </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!