API tools faq
paste
alicescreed

005 - switch to me

alicescreed
Dec 13th, 2023 (edited)
505
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.23 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. <!--005 SWITCH TO 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,500,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.  
  23. <meta name="color:background" content="#f3f3f3">
  24. <meta name="color:text" content="#3e3e3e">
  25. <meta name="color:accent one" content="#9fea46">
  26. <meta name="color:accent two" content="#46a6ea">
  27. <meta name="color:hover link" content="#46a6ea">
  28. <meta name="color:container" content="#ffffff">
  29. <meta name="color:scrollbar" content="#46a6ea">
  30. <meta name="color:links" content="#707070">
  31. <meta name="color:blog title" content="#474747">
  32.  
  33. <meta name="text:link 1 url" content="URL">
  34. <meta name="text:link 1 title" content="link one title">
  35. <meta name="text:link 2 url" content="URL">
  36. <meta name="text:link 2 title" content="link two title">
  37. <meta name="text:link 3 url" content="URL">
  38. <meta name="text:link 3 title" content="link three title">
  39. <meta name="text:title top margin" content="120">
  40. <meta name="text:title left margin" content="-152">
  41. <meta name="text:custom title" content="switch to me">
  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=Agbalumo&family=Poppins&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: poppins, sans-serif;
  86. color: {color:text};
  87. background-color: {color:background};
  88. font-size: 9pt;
  89. letter-spacing: 0px;
  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. transition-duration: 0.6s;
  103. -moz-transition-duration: 0.6s;
  104. -webkit-transition-duration: 0.6s;
  105. -o-transition-duration: 0.6s;
  106. font-family: 'poppins', sans serif;
  107. letter-spacing: 1px;
  108. }
  109.  
  110. b, strong {
  111. font-size: 110%;
  112. color: {color:accent one};
  113. }
  114.  
  115. i {
  116. font-size: 110%;
  117. color: {color:accent two};
  118. }
  119.  
  120. a:hover {
  121. text-decoration: none;
  122. filter:blur(1px);
  123. letter-spacing: 1px;
  124. color: {color:hover link};
  125. transition-duration: 0.6s;
  126. -moz-transition-duration: 0.6s;
  127. -webkit-transition-duration: 0.6s;
  128. -o-transition-duration: 0.6s;
  129. font-family: 'poppins', sans serif;
  130. }
  131.  
  132. blockquote {
  133. background-color: {color:background};
  134. color: {color:text};
  135. padding: 20px;
  136. font-size: 95%
  137. }
  138.  
  139. blockquote img {
  140. max-width: 100%;
  141. display: block;
  142. height: auto;
  143. }
  144.  
  145. img {
  146. max-width: 100%;
  147. display: block;
  148. height: auto;
  149. }
  150.  
  151. #post {
  152. width: 500px;
  153. margin-bottom: 10px;
  154. box-shadow: 10px 10px 0px {color:accent one};
  155. padding: 20px;
  156. background-color: {color:container};
  157. border-radius: 20px;
  158. transition-duration: 0.6s;
  159. -moz-transition-duration: 0.6s;
  160. -webkit-transition-duration: 0.6s;
  161. -o-transition-duration: 0.6s;
  162. }
  163.  
  164. #post:hover {
  165. box-shadow: -10px 10px 0px {color:accent two};
  166. transition-duration: 0.6s;
  167. -moz-transition-duration: 0.6s;
  168. -webkit-transition-duration: 0.6s;
  169. -o-transition-duration: 0.6s;
  170. }
  171.  
  172. #posts {
  173. position: absolute;
  174. margin-top: 75px;
  175. margin-left: 550px;
  176. }
  177.  
  178. #ask {
  179. background: {color:accent one};
  180. text-align: center;
  181. background-position: top center;
  182. color: {color:container};
  183. height: auto;
  184. padding-top: 10px;
  185. padding-right: 10px;
  186. padding-left: 10px;
  187. padding-bottom: 5px;
  188. border-radius: 20px;
  189. margin-bottom: 10px;
  190. }
  191.  
  192. #ask a {
  193. font-family: 9pt;
  194. color: {color:container};
  195. font-family: poppins, sans serif;
  196. }
  197.  
  198.  
  199. #audio {
  200. text-align: center;
  201. font-size: 8pt;
  202. line-height: 9pt;
  203. }
  204.  
  205. #musicinfo {
  206. text-transform: uppercase;
  207. margin-top:10px;
  208. }
  209.  
  210.  
  211. ol.notes {
  212. text-align: left;
  213. list-style: upper-roman;
  214. padding: 10px;
  215. }
  216.  
  217. #credit {
  218. right:10px;
  219. bottom:7px;
  220. padding:5px;
  221. font-size:10px;
  222. position:fixed;
  223. text-align: center;
  224. font-style: italic;
  225. letter-spacing: 1px;
  226. box-shadow: 2px 3px 0px {color:accent two};
  227. padding: 5px;
  228. background-color: {color:container};
  229. font-size: 120%;
  230. margin-bottom: 5px;
  231. border-radius: 20px;
  232. transition-duration: 0.6s;
  233. -moz-transition-duration: 0.6s;
  234. -webkit-transition-duration: 0.6s;
  235. -o-transition-duration: 0.6s;
  236. }
  237.  
  238. #credit a {
  239. color: {color:accent one};
  240. }
  241.  
  242.  
  243. #s-m-t-tooltip{
  244. position: absolute;
  245. z-index: 999999999999999999999999999999999999999999999999999999999999;
  246. margin-top: 10px;
  247. margin-left: 5px;
  248. display: block;
  249. background: {color:accent one};
  250. text-align: center;
  251. font-family: poppins, sans serif;
  252. letter-spacing: 1px;
  253. border-radius: 10px;
  254. padding: 10px;
  255. font-size: 12pt;
  256. box-shadow: 3px 3px {color:accent two};
  257. color: {color:container};
  258. margin-bottom: 5px;
  259. }
  260.  
  261. ::-webkit-scrollbar-thumb:vertical {
  262. background-color: {color:scrollbar};
  263. height:auto;
  264. }
  265.  
  266. ::-webkit-scrollbar-thumb:horizontal {
  267. background-color: {color:scrollbar};
  268. height:2px;
  269. }
  270.  
  271. ::-webkit-scrollbar {
  272. height:3px;
  273. width:3px;
  274. background-color: transparent;
  275. }
  276.  
  277.  
  278. #info {
  279. text-align: center;
  280. margin-top: 10px;
  281. padding: 10px;
  282. width: 480px;
  283. height: auto;
  284. margin-bottom: 100px;
  285. }
  286.  
  287. #info a {
  288. color: {color:text};
  289. margin-right: 5px;
  290. }
  291.  
  292. #info span {
  293. font-size: 12pt;
  294. }
  295.  
  296. #tags {
  297. }
  298.  
  299. #tags a {
  300. font-size: 8pt;
  301. line-height: 9pt;
  302. color: {color:text};
  303. }
  304.  
  305. #h1 {
  306. font-size: 22pt;
  307. margin-bottom: 5px;
  308. text-align: center;
  309. line-height: 20pt;
  310. font-family: 'agbalumo', cursive;
  311. }
  312.  
  313. h1, h2 {
  314. font-family: 'agbalumo', cursive;
  315. }
  316.  
  317. #notes {
  318. margin-top: -20px;
  319. width: 500px;
  320. }
  321.  
  322. #notes img {
  323. display:none;
  324. }
  325.  
  326. #notes a {
  327. font-weight:bold;
  328. }
  329.  
  330. #notes ol {
  331. list-style-type:none;
  332. margin:0px;
  333. padding:0px;
  334. }
  335.  
  336. #notes ol li {
  337. margin:5px;
  338. line-height:20px;
  339. }
  340.  
  341. #side {
  342. position: fixed;
  343. margin-top: 20px;
  344. margin-left: 100px;
  345. width: 268px;
  346. height: 480px;
  347. background-color: {color:container};
  348. padding: 20px;
  349. border-radius: 20px;
  350. box-shadow: 10px 10px 0px {color:accent one};
  351. transition-duration: 0.6s;
  352. -moz-transition-duration: 0.6s;
  353. -webkit-transition-duration: 0.6s;
  354. -o-transition-duration: 0.6s;
  355. }
  356.  
  357. #side:hover {
  358. box-shadow: -10px 10px 0px {color:accent two};
  359. transition-duration: 0.6s;
  360. -moz-transition-duration: 0.6s;
  361. -webkit-transition-duration: 0.6s;
  362. -o-transition-duration: 0.6s;
  363. }
  364.  
  365. #sidebar {
  366. position: fixed;
  367. margin-top: 0px;
  368. }
  369.  
  370. #sidebarimg {
  371.  
  372. }
  373.  
  374. #sidebarimg img {
  375. width: 268px;
  376. height: 320px;
  377. }
  378.  
  379. #nav {
  380. margin-top: 10px;
  381. text-align: center;
  382. padding: 10px;
  383. margin-left: 10px;
  384. }
  385.  
  386. #nav span {
  387. margin-right: 10px;
  388. font-size: 90%;
  389. }
  390.  
  391. #desc {
  392. position: fixed;
  393. width: 190px;
  394. height: 50px;
  395. overflow: auto;
  396. padding: 10px;
  397. margin-left: 25px;
  398. background-color: {color:background};
  399. }
  400.  
  401. #pa {
  402. text-align: center;
  403. position: fixed;
  404. width: 268px;
  405. margin-top: 455px;
  406. }
  407.  
  408. #pa a {
  409. color: {color:text};
  410. font-family: 'poppins', sans serif;
  411. text-transform: uppercase;
  412. font-size: 13pt;
  413. }
  414.  
  415. #title {
  416. font-size: 30pt;
  417. position: fixed;
  418. transform: rotate(-90deg);
  419. margin-top: {text:title top margin}px;
  420. font-family: 'agbalumo', cursive;
  421. z-index: 900;
  422. margin-left: {text:title left margin}px;
  423. transition-duration: 0.6s;
  424. -moz-transition-duration: 0.6s;
  425. -webkit-transition-duration: 0.6s;
  426. -o-transition-duration: 0.6s;
  427. color: {color:blog title};
  428. }
  429.  
  430. #side:hover #title {
  431. opacity: 1;
  432. transition-duration: 0.6s;
  433. -moz-transition-duration: 0.6s;
  434. -webkit-transition-duration: 0.6s;
  435. -o-transition-duration: 0.6s;
  436. transform: rotate(90deg);
  437. margin-left: 192px;
  438. color: {color:container};
  439. }
  440.  
  441. #top {
  442. background: {color:accent one};
  443. background: linear-gradient(142deg, {color:accent one} 0%, {color:accent two} 100%);
  444. width: 100%;
  445. height: 50%;
  446. position: fixed;
  447. margin-left: -10px;
  448. margin-top: -10px;
  449. }
  450.  
  451. </style>
  452.  
  453. </head>
  454.  
  455. <body>
  456.  
  457. <div id="top"></div>
  458.  
  459. <div id="side">
  460.  
  461. <div id="title">{text:custom title}</div>
  462.  
  463. <div id="sidebar">
  464.  
  465. <div id="sidebarimg">
  466. <img src="{image:sidebar}">
  467. </div>
  468.  
  469. <div id="nav">
  470. <a href="/" title="home"><span class="material-symbols-outlined">cottage</span></a>
  471. <a href="/ask" title="message"><span class="material-symbols-outlined">drafts</span></a>
  472. <a href="/archive" title="archive"><span class="material-symbols-outlined">inventory_2</span></a>
  473. <a href="{text:link 1 url}" title="{text:link 1 title}"><span class="material-symbols-outlined">favorite</span></a>
  474. <a href="{text:link 2 url}" title="{text:link 2 title}"><span class="material-symbols-outlined">spa</span></a>
  475. <a href="{text:link 3 url}" title="{text:link 3 title}"><span class="material-symbols-outlined">event_list</span></a>
  476. </div>
  477.  
  478. <div id="desc">
  479. {description}
  480. </div>
  481.  
  482.  
  483. </div>
  484.  
  485. <div id="pa">{block:Pagination}
  486. {block:PreviousPage}
  487. <a href="{PreviousPage}"><span class="material-symbols-outlined">navigate_before</span></a>
  488. {/block:PreviousPage} {block:NextPage}<a href="{NextPage}"><span class="material-symbols-outlined">navigate_next</span></a>
  489. {/block:NextPage}
  490. {/block:Pagination}</div>
  491.  
  492. </div>
  493.  
  494.  
  495. <div id="posts">
  496.  
  497.  
  498. {block:Posts}<div id="post">
  499.  
  500.  
  501.  
  502. {block:Text}<div id="h1">{block:Title}{Title}{/block:Title}</div>{Body}{/block:Text}
  503.  
  504. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" style="margin-bottom: 10px;">{LinkCloseTag}{block:Caption}
  505.  
  506. {Caption} {/block:Caption}{/block:Photo}
  507.  
  508. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  509.  
  510. {/block:Photoset}
  511.  
  512. {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}
  513.  
  514. {block:Link}<div id="h1"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}
  515.  
  516. {Description}{/block:Description}{/block:Link}
  517.  
  518. {block:Chat}{block:Title}<div id="h1">{Title}</div>{/block:Title}{block:Lines}{block:Label}<b>
  519.  
  520. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  521.  
  522. {block:Audio}
  523. <div id="audio">
  524. {block:TrackName}
  525. <div id="musicinfo" style="margin-top: 5px;">
  526. {AudioPlayerGrey} <br>
  527. {TrackName} by
  528. {/block:TrackName}
  529. {block:Artist}
  530. {Artist}
  531. {/block:Artist}
  532.  
  533. </div>
  534. </div>
  535. {block:caption}<div id="caption">{Caption} </div>{/block:caption}
  536. {/block:Audio}
  537.  
  538.  
  539. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  540.  
  541. {block:Answer}
  542. <div id="ask">
  543. {Asker} asked:<br>
  544. <div style="margin-top: -10px;">{Question}</div>
  545. </div>
  546. {Answer}{/block:Answer}
  547.  
  548.  
  549. </div>
  550.  
  551. <div id="info">
  552. <a title="{TimeAgo}" title="{TimeAgo}"><span class="material-symbols-outlined">schedule</span></a> <a href="{Permalink}" title="{NoteCount} notes"><span class="material-symbols-outlined">
  553. loyalty</span></a> <a href="{ReblogURL}" title="reblog"><span class="material-symbols-outlined">
  554. restart_alt
  555. </span></a>
  556. <div id="tags">
  557. {block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag} </a>
  558. {/block:Tags}{/block:HasTags}
  559. </div>
  560.  
  561.  
  562. </div>
  563. {block:PostNotes}
  564. <div id="notes">
  565. <Div style="width: 500px;">
  566.  
  567.  
  568. {PostNotes}</div>{/block:PostNotes}
  569. {/block:Posts}</div></div>
  570.  
  571.  
  572.  
  573. <div id="credit">
  574. <a href="https://anahilation.tumblr.com/" title="theme by ana"><span class="material-symbols-outlined">gesture</span></a>
  575. </div>
  576.  
  577.  
  578.  
  579.  
  580.  
  581. </body>
  582.  
  583.  
  584.  
  585. </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!