API tools faq
paste
artiecore

AYAYA

artiecore
Jul 14th, 2020 (edited)
768
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ AYAYA theme by him1974 ♡
  6.  
  7. base code by animecharacter
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <link rel="shortcut icon" href="{image:favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{rss}">
  19.  
  20. <title>{title}</title>
  21.  
  22. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Short+Stack&display=swap" rel="stylesheet">
  25. <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css2?family=Marck+Script&display=swap" rel="stylesheet">
  28.  
  29.  
  30.  
  31. <meta name="color:background" content="#ffffff"/>
  32. <meta name="color:posts" content=""/>
  33. <meta name="color:post glow" content="#ffffff"/>
  34. <meta name="color:container" content="#ffffff"/>
  35. <meta name="color:border" content="#000">
  36. <meta name="color:post border" content="#000">
  37. <meta name="color:text" content="#2b2b2b"/>
  38. <meta name="color:link" content="#2b2b2b"/>
  39. <meta name="color:link hover" content="#949494"/>
  40. <meta name="color:text glow" content="#000000"/>
  41. <meta name="color:link glow" content="#000000"/>
  42. <meta name="color:selection bg" content="#fff"/>
  43. <meta name="color:selection text">
  44. <meta name="color:tooltip text" content="#6d6d6d"/>
  45. <meta name="color:side box" coontent="#6d6d6d"/>
  46.  
  47.  
  48. <meta name="image:sidebar" content=""/>
  49. <meta name="image:background" content="" />
  50. <meta name="image:favicon" content="">
  51. <meta name="image:sidebox" content="" />
  52. <meta name="image:container" content="" />
  53. <meta name="image:links side" content="" />
  54. <meta name="image:notes" content="" />
  55.  
  56.  
  57. <meta name="if:redirect" content="" />
  58. <meta name="if:cover bg" content="" />
  59. <meta name="if:sidebar border" content="" />
  60. <meta name="if:post border" content="" />
  61. <meta name="if:post glow" content="" />
  62. <meta name="if:glow links" content="" />
  63. <meta name="if:glow text" content="" />
  64. <meta name="if:kitty" content="" />
  65.  
  66. <meta name="text:font size" content="12px">
  67. <meta name="text:sidebarhover" content="<3">
  68. <meta name="text:redirect" content=""/>
  69. <meta name="text:link divider" content="/"/>
  70. <meta name="text:border size" content="3px" />
  71. <meta name="text:title" content="hi hi hi there">
  72.  
  73. <meta name="text:link one" content="one">
  74. <meta name="text:link one url" content="/">
  75. <meta name="text:link two" content="two">
  76. <meta name="text:link two url" content="/">
  77. <meta name="text:link three" content="three">
  78. <meta name="text:link three url" content="/">
  79. <meta name="text:link four" content="three">
  80. <meta name="text:link four url" content="/">
  81.  
  82. <meta name="select:font" content="arial">
  83. <meta name="select:font" content="verdana">
  84. <meta name="select:font" content="courier">
  85. <meta name="select:font" content="georgia">
  86. <meta name="select:font" content="times new roman">
  87. <meta name="select:font" content="ms gothic"/>
  88. <meta name="select:font" content="short stack"/>
  89. <meta name="select:font" content="comic sans ms">
  90. <meta name="select:font" content="Roboto Mono">
  91. <meta name="select:font" content="Merriweather">
  92.  
  93. <meta name="select:title font" content="arial">
  94. <meta name="select:title font" content="verdana">
  95. <meta name="select:title font" content="courier">
  96. <meta name="select:title font" content="georgia">
  97. <meta name="select:title font" content="times new roman">
  98. <meta name="select:title font" content="ms gothic"/>
  99. <meta name="select:title font" content="short stack"/>
  100. <meta name="select:title font" content="comic sans ms">
  101. <meta name="select:title font" content="Roboto Mono">
  102. <meta name="select:title font" content="Merriweather">
  103. <meta name="select:title font" content="Marck Script">
  104.  
  105. <meta name="select:border type" content="solid" />
  106. <meta name="select:border type" content="double" />
  107. <meta name="select:border type" content="dashed" />
  108. <meta name="select:border type" content="dotted" />
  109. <meta name="select:border type" content="outset">
  110. <meta name="select:border type" content="inset">
  111.  
  112. {block:ifredirect}
  113. {block:IndexPage}<script type="text/javascript">
  114. var url = location.href;
  115. if (url == "{BlogURL}") {
  116. window.location = "{BlogURL}tagged/{text:redirect}";
  117. }
  118. </script>{/block:IndexPage}
  119. {/block:ifredirect}
  120.  
  121. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  122.  
  123. <style type="text/css">
  124.  
  125. ::-webkit-scrollbar {
  126. width: 16px;
  127. height: 10px;
  128. }
  129. ::-webkit-scrollbar-thumb {
  130. background-color: #fff;
  131. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  132. border-top: 1px solid #bdbdbd;
  133. border-left: 1px solid #bdbdbd;
  134. border-right: 1px solid black;
  135. border-bottom: 1px solid black;
  136. }
  137. ::-webkit-scrollbar-track {
  138. background-color: #fff;
  139. background-image: url(https://i.imgur.com/IGXGYKz.png);
  140. }
  141. ::-webkit-scrollbar-button:vertical:increment {
  142. background-image: url(https://i.imgur.com/WhC8iy3.png);
  143. width: 14px;
  144. height: 16px;
  145. border-top: 1px solid #bdbdbd;
  146. border-left: 1px solid #bdbdbd;
  147. border-right: 1px solid black;
  148. border-bottom: 1px solid black;
  149. }
  150. ::-webkit-scrollbar-button:vertical:decrement {
  151. background-image: url(https://i.imgur.com/fQ18mrR.png);
  152. border-top: 1px solid #bdbdbd;
  153. border-left: 1px solid #bdbdbd;
  154. border-right: 1px solid black;
  155. border-bottom: 1px solid black;
  156. width: 14px;
  157. height: 16px;
  158. }
  159. ::-webkit-scrollbar-button:vertical:decrement {
  160. background-image: url(https://i.imgur.com/fQ18mrR.png);
  161. border-top: 1px solid #bdbdbd;
  162. border-left: 1px solid #bdbdbd;
  163. border-right: 1px solid black;
  164. border-bottom: 1px solid black;
  165. width: 14px;
  166. height: 16px;
  167. }
  168.  
  169. ::selection {
  170. background: {color:selection bg};
  171. color:{color:selection text};
  172. }
  173. ::-moz-selection {
  174. background: {color:selection bg};
  175. color:{color:selection text};
  176. }
  177.  
  178. .tooltip{
  179. display:inline;
  180. position:relative;
  181. }
  182.  
  183. #s-m-t-tooltip{
  184. max-width:300px;
  185. padding:5px;
  186. margin:20px 7px -2px 20px;
  187. background-color: rgba(0, 0, 0, 0.4);
  188. color:#fff;
  189. letter-spacing:1px;
  190. text-align:center;
  191. color:{color:tooltip text};
  192. text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  193. z-index:99999999999999999999;
  194. -o-transition: all 0.3s ease-out;
  195. -webkit-transition: all 0.3s ease-out;
  196. -moz-transition: all 0.3s ease-out;
  197. }
  198.  
  199. /*
  200. general text styles, fonts and colours
  201. */
  202.  
  203. body {
  204. margin:0px;
  205. background:{color:background};
  206. color:{color:text};
  207. {block:ifglowtext}
  208. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
  209. {/block:ifglowtext}
  210. background-image: url('{image:background}');
  211. {block:ifnotcoverbg}
  212. background-repeat: repeat;
  213. background-attachment: fixed;
  214. {/block:ifnotcoverbg}
  215. {block:ifcoverbg}
  216. background-size: cover;
  217. background-attachment: fixed;
  218. {/block:ifcoverbg}
  219. color:{color:text};
  220. font-family: {select:font};
  221. font-size: {text:font size};
  222. }
  223.  
  224. p{
  225. margin:0 0 10px 0;
  226. padding:0;
  227. }
  228.  
  229. pre {
  230. white-space: pre-wrap;
  231. white-space: -moz-pre-wrap;
  232. white-space: -pre-wrap;
  233. white-space: -o-pre-wrap;
  234. word-wrap: break-word;
  235. }
  236.  
  237. a {
  238. color:{color:link};
  239. {block:ifglowlinks}
  240. text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
  241. {/block:ifglowlinks}
  242. -moz-transition-duration:0.4s;
  243. -webkit-transition-duration:0.4s;
  244. -o-transition-duration:0.4s;
  245. text-decoration:none;
  246. }
  247.  
  248. a:hover {
  249. color:{color:link hover};
  250. text-decoration: line-through;
  251. -moz-transition-duration:0.4s;
  252. -webkit-transition-duration:0.4s;
  253. -o-transition-duration:0.4s;
  254. }
  255.  
  256. /*
  257. containers etc
  258. */
  259.  
  260. #sidebar {
  261. text-align:center;
  262. padding:10px;
  263. position:float;}
  264.  
  265. #sidebar img {
  266. width:231px;
  267. margin-bottom:10px;
  268. background:white;
  269. margin-top:-70px;
  270. margin-left:-140px;
  271. {block:ifsidebarborder}
  272. border:{text:border size} {select:border type} {color:border};
  273. {/block:ifsidebarborder}
  274. }
  275.  
  276.  
  277. #nxt{
  278. padding:7px;
  279. width:217px;
  280. position:float;
  281. font-size:15px;
  282. margin-left:-160px;
  283. color:{color:text};
  284. font-size:20px;
  285. font-family:{select:font};
  286. line-height:1.5em;
  287. }
  288.  
  289. #content{
  290. width:400px;
  291. margin-left:200px;
  292. overflow:hidden;
  293. }
  294.  
  295. #posts {
  296. width:400px;
  297. margin-left:310px;
  298. margin-bottom:20px;
  299. margin-top:20px;
  300. padding:10px;
  301. background-color:{color:posts};
  302. {block:ifpostborder}
  303. border:{text:border size} {select:border type} {color:post border};
  304. {/block:ifpostborder}
  305. {block:ifpostglow}
  306. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  307. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  308. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  309. }
  310.  
  311.  
  312.  
  313. #posts img {
  314. max-width:100%;
  315. height:auto;
  316.  
  317. }
  318.  
  319. #posts img:hover {
  320. -webkit-transition:.3s ease-in-out;
  321. -webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */
  322. filter: blur(2px);
  323.  
  324. }
  325.  
  326.  
  327. .tags {
  328. max-height:0px;
  329. line-height:130%;
  330. text-align:left;
  331. font-size:{text:font size};
  332. opacity:0;
  333. -webkit-transition: all 0.7s ease;
  334. transition: all 0.7s ease;
  335. -moz-transition: all 0.7s ease;
  336. -o-transition: all 0.7s ease;}
  337.  
  338. .footer:hover .tags{
  339. opacity:1;
  340. max-height:300px;
  341. -webkit-transition: all 0.7s ease;
  342. transition: all 0.7s ease;
  343. -moz-transition: all 0.7s ease;
  344. -o-transition: all 0.7s ease;}
  345.  
  346.  
  347. #nav{
  348. margin-left:-200px;
  349. position:float;
  350. }
  351.  
  352. #heck{
  353. width:800px;
  354. height:500px;
  355. margin-left:400px;
  356. overflow:auto;
  357. border:1px solid {color:border};
  358. background-color:{color:container} ;
  359. background-image: url('{image:container}');
  360. background-repeat: repeat;
  361. background-attachment: fixed;
  362. }
  363. #friend{
  364. margin-top:120px;
  365. width:606px;
  366. margin-left:575px;
  367. height:29px;
  368. padding-top:18px;
  369. padding-bottom:11px;
  370. padding-left:10px;
  371. padding-right:10px;
  372. border-right:1px solid {color:border};
  373. border-top:1px solid {color:border};
  374. font-size:23px;
  375. font-weight: 500;
  376. background:{color:container};
  377. font-family: {select:title font};
  378. }
  379.  
  380.  
  381. #silly{
  382. width:260px;
  383. float:left;
  384. height:500px;
  385. position:fixed;
  386. background-image: url('{image:sidebox}');
  387. background-color:{color:side box} ;
  388. background-size: cover;
  389. border-right:1px solid {color:border};
  390. }
  391.  
  392.  
  393.  
  394. /*
  395. content in the body of the posts - quotes, asks, etc
  396. "media" contains photos, photosets, videos, audio posts
  397. */
  398. .media{
  399. margin:0 0 10px 0;
  400. }
  401.  
  402. .title{
  403. font-weight:normal;
  404. font-size:18px;
  405. margin:0 0 10px 0;
  406. }
  407.  
  408. .quote{
  409. font-weight:normal;
  410. font-size:16px;
  411. font-style:italic;
  412. margin:0 0 10px 0;
  413. }
  414.  
  415. .question{
  416. margin-bottom:10px;
  417. }
  418.  
  419. blockquote{
  420. margin:0 0 10px 10px;
  421. padding:0 0 0 10px;
  422. border-left:solid 1px #000;
  423. }
  424.  
  425. /*
  426. post footers - date, tags, via and source
  427. */
  428. .post .footer{
  429. margin:0;
  430. text-align:left;
  431. }
  432.  
  433. /*
  434. post notes
  435. */
  436. ol.notes{
  437. list-style-type:none;
  438. padding:0;
  439. margin:0;
  440. }
  441.  
  442. ol.notes li.note img{
  443. width:16px;
  444. height:16px;
  445. }
  446.  
  447. ol.notes li.note{
  448. margin:0px;
  449. }
  450.  
  451.  
  452.  
  453. #pop {
  454. width:100%;
  455. height:100%;
  456. top:0;left:0;
  457. position:fixed;
  458. z-index:999;
  459. display:none;
  460. background: rgba(0, 0, 0, 0.2);
  461.  
  462. }
  463. .fade {
  464. top:0;
  465. left:0;
  466. position:fixed;
  467. z-index:1000;
  468. width:100%;
  469. height:100%;
  470. }
  471.  
  472. .popup {
  473. top:50%;
  474. left:50%;
  475. transform:translate(-50%,-50%);
  476. position:fixed;
  477. z-index:10000;
  478. max-width:300px;
  479. background:white;
  480. border:3px double {color:border};
  481. width:270px;
  482. padding:10px;
  483. text-align:center;
  484. line-height: 1.4;
  485. }
  486. </style>
  487.  
  488.  
  489. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script>
  490. $(document).ready(function(){
  491. $('.click,.fade').click(function() {
  492. $('#pop').fadeToggle();
  493. });
  494. });
  495. </script>
  496.  
  497.  
  498. </head>
  499.  
  500. <body>
  501. {block:ifkitty}
  502. <script>NekoType="white"</script>
  503. <h1 id=nl><script src="https://webneko.net/n20171213.js"></script><a
  504. href="https://webneko.net">Neko</a></h1>
  505. {/block:ifkitty}
  506.  
  507. <div id="pop"> <div class="fade"></div>
  508. <div class="popup">
  509.  
  510. <table style="text-align: center; width: 280px;">
  511.  
  512. <tr>
  513. <td style="width: 50%;"><a href="/"><img src="{image:links side}"></a></td>
  514.  
  515.  
  516. <td> <a href="{text:link one url}">{text:link one}</a> <br>
  517. <a href="{text:link two url}">{text:link two}</a> <br>
  518. <a href="{text:link three url}">{text:link three}</a> <br>
  519. <a href="{text:link four url}">{text:link four}</a></td>
  520. </tr>
  521.  
  522. </table>
  523.  
  524. </div>
  525. </div>
  526.  
  527.  
  528. <div id="friend">
  529. <marquee scrollamount="10"> {text:title} </marquee>
  530. </div>
  531.  
  532. <div id="heck">
  533. <div id="silly">
  534. <div id="sidebar">
  535. <div id="sidebar img"><a href="#hey" class="click"><img src="{image:sidebar}" width="200px"></a></div>
  536.  
  537.  
  538. <div id="nxt">
  539. {block:pagination}
  540. {block:previouspage}
  541. <a href="{previouspage}">back</a> <br>
  542. {/block:previouspage}
  543. {block:nextpage}
  544. <a href="{nextpage}">next</a>
  545. {/block:nextpage}
  546. {/block:pagination}
  547. </div>
  548.  
  549. </div></div>
  550.  
  551. <div id="entries">
  552.  
  553. {block:Posts}
  554.  
  555. <div id="posts">
  556.  
  557. {block:Quote}
  558. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  559. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  560. {/block:Quote}
  561.  
  562. {block:Text}
  563. {block:Title}
  564. <div id="title">{Title}</div>{/block:Title}
  565. {Body}
  566. {/block:Text}
  567.  
  568. {block:link}
  569. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  570. {block:Description}{Description}{/block:Description}
  571. {/block:link}
  572.  
  573. {block:Chat}
  574. {block:Title}
  575. <div id="title">{Title}</div>{/block:Title}
  576. {/block:Text}
  577. {block:lines}
  578. {block:label}
  579. <br><b>{label}</b>
  580. {/block:label}
  581. {line}
  582. {/block:lines}
  583. {/block:Chat}
  584.  
  585. {block:Photo}
  586. {linkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{linkCloseTag}
  587. {/block:Photo}
  588.  
  589. {block:Photoset}
  590. {Photoset-400}
  591. {/block:Photoset}
  592.  
  593. <div class="video">{Video-400}</div>
  594.  
  595. {block:Audio}
  596. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  597. {/block:Audio}
  598.  
  599. {block:Answer}
  600. <div class="q">
  601. <div class="as"> <i><b>{Asker} said:</b>
  602. {Question}</i></div></div>
  603. <div class="a">{Answer}</div>
  604. {/block:Answer}
  605.  
  606. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  607.  
  608. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  609.  
  610. {block:Date}
  611. <div class="footer">
  612. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount} <img src="{image:notes}"></a>
  613.  
  614. <!-- {block:NoRebloggedFrom}
  615. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  616. {/block:NoRebloggedFrom} -->
  617. {block:ContentSource}<!-- {SourceURL}
  618. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  619. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  620. {/block:ContentSource}
  621. <br>
  622. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  623.  
  624.  
  625. </div>
  626. {block:PermalinkPage}
  627. {block:NoteCount}
  628. {block:PostNotes}{PostNotes}{/block:PostNotes}
  629. {/block:NoteCount}
  630. {/block:PermalinkPage}
  631. {/block:Date}
  632.  
  633. </div>
  634.  
  635.  
  636. {/block:Posts}
  637. </div>
  638.  
  639. </div>
  640.  
  641. </div>
  642. </div>
  643. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://him1974.tumblr.com/" title="theme by artie :3">🃏</a>
  644. </body></html>
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!