API tools faq
paste
Advertisement
birth-c0ntrol

theme 16

birth-c0ntrol
May 6th, 2012
32
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.65 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 16 by birth-c0ntrol.
  3. put the credit in your faq, i know you're gonna remove it.
  4. -->
  5.  
  6. <html lang="en">
  7. <head>
  8. {block:ifbubblecursor}
  9. <script type="text/javascript">
  10. // <![CDATA[
  11. var colours=new Array("{color:bubbles}", "{color:bubbles}", "{color:bubbles}", "{color:bubbles}", "{color:bubbles}");
  12. var bubbles=20;
  13.  
  14. /****************************
  15. * JavaScript Bubble Cursor *
  16. * (c) 2010 mf2fm web-design *
  17. * http://www.mf2fm.com/rv *
  18. * DON'T EDIT BELOW THIS BOX *
  19. ****************************/
  20.  
  21. var x=ox=400;
  22. var y=oy=300;
  23. var swide=800;
  24. var shigh=600;
  25. var sleft=sdown=0;
  26. var bubb=new Array();
  27. var bubbx=new Array();
  28. var bubby=new Array();
  29. var bubbs=new Array();
  30.  
  31. window.onload=function() { if (document.getElementById) {
  32. var rats, div;
  33. for (var i=0; i<bubbles; i++) {
  34. rats=createDiv("3px", "3px");
  35. rats.style.visibility="hidden";
  36.  
  37. div=createDiv("auto", "auto");
  38. rats.appendChild(div);
  39. div=div.style;
  40. div.top="1px";
  41. div.left="0px";
  42. div.bottom="1px";
  43. div.right="0px";
  44. div.borderLeft="1px solid "+colours[3];
  45. div.borderRight="1px solid "+colours[1];
  46.  
  47. div=createDiv("auto", "auto");
  48. rats.appendChild(div);
  49. div=div.style;
  50. div.top="0px";
  51. div.left="1px";
  52. div.right="1px";
  53. div.bottom="0px"
  54. div.borderTop="1px solid "+colours[0];
  55. div.borderBottom="1px solid "+colours[2];
  56. div=createDiv("auto", "auto");
  57. rats.appendChild(div);
  58. div=div.style;
  59. div.left="1px";
  60. div.right="1px";
  61. div.bottom="1px";
  62. div.top="1px";
  63. div.backgroundColor=colours[4];
  64. div.opacity=0.5;
  65. if (document.all) div.filter="alpha(opacity=50)";
  66.  
  67. document.body.appendChild(rats);
  68. bubb[i]=rats.style;
  69. }
  70. set_scroll();
  71. set_width();
  72. bubble();
  73. }}
  74.  
  75.  
  76.  
  77. function bubble() {
  78. var c;
  79. if (x!=ox || y!=oy) {
  80. ox=x;
  81. oy=y;
  82. for (c=0; c<bubbles; c++) if (!bubby[c]) {
  83. bubb[c].left=(bubbx[c]=x)+"px";
  84. bubb[c].top=(bubby[c]=y)+"px";
  85. bubb[c].width="3px";
  86. bubb[c].height="3px"
  87. bubb[c].visibility="visible";
  88. bubbs[c]=3;
  89. break;
  90. }
  91. }
  92. for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
  93. setTimeout("bubble()", 40);
  94. }
  95.  
  96. function update_bubb(i) {
  97. if (bubby[i]) {
  98. bubby[i]-=bubbs[i]/2+i%2;
  99. bubbx[i]+=(i%5-2)/5;
  100. if (bubby[i]>sdown && bubbx[i]>0) {
  101. if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
  102. bubb[i].width=bubbs[i]+"px";
  103. bubb[i].height=bubbs[i]+"px";
  104. }
  105. bubb[i].top=bubby[i]+"px";
  106. bubb[i].left=bubbx[i]+"px";
  107. }
  108. else {
  109. bubb[i].visibility="hidden";
  110. bubby[i]=0;
  111. return;
  112. }
  113. }
  114. }
  115.  
  116. document.onmousemove=mouse;
  117. function mouse(e) {
  118. set_scroll();
  119. y=(e)?e.pageY:event.y+sleft;
  120. x=(e)?e.pageX:event.x+sdown; }
  121.  
  122. window.onresize=set_width;
  123. function set_width() {
  124. if (document.documentElement && document.documentElement.clientWidth) {
  125. swide=document.documentElement.clientWidth;
  126. shigh=document.documentElement.clientHeight;
  127. }
  128. else if (typeof(self.innerHeight)=="number") {
  129. swide=self.innerWidth;
  130. shigh=self.innerHeight;
  131. }
  132. else if (document.body.clientWidth) {
  133. swide=document.body.clientWidth;
  134. shigh=document.body.clientHeight;
  135. }
  136. else {
  137. swide=800;
  138. shigh=600;
  139. }
  140. }
  141.  
  142. window.onscroll=set_scroll;
  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. function createDiv(height, width) {
  163. var div=document.createElement("div");
  164. div.style.position="absolute";
  165. div.style.height=height;
  166. div.style.width=width;
  167. div.style.overflow="hidden";
  168. return (div);
  169. }
  170. // ]]>
  171. </script>
  172. {/block:ifbubblecursor}
  173.  
  174.  
  175. <!-- DEFAULT VARIABLES -->
  176. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  177. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  178. <link href='http://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise' rel='stylesheet' type='text/css'>
  179. <meta name="color:background" content="#ddd"/>
  180. <meta name="color:text" content="#000"/>
  181. <meta name="color:title" content="#000"/>
  182. <meta name="color:link" content="#000"/>
  183. <meta name="color:bubbles" content="#FFFFFF"/>
  184. <meta name="color:hover" content="#fff"/>
  185. <meta name="image:sidebar" content="1"/>
  186. <meta name="image:background" content=""/>
  187. <meta name="if:show photo" content="0"/>
  188. <meta name="if:link shadow" content="1"/>
  189. <meta name="if:bubble cursor" content="1"/>
  190. <meta name="if:infinite scrolling" content="1"/>
  191. <meta name="if:show arrows" content="0"/>
  192. <meta name="if:tiny cursor" content="1"/>
  193. <meta name="if:tiny cursor" content="1"/>
  194. <meta name="text:links icon link" content="" />
  195. <meta name="text:heart icon link" content="" />
  196.  
  197. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  198.  
  199. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  200.  
  201. <style type="text/css">
  202. ::-webkit-scrollbar {
  203. height:5px;
  204. width:5px;
  205. background-color:#ECECEC;
  206. border-left: 1px solid #C5C5C5;
  207. }
  208.  
  209.  
  210. ::-webkit-scrollbar-thumb {
  211. border-top: 1px solid #303030;
  212. border-bottom: 1px solid #303030;
  213. border-left: 1px solid #4B4B4B;
  214. background-color:#474747;
  215. height:auto;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. iframe#tumblr_controls {
  222. right:3px !important;
  223. position: fixed !important;
  224. -webkit-transition: opacity 0.7s
  225. linear;opacity: 0.2;
  226. -webkit-transition: all 0.8s ease-out;
  227. -moz-transition: all 0.8s ease-out;
  228. transition: all 0.8s ease-out;
  229. }
  230.  
  231.  
  232. iframe#tumblr_controls:hover{
  233. -webkit-transition: opacity 0.7s linear;
  234. opacity: 1;
  235. -webkit-transition: all 0.4s ease-out;
  236. -moz-transition: all 0.4s ease-out;
  237. transition: all 0.4s ease-out;
  238. }
  239.  
  240.  
  241.  
  242.  
  243.  
  244. {block:iftinycursor}
  245. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  246. }
  247. body, a, a:hover {http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  248. {/block:iftinycursor}
  249.  
  250.  
  251.  
  252.  
  253.  
  254. body, a, a:hover {http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  255.  
  256. body {
  257. margin:0px;
  258. background-color: {color:Background};
  259. background-image:url({image:Background});
  260. background-attachment: fixed;
  261. background-repeat: repeat;}
  262. body, div, p, textarea, submit, input{
  263. font-family: cambria;
  264. font-size: 10px;
  265. line-height:10px;
  266. letter-spacing:0px;
  267. color:{color:Text};
  268. }
  269.  
  270. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  271.  
  272. ::-webkit-scrollbar-thumb { background-color: #eeeeee; -webkit-border-radius: 1ex; border: 1px solid black;}
  273.  
  274. p {
  275. margin:0px;
  276. margin-top:0px;
  277. }
  278.  
  279.  
  280. a:link, a:active, a:visited{
  281. color: {color:Link};
  282. text-decoration: none;
  283. }
  284.  
  285. a:hover {
  286. color:{color:Hover};
  287. text-decoration: underline;
  288. -webkit-transition: color 0.3s ease-out;
  289. -moz-transition: color 0.3s ease-out;
  290. {block:iflinkshadow}text-shadow:1px 1px 5px #000;{/block:iflinkshadow}
  291. }
  292.  
  293.  
  294. div#center{
  295. margin:auto;
  296. position:relative;
  297. width:840px;
  298. background-color:;
  299. overflow:auto;
  300. overflow-y:hidden;
  301. }
  302. div#sidebar{
  303. position:fixed !important;
  304. width:180px;
  305. height:auto;
  306. margin-top: 150px;
  307. margin-left: 522px;
  308. padding: 2px;
  309. line-height:11px;
  310. letter-spacing:0px;
  311. margin-bottom: 6px;
  312. background-color:white;
  313. font-family: ronda;
  314. font-size: 8px;
  315. line-height:11px;
  316. letter-spacing:0px;
  317. margin-bottom: 6px;
  318. -webkit-border-radius: 0px 15px 0px 15px;
  319. border: 1px dashed #aaaaaa;
  320. }
  321. div#weeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeheheheh{
  322. padding:2px;
  323. height:10px;
  324. background: #000;
  325. float:left;
  326. position:fixed;
  327. margin-left: 526px;
  328. top: 228px;
  329. -webkit-transition: all 0.4s linear; opacity: 0.5;
  330. -webkit-transition: all 0.4s linear;
  331. -moz-transition: all 0.4s linear;
  332. transition: all 0.4s linear;
  333. width:175px;
  334.  
  335. }
  336.  
  337.  
  338. div#adrianalima{
  339. position: fixed !important;
  340. margin-top: -25px;
  341. margin-left: 1px;
  342. width: auto;
  343. font-family: beauty;
  344. font-size: 16px;
  345. line-height:10px;
  346. letter-spacing:0px;
  347. background-color: transparent;
  348. text-transform: normal;
  349.  
  350. }
  351. div#adrianalima:first-letter {
  352. color:{color:Link};
  353. font-size:30px;
  354. text-transform: uppercase;
  355.  
  356. }
  357.  
  358.  
  359. div#content{
  360. float:right;
  361. width:350px;
  362. margin-right: 320px;
  363. margin-top: 0px;
  364. padding:2px;
  365. padding-top: 2px;
  366. background: #fff;
  367.  
  368. }
  369.  
  370. .perms {
  371. color: #000000;
  372. opacity: 0.8;
  373. font-family: pixel;
  374. text-transform: uppercase;
  375. font-size:8px;
  376. letter-spacing: 1px;
  377. line-height:18px;
  378. background-color: #ffffff;
  379. border:1px solid rgba(0,0,0,0.1);
  380. padding:5px 5px;
  381. }
  382.  
  383. .perms a:hover {
  384. color: {color:Link};
  385. text-decoration: underline;
  386. }
  387.  
  388. #permalink {
  389. position: absolute;
  390. margin-top: 6px;
  391. margin-left: 0px;
  392. font-family: tinytots;
  393. font-size:8px;
  394. opacity: 0;
  395. -webkit-transition: all .3s ease;
  396. -moz-transition: all .3s ease;
  397. -o-transition: all .3s ease;
  398. transition: all .3s ease;
  399. }
  400. #entry:hover #permalink {
  401. margin-top: 6px;
  402. margin-left: 6px;
  403. font-family: tinytots;
  404. font-size:8px;
  405. opacity: 1;
  406. -webkit-transition: all .2s ease;
  407. -moz-transition: all .2s ease;
  408. -o-transition: all .2s ease;
  409. transition: all .2s ease;
  410. }
  411.  
  412. h3{
  413. font-family: beauty;
  414. font-size: 16px;
  415. line-height: 12px;
  416. font-weight: normal;
  417. line-height:15px;
  418. letter-spacing: 1px;
  419. font-style: normal;
  420. text-transform: lowercase;
  421. text-align: right;
  422. padding: 0px;
  423. margin:0px;
  424.  
  425. }
  426.  
  427. .finnickoddair {
  428. display: block;
  429. border-top: 1px solid #ddd;
  430. padding: 2px;
  431. margin: 2px 8px 0px 5px;
  432. text-transform: uppercase;
  433. font-family: tinytots;
  434. font-size: 8px;
  435. color: #424242;
  436. line-height: 15px;
  437. text-align: center;
  438. text-decoration: none;
  439. -webkit-transition: color 0.5s ease-out;
  440. -moz-transition: color 0.5s ease-out;
  441. }
  442.  
  443. #postnotes{
  444. text-align: justify;}
  445.  
  446. #postnotes blockquote{
  447. border: 0px;}
  448.  
  449.  
  450. .title{
  451. font-family: 'Waiting for the Sunrise', cursive;
  452. font-size: 20px;
  453. text-shadow: 2px 2px 2px #888;
  454. line-height: 20px;
  455. color: {color:Title};
  456. font-weight: ;
  457. padding:0px 0px 0px 0px;
  458. }
  459.  
  460.  
  461.  
  462.  
  463. .video embed, .post div.video object {width:250px !important; height:187px !important;}
  464.  
  465. blockquote{
  466. padding:0px 0px 2px 5px;
  467. margin:0px 0px 2px 1px;
  468. border-left: 1px dotted #555555;
  469. }
  470.  
  471. blockquote p, ul{
  472. margin:0px;
  473. padding:0px;
  474. }
  475.  
  476.  
  477. a img{border: 0px;}
  478.  
  479. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  480.  
  481. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  482. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  483.  
  484. .notes img{width:10px; position:relative; top:3px;}
  485.  
  486.  
  487. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  488.  
  489. @font-face{
  490. font-family: 'pixel';
  491. font-style: normal;
  492. font-weight: normal;
  493. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  494.  
  495.  
  496. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  497.  
  498. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  499.  
  500. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  501.  
  502.  
  503.  
  504.  
  505.  
  506. </style>
  507.  
  508.  
  509.  
  510. <link rel="shortcut icon" href="{Favicon}">
  511. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  512. <meta name="viewport" content="width=820" />
  513. </head>
  514. <body>
  515.  
  516. <div id="cage">
  517. <div id="center">
  518. <div id="sidebar">
  519. <div id="adrianalima">
  520. <h3 style="font-size: 15pt; line-height: 25px; letter-spacing: -1px; z-index: 1; text-align: right; margin-top: -2px;text-shadow: 0px 0px 5px #888; ">{Title}</h3></div>
  521. <center>
  522. {block:ifshowphoto}<img src="{image:sidebar}" style="-webkit-border-radius: 0px 15px 0px 15px;" margin-top:0px; width=180px height=auto></a>{/block:ifshowphoto}
  523. <center>{Description}
  524. <br>
  525. <center>
  526. {block:ifshowarrows}
  527. {block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&larr;</b></font></a>{/block:PreviousPage}
  528. {block:NextPage}<a href="{NextPage}"><font size="3"><b>&rarr;</b></font></a>{/block:NextPage}
  529. {/block:ifshowarrows}
  530. </div>
  531. <div id="weeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeheheheh">
  532. <center>
  533. <a href="/"><img src="http://i1188.photobucket.com/albums/z403/nikkimuto/suckinghazzatumblr.png" border="0" alt="Photobucket"></a> --- &nbsp;
  534.  
  535. <a href="/ask"><img src="http://i1188.photobucket.com/albums/z403/nikkimuto/message-1.png" border="0" alt="Photobucket"></a> --- &nbsp;
  536.  
  537. <a href="{text:links icon link}"><img src="http://i1188.photobucket.com/albums/z403/nikkimuto/etc.png" border="0" alt="Photobucket"></a> --- &nbsp;
  538.  
  539. <a href="{text:heart icon link}"><img src="http://i1188.photobucket.com/albums/z403/nikkimuto/perf.png" border="0" alt="Photobucket"></a>
  540. </div>
  541.  
  542.  
  543. <div id="content">
  544. {block:Posts}
  545.  
  546. <div id="entry">
  547.  
  548. {block:Text}
  549. {block:Title}<span class="title">{Title}</span>{/block:Title}
  550. <span class="entrytext">{Body}</span></a>
  551. <div class="finnickoddair">
  552. <a href="{perma}">
  553. <span class="finnickoddair"><span class="permal">
  554. Posted {TimeAgo} with {notecountwithlabel} </span></div>
  555. {/block:Text}
  556.  
  557. {block:Link}
  558. <a href="{URL}" class="title">{Name}</a>
  559. {block:Description}{Description}{/block:Description}
  560. <div class="finnickoddair">
  561. <a href="{perma}">
  562. <span class="finnickoddair"><span class="permal">
  563. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  564. {/block:Link}
  565.  
  566. {block:Photo}
  567. <div id="permalink">
  568. <span class="perms"><a href="{Permalink}">{NoteCount}</a></span>
  569. <span class="perms"><a href="{ReblogURL}" target="_blank">Reblog</a></span>
  570. </div>
  571. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=350px/>{LinkCloseTag}
  572. {/block:Photo}
  573.  
  574. {block:Quote}
  575. <span class="title">{Quote}</span>
  576. {block:Source}{Source}{/block:Source}
  577. <div class="finnickoddair">
  578. <a href="{perma}">
  579. <span class="finnickoddair">
  580. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  581. {/block:Quote}
  582.  
  583. {block:Chat}
  584. {block:Title}<span class="title">{Title}</span>{/block:Title}
  585. <ul class="chat">
  586. {block:Lines}
  587. <li class="user_{UserNumber}">
  588. {block:Label}
  589. <span class="label">{Label}</span>
  590. {/block:Label}
  591.  
  592. {Line}
  593. </li>
  594. {/block:Lines}
  595. </ul>
  596. <div class="finnickoddair">
  597. <a href="{perma}">
  598. <span class="finnickoddair"><span class="finnickoddair">
  599. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  600. {/block:Chat}
  601.  
  602. {block:Audio}
  603. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  604. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div></centeR><BR>
  605. {block:Caption}{Caption}{/block:Caption}
  606. <div class="finnickoddair">
  607. <a href="{perma}">
  608. <span class="finnickoddair">
  609. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  610. {/block:Audio}
  611.  
  612. {block:Video}
  613. <center>
  614. <div class="video2">{Video-400}</div><BR>
  615. {block:Caption}{Caption}</a>{/block:Caption}</center>
  616. <div class="finnickoddair">
  617. <a href="{perma}">
  618. <span class="finnickoddair"><span class="finnickoddair">
  619. Posted {TimeAgo} with {notecountwithlabel} </a></a></span></div>
  620. {/block:Video}
  621.  
  622. {block:PostNotes}
  623. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  624. <div id="postnotes">{PostNotes}</div>
  625.  
  626. {/block:PostNotes}
  627. </div>
  628. {/block:Posts}
  629. </div>
  630. </div>
  631. <br>
  632. </div>
  633. </div>
  634. </body>
  635. </a><div style="position:fixed; bottom:10px; right:10px; font-family:tinytots; font-size: 8px;">
  636. <a href="http://birth-c0ntrol.tumblr.com">THEME CREDIT.</a>
  637. </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!