Advertisement
artiecore

pink lilies

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