API tools faq
paste
Advertisement
dreemurr

cosmic theme

dreemurr
Dec 13th, 2016
4,074
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.91 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-- cosmic theme by kiru @fujisaki <3 made with love!!
  5. please contact me if there are any problems!!
  6. thank you very much for using!! -->
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="image:background" content="" />
  17. <meta name="image:header" content="" />
  18. <meta name="image:permalink" content="" />
  19. <meta name="image:posts" content="" />
  20.  
  21. <meta name="color:background" content="#fff" />
  22. <meta name="color:header bg" content="#fff" />
  23. <meta name="color:body text" content="#000" />
  24. <meta name="color:tooltip border" content="#000" />
  25. <meta name="color:tooltip bg" content="#ff0000" />
  26. <meta name="color:border" content="#ff0000" />
  27. <meta name="color:posts" content="#fff" />
  28. <meta name="color:link" content="#ff0000" />
  29. <meta name="color:link outline" content="#0000ff" />
  30. <meta name="color:link hover" content="#ff0000" />
  31. <meta name="color:link hover outline" content="#000000" />
  32. <meta name="color:scrollbar bg" content="#000" />
  33. <meta name="color:scrollbar thumb" content="#ff0000" />
  34. <meta name="color:selection bg" content="#ff0000" />
  35. <meta name="color:selection text" content="#000000" />
  36.  
  37. <meta name="if:header img" content="" />
  38. <meta name="if:link outline" content="" />
  39. <meta name="if:rounded borders" content="" />
  40. <meta name="if:permalink img" content="" />
  41. <meta name="if:glow border" content="" />
  42. <meta name="if:text links" content="" />
  43.  
  44. <meta name="select:font" content="verdana" title="Verdana" />
  45. <meta name="select:font" content="consolas" title="Consolas" />
  46. <meta name="select:font" content="lucida sans" title="Lucida Sans" />
  47. <meta name="select:font" content="arial" title="Arial" />
  48. <meta name="select:font" content="calibri" title="Calibri" />
  49. <meta name="select:font" content="cambria" title="Cambria" />
  50. <meta name="select:font" content="courier new" title="Courier New" />
  51. <meta name="select:font" content="comic sans ms" title="Comic Sans" />
  52. <meta name="select:font" content="ms gothic" title="MS Gothic" />
  53. <meta name="select:font" content="ms pgothic" title="MS PGothic" />
  54. <meta name="select:font" content="times new roman" title="Times New Roman"/>
  55. <meta name="select:link font" content="verdana" title="Verdana" />
  56. <meta name="select:link font" content="consolas" title="Consolas" />
  57. <meta name="select:link font" content="lucida sans" title="Lucida Sans" />
  58. <meta name="select:link font" content="arial" title="Arial" />
  59. <meta name="select:link font" content="calibri" title="Calibri" />
  60. <meta name="select:link font" content="cambria" title="Cambria" />
  61. <meta name="select:link font" content="courier new" title="Courier New" />
  62. <meta name="select:link font" content="comic sans ms" title="Comic Sans" />
  63. <meta name="select:link font" content="ms gothic" title="MS Gothic" />
  64. <meta name="select:link font" content="ms pgothic" title="MS PGothic" />
  65. <meta name="select:link font" content="times new roman" title="Times New Roman"/>
  66. <meta name="select:text align" content="center" />
  67. <meta name="select:text align" content="left" />
  68. <meta name="select:text align" content="right" />
  69. <meta name="select:text align" content="justified" />
  70. <meta name="select:permalink align" content="center" />
  71. <meta name="select:permalink align" content="left" />
  72. <meta name="select:permalink align" content="right" />
  73.  
  74. <meta name="select:post border" content="solid"/>
  75. <meta name="select:post border" content="dotted"/>
  76. <meta name="select:post border" content="dashed"/>
  77. <meta name="select:post border" content="double"/>
  78. <meta name="select:post border" content="none"/>
  79.  
  80. <meta name="select:header border" content="solid"/>
  81. <meta name="select:header border" content="dotted"/>
  82. <meta name="select:header border" content="dashed"/>
  83. <meta name="select:header border" content="double"/>
  84. <meta name="select:header border" content="none"/>
  85.  
  86. <meta name="text:border width" content="1" />
  87. <meta name="text:notes" content="notes" />
  88. <meta name="text:body font size" content="16" />
  89. <meta name="text:rainbow title" content="insert title here!" />
  90. <meta name="text:title font size" content="24" />
  91. <meta name="text:link 1 url" content="/" />
  92. <meta name="text:link 1 text" content="link 1" />
  93. <meta name="text:link 2 url" content="/" />
  94. <meta name="text:link 2 text" content="link 2" />
  95. <meta name="text:link 3 url" content="/" />
  96. <meta name="text:link 3 text" content="link 3" />
  97. <meta name="text:link 4 url" content="/" />
  98. <meta name="text:link 4 text" content="link 4" />
  99.  
  100.  
  101. <meta name="" content="" />
  102.  
  103. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  104. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  105. <script>
  106. (function($){
  107. $(document).ready(function(){
  108. $("a[title]").style_my_tooltips({
  109. tip_follows_cursor:true,
  110. tip_delay_time:90,
  111. tip_fade_speed:0,
  112. attribute:"title"});});})(jQuery);
  113. </script>
  114.  
  115. <script type="text/javascript">
  116. // <![CDATA[
  117. var speed=100; // speed colours change, 1 second = 1000
  118. var glow=3; // can be set from '0' for no glow, to 10
  119. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  120. var alink="/"; // page to link text to (set to ="" for no link)
  121.  
  122. /****************************
  123. * Rainbow Text Effect *
  124. *(c)2003-13 mf2fm web-design*
  125. * http://www.mf2fm.com/rv *
  126. * DON'T EDIT BELOW THIS BOX *
  127. ****************************/
  128. var rainbow, raintxt, raincnt=0;
  129.  
  130. function addLoadEvent(funky) {
  131. var oldonload=window.onload;
  132. if (typeof(oldonload)!='function') window.onload=funky;
  133. else window.onload=function() {
  134. if (oldonload) oldonload();
  135. funky();
  136. }
  137. }
  138.  
  139. addLoadEvent(regenbogen);
  140.  
  141. function regenbogen() { if (document.getElementById) {
  142. var i, rainbeau;
  143. rainbow=document.getElementById("rainbow");
  144. raintxt=rainbow.firstChild.nodeValue;
  145. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  146. for (i=0; i<raintxt.length; i++) {
  147. rainbeau=document.createElement("span");
  148. rainbeau.setAttribute("id", "rain"+i);
  149. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  150. if (alink) {
  151. rainbeau.style.cursor="pointer";
  152. rainbeau.onclick=function() { top.location.href=alink; }
  153. }
  154. rainbow.appendChild(rainbeau);
  155. }
  156. rainbow=setInterval ("raining()", speed);
  157. }}
  158.  
  159. function raining() {
  160. var i, c;
  161. for (i=0; i<raintxt.length; i++) {
  162. c=raincol[(i+raincnt)%raincol.length];
  163. document.getElementById("rain"+i).style.color=c;
  164. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  165. }
  166. raincnt++;
  167. }
  168. // ]]>
  169. </script>
  170.  
  171.  
  172. <style type="text/css">
  173.  
  174. body {
  175. background:{color:background};
  176. background-image:url('{image:background}');
  177. font-family:{select:font};
  178. font-size: {text:body font size}px;
  179. text-align:{select:text align};
  180. color:{color:body text};
  181. }
  182.  
  183. ::-webkit-scrollbar {
  184. height: 0px;
  185. width: 9px;
  186. background:{color:scrollbar bg};
  187. border: 4px solid{color:background};
  188. opacity:1;
  189. }
  190.  
  191. ::-webkit-scrollbar-thumb {
  192. background:{color:scrollbar thumb};
  193. border:{color:background} solid 2px;
  194. height: 8px; width: 20px;
  195. }
  196.  
  197. #s-m-t-tooltip {
  198. max-width:300px;
  199. border-radius:0px;
  200. padding:4px;
  201. border:1px solid {color:tooltip border};
  202. margin:20px 7px -2px 20px;
  203. background-color:{color:tooltip bg};
  204. font-size:13px;
  205. text-transform:normal;
  206. color:{color:text};
  207. z-index:999999999999999999999999999999999999;
  208. letter-spacing:.8px;
  209.  
  210. }
  211.  
  212. a {
  213. font-family:{select:link font};
  214. font-weight:bold;
  215. text-decoration: none;
  216. color: {color:link};
  217. {block:iflinkoutline}text-shadow: -1px 0 {color:link outline}, 0 1px {color:link outline},
  218. 1px 0 {color:link outline}, 0 -1px {color:link outline};
  219. font-weight:bold;{/block:iflinkoutline}
  220. }
  221.  
  222. a:hover{
  223. font-family:{select:link font};
  224. color: {color:link hover};
  225. text-decoration: none;
  226. {block:iflinkoutline}text-shadow: -1px 0 {color:link hover outline}, 0 1px {color:link hover outline},
  227. 1px 0 {color:link hover outline}, 0 -1px {color:link hover outline};
  228. font-weight:bold;{/block:iflinkoutline}
  229. }
  230.  
  231. li{
  232. margin-left:20px;
  233. text-align:left;
  234. }
  235.  
  236.  
  237. ::selection {
  238. background: {color:selection bg};
  239. color: {color:selection text};
  240. }
  241.  
  242. ::-moz-selection {
  243. background: {color:selection bg};
  244. color: {color:selection text};
  245. }
  246.  
  247. ::-webkit-selection {
  248. background: {color:selection bg};
  249. color: {color:selection text};
  250. }
  251.  
  252. #header {
  253. width:490px;
  254. border:{text:border width}px {select:header border} {color:border};
  255. {block:ifroundedborders}border-radius:10px;{/block:ifroundedborders}
  256. {block:ifglowborder}box-shadow: 0 0 10px {color:border};{/block:ifglowborder}
  257. margin:auto;
  258. background-color:{color:header bg};
  259. }
  260.  
  261. #title {
  262. font-size:{text:title font size}px;
  263. }
  264.  
  265. #minecraft {
  266. position:fixed;
  267. bottom:5px;
  268. right:5px;
  269.  
  270. }
  271.  
  272. #him {
  273.  
  274. }
  275.  
  276. .post{
  277. margin:30px auto;
  278. margin-bottom:30px;
  279. overflow:hidden;
  280. font-family:{select:font};
  281. font-size:{text:font size}px;
  282. width:450px;
  283. background-color:{color:posts};
  284. background-image:url('{image:background}');
  285. padding:20px;
  286. border:{text:border width}px {select:post border} {color:border};
  287. {block:ifroundedborders}border-radius:10px;{/block:ifroundedborders}
  288. {block:ifglowborder}box-shadow: 0 0 10px {color:border};{/block:ifglowborder}
  289.  
  290. }
  291.  
  292. .footer{
  293. text-align:{select:permalink align};
  294. }
  295.  
  296.  
  297.  
  298. </style>
  299.  
  300.  
  301. </head>
  302.  
  303. <body>
  304. <div id="minecraft"><a href="http://fujisaki.tumblr.com/" title="theme">x</a></div>
  305.  
  306. <br />
  307. <div id="him">
  308. <div id="header">
  309. <div id="title">
  310. <span id="rainbow">{text:rainbow title}</span>
  311. </div>
  312. <br />
  313. {block:ifheaderimg}<img src="{image:Header}">
  314. <br />{/block:ifheaderimg}
  315. {Description}
  316. <p>{block:iftextlinks}<a href="{text:link 1 url}">{text:link 1 text}</a> / <a href="{text:link 2 url}">{text:link 2 text}</a> / <a href="{text:link 3 url}">{text:link 3 text}</a> / <a href="{text:link 4 url}">{text:link 4 text}</a>{/block:iftextlinks}
  317. </div></div>
  318.  
  319. {block:Posts}
  320.  
  321. {block:ContentSource}
  322. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  323. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  324. {/block:SourceLogo}
  325. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  326. {/block:ContentSource}
  327. {block:NoRebloggedFrom}
  328. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  329. {/block:NoRebloggedFrom}
  330.  
  331.  
  332. <div class="post">
  333. {block:Text}
  334. {block:Title}
  335. <div class="title">{Title}</div>
  336. {/block:Title}
  337. {Body}
  338. {/block:Text}
  339.  
  340. {block:Photo}
  341. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  342. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  343. {/block:Photo}
  344.  
  345. {block:Photoset}
  346. <div class="media">{Photoset}</div>
  347. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  348. {/block:Photoset}
  349.  
  350. {block:Quote}
  351. <div class="quote">"{Quote}"</div>
  352. {block:Source}
  353. <div class="quotesource">{Source}</div>
  354. {/block:Source}
  355. {/block:Quote}
  356.  
  357. {block:Link}
  358. <div class="title"><a href="{URL}">{Name}</a></div>
  359. {block:Description}
  360. <div class="description">{Description}</div>
  361. {/block:Description}
  362. {/block:Link}
  363.  
  364. {block:Chat}
  365. {block:Title}
  366. <div class="title">{Title}</div>
  367. {/block:Title}
  368.  
  369. {block:Lines}
  370. <div class="{Alt} user_{UserNumber}">
  371. {block:Label}
  372. <b>{Label}</b>{/block:Label}
  373. &nbsp;{Line}
  374. </div>
  375. {/block:Lines}
  376. {/block:Chat}
  377.  
  378. {block:Video}
  379. <div class="media">
  380. <div class="video-wrapper">
  381. <div class="video-container">{Video-400}</div>
  382. </div>
  383. </div>
  384. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  385. {/block:Video}
  386.  
  387. {block:Audio}
  388. <div id="audio">
  389. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  390. <div class="player">{AudioPlayerWhite}</div>
  391. <div class="songtitle">
  392. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br>
  393. {block:Artist}{Artist}{/block:Artist}<br>
  394. {block:Album}{Album}{/block:Album}</div></div>
  395. {block:Caption}{Caption}{/block:Caption}
  396. {/block:Audio}
  397.  
  398. {block:Answer}
  399. <div class="question"><img src="{AskerPortraitURL-24}"> <b>{Asker}</b>: {Question}</div>
  400. <div class="caption">{Answer}</div>
  401. {/block:Answer}
  402.  
  403.  
  404. {block:Date}
  405. <div class="footer">
  406. <center>{block:ifpermalinkimg}<img src="{image:permalink}">{/block:ifpermalinkimg}</center><br />
  407. <a href="{Permalink}" title="{TimeAgo}">{12Hour}:{Minutes} {AmPm}</a>{block:ContentSource} | <a href="{SourceURL}" title="{SourceTitle}">src</a>{/block:ContentSource} | <a href="{Permalink}">{NoteCount} {text:notes}</a>
  408. {block:HasTags}<br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  409. </div>
  410.  
  411. {block:PermalinkPage}
  412. {block:NoteCount}
  413. {block:PostNotes}{PostNotes}{/block:PostNotes}
  414. {/block:NoteCount}
  415. {/block:PermalinkPage}
  416. {/block:Date}
  417.  
  418. </div>
  419. {/block:Posts}
  420.  
  421. {block:Pagination}
  422. {block:PreviousPage}<u><a href="{PreviousPage}">< back</a></u>{/block:PreviousPage}
  423. &nbsp;
  424. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  425. &nbsp;
  426. {block:NextPage}<u><a href="{NextPage}">next ></a></u><br />{/block:NextPage}
  427. {/block:Pagination}
  428. </body>
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!