Advertisement
lucitor

carmeldancin on main in 2018

Feb 10th, 2018
1,617
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.23 KB | None | 0 0
  1. <!--
  2. 。・:*:・゚★,。・:*:・゚☆   。・:*:・゚★,。・:*:・゚☆
  3.  
  4. base code by chraliecox
  5.  
  6. theme by dawn dramaisland Σd(≧ω≦*) グッ
  7.  
  8. icon background inspired by @kyupu!
  9.  
  10. all i ask is dont remove the credit
  11.  
  12. if you have anyquestions or if theres any bugs send me an ask!! i hope u like it ilysm thanks for using!!
  13.  
  14. 。・:*:・゚★,。・:*:・゚☆   。・:*:・゚★,。・:*:・゚☆
  15. -->
  16.  
  17. <!DOCTYPE html>
  18.  
  19. <head>
  20. <script type="text/javascript">
  21. /*tweaked by 1dcursors.tumblr.com*/
  22. /*DO NOT STEAL OR REMOVE THIS TAGS*/
  23. // <![CDATA[
  24. var colour="random";
  25. var sparkles=50;
  26. var x=ox=400;
  27. var y=oy=300;
  28. var swide=800;
  29. var shigh=600;
  30. var sleft=sdown=0;
  31. var tiny=new Array();
  32. var star=new Array();
  33. var starv=new Array();
  34. var starx=new Array();
  35. var stary=new Array();
  36. var tinyx=new Array();
  37. var tinyy=new Array();
  38. var tinyv=new Array();
  39.  
  40. window.onload=function() { if (document.getElementById) {
  41. var i, rats, rlef, rdow;
  42. for (var i=0; i<sparkles; i++) {
  43. var rats=createDiv(3, 3);
  44. rats.style.visibility="hidden";
  45. rats.style.zIndex="999";
  46. document.body.appendChild(tiny[i]=rats);
  47. starv[i]=0;
  48. tinyv[i]=0;
  49. var rats=createDiv(5, 5);
  50. rats.style.backgroundColor="transparent";
  51. rats.style.visibility="hidden";
  52. rats.style.zIndex="999";
  53. var rlef=createDiv(1, 5);
  54. var rdow=createDiv(5, 1);
  55. rats.appendChild(rlef);
  56. rats.appendChild(rdow);
  57. rlef.style.top="2px";
  58. rlef.style.left="0px";
  59. rdow.style.top="0px";
  60. rdow.style.left="2px";
  61. document.body.appendChild(star[i]=rats);
  62. }
  63. set_width();
  64. sparkle();
  65. }}
  66.  
  67. function sparkle() {
  68. var c;
  69. if (x!=ox || y!=oy) {
  70. ox=x;
  71. oy=y;
  72. for (c=0; c<sparkles; c++) if (!starv[c]) {
  73. star[c].style.left=(starx[c]=x)+"px";
  74. star[c].style.top=(stary[c]=y)+"px";
  75. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  76. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  77. star[c].style.visibility="visible";
  78. starv[c]=50;
  79. break;
  80. }
  81. }
  82. for (c=0; c<sparkles; c++) {
  83. if (starv[c]) update_star(c);
  84. if (tinyv[c]) update_tiny(c);
  85. }
  86. setTimeout("sparkle()", 40);
  87. }
  88.  
  89. function update_star(i) {
  90. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  91. if (starv[i]) {
  92. stary[i]+=1+Math.random()*3;
  93. starx[i]+=(i%5-2)/5;
  94. if (stary[i]<shigh+sdown) {
  95. star[i].style.top=stary[i]+"px";
  96. star[i].style.left=starx[i]+"px";
  97. }
  98. else {
  99. star[i].style.visibility="hidden";
  100. starv[i]=0;
  101. return;
  102. }
  103. }
  104. else {
  105. tinyv[i]=50;
  106. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  107. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  108. tiny[i].style.width="2px";
  109. tiny[i].style.height="2px";
  110. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  111. star[i].style.visibility="hidden";
  112. tiny[i].style.visibility="visible"
  113. }
  114. }
  115.  
  116. function update_tiny(i) {
  117. if (--tinyv[i]==25) {
  118. tiny[i].style.width="1px";
  119. tiny[i].style.height="1px";
  120. }
  121. if (tinyv[i]) {
  122. tinyy[i]+=1+Math.random()*3;
  123. tinyx[i]+=(i%5-2)/5;
  124. if (tinyy[i]<shigh+sdown) {
  125. tiny[i].style.top=tinyy[i]+"px";
  126. tiny[i].style.left=tinyx[i]+"px";
  127. }
  128. else {
  129. tiny[i].style.visibility="hidden";
  130. tinyv[i]=0;
  131. return;
  132. }
  133. }
  134. else tiny[i].style.visibility="hidden";
  135. }
  136.  
  137. document.onmousemove=mouse;
  138. function mouse(e) {
  139. if (e) {
  140. y=e.pageY;
  141. x=e.pageX;
  142. }
  143. else {
  144. set_scroll();
  145. y=event.y+sdown;
  146. x=event.x+sleft;
  147. }
  148. }
  149.  
  150. window.onscroll=set_scroll;
  151. function set_scroll() {
  152. if (typeof(self.pageYOffset)=='number') {
  153. sdown=self.pageYOffset;
  154. sleft=self.pageXOffset;
  155. }
  156. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  157. sdown=document.body.scrollTop;
  158. sleft=document.body.scrollLeft;
  159. }
  160. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  161. sleft=document.documentElement.scrollLeft;
  162. sdown=document.documentElement.scrollTop;
  163. }
  164. else {
  165. sdown=0;
  166. sleft=0;
  167. }
  168. }
  169.  
  170. window.onresize=set_width;
  171. function set_width() {
  172. var sw_min=999999;
  173. var sh_min=999999;
  174. if (document.documentElement && document.documentElement.clientWidth) {
  175. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  176. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  177. }
  178. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  179. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  180. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  181. }
  182. if (document.body.clientWidth) {
  183. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  184. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  185. }
  186. if (sw_min==999999 || sh_min==999999) {
  187. sw_min=800;
  188. sh_min=600;
  189. }
  190. swide=sw_min;
  191. shigh=sh_min;
  192. }
  193.  
  194. function createDiv(height, width) {
  195. var div=document.createElement("div");
  196. div.style.position="absolute";
  197. div.style.height=height+"px";
  198. div.style.width=width+"px";
  199. div.style.overflow="hidden";
  200. return (div);
  201. }
  202.  
  203. function newColour() {
  204. var c=new Array();
  205. c[0]=255;
  206. c[1]=Math.floor(Math.random()*256);
  207. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  208. c.sort(function(){return (0.5 - Math.random());});
  209. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  210. }
  211. // ]]>
  212. </script>
  213.  
  214. <script type="text/javascript">
  215. //form tags to omit in NS6+:
  216. var omitformtags=["input", "textarea", "select"]
  217.  
  218. omitformtags=omitformtags.join("|")
  219.  
  220. function disableselect(e){
  221. if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
  222. return false
  223. }
  224.  
  225. function reEnable(){
  226. return true
  227. }
  228.  
  229. if (typeof document.onselectstart!="undefined")
  230. document.onselectstart=new Function ("return false")
  231. else{
  232. document.onmousedown=disableselect
  233. document.onmouseup=reEnable
  234. }
  235.  
  236. </script>
  237.  
  238. <title>{Title}</title>
  239.  
  240. <link rel="shortcut icon" href="{Favicon}">
  241. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  242. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  243.  
  244. <!--EPIC OPTIONZZZ-->
  245.  
  246. <meta name="color:background" content="#ffffff"/>
  247. <meta name="color:text" content="#2b2b2b"/>
  248. <meta name="color:link" content="#2b2b2b"/>
  249. <meta name="color:link border" content=""/>
  250. <meta name="color:link hover" content="#949494"/>
  251. <meta name="color:blockquote" content="#dadada"/>
  252. <meta name="color:icon background" content="#c0bdb8" />
  253.  
  254. <meta name="image:sidebar" content=""/>
  255. <meta name="image:icon background" content=""/>
  256. <meta name="image:desc pixel" content=""/>
  257. <meta name="image:link bg" content=""/>
  258. <meta name="image:post bg" content=""/>
  259. <meta name="image:sidebar bg" content=""/>
  260.  
  261. <meta name="text:link 1 URL" content="" />
  262. <meta name="text:link 1" content="" />
  263. <meta name="text:link 2 URL" content="" />
  264. <meta name="text:link 2" content="" />
  265.  
  266. <!--CODING! -->
  267.  
  268. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  269.  
  270. <style type="text/css">
  271.  
  272. #s-m-t-tooltip{
  273. position:absolute;
  274. margin-top: 15px;
  275. z-index:9999;
  276. background:{color:background};
  277. }
  278.  
  279. /*basics*/
  280.  
  281. blockquote {
  282. padding-left:12px;
  283. border-left:1px solid {color:blockquote};
  284. margin-left:8px;
  285. }
  286.  
  287. ul {
  288. list-style:none;
  289. text-align:left;
  290. padding-left:0;
  291. }
  292.  
  293. li {
  294. position:relative;
  295. padding-left:30px;
  296. }
  297.  
  298. ul li:before {
  299. position:absolute;
  300. left:15px;
  301. vertical-align:baseline!important;
  302. content:'›';
  303. }
  304.  
  305. body {
  306. background:{color:background};
  307. color:{color:text};
  308. font-family:arial;
  309. font-size:18px;
  310. margin:0;
  311. text-align:justify;
  312. line-height:22px;
  313. }
  314.  
  315. a {
  316. color:{color:link};
  317. text-shadow: -1px 0 {color:link border}, 0 1px {color:link border}, 1px 0 {color:link border}, 0 -1px {color:link border};
  318. -moz-transition-duration:0.4s;
  319. -webkit-transition-duration:0.4s;
  320. -o-transition-duration:0.4s;
  321. text-decoration:none;
  322. }
  323.  
  324. a:hover {
  325. color:{color:link hover};
  326. -moz-transition-duration:0.4s;
  327. -webkit-transition-duration:0.4s;
  328. -o-transition-duration:0.4s;
  329. }
  330.  
  331. img {
  332. opacity:1;
  333. border:none;
  334. text-decoration:none;
  335. }
  336.  
  337. small {
  338. font-size:15px;
  339. }
  340.  
  341. big {
  342. font-size:18px;
  343. }
  344.  
  345. #title {font-size:25px;
  346. line-height:18px;
  347. margin-bottom:10px;
  348. font-weight:bold;
  349. text-transform:none;
  350. text-align:left;
  351. }
  352.  
  353. /*sidebar*/
  354.  
  355. #sidebar {
  356. text-align:center;
  357. position:fixed;
  358. margin-left:-290px;
  359. margin-top:95px;
  360. width:230px;
  361. padding:10px;
  362. background:{color:sidebar background};
  363. background:#fff;
  364. background-image:url('{image:sidebar bg}');
  365. }
  366.  
  367. #sidebar img {
  368. width:215px;
  369. padding:5px;
  370. background-color:{color:icon background};
  371. background-image:url('{image:icon background}');
  372. }
  373.  
  374. #links {
  375. font-size:18px;
  376. margin-top:10px;
  377. text-align:center;
  378. background-image:url('{image:link bg}');
  379. }
  380.  
  381. #links a {
  382. margin-bottom:0px;
  383. -moz-transition-duration:0.4s;
  384. -webkit-transition-duration:0.4s;
  385. -o-transition-duration:0.4s;
  386. }
  387.  
  388. #description {
  389. margin-top:10px;
  390. text-align:center;
  391. background-image:url('{image:desc pixel}');
  392. }
  393.  
  394. /*pagination*/
  395.  
  396. #pagination {
  397. text-transform:lowercase;
  398. text-align:center;
  399. font-size:17px;
  400. margin-bottom:120px;
  401. }
  402.  
  403. #pagination a {
  404. padding:0 3px;
  405. }
  406.  
  407. /*container*/
  408.  
  409. #con {
  410. left:50%;
  411. margin-left:-140px;
  412. position:absolute;
  413. }
  414.  
  415. /*posts*/
  416.  
  417. #entries {
  418. margin-top:95px;
  419. width:500px;
  420. }
  421.  
  422. #posts {
  423. width:360px;
  424. {block:IndexPage}
  425. margin-bottom:80px;
  426. {/block:IndexPage}
  427. {block:PermalinkPage}
  428. margin-bottom:50px;
  429. {/block:PermalinkPage}
  430. background:#fff;
  431. padding:10px;
  432. background-image:url('{image:post bg}');
  433. }
  434.  
  435. #posts img {
  436. max-width:360px;
  437. }
  438.  
  439. #posts img, #posts li, #posts blockquote {
  440. max-width: 90%;
  441. }
  442.  
  443. .caption {
  444. width:100%;
  445. margin-top:13px;
  446. margin-bottom:12px;
  447. }
  448.  
  449. a.tumblr_blog {
  450. font-weight:bold;
  451. -moz-transition-duration:0.4s;
  452. -webkit-transition-duration:0.4s;
  453. -o-transition-duration:0.4s;
  454. }
  455.  
  456. /*quote*/
  457.  
  458. #titlequote {
  459. text-align:left;
  460. font-size:18px;
  461. line-height:17px;
  462. font-weight:bold;
  463. }
  464.  
  465. #source {
  466. margin-top:0px;
  467. margin-bottom:11px;
  468. margin-left:0px;
  469. }
  470.  
  471. /*asks*/
  472.  
  473. .q {
  474. line-height:17px;
  475. font-size:17px;
  476. }
  477.  
  478. .as {
  479. font-weight:normal;
  480. }
  481.  
  482. .a {
  483. margin-top:13px;
  484. }
  485.  
  486. /*chat*/
  487.  
  488. .chat ol {
  489. padding:0;
  490. list-style:none;
  491. }
  492.  
  493. .line {
  494. padding:0px 0;
  495. }
  496.  
  497. .label {
  498. font-weight:bold;
  499. }
  500.  
  501. /*permalink and notes*/
  502.  
  503. #permalink {
  504. font-size:18px;
  505. text-align:left;
  506. margin-top:9px;
  507. text-transform:lowercase;
  508. }
  509.  
  510. #permalink a {
  511. margin-right:0px;
  512. }
  513.  
  514. .tags {
  515. font-size:17px;
  516. text-transform:none;
  517. }
  518.  
  519. .pagenotes {
  520. {block:IndexPage}
  521. display: none!important;
  522. {/block:IndexPage}
  523. width:500px;
  524. text-align:left;
  525. }
  526.  
  527. .pagenotes img {
  528. display:none!important;
  529. }
  530.  
  531. .pagenotes li {
  532. list-style-type:none;
  533. padding:2px 0px;
  534. text-align:left;
  535. margin:0 0 0 -40px;
  536. }
  537.  
  538. {CustomCSS}
  539.  
  540. </style>
  541.  
  542. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  543. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  544.  
  545. </head>
  546.  
  547. <body>
  548.  
  549. <div id="con">
  550.  
  551. <div id="sidebar">
  552. <div id="sidebar img"><img src="{image:sidebar}"></div>
  553.  
  554.  
  555. <div id="description">{Description}</div>
  556.  
  557. <div id="links">
  558. <a href="/">home</a> /
  559. <a href="/contact">ask</a> /
  560. {block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1} /
  561. {block:iflink2}<a href="{text:link 2 URL}" >{text:link 2}</a>{/block:iflink2}
  562.  
  563. </div>
  564.  
  565. </div>
  566.  
  567. <div id="entries">
  568.  
  569. {block:Posts}
  570.  
  571. <div id="posts">
  572.  
  573. {block:Quote}
  574. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  575. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  576. {/block:Quote}
  577.  
  578. {block:Text}
  579. {block:Title}
  580. <div id="title">{Title}</div>{/block:Title}
  581. {Body}
  582. {/block:Text}
  583.  
  584. {block:link}
  585. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  586. {block:Description}{Description}{/block:Description}
  587. {/block:link}
  588.  
  589. {block:Chat}
  590. {block:Title}
  591. <div id="title">{Title}</div>{/block:Title}
  592. {/block:Text}
  593. {block:lines}
  594. {block:label}
  595. <br><b>{label}</b>
  596. {/block:label}
  597. {line}
  598. {/block:lines}
  599. {/block:Chat}
  600.  
  601. {block:Photo}
  602. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  603. {/block:Photo}
  604.  
  605. {block:Photoset}
  606. {Photoset-500}
  607. {/block:Photoset}
  608.  
  609. <div class="video">{Video-500}</div>
  610.  
  611. {block:Audio}
  612. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  613. {/block:Audio}
  614.  
  615. {block:Answer}
  616. <div class="q">
  617. <div class="as"> <b><big>{Asker} asked:</big></b>
  618. {Question}</div></div>
  619. <div class="a">{Answer}</div>
  620. {/block:Answer}
  621.  
  622. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  623.  
  624. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  625.  
  626. {block:Date}
  627. <div id="permalink">
  628. <a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
  629. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">V / </a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}">S</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  630.  
  631. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  632.  
  633. </div>
  634.  
  635. {/block:Date}
  636.  
  637. </div>
  638.  
  639. {block:PostNotes}
  640. <div class="pagenotes">
  641. {PostNotes}
  642. </div>
  643. {/block:PostNotes}
  644.  
  645. {/block:Posts}
  646.  
  647. <div id="pagination">
  648. {block:Pagination}
  649. {block:PreviousPage}
  650. <a href="{PreviousPage}">previous page</a>
  651. {/block:PreviousPage}
  652.  
  653.  
  654. {block:NextPage}
  655. <a href="{NextPage}">next page</a>
  656. {/block:NextPage}
  657. {/block:Pagination}
  658. </div>
  659.  
  660. </div>
  661.  
  662. </div>
  663.  
  664. <div style="position:fixed;bottom:10px;opacity:1;right:20px;padding:px;font-size:19px;font-weight:normal;"><a title="theme by dawn
  665. ヾ(@⌒ー⌒@)ノ" href="https://dramaisland.tumblr.com/"><img src="https://78.media.tumblr.com/7e451d940a773051565d8d9cfc217564/tumblr_inline_p39w6ypMG31uqzvvx_500.gif"></a></div></body></html></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement