API tools faq
paste
Advertisement
alicescreed

Faette;

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