API tools faq
paste
Advertisement
ychzi

Stellar Theme

ychzi
Jul 16th, 2020 (edited)
253
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.73 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--Theme by Admin @bodhisatta !!!! I made it!!!!-->
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{image:favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <meta name="image:icon" content="">
  11. <meta name="image:favicon" content="">
  12. <meta name="image:background" content="">
  13. <meta name="image:postbackground" content="">
  14. <meta name="image:circlebackground" content="">
  15. <meta name="color:background" content="">
  16. <meta name="color:border" content="">
  17. <meta name="color:desc" content="">
  18. <meta name="color:circles" content="">
  19. <meta name="color:iconcircle" content="">
  20. <meta name="color:searchbar" content="">
  21. <meta name="color:title" content="">
  22. <meta name="color:text" content="">
  23. <meta name="color:link" content="">
  24. <meta name="color:linkhover" content="">
  25. <meta name="text:title" content="Title">
  26. <meta name="text:titlefontsize" content="33">
  27. <meta name="text:desc" content="Make this description as long as you like">
  28. <meta name="text:descfontsize" content="15">
  29. <meta name="text:aboutlink" content="">
  30. <meta name="text:searchtext" content="S E A R C H">
  31. <meta name="if:repeatbackground" content="0">
  32. <meta name="if:repeatpost" content="0">
  33. <meta name="if:blackposts" content="0">
  34. <meta name="if:roundedcorners" content="0">
  35. <meta name="if:tinydotborder" content="0">
  36. <meta name="if:doubleborder" content="0">
  37.  
  38. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
  39. <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
  40. <link href="https://fonts.googleapis.com/css2?family=Eagle+Lake&display=swap" rel="stylesheet">
  41.  
  42. <style type="text/css">
  43.  
  44. ::-moz-selection {color:#fff;background-color: {color:text};}
  45. ::selection {color:#fff;background-color: {color:text};}
  46.  
  47. .tmblr-iframe {position:fixed; top: 5px!important; right: 5px!important; }
  48.  
  49. body {
  50. background-color:{color:background};
  51. background-image:url('{image:background}');
  52. background-position:center;
  53. background-size:cover;
  54. background-repeat:no-repeat;
  55. {block:ifrepeatbackground}
  56. background-repeat:repeat;
  57. background-size:auto;
  58. {/block:ifrepeatbackground}
  59. background-attachment: fixed;
  60. margin:0px;
  61. padding-top:0px;
  62. color:{color:text};
  63. font-family: 'Montserrat', sans-serif;
  64. font-size:15px;
  65. line-height:125%;
  66. }
  67.  
  68. blockquote {
  69. margin:0 0 0 10px;
  70. padding-left: 10px;
  71. max-width: 100%;
  72. border-left:2px solid;
  73. }
  74.  
  75. blockquote img {
  76. max-width:450px;
  77. }
  78.  
  79. h1, h2 {
  80. font-size:23px;
  81. text-align:center;
  82. line-height:100%;
  83. color:{color:text};
  84. }
  85.  
  86. a {text-decoration:none;color:{color:link};-moz-transition-duration:0.8s;-webkit-transition-duration:0.8s;-o-transition-duration:0.8s;} a:hover {text-shadow: 0px 0px 8px {color:linkhover};} b, strong{font-weight: bold; font-size: 125%} i, em {font-style: italic;} p {margin: 0px 0px 10px;}
  87.  
  88. #title {
  89. position:fixed;
  90. font-size:{text:titlefontsize}px;
  91. margin: auto;
  92. top:-500px;
  93. bottom:0px;
  94. left:-600px;
  95. right:0px;
  96. text-align:center;
  97. font-family: 'Eagle Lake', cursive;
  98. height:40px;
  99. text-shadow: 0px 0px 8px {color:linkhover};
  100. z-index:668;
  101. }
  102.  
  103. #icon {
  104. background: url('{image:icon}');
  105. background-position:center;
  106. background-size:cover;
  107. background-repeat: no-repeat;
  108. background-color:{color:iconcircle};
  109. position:fixed;
  110. border:4px dotted {color:border};
  111. {block:iftinydotborder}
  112. border:2px dotted {color:border};
  113. {/block:iftinydotborder}
  114. {block:ifdoubleborder}
  115. border:4px double {color:border};
  116. {/block:ifdoubleborder}
  117. width:200px;
  118. height:200px;
  119. margin: auto;
  120. top:-200px;
  121. bottom:0px;
  122. left:-600px;
  123. right:0px;
  124. padding:20px;
  125. border-radius:50%;
  126. z-index:665;
  127. }
  128.  
  129. #desc {
  130. background-position:center;
  131. background-size:cover;
  132. background-repeat: no-repeat;
  133. background-color:{color:desc};
  134. position:fixed;
  135. border:4px dotted {color:border};
  136. {block:iftinydotborder}
  137. border:2px dotted {color:border};
  138. {/block:iftinydotborder}
  139. {block:ifdoubleborder}
  140. border:4px double {color:border};
  141. {/block:ifdoubleborder}
  142. width:180px;
  143. height:180px;
  144. margin: auto;
  145. top:-200px;
  146. bottom:0px;
  147. left:-600px;
  148. right:0px;
  149. padding:40px;
  150. font-size:0px;
  151. text-align:center;
  152. color:transparent;
  153. opacity:0;
  154. border-radius:50%;
  155. transition-duration: 0.5s;
  156. -moz-transition-duration: 0.5s;
  157. -webkit-transition-duration: 0.5s;
  158. -o-transition-duration: 0.5s;
  159. z-index:666;
  160. }
  161.  
  162. #desc:hover {
  163. width:120px;
  164. height:120px;
  165. font-size:{text:descfontsize}px;
  166. color:{color:text};
  167. opacity:1;
  168. }
  169.  
  170. #about {
  171. background: url('{image:circlebackground}');
  172. background-position:center;
  173. background-size:cover;
  174. background-repeat: no-repeat;
  175. background-color:{color:circles};
  176. position:fixed;
  177. border:4px dotted {color:border};
  178. {block:iftinydotborder}
  179. border:2px dotted {color:border};
  180. {/block:iftinydotborder}
  181. {block:ifdoubleborder}
  182. border:4px double {color:border};
  183. {/block:ifdoubleborder}
  184. width:45px;
  185. height:45px;
  186. margin: auto;
  187. top:-370px;
  188. bottom:0px;
  189. left:-430px;
  190. right:0px;
  191. border-radius:50%;
  192. z-index:667;
  193. }
  194.  
  195. #ask {
  196. background: url('{image:circlebackground}');
  197. background-position:center;
  198. background-size:cover;
  199. background-repeat: no-repeat;
  200. background-color:{color:circles};
  201. position:fixed;
  202. border:4px dotted {color:border};
  203. {block:iftinydotborder}
  204. border:2px dotted {color:border};
  205. {/block:iftinydotborder}
  206. {block:ifdoubleborder}
  207. border:4px double {color:border};
  208. {/block:ifdoubleborder}
  209. width:45px;
  210. height:45px;
  211. margin: auto;
  212. top:-200px;
  213. bottom:0px;
  214. left:-350px;
  215. right:0px;
  216. border-radius:50%;
  217. z-index:667;
  218. }
  219.  
  220. #archive {
  221. background: url('{image:circlebackground}');
  222. background-position:center;
  223. background-size:cover;
  224. background-repeat: no-repeat;
  225. background-color:{color:circles};
  226. position:fixed;
  227. border:4px dotted {color:border};
  228. {block:iftinydotborder}
  229. border:2px dotted {color:border};
  230. {/block:iftinydotborder}
  231. {block:ifdoubleborder}
  232. border:4px double {color:border};
  233. {/block:ifdoubleborder}
  234. width:45px;
  235. height:45px;
  236. margin: auto;
  237. top:-30px;
  238. bottom:0px;
  239. left:-430px;
  240. right:0px;
  241. border-radius:50%;
  242. z-index:667;
  243. }
  244.  
  245. #pagi {
  246. background-position:center;
  247. background-size:cover;
  248. background-repeat: no-repeat;
  249. width:200px;
  250. height:100px;
  251. position:fixed;
  252. margin:auto;
  253. top:0px;
  254. bottom:-320px;
  255. left:-600px;
  256. right:0px;
  257. padding-left:10px;
  258. padding-right:10px;
  259. padding-top:15px;
  260. padding-bottom:10px;
  261. font-size:33px;
  262. text-shadow: 0px 0px 8px {color:linkhover};
  263. text-align:center;
  264. display: all;
  265. z-index:6666;
  266. }
  267.  
  268.  
  269. #description {
  270. text-align:center;
  271. letter-spacing:1px;
  272. line-height:90%;
  273. }
  274.  
  275. #s-m-t-tooltip {
  276. max-width:300px;
  277. padding:5px;
  278. margin:20px 0px 0px 20px;
  279. color:{color:link};
  280. background-color:{color:background};
  281. border:3px dotted {color:border};
  282. {block:iftinydotborder}
  283. border:2px dotted {color:border};
  284. {/block:iftinydotborder}
  285. {block:ifdoubleborder}
  286. border:4px double {color:border};
  287. {/block:ifdoubleborder}
  288. {block:ifroundedcorners}
  289. border-radius:20px;
  290. {/block:ifroundedcorners}
  291. text-transform:uppercase;
  292. z-index:666666;
  293. }
  294.  
  295. #poasts {
  296. position:absolute;
  297. width:550px;
  298. margin:auto;
  299. left:0px;
  300. right:-350px;
  301. }
  302.  
  303. #poasts img{
  304. margin-top:7px;
  305. margin-bottom:5px;
  306. max-width: 500px;
  307. }
  308.  
  309. #post {
  310. background-color: rgb(255,255,255, 0.5);
  311. {block:ifblackposts}
  312. background-color: rgb(0,0,0, 0.5);
  313. {/block:ifblackposts}
  314. background-image: url('{image:postbackground}');
  315. background-position:center;
  316. background-size:cover;
  317. background-repeat: no-repeat;
  318. {block:ifrepeatpost}
  319. background-repeat:repeat;
  320. background-size:auto;
  321. {/block:ifrepeatpost}
  322. margin-top:30px;
  323. width:500px;
  324. border:4px dotted {color:border};
  325. {block:iftinydotborder}
  326. border:2px dotted {color:border};
  327. {/block:iftinydotborder}
  328. {block:ifdoubleborder}
  329. border:4px double {color:border};
  330. {/block:ifdoubleborder}
  331. {block:ifroundedcorners}
  332. border-radius:20px;
  333. {/block:ifroundedcorners}
  334. padding:13px 20px 13px;
  335. transition-duration: 0.8s;
  336. margin-bottom:30px;
  337. }
  338.  
  339. .permalink {
  340. text-align:center;
  341. padding-top:5px;
  342. border-top:3px dotted {color:border};
  343. {block:iftinydotborder}
  344. border-top:2px dotted {color:border};
  345. {/block:iftinydotborder}
  346. {block:ifdoubleborder}
  347. border-top:4px double {color:border};
  348. {/block:ifdoubleborder}
  349. margin-bottom:0px;
  350. }
  351.  
  352. #asker {
  353. float:left;
  354. padding:1px;
  355. margin-top:-2px;
  356. margin-right:5px;
  357. }
  358.  
  359. .border {
  360. position: relative;
  361. border: 0;
  362. height: 4rem;
  363. width: 4rem;
  364. border-radius: 100%;
  365. display: flex;
  366. align-items: center;
  367. justify-content: center;
  368. }
  369.  
  370. .border:hover {
  371. content: " ";
  372. position: absolute;
  373. left: 0;
  374. right: 0;
  375. top: 0;
  376. bottom: 0;
  377. border-radius: 100%;
  378. border: 4px dotted {color:border};
  379. {block:ifdoubleborder}
  380. border:4px double {color:border};
  381. {/block:ifdoubleborder}
  382. animation: rotate 10s linear infinite;
  383. }
  384.  
  385. @keyframes rotate {
  386. 0% { transform: rotate(0deg) }
  387. 100% { transform: rotate(360deg) }
  388. }
  389.  
  390. .sfm input {
  391. background-color: {color:searchbar};
  392. position:fixed;
  393. height:28px;
  394. width:200px;
  395. font-size: 15px;
  396. font-family: 'Eagle Lake', cursive;
  397. border: 4px dotted {color:border};
  398. {block:iftinydotborder}
  399. border:2px dotted {color:border};
  400. {/block:iftinydotborder}
  401. {block:ifdoubleborder}
  402. border:4px double {color:border};
  403. {/block:ifdoubleborder}
  404. border-radius: 20px;
  405. color:{color:text};
  406. padding-left: 8px;
  407. padding-right: 8px;
  408. margin:auto;
  409. top:0px;
  410. bottom:-130px;
  411. left:-600px;
  412. right:0px;
  413. z-index:667;
  414. }
  415.  
  416. #sf {
  417. background: url('https://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png') {color:searchbar} right center no-repeat;
  418. background-size: 23px 23px;
  419. }
  420.  
  421. #credit{
  422. bottom: 10px;
  423. left: 10px;
  424. position: fixed;
  425. font-size: 18px;
  426. }
  427.  
  428. {CustomCSS}
  429. </style>
  430.  
  431. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  432. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  433. <script>
  434. (function($){
  435. $(document).ready(function(){
  436. $("a[title]").style_my_tooltips({
  437. tip_follows_cursor:true,
  438. tip_delay_time:50,
  439. tip_fade_speed:600,
  440. attribute:"title"
  441. });
  442. });
  443. })(jQuery);
  444. </script>
  445.  
  446. <script type='text/javascript'>
  447. //<![CDATA[
  448. var rate = 80;
  449. if (document.getElementById)
  450. window.onerror=new Function("return true")
  451.  
  452. var objActive; // The object which event occured in
  453. var act = 0; // Flag during the action
  454. var elmH = 0; // Hue
  455. var elmS = 128; // Saturation
  456. var elmV = 255; // Value
  457. var clrOrg; // A color before the change
  458. var TimerID; // Timer ID
  459. if (document.all) {
  460. document.onmouseover = doRainbowAnchor;
  461. document.onmouseout = stopRainbowAnchor;
  462. }
  463. else if (document.getElementById) {
  464. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  465. document.onmouseover = Mozilla_doRainbowAnchor;
  466. document.onmouseout = Mozilla_stopRainbowAnchor;
  467. }
  468. function doRainbow(obj)
  469. {
  470. if (act == 0) {
  471. act = 1;
  472. if (obj)
  473. objActive = obj;
  474. else
  475. objActive = event.srcElement;
  476. clrOrg = objActive.style.color;
  477. TimerID = setInterval("ChangeColor()",100);
  478. }
  479. }
  480. function stopRainbow()
  481. {
  482. if (act) {
  483. objActive.style.color = clrOrg;
  484. clearInterval(TimerID);
  485. act = 0;
  486. }
  487. }
  488. function doRainbowAnchor()
  489. {
  490. if (act == 0) {
  491. var obj = event.srcElement;
  492. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  493. obj = obj.parentElement;
  494. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  495. break;
  496. }
  497. if (obj.tagName == 'A' && obj.href != '') {
  498. objActive = obj;
  499. act = 1;
  500. clrOrg = objActive.style.color;
  501. TimerID = setInterval("ChangeColor()",100);
  502. }
  503. }
  504. }
  505. function stopRainbowAnchor()
  506. {
  507. if (act) {
  508. if (objActive.tagName == 'A') {
  509. objActive.style.color = clrOrg;
  510. clearInterval(TimerID);
  511. act = 0;
  512. }
  513. }
  514. }
  515. function Mozilla_doRainbowAnchor(e)
  516. {
  517. if (act == 0) {
  518. obj = e.target;
  519. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  520. obj = obj.parentNode;
  521. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  522. break;
  523. }
  524. if (obj.nodeName == 'A' && obj.href != '') {
  525. objActive = obj;
  526. act = 1;
  527. clrOrg = obj.style.color;
  528. TimerID = setInterval("ChangeColor()",100);
  529. }
  530. }
  531. }
  532. function Mozilla_stopRainbowAnchor(e)
  533. {
  534. if (act) {
  535. if (objActive.nodeName == 'A') {
  536. objActive.style.color = clrOrg;
  537. clearInterval(TimerID);
  538. act = 0;
  539. }
  540. }
  541. }
  542. function ChangeColor()
  543. {
  544. objActive.style.color = makeColor();
  545. }
  546. function makeColor()
  547. {
  548. // Don't you think Color Gamut to look like Rainbow?
  549. // HSVtoRGB
  550. if (elmS == 0) {
  551. elmR = elmV; elmG = elmV; elmB = elmV;
  552. }
  553. else {
  554. t1 = elmV;
  555. t2 = (255 - elmS) * elmV / 255;
  556. t3 = elmH % 60;
  557. t3 = (t1 - t2) * t3 / 60;
  558. if (elmH < 60) {
  559. elmR = t1; elmB = t2; elmG = t2 + t3;
  560. }
  561. else if (elmH < 120) {
  562. elmG = t1; elmB = t2; elmR = t1 - t3;
  563. }
  564. else if (elmH < 180) {
  565. elmG = t1; elmR = t2; elmB = t2 + t3;
  566. }
  567. else if (elmH < 240) {
  568. elmB = t1; elmR = t2; elmG = t1 - t3;
  569. }
  570. else if (elmH < 300) {
  571. elmB = t1; elmG = t2; elmR = t2 + t3;
  572. }
  573. else if (elmH < 360) {
  574. elmR = t1; elmG = t2; elmB = t1 - t3;
  575. }
  576. else {
  577. elmR = 0; elmG = 0; elmB = 0;
  578. }
  579. }
  580. elmR = Math.floor(elmR).toString(16);
  581. elmG = Math.floor(elmG).toString(16);
  582. elmB = Math.floor(elmB).toString(16);
  583. if (elmR.length == 1) elmR = "0" + elmR;
  584. if (elmG.length == 1) elmG = "0" + elmG;
  585. if (elmB.length == 1) elmB = "0" + elmB
  586. elmH = elmH + rate;
  587. if (elmH >= 360)
  588. elmH = 0;
  589. return '#' + elmR + elmG + elmB;
  590. }
  591. //]]>
  592. </script>
  593.  
  594. <div id="credit"><a href="https://bodhisatta.tumblr.com/" title="Admin @bodhisatta farted here">★</a></div>
  595.  
  596. <!--Sidebar-->
  597. <div id="title"><a href="{BlogURL}" style="color:{color:title};">{text:title}</a></div>
  598. <div id="icon"></div>
  599. <div id="desc">
  600. <p>{text:desc}</p>
  601. </div>
  602. <a title="about" href="{text:aboutlink}"><div id="about" class="border"></div></a><a title="ask" href="/ask"><div id="ask" class="border"></div></a><a title="grid" href="/archive"><div id="archive" class="border"></div></a>
  603.  
  604. <!--Search bar-->
  605. <script language="javascript">
  606. function send()
  607. {document.theform.submit()}
  608. </script>
  609. <form action="/search" method="get" class="sfm" name="theform">
  610. <input type="text" name="q" value="" placeholder="{text:searchtext}" id="sf" autocomplete="off"/>
  611. </form>
  612. <!--Search bar-->
  613.  
  614. {block:Pagination}
  615. <div id="pagi"><div id="description">
  616. {block:PreviousPage}<a href="{PreviousPage}" style="color:{color:title};">◄</a> <a style="color:{color:border};">{CurrentPage}</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="color:{color:title};">►</a>
  617. {/block:NextPage}</p></div></div>
  618. {/block:Pagination}
  619. <!--Sidebar-->
  620.  
  621. <!--Posts-->
  622. <div id="poasts" class="autopagerize_page_element">{block:Posts}<div id="post">
  623.  
  624. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  625.  
  626. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-40}"></div><big><big>{Asker} asked:</big></big><br><p>{Question}<p><br>{Answer}{/block:Answer}
  627.  
  628. {block:Photo}<img src="{PhotoURL-500}">{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  629.  
  630. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  631.  
  632. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  633.  
  634. {block:Audio}<div class="audio_container">{block:AudioEmbed}{AudioEmbed-400 color="white"}{/block:AudioEmbed}</div>{block:Caption}<div style="margin-top:-80px;">{Caption}</div>{/block:Caption}{/block:Audio}
  635.  
  636. {block:Quote}<big><b><i>"{Quote}"</i></b></big>{block:Source}<p></p>— {Source}{/block:Source}{/block:Quote}
  637.  
  638. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  639.  
  640. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  641.  
  642. <div class="permalink"><p></p><a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}⋆ <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:RebloggedFrom}⋆ <a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}{block:ContentSource} ⋆ <a href="{SourceURL}">Src</a>{/block:ContentSource}
  643.  
  644. {block:PermalinkPage}
  645. {block:HasTags}<p>{block:Tags}#<a href="{TagURL}">{tag}</a> {/block:Tags}</p>{/block:HasTags}{/block:PermalinkPage}</div></div>{block:PostNotes}{PostNotes}{/block:PostNotes}
  646.  
  647. {/block:Posts}</div></div><!--Posts-->
  648.  
  649. </body>
  650. </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!