ychzi

Opalescence Theme

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