API tools faq
paste
Advertisement
capturingdreams

My Blue Dream theme

capturingdreams
Jun 23rd, 2011
3,958
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.97 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5.  
  6. <!--
  7.  
  8.  
  9.  
  10. Theme by http://capturingdreams.tumblr.com || "My Blue Dream" theme for Tumblr
  11.  
  12.  
  13. Please don't steal/copy any codes here. Never use my codes as base codes. I spent hours/days on this theme to share it not to GIVE it.
  14.  
  15. EDITING THE CODES BELOW MIGHT CAUSE A MALFUNCTION TO THE THEME, SO DON'T EDIT ANY THING. DON'T ASK ME HOW TO FIX IT.
  16.  
  17. !-->
  18.  
  19. <noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
  20. // <![CDATA[
  21. var colour="#cfe9ff";
  22. var sparkles=95;
  23.  
  24. /****************************
  25. * Tinkerbell Magic Sparkle *
  26. * (c) 2005 mf2fm web-design *
  27. * DON'T EDIT BELOW THIS BOX *
  28. ****************************/
  29. var x=ox=400;
  30. var y=oy=300;
  31. var swide=800;
  32. var shigh=600;
  33. var sleft=sdown=0;
  34. var tiny=new Array();
  35. var star=new Array();
  36. var starv=new Array();
  37. var starx=new Array();
  38. var stary=new Array();
  39. var tinyx=new Array();
  40. var tinyy=new Array();
  41. var tinyv=new Array();
  42.  
  43. window.onload=function() { if (document.getElementById) {
  44. var i, rats, rlef, rdow;
  45. for (var i=0; i<sparkles; i++) {
  46. var rats=createDiv(3, 3);
  47. rats.style.visibility="hidden";
  48. document.body.appendChild(tiny[i]=rats);
  49. starv[i]=0;
  50. tinyv[i]=0;
  51. var rats=createDiv(5, 5);
  52. rats.style.backgroundColor="transparent";
  53. rats.style.visibility="hidden";
  54. var rlef=createDiv(1, 5);
  55. var rdow=createDiv(5, 1);
  56. rats.appendChild(rlef);
  57. rats.appendChild(rdow);
  58. rlef.style.top="2px";
  59. rlef.style.left="0px";
  60. rdow.style.top="0px";
  61. rdow.style.left="2px";
  62. document.body.appendChild(star[i]=rats);
  63. }
  64. set_width();
  65. sparkle();
  66. }}
  67.  
  68. function sparkle() {
  69. var c;
  70. if (x!=ox || y!=oy) {
  71. ox=x;
  72. oy=y;
  73. for (c=0; c<sparkles; c++) if (!starv[c]) {
  74. star[c].style.left=(starx[c]=x)+"px";
  75. star[c].style.top=(stary[c]=y)+"px";
  76. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  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. if (stary[i]<shigh+sdown) {
  94. star[i].style.top=stary[i]+"px";
  95. starx[i]+=(i%5-2)/5;
  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. star[i].style.visibility="hidden";
  111. tiny[i].style.visibility="visible"
  112. }
  113. }
  114.  
  115. function update_tiny(i) {
  116. if (--tinyv[i]==25) {
  117. tiny[i].style.width="1px";
  118. tiny[i].style.height="1px";
  119. }
  120. if (tinyv[i]) {
  121. tinyy[i]+=1+Math.random()*3;
  122. if (tinyy[i]<shigh+sdown) {
  123. tiny[i].style.top=tinyy[i]+"px";
  124. tinyx[i]+=(i%5-2)/5;
  125. tiny[i].style.left=tinyx[i]+"px";
  126. }
  127. else {
  128. tiny[i].style.visibility="hidden";
  129. tinyv[i]=0;
  130. return;
  131. }
  132. }
  133. else tiny[i].style.visibility="hidden";
  134. }
  135.  
  136. document.onmousemove=mouse;
  137. function mouse(e) {
  138. set_scroll();
  139. y=(e)?e.pageY:event.y+sdown;
  140. x=(e)?e.pageX:event.x+sleft;
  141. }
  142.  
  143. function set_scroll() {
  144. if (typeof(self.pageYOffset)=="number") {
  145. sdown=self.pageYOffset;
  146. sleft=self.pageXOffset;
  147. }
  148. else if (document.body.scrollTop || document.body.scrollLeft) {
  149. sdown=document.body.scrollTop;
  150. sleft=document.body.scrollLeft;
  151. }
  152. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  153. sleft=document.documentElement.scrollLeft;
  154. sdown=document.documentElement.scrollTop;
  155. }
  156. else {
  157. sdown=0;
  158. sleft=0;
  159. }
  160. }
  161.  
  162. window.onresize=set_width;
  163. function set_width() {
  164. if (typeof(self.innerWidth)=="number") {
  165. swide=self.innerWidth;
  166. shigh=self.innerHeight;
  167. }
  168. else if (document.documentElement && document.documentElement.clientWidth) {
  169. swide=document.documentElement.clientWidth;
  170. shigh=document.documentElement.clientHeight;
  171. }
  172. else if (document.body.clientWidth) {
  173. swide=document.body.clientWidth;
  174. shigh=document.body.clientHeight;
  175. }
  176. }
  177.  
  178. function createDiv(height, width) {
  179. var div=document.createElement("div");
  180. div.style.position="absolute";
  181. div.style.height=height+"px";
  182. div.style.width=width+"px";
  183. div.style.overflow="hidden";
  184. div.style.backgroundColor=colour;
  185. return (div);
  186. }
  187. // ]]>
  188. </script>
  189.  
  190. <img src="http://i1102.photobucket.com/albums/g455/capturingdreams/Untitlead-2.png" img style="position: fixed; left:103px; top:637px; z-index: 1;"><img src="http://i1102.photobucket.com/albums/g455/capturingdreams/Untitlead-2.png" img style="position: fixed; left:103px; top:0px; z-index: 1;"><img src="http://i1102.photobucket.com/albums/g455/capturingdreams/Unztitled-2.png" style="position: fixed; right:95px; top:637px; z-index: 1;"><img src="http://i1102.photobucket.com/albums/g455/capturingdreams/Unztitled-2.png" img style="position: fixed; right:95px; top:0px; z-index: 1;">
  191.  
  192.  
  193. <img style="position: fixed; left:152px; top:0px; z-index: 1;" src="http://i1102.photobucket.com/albums/g455/capturingdreams/head-1.png" usemap="#Image-Maps_6201106231324489" border="0" width="966" height="196" alt="" />
  194. <map id="_Image-Maps_6201106231324489" name="Image-Maps_6201106231324489">
  195. <area shape="rect" coords="24,154,217,191" href="/" alt="" title="" />
  196. <area shape="rect" coords="258,154,473,191" href="/ask" alt="Contact me." title="Contact me." />
  197. <area shape="rect" coords="513,150,716,191" href="/archive" alt="Blog archives" title="Blog archives" />
  198. <area shape="rect" coords="752,150,918,191" href="http://capturingdreams.tumblr.com" alt="Theme maker." title="Theme maker." />
  199. <area shape="rect" coords="964,194,966,196" href="http://www.image-maps.com/index.php?aff=mapped_users_6201106231324489" alt="Image Map" title="Image Map" />
  200. </map>
  201. </div>
  202.  
  203.  
  204.  
  205. <link rel="shortcut icon" href="{Favicon}">
  206.  
  207. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  208.  
  209. {block:Description}
  210. <meta name="description" content="{MetaDescription}" />
  211.  
  212. {/block:Description}
  213.  
  214.  
  215. <meta name="font:body" content="helvetica" />
  216. <meta name="text:font size" content="10px" />
  217. <meta name="color:background" content="trans" />
  218. <meta name="color:postbox" content="#e3f2ff" />
  219. <meta name="color:title" content="#aed7fa" />
  220. <meta name="color:text" content="#aed7fa" />
  221. <meta name="color:link" content="#fff" />
  222. <meta name="color:link background" content="#cfe9ff"/>
  223. <meta name="color:link hover" content="#fff"/>
  224. <meta name="color:border" content="#cfe9ff" />
  225. <meta name="image:background" content="http://i340.photobucket.com/albums/o352/kayharu/simplebgs/blue-bk.gif"/>
  226.  
  227.  
  228.  
  229. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><style type="text/css">
  230.  
  231. body {color:{color:Text};
  232. background-color:{color:background};
  233. background-image:url({image:background});
  234. background-position: top;
  235. background-attachment: absolute;
  236. background-repeat: repeat;
  237. font-family:Trebuchet MS;
  238. font-size:11px;
  239. line-height: 12px;
  240. text-align:justify;
  241. cursor: url("http://i340.photobucket.com/albums/o352/kayharu/Cursors/smalls.gif"), default;}
  242. a:link, a:active, a:visited {color: {color:link};
  243. background-color: {color:link background};
  244. -moz-border-radius: 7px 7px ;
  245. border-radius: 7px 7px / 7px 7px ;
  246. text-decoration:none;
  247. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;}a:hover{
  248. color:{color:link hover};
  249. font-weight:bold;}a img{border: 0px;}
  250. h1, big{color:{color:title};
  251. font-family:learningcurve;
  252. font-size:40px;
  253. line-height:30px;
  254. letter-spacing:-1px;
  255. font-weight:normal;
  256. margin:0px;
  257. padding:0px;
  258. text-align:center;}h3{color:{color:text};font-family:learningcurve;
  259. font-size:35px;
  260. line-height:14px;
  261. letter-spacing:-1px;
  262. font-weight:normal;
  263. text-transform:;margin:0px;padding:0px;margin-bottom:-0px;
  264. text-align:left;}@font-face {font-family: "learningcurve";
  265. src: url('http://static.tumblr.com/crxikti/W0mln8v8a/learningcurve.ttf');}@font-face {font-family: "redensek";src: url('http://static.tumblr.com/crxikti/fuGln31o2/redensek.ttf');}
  266. #content {background-color: #fff;position: absolute;margin: 0 0px 15px 0;margin-top:182px;
  267. margin-left:365px;
  268. width:760px;
  269. padding:6px;
  270. overflow:hidden;
  271. height: 100%;}
  272.  
  273.  
  274.  
  275. #sidebar1 {
  276. position: fixed;
  277. top: 185px;
  278. left: 155px;
  279. background-color: #fff;
  280. width: 204px;
  281. height: 100%;
  282. padding-left:8px;
  283. padding-right:6px;
  284. padding-bottom:12px;
  285. padding-top:3px;
  286. }
  287.  
  288.  
  289.  
  290. #postbox {
  291. background-color:{color:postbox};
  292. float:left;
  293. {block:IndexPage}
  294. width: 230px;
  295. height: 150px;
  296. overflow:hidden;
  297. {/block:IndexPage}
  298. {block:PermalinkPage}
  299. width:513px;
  300. {/block:PermalinkPage}
  301. padding:0px;
  302. padding-top:7px;
  303. margin:4px;
  304. -moz-border-radius: 10px;
  305. -webkit-border-radius: 10px;
  306. border: 1px solid #fff;
  307. -webkit-box-shadow: 0 0 10px #cfe9ff;
  308. box-shadow: 0 0 10px cfe9ff;
  309. }
  310.  
  311.  
  312. #sidebox {
  313.  
  314. font: 30px learningcurve;
  315. color: {color:title};
  316. border-bottom: 1px dashed #e3f2ff;
  317. text-align: left;
  318. }
  319.  
  320. #sidetext {
  321. font-family: redensek;
  322. font-size:11.5px;
  323. }
  324.  
  325.  
  326. .sidepicture{
  327. background-image: url({PortraitURL-128});
  328. -moz-border-radius: 64px;
  329. -webkit-border-radius: 64px;
  330. width: 128px;
  331. height: 128px;
  332. margin-bottom: 5px;
  333. }
  334.  
  335.  
  336. #notesandtags{
  337. border-bottom:1px solid {color:border};
  338. display:block;
  339. font-size: 7.5pt;
  340. }
  341.  
  342.  
  343.  
  344.  
  345.  
  346. .tags {
  347.  
  348. font-size: 10px;
  349. float: right;
  350. text-transform: lowercase;
  351.  
  352. }
  353.  
  354.  
  355.  
  356. .tag {
  357.  
  358. font-weight: normal;
  359. margin-right: 2px;
  360. font-style: normal;
  361.  
  362. }
  363.  
  364.  
  365.  
  366. div.navigate a {
  367.  
  368. text-align: center;
  369. padding:1px;
  370. padding-right:3px;
  371. padding-left:3px;
  372. background-color: #daedfd;
  373. color:#aed7fa;
  374. border:1px solid #daedfd;
  375. margin:5px;
  376. margin-left:1px;
  377. position:relative;
  378. width: 69px;
  379. display: inline-block;
  380. -webkit-box-shadow:0px 0px 3px #daedfd;
  381. -moz-box-shadow:0px 0px 3px #daedfd;
  382. -moz-border-radius: 10px;
  383. -webkit-border-radius: 10px;
  384. }
  385.  
  386.  
  387. div.navigate a:hover {
  388. font-size:13px;
  389. text-align: center;
  390. padding:3px;
  391. padding-right:5px;
  392. padding-left:5px;
  393. background-color: #d5ebfd;
  394. border:1px solid #daedfd;
  395. margin:5px;
  396. margin-left:-1px;
  397. position:relative;
  398. width: 69px;
  399. display: inline-block;
  400.  
  401. }
  402.  
  403. #perma {
  404. font-size:9px;
  405. margin-top:0px;
  406. position:absolute;
  407. right:50%;
  408. margin-right:260px;
  409. }
  410.  
  411.  
  412.  
  413.  
  414. blockquote {
  415.  
  416. font-size: 11px;
  417. background-color: #f2e6dd;
  418. padding: 5px;
  419. border-left: 5px groove #eed9be;
  420. margin: 5px;
  421.  
  422. }
  423.  
  424.  
  425.  
  426. blockquote:hover {
  427.  
  428. font-size: 11px;
  429. background-color: #f2e6dd;
  430. padding: 5px;
  431. border-left: 5px ridge #eed9be;
  432. margin: 5px;
  433.  
  434. }
  435.  
  436.  
  437. b, strong{color:{color:text};}
  438. i, em {color:{color:text};}
  439. p{margin-top:3px; margin-bottom:3px;}
  440.  
  441.  
  442.  
  443. ul.chat, .chat ol, .chat li {
  444. list-style:none;
  445. margin:0px;
  446. padding:0px;
  447. }
  448.  
  449.  
  450.  
  451. .notes img {
  452. width:10px;
  453. position:relative;
  454. top:1px;
  455. }
  456.  
  457.  
  458.  
  459. ol.notes, .notes li {
  460. list-style:none;
  461. margin:0px;
  462. padding:0px;
  463. }
  464.  
  465. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  466. background-color:transparent!important;
  467. }
  468.  
  469.  
  470. </style>
  471.  
  472.  
  473.  
  474. <style type="text/css">{CustomCSS]</style>
  475.  
  476.  
  477. </head><body>
  478. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  479. <div id="content"><br><div class="autopagerize_page_element">{block:Posts}
  480. <div id="postbox">
  481. <div id="notesandtags"><center><font color= "#fff">✿</font>&nbsp;{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} |<span> <a href="{ReblogURL}" target="_blank" class="details"> Reblog</a> | {notecountwithlabel} <font color= "#fff">✿</font></center></span>
  482. {block:Text}{block:Title}{/block:Title} {/block:Text}{block:Chat}{/block:Chat}{block:Link}{/block:Link}{block:Quote}{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
  483.  
  484.  
  485. {block:IndexPage}<div id="bar"></div>{/block:IndexPage}<div id="title"><a href="{Permalink}" class="date" target = "_blank"><span>
  486.  
  487. </div>
  488.  
  489. {block:Text}{block:Title}<div class="title"><h3>{Title}</h3></div>{/block:Title}{Body}
  490. {/block:Text}
  491.  
  492. {block:Photo}<center>
  493. {block:IndexPage}<a href="{permalink}" target = "_blank"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>{/block:IndexPage}
  494. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}
  495. </center>{/block:Photo}
  496.  
  497. {block:Photoset}<center>{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  498.  
  499. {block:Quote}<h3><i>"{Quote}"&nbsp;</i></h3>
  500. <div style="padding-left:20px;">
  501. {block:Source}<BR>— {Source}{/block:Source}
  502. </div>
  503. {/block:Quote}
  504.  
  505. {block:Link}<a href="{URL}" class="link" {Target} target = "_blank"><h3>{Name}</h3></a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
  506.  
  507. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  508.  
  509. {block:Video}<center>{block:IndexPage}<div id="video">{Video-500}</div>{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>{/block:Video}
  510.  
  511. {block:Audio}<span class="audio">{AudioPlayerWhite}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  512.  
  513. {block:Answer}
  514. <img src="{AskerPortraitURL-30}"/>{Asker}: <b>{Question}</b><br>{Answer}
  515. {/block:Answer}</div>
  516. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  517.  
  518. <div id="permainfo">
  519. Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}<BR>
  520. {block:RebloggedFrom}Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  521. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  522. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>
  523. Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  524. {block:HasTags}<BR>Tags: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount} &hearts;
  525. </div></div> {/block:Date}{/block:PermalinkPage}
  526. {/block:Posts}
  527. </div>
  528.  
  529. <br>
  530. {PostNotes}
  531. <p id="footer">
  532.  
  533.  
  534.  
  535.  
  536.  
  537.  
  538.  
  539. <!-- Description -->
  540. <div id="sidebar1"><br>
  541. <center><div class="sidepicture"></div></center><br>
  542.  
  543. <div id="sidetext">{block:Description}
  544. {Description}{/block:Description}</div id="sidetext">
  545.  
  546. <br>
  547.  
  548.  
  549.  
  550. <!-- Navigations -->
  551. <div id="sidebox">Navigation</div><br><center><div class="navigate"><div id="sidetext">
  552. <a href="/faq">FAQ</a>
  553. <a href="{RSS}">RSS</a>
  554. <a href="/mobile">Mobile</a>
  555. <a href="http://capturingdreams.tumblr.com">Theme by</a>
  556.  
  557. </div></div id="sidetext"></center>
  558.  
  559.  
  560.  
  561. <br><br><!-- DON'T REMOVE THIS! AT LEAST HAVE SOME RESPECT. -->
  562. <center><a href="http://www.tumblr.com/themes/by/capturingdreams">My Blue Dream theme</a> for <a href="http://tumblr.com">Tumblr</a>. <br>Theme by <a href="http://capturingdreams.tumblr.com">capturingdreams</a></center>
  563.  
  564. </div>
  565.  
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572. </div>
  573.  
  574. </body>
  575. </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!