API tools faq
paste
Advertisement
ramisaaaaa

Untitled

ramisaaaaa
Jun 2nd, 2012
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by icy-me0ws
  3. sidebar hover by DESESPERANCOSO
  4. links from birth-c0ntrol
  5. -->
  6.  
  7. <head>
  8.  
  9. <script type=”text/javascript”>
  10. // <![CDATA[
  11. var colour=”#dadada”;
  12. var sparkles=40;
  13.  
  14.  
  15. /****************************
  16. * Tinkerbell Magic Sparkle *
  17. * (c) 2005 mf2fm web-design *
  18. * http://www.mf2fm.com/rv *
  19. * DON’T EDIT BELOW THIS BOX *
  20. ****************************/
  21.  
  22. var x=ox=400;
  23. var y=oy=300;
  24. var swide=800;
  25. var shigh=600;
  26. var sleft=sdown=0;
  27. var tiny=new Array();
  28. var star=new Array();
  29. var starv=new Array();
  30. var starx=new Array();
  31. var stary=new Array();
  32. var tinyx=new Array();
  33. var tinyy=new Array();
  34. var tinyv=new Array();
  35. window.onload=function() { if (document.getElementById) {
  36. var i, rats, rlef, rdow;
  37. for (var i=0; i<sparkles; i++) {
  38. var rats=createDiv(3, 3);
  39. rats.style.visibility=”hidden”;
  40. document.body.appendChild(tiny[i]=rats);
  41. starv[i]=0;
  42. tinyv[i]=0;
  43. var rats=createDiv(5, 5);
  44. rats.style.backgroundColor=”transparent”;
  45. rats.style.visibility=”hidden”;
  46. var rlef=createDiv(1, 5);
  47. var rdow=createDiv(5, 1);
  48. rats.appendChild(rlef);
  49. rats.appendChild(rdow);
  50. rlef.style.top=”2px”;
  51. rlef.style.left=”0px”;
  52. rdow.style.top=”0px”;
  53. rdow.style.left=”2px”;
  54. document.body.appendChild(star[i]=rats);}
  55. set_width();
  56. sparkle();}}
  57. function sparkle() {
  58. var c;
  59. if (x!=ox || y!=oy) {
  60. ox=x;
  61. oy=y;
  62. for (c=0; c<sparkles; c++) if (!starv[c]) {
  63. star[c].style.left=(starx[c]=x)+”px”;
  64. star[c].style.top=(stary[c]=y)+”px”;
  65. star[c].style.clip=”rect(0px, 5px, 5px, 0px)”;
  66. star[c].style.visibility=”visible”;
  67. starv[c]=50;
  68. break;}}
  69. for (c=0; c<sparkles; c++) {
  70. if (starv[c]) update_star(c);
  71. if (tinyv[c]) update_tiny(c);}
  72. setTimeout(“sparkle()”, 40);}
  73. function update_star(i) {
  74. if (—starv[i]==25) star[i].style.clip=”rect(1px, 4px, 4px, 1px)”;
  75. if (starv[i]) {
  76. stary[i]+=1+Math.random()*3;
  77. if (stary[i]<shigh+sdown) {
  78. star[i].style.top=stary[i]+”px”;
  79. starx[i]+=(i%5-2)/5;
  80. star[i].style.left=starx[i]+”px”;}
  81. else {
  82. star[i].style.visibility=”hidden”;
  83. starv[i]=0;
  84. return;}}
  85. else {
  86. tinyv[i]=50;
  87. tiny[i].style.top=(tinyy[i]=stary[i])+”px”;
  88. tiny[i].style.left=(tinyx[i]=starx[i])+”px”;
  89. tiny[i].style.width=”2px”;
  90. tiny[i].style.height=”2px”;
  91. star[i].style.visibility=”hidden”;
  92. tiny[i].style.visibility=”visible”}}
  93. function update_tiny(i) {
  94. if (—tinyv[i]==25) {
  95. tiny[i].style.width=”1px”;
  96. tiny[i].style.height=”1px”;}
  97. if (tinyv[i]) {
  98. tinyy[i]+=1+Math.random()*3;
  99. if (tinyy[i]<shigh+sdown) {
  100. tiny[i].style.top=tinyy[i]+”px”;
  101. tinyx[i]+=(i%5-2)/5;
  102. tiny[i].style.left=tinyx[i]+”px”;}
  103. else {
  104. tiny[i].style.visibility=”hidden”;
  105. tinyv[i]=0;
  106. return;}}
  107. else tiny[i].style.visibility=”hidden”;}
  108. document.onmousemove=mouse;
  109. function mouse(e) {
  110. set_scroll();
  111. y=(e)?e.pageY:event.y+sdown;
  112. x=(e)?e.pageX:event.x+sleft;}
  113. function set_scroll() {
  114. if (typeof(self.pageYOffset)==”number”) {
  115. sdown=self.pageYOffset;
  116. sleft=self.pageXOffset;}
  117. else if (document.body.scrollTop || document.body.scrollLeft) {
  118. sdown=document.body.scrollTop;
  119. sleft=document.body.scrollLeft;}
  120. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  121. sleft=document.documentElement.scrollLeft;
  122. sdown=document.documentElement.scrollTop;}
  123. else {
  124. sdown=0;
  125. sleft=0;}}
  126. window.onresize=set_width;
  127. function set_width() {
  128. if (typeof(self.innerWidth)==”number”) {
  129. swide=self.innerWidth;
  130. shigh=self.innerHeight;}
  131. else if (document.documentElement && document.documentElement.clientWidth) {
  132. swide=document.documentElement.clientWidth;
  133. shigh=document.documentElement.clientHeight;}
  134. else if (document.body.clientWidth) {
  135. swide=document.body.clientWidth;
  136. shigh=document.body.clientHeight;}}
  137. function createDiv(height, width) {
  138. var div=document.createElement(“div”);
  139. div.style.position=”absolute”;
  140. div.style.height=height+”px”;
  141. div.style.width=width+”px”;
  142. div.style.overflow=”hidden”;
  143. div.style.backgroundColor=colour;
  144. return (div);}
  145. // ]]>
  146. </script>
  147.  
  148.  
  149.  
  150. <link href='http://fonts.googleapis.com/css?family=Miniver|Give+You+Glory|Short+Stack|Loved+by+the+King|Coming+Soon|Raleway:100|Handlee|Indie+Flower' rel='stylesheet' type='text/css'>
  151. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  152. <script type="text/javascript"
  153. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  154. <meta name="color:background" content="#aaa"/>
  155. <meta name="color:text" content="#130C11"/>
  156. <meta name="color:title" content="#130C11"/>
  157. <meta name="color:hover" content="#130C11"/>
  158. <meta name="color:link" content="#000000"/>
  159. <meta name="color:shadow" content="#dadada"/>
  160. <meta name="color:blog title shadow" content="#dadada"/>
  161. <meta name="image:sidebar" content="1"/>
  162. <meta name="image:background" content="1"/>
  163. <meta name="if:show photo" content="0"/>
  164. <meta name="color:boxshadow" content="#ffffff"/>
  165. <meta name="text:sidebanner" content="one less"/>
  166. <meta name="text:sidebanner2" content="lonely girl"/>
  167. <meta name="text:Link One" content="" />
  168. <meta name="text:Link One Title" content="idkkk" />
  169. <meta name="text:Link Two" content="" />
  170. <meta name="text:Link Two Title" content="ello" />
  171. <meta name="text:Link Three" content="" />
  172. <meta name="text:Link Three Title" content="yooo" />
  173. <meta name="text:Link Four" content="" />
  174. <meta name="text:Link Four Title" content="myy" />
  175. <meta name="text:Link Five" content="" />
  176. <meta name="text:Link Five Title" content="nigga" />
  177. <meta name="color:Link One" content="#8dcfe0"/>
  178. <meta name="color:Link Two" content="#94d2c0"/>
  179. <meta name="color:Link Three" content="#9bd5a1"/>
  180. <meta name="color:Link Four" content="#a1d781"/>
  181. <meta name="color:Link Five" content="#a8da62"/>
  182. <meta name="if:quote 1" content="0"/>
  183. <meta name="if:quote 2" content="0"/>
  184. <meta name="text:quote" content="idc what you put here fill it up etc, this little quote box credit goes to s0pas though so i'm not stealing this idea ;o" />
  185.  
  186.  
  187. <style type="text/css">
  188.  
  189.  
  190. #biter
  191.  
  192. #bite a {display:block}
  193.  
  194. #bite .death {margin-top:85px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.6s ease-out;}
  195.  
  196. #bite:hover .death {margin-top:-130px;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.4s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  197.  
  198.  
  199. {block:iffadedimages}img{
  200.  
  201. -webkit-transition: opacity 0.8s linear;
  202.  
  203. opacity: 0.60;
  204.  
  205. }
  206. img:hover{
  207.  
  208. -webkit-transition: opacity 0.8s linear;
  209.  
  210. opacity: 1;
  211.  
  212. }{/block:iffadedimages}
  213.  
  214. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  215. body, a, a:hover {cursor: url(http://i56.tinypic.com/2589ppu.png), auto;} a, a:hover{cursor:url(http://i56.tinypic.com/2589ppu.png), progress;}
  216.  
  217. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  218.  
  219.  
  220. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  221.  
  222. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 0ex; border: 1px solid #aaa; opacity: 0.6;}
  223.  
  224.  
  225. #tumblr_controls{
  226. position:fixed !important;
  227. }
  228.  
  229. .wrapper{
  230. margin: 0px auto;
  231. width: 802px;
  232. }
  233.  
  234. .header{
  235. float: left;
  236. width: 100%;
  237. }
  238.  
  239. .left{
  240. float: left;
  241. margin-right: 20px;
  242. width: 802px;
  243. }
  244.  
  245. .right{
  246. float: right;
  247. width: 200px;
  248. background-color: {color:Background};
  249. }
  250.  
  251. body {
  252. margin:0px;
  253. text-decoration: none;
  254. background-color: {color:background};
  255. background-image:url({image:Background});
  256. background-attachment: fixed;
  257. background-repeat: repeat;
  258. color: {color:Text};
  259. font-family: that one thing;
  260. font-size: 9px;
  261. }
  262.  
  263. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  264.  
  265. @font-face { font-family: "Arsenale White"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  266.  
  267. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  268.  
  269. div#content{
  270. padding: 4px;
  271. }
  272.  
  273. a:link, a:active, a:visited{
  274. color: {color:link};
  275. text-decoration: none;
  276. -webkit-transition: color 0.2s ease-out;
  277. -moz-transition: color 0.2s ease-out;
  278. }
  279.  
  280. a:hover{
  281. color:{color:Hover};
  282. text-decoration: underline;
  283. -webkit-transition: color 0.2s ease-out;
  284. -moz-transition: color 0.2s ease-out;
  285. text-shadow: {color:shadow} 5px 2px 2px;
  286. }
  287.  
  288. .entry {
  289. float:left;
  290. padding: 1px;
  291. margin: 0px;
  292. border: 1px solid #aaa;
  293. {block:IndexPage}
  294. width: 250px;
  295. {/block:IndexPage}
  296. {block:PermalinkPage}
  297. width:500px;
  298. {/block:PermalinkPage}
  299. background-color: #EEEEEE;
  300. opacity: 1.0;
  301. font-color: #000000;
  302. -moz-box-shadow: 0 0 10px #000000;
  303. -webkit-box-shadow: 0 0 10px #000;
  304. box-shadow: 0 0 8px #000000;
  305. }
  306.  
  307. .permalink{
  308. display: block;
  309. line-height: 13px;
  310. text-transform: none;
  311. font-family: littlefont;
  312. font-size: 8px;
  313. text-align:center;
  314. margin-top: 1px;
  315. background-color: #696969;
  316. opacity: 0.8;
  317. text-transform: uppercase;
  318. font-color: #000000;
  319. }
  320.  
  321. .entry .perma{
  322. overflow: hidden;
  323. overflow-y:hidden;
  324. z-index:1000;
  325. opacity: 0;
  326. background-color: white;
  327. position: absolute;
  328. text-align:center;
  329. color: #fff;
  330. font-size:8px;
  331. font-family: pixel;
  332. text-transform:uppercase;
  333. height: 0px;
  334. width: 240px;
  335. padding: 5px 10px 5px 0px;
  336. -webkit-transition: all 0.2s ease;
  337. -moz-transition: all 0.2s ease;
  338. -o-transition: all 0.2s ease;
  339. font-color: #000000;
  340. background-color: #000000;
  341. }
  342.  
  343. .entry:hover .perma{
  344. background-color: #000000;
  345. height: 10px;
  346. margin-top:0px;
  347. overflow:visible;
  348. -webkit-transition: all 0.2s linear; opacity: 0.8;
  349. -webkit-transition: all 0.2s linear;
  350. -moz-transition: all 0.2s linear;
  351. transition: all 0.2s linear;
  352. }
  353.  
  354. @font-face{
  355. font-family: 'pixel';font-style: normal;font-weight: normal;src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  356.  
  357. @font-face {font-family:"handy00";src:url('http://static.tumblr.com/vtqel59/gijlrtxyw/handy00.ttf');}
  358.  
  359. #marshallmathers a{
  360. opacity: 0.6;
  361. color: black;
  362. position: fixed;
  363. background: {color:link one};
  364. display: inline-block;
  365. font-family: that one thing;
  366. font-size: 8px;
  367. text-align: center;
  368. text-transform: uppercase;
  369. line-height: 15px;
  370. height: 15px;
  371. width:30px;
  372. transition: all 0.5s ease-out;
  373. -o-transition-transition: all 0.5s ease-out;
  374. -webkit-transition: all 0.5s ease-out;
  375. -moz-transition: all 0.5s ease-out;
  376. margin: 34px 0px 0px -491px;
  377. border-top-left-radius:5px;
  378. }
  379.  
  380. #marshallmathers a:hover {
  381. padding-top: 50px;
  382. opacity: 0.9;
  383. color:{color:Hover};
  384. transition: all 0.5s ease-out;
  385. -o-transition-transition: all 0.5s ease-out;
  386. -webkit-transition: all 0.5s ease-out;
  387. -moz-transition: all 0.5s ease-out;
  388. }
  389.  
  390. #joshhutcherson a{
  391. opacity: 0.6;
  392. color: black;
  393. position: fixed;
  394. background: {color:link two};
  395. display: inline-block;
  396. font-family: that one thing;
  397. font-size: 8px;
  398. text-align: center;
  399. text-transform: uppercase;
  400. line-height: 15px;
  401. height: 15px;
  402. width: 31px;
  403. transition: all 0.5s ease-out;
  404. -o-transition-transition: all 0.5s ease-out;
  405. -webkit-transition: all 0.5s ease-out;
  406. -moz-transition: all 0.5s ease-out;
  407. margin: 34px 0px 0px -461px;
  408. }
  409.  
  410. #joshhutcherson a:hover {
  411. padding-top: 50px;
  412. opacity: 0.9;
  413. color:{color:Hover};
  414. transition: all 0.5s ease-out;
  415. -o-transition-transition: all 0.5s ease-out;
  416. -webkit-transition: all 0.5s ease-out;
  417. -moz-transition: all 0.5s ease-out;
  418. }
  419.  
  420. #liamhemsworth a{
  421. opacity: 0.6;
  422. color: black;
  423. position: fixed;
  424. background: {color:link three};
  425. display: inline-block;
  426. font-family: that one thing;
  427. font-size: 8px;
  428. text-align: center;
  429. text-transform: uppercase;
  430. line-height: 17px;
  431. height: 15px;
  432. width: 31px;
  433. transition: all 0.5s ease-out;
  434. -o-transition-transition: all 0.5s ease-out;
  435. -webkit-transition: all 0.5s ease-out;
  436. -moz-transition: all 0.5s ease-out;
  437. margin: 34px 0px 0px -430px;
  438. }
  439.  
  440. #liamhemsworth a:hover {
  441. padding-top: 50px;
  442. opacity: 0.9;
  443. color:{color:Hover};
  444. transition: all 0.5s ease-out;
  445. -o-transition-transition: all 0.5s ease-out;
  446. -webkit-transition: all 0.5s ease-out;
  447. -moz-transition: all 0.5s ease-out;
  448. }
  449.  
  450. #octaviaspencer a{
  451. opacity: 0.6;
  452. color: black;
  453. position: fixed;
  454. background: {color:link four};
  455. display: inline-block;
  456. font-family:that one thing;
  457. font-size: 8px;
  458. text-align: center;
  459. text-transform: uppercase;
  460. line-height: 15px;
  461. height: 15px;
  462. width: 32px;
  463. transition: all 0.5s ease-out;
  464. -o-transition-transition: all 0.5s ease-out;
  465. -webkit-transition: all 0.5s ease-out;
  466. -moz-transition: all 0.5s ease-out;
  467. margin: 34px 0px 0px -399px;
  468. }
  469.  
  470. #octaviaspencer a:hover {
  471. padding-top: 50px;
  472. opacity: 0.9;
  473. color:{color:Hover};
  474. transition: all 0.5s ease-out;
  475. -o-transition-transition: all 0.5s ease-out;
  476. -webkit-transition: all 0.5s ease-out;
  477. -moz-transition: all 0.5s ease-out;
  478. }
  479.  
  480. #ilikebigbuttsandicannotlie a{
  481. opacity: 0.6;
  482. color: black;
  483. position: fixed;
  484. background: {color:link five};
  485. display: inline-block;
  486. font-family: that one thing;
  487. font-size: 8px;
  488. text-align: center;
  489. text-transform: uppercase;
  490. line-height: 15px;
  491. height: 15px;
  492. width: 28px;
  493. transition: all 0.5s ease-out;
  494. -o-transition-transition: all 0.5s ease-out;
  495. -webkit-transition: all 0.5s ease-out;
  496. -moz-transition: all 0.5s ease-out;
  497. margin: 34px 0px 0px -367px;
  498. border-top-right-radius:5px;
  499. }
  500.  
  501. #ilikebigbuttsandicannotlie a:hover {
  502. padding-top: 50px;
  503. opacity: 0.9;
  504. color:{color:Hover};
  505. transition: all 0.5s ease-out;
  506. -o-transition-transition: all 0.5s ease-out;
  507. -webkit-transition: all 0.5s ease-out;
  508. -moz-transition: all 0.5s ease-out;
  509. }
  510.  
  511. .likep {
  512. display: inline;
  513. width: 40px;
  514. float: right;
  515. height: 20px;
  516. margin-left:10px;
  517. overflow: hidden;
  518. position: relative;
  519. z-index: 9999999;
  520. background-color: #000000;
  521. opacity: 1.0;
  522. border-top-right-radius:10px;
  523.  
  524. border-bottom-left-radius:10px;
  525. }
  526.  
  527. .likep a {
  528. background-position: 0px 0px;
  529. display: block;
  530. z-index: 9999999;
  531. background-color: #000000;
  532. opacity: 1.0;
  533. -webkit-transition: all .4s ease;
  534. -moz-transition: all .4s ease;
  535. -o-transition: all .4s ease;
  536. transition: all .4s ease;
  537. border-top-right-radius:40px;
  538.  
  539. border-bottom-left-radius:40px;
  540. }
  541.  
  542. .likep img {
  543. width: 21px;
  544. height: 20px;
  545. -webkit-transition: all .4s ease;
  546. -moz-transition: all .4s ease;
  547. -o-transition: all .4s ease;
  548. transition: all .4s ease;
  549. margin-left: 190px;
  550. }
  551. .rep img{
  552. width: 24px;
  553. height: 20px;
  554. line-height: 30px;
  555. display: inline;
  556. margin-left: -110px;
  557. background-color: #000000;
  558. opacity: 0.8;
  559. }
  560.  
  561.  
  562. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  563.  
  564. div#sidebar{
  565. position:fixed !important;
  566. width: 260px;
  567. height:auto;
  568. margin-top: 30px;
  569. margin-left: 550px;
  570. padding: 2px;
  571. line-height:11px;
  572. letter-spacing:0px;
  573. margin-bottom: 6px;
  574. background-color: transparent;
  575. }
  576.  
  577. .sidebarpicture {
  578. image: url({image:sidebar});
  579. overflow: hidden;
  580. width: 260px;
  581. height: 160px;
  582. margin-right: 0px;
  583. border: 1px dashed #dadada;
  584. }
  585.  
  586. #sidebarpic {
  587. width: 200px;
  588. height: 150px;
  589. }
  590.  
  591. #sidebarpic .desc{
  592. height: 20px;
  593. font-size: 12px;
  594. font-family: give you glory;
  595. line-height: 24px;
  596. opacity: 0.3;
  597. background: white;
  598. text-align: center;
  599. width: 267px;
  600. position: absolute;
  601. -webkit-transition: opacity 0.7s linear;
  602. -webkit-transition: all 0.7s linear;
  603. -moz-transition: all 0.5s linear;
  604. transition: all 0.6s linear;
  605. }
  606.  
  607.  
  608. #sidebarpic:hover .desc{
  609. opacity: .9;
  610. -webkit-transition: opacity 0.8s linear;
  611. -webkit-transition: all 0.6s linear;
  612. -moz-transition: all 0.7s linear;
  613. transition: all 0.8s linear;
  614. }
  615. #posts {
  616. width:530px;
  617. margin-left:230px;
  618. background-color: {color:background};
  619. background-image:url({image:Background});
  620. {block:PermalinkPage}
  621. margin-left:0px;
  622. {/block:PermalinkPage}
  623. float:left;
  624. }
  625.  
  626. #infscr-loading{
  627. bottom: -70px;
  628. position: absolute;
  629. left: 50%;
  630. margin-left:-8px;
  631. width:16px;
  632. height:11px;
  633. overflow:hidden;
  634. margin-bottom: 50px;
  635. }
  636.  
  637. div#description{
  638. margin-top:-100px;
  639. margin-left: 196px;
  640. padding: 4px 3px 4px 2px;
  641. width: 150px;
  642. height: auto;
  643. background-color: {color:background};
  644. background-image:url({image:Background});
  645. position: fixed;
  646. text-align: left;
  647. }
  648. .title{
  649. font-family: arsenale white;
  650. font-size: 28px;
  651. line-height:14px;
  652. color: {color:Title};
  653. font-weight: normal;
  654. }
  655.  
  656. div#blogtitle{
  657. position:fixed !important;
  658. font-size: 30px;
  659. padding: 2px;
  660. font-family: meow;
  661. line-height:9px;
  662. letter-spacing:0px;
  663. padding-bottom: 0px;
  664. background:transparent;
  665. margin-left: 15px;
  666. }
  667.  
  668. .firstletter {
  669. color: #828282;
  670. font-family:meow;
  671. font-size:20px;
  672. line-height: 20px;
  673. width:160px;
  674. text-align: right;
  675. }
  676.  
  677. .firstletter:first-letter {
  678. color: {color: first letter of title};
  679. font-size:35px;
  680. }
  681.  
  682. div#sidequote{
  683. position:fixed !important;
  684. width: auto;
  685. height: auto;
  686. margin-top: 460px;
  687. margin-left: 0px;
  688. font-family: littlefont;
  689. text-transform: uppercase;
  690. font-size: 8px;
  691. letter-spacing: 10px;
  692. line-height: 40px;
  693. text-align: center;
  694. font-color: #fff;
  695. }
  696.  
  697. div#sidequote2{
  698. position:fixed !important;
  699. width: auto;
  700. height: auto;
  701. margin-top: 480px;
  702. margin-left: -50px;
  703. background-color: transparent;
  704. font-family: dawning;
  705. font-size: 45px;
  706. line-height: 40px;
  707. text-align: center;
  708. text-shadow: 1px 1px 1px {color:blog title shadow}
  709. font-color: #fff;
  710. }
  711.  
  712. #sidebarimage{margin-left: -500px; margin-top: 30px; width: 170px; float: center; background-color: {color:sidebar}; padding: 0px; height: auto;border-top-left-radius:5px;
  713. border-top-right-radius:5px;}
  714.  
  715. .sidebarimg {height: 103px; text-align: left; margin: 5px; border: 1px dashed #dadada{color:border}; padding: 3px; background-color: {color:background}; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;border-top-left-radius:5px;
  716. border-top-right-radius:5px;}
  717.  
  718. .sidebarimg img{width: 152px; height: 103px; display: block; overflow: auto; margin-bottom: 3px;-moz-box-shadow: 0 0 10px #000000;
  719. -webkit-box-shadow: 0 0 10px #000000;
  720. box-shadow: 0 0 8px #000000;border-top-left-radius:5px;
  721. border-top-right-radius:5px;}
  722.  
  723. #mpic {position: fixed; float: left; margin-top: 266px; margin-left: 384px;}.mpic img{border: 6px solid {color:sidebar}; height: 69px;}
  724. .mpic img:hover {border: 6px solid {color:picborder hover}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;width: 151px;border-top-left-radius:5px;
  725. border-top-right-radius:5px;}
  726.  
  727. #ssidebarimage{margin-left: 252px; margin-top: 266px; width: 153px; float: left; background-color: {color:post}; padding: 5px; height: 71px;}
  728. .sdbarimg {padding: 3px; background-color: {color:description}; border: 1px dashed #dadada; {color:border}; width:px; height: 62px;border-top-left-radius:5px;
  729. border-top-right-radius:5px;}
  730.  
  731. .sdbarimg img{max-width: 156px; height: 62px; display: inline; margin-right: 3px; border-top-left-radius:5px;
  732. border-top-right-radius:5px;}
  733.  
  734. #sidebarsimbol { padding: 8px; position:fixed; margin-left:-500px; margin-top: 120px; width: 101px; font-size: 35px; height: 27px; overflow: hidden; text-align: center; font-family: dawning; line-height: 30px; color: {color:text}; position: fixed; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; float:left; z-index: 2; background-color: {color:sidebar}; text-shadow:{color:blog title shadow} 0px 1px 1px;}
  735.  
  736. #sidebarsimbol:hover { color:transparent;height: 108px; width:145px; margin-top: 8px; position:fixed; background-color: {color:sidebar}; opacity: 0.8; z-index:1000; padding-top:8px;}
  737.  
  738. #sidebardescription {padding: 7px; text-align: justify; font-size: 9px; font-family: verdana; color: {color:text}; line-height:11px; background-color:white; height:108px; width:145px; margin-top:8px; border: 1px dashed #aaa; }
  739.  
  740. #sidebardescription a {color: {color:text}; font-weight:none;}
  741.  
  742. #sidebardescription:hover {margin-top:8px; margin-left:0px; }
  743.  
  744. #barrinha {position:fixed; margin-left: 44px; margin-top: 196px; width: 21px; font-size: 18px; height: 6px; overflow: hidden; text-align: center; background-color: white; font-family: verdana; line-height: 4px; color: transparent; position: fixed; padding: 8px; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out; float:left; opacity: 0.5;}
  745.  
  746. @font-face {
  747. font-family: "dawning";
  748. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  749. }
  750.  
  751. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  752.  
  753. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  754.  
  755. blockquote{
  756. padding:0px 0px 2px 5px;
  757. margin:0px 0px 2px 10px;
  758. border-left: 1px dotted #555555;
  759. }
  760.  
  761.  
  762. {CustomCSS}
  763.  
  764. </style>
  765.  
  766. {block:IndexPage}
  767. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  768. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  769.  
  770. <script type="text/javascript">
  771. $(window).load(function () {
  772. var $content = $('#posts');
  773. $content.masonry({itemSelector: '.entry'}),
  774. $content.infinitescroll({
  775. navSelector : 'div#pagination',
  776. nextSelector : 'div#pagination a#nextPage',
  777. itemSelector : '.entry',
  778. loading: {
  779. finishedMsg: '',
  780. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  781. },
  782. bufferPx : 600,
  783. extraScrollPx: 700,
  784. debug : false,
  785. },
  786. // call masonry as a callback.
  787. function( newElements ) {
  788. var $newElems = $( newElements );
  789. $newElems.hide();
  790. // ensure that images load before adding to masonry layout
  791. $newElems.imagesLoaded(function(){
  792. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  793.  
  794.  
  795. });
  796. });
  797. });
  798. </script>
  799.  
  800. {/block:IndexPage}
  801.  
  802. <title>{title}</title>
  803.  
  804. <link rel="shortcut icon" href="{Favicon}">
  805. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  806. <meta name="viewport" content="width=820" />
  807.  
  808. </head>
  809. <body>
  810. <div class="wrapper">
  811. <div class="header">
  812. </span>
  813. </div>
  814. <div id="sidebar">
  815.  
  816. <div id="marshallmathers">
  817. {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title} </a>{/block:ifLinkOneTitle}</div>
  818. <div id="joshhutcherson">
  819. {block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title}</a>{/block:ifLinkTwoTitle} </div>
  820. <div id="liamhemsworth">
  821. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}</div>
  822. <div id="octaviaspencer">
  823. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle} </div>
  824. <div id="ilikebigbuttsandicannotlie">
  825. {block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle} </div>
  826.  
  827. <div id="barrinha">.</div>
  828. <div id="sidebarsimbol">{title}
  829. <div id="sidebardescription">
  830. <center>{description}</center></div>
  831. </div>
  832.  
  833.  
  834. <div id="sidebarimage">
  835. <div class="sidebarimg">
  836. <img src="{image:sidebar}"/></div></div>
  837.  
  838. </div>
  839. {block:ifquote1}<div id="sidequote"> {text:sidebanner} </div>{/block:ifquote1}
  840. {block:ifquote2}<div id="sidequote2"> {text:sidebanner2} </div>{/block:ifquote2}
  841.  
  842. <div id="content">
  843. <div class="left">
  844.  
  845. <div id="posts">
  846.  
  847. {block:Posts}
  848. <div class="entry">
  849.  
  850. {block:IndexPage}
  851. {/block:IndexPage}
  852.  
  853. {block:Text}
  854. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  855. <div class="permadbdbgd">
  856. <span class="permavffv"><a href="{permalink}">
  857. <span class="permaffvfv"><a href="{permalink}">{timeago} // {NoteCountWithLabel}</a></div>
  858. {/block:Text}
  859.  
  860. {block:Link}
  861. <a href="{URL}" class="title">{Name}</a>
  862. {block:Description}{Description}{/block:Description}
  863. <div class="permadf">
  864. <span class="permavfvfvd"><a href="{permalink}">
  865. <span class="permalinkvdcdc"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  866. </a></a></span></div>
  867. {block:Link}
  868.  
  869. {block:Photo}
  870.  
  871. <div class="perma">
  872. <div class="permalink2">
  873. <a href="{permalink}">{timeago} // {NoteCount} notes</a> <a href="{ReblogURL}" target="_blank">//REBLOG</a>
  874. </div>
  875. </div>
  876.  
  877. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  878. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  879. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  880. {/block:Photo}
  881.  
  882. {block:Photoset}
  883. {block:IndexPage}
  884. <center>
  885. {Photoset-240}</center>
  886. {/block:IndexPage}
  887. {block:PermalinkPage}
  888. <center>
  889. {Photoset-500}</center>
  890. <div class="perma">
  891. <span class="permalink"><a href="{permalink}">
  892. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  893. </a></a></span></div>
  894. {/block:PermalinkPage}
  895. {/block:Photoset}
  896.  
  897. {block:Quote}
  898. {Quote}</span>
  899. {block:Source}<strong>{Source}</strong>{/block:Source}
  900. <div class="permafvvffvfd">
  901. <span class="permalinkvfv"><a href="{permalink}">
  902. <span class="permalinkvfvfvvf"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  903. </a></a></span></div>
  904. {/block:Quote}
  905.  
  906. {block:Chat}
  907. {block:Title}<span class="title">{Title}</span>{/block:Title}
  908. <ul class="chat">
  909. {block:Lines}
  910. <li class="user_{UserNumber}">
  911. {block:Label}
  912. <span class="label">{Label}</span>
  913. {/block:Label}
  914.  
  915. {Line}
  916. </li>
  917. {/block:Lines}
  918. </ul><div class="permavvfdx">
  919. <span class="permalinkfvvff"><a href="{permalink}">
  920. <span class="permalinkfvff"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  921. </a></a></span></div>
  922.  
  923. {/block:Chat}
  924.  
  925. {block:Audio}
  926. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  927. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  928. <div class="permadffv">
  929. <span class="permalink"><a href="{permalink}">
  930. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  931. </a></a></span></div>
  932. {/block:Audio}
  933.  
  934. {block:Video}
  935. {block:IndexPage}
  936. <center>
  937. {Video-250}</center>
  938. {/block:IndexPage}
  939. {block:PermalinkPage}
  940. <center>
  941. {Video-500}</center>
  942. {/block:PermalinkPage}
  943. <div class="perma vvvc">
  944. <span class="permalink"><a href="{permalink}">
  945. <span class="permalink"><a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}
  946. </a></a></span></div>
  947. {block:Video}
  948.  
  949. {block:PermalinkPage}
  950. <center>
  951. {block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  952. {/block:PermalinkPage}
  953.  
  954.  
  955. {block:PostNotes}{PostNotes}
  956. {/block:PostNotes}
  957. </div>
  958.  
  959.  
  960. {/block:Posts}
  961. </div>
  962. </div>
  963. {block:IndexPage}
  964. {block:Pagination}
  965. <div id="pagination">
  966. {block:NextPage}
  967. <a id="nextPage" href="{NextPage}"></a>
  968. {/block:NextPage}
  969. {block:PreviousPage}
  970. <a href="{PreviousPage}"></a>
  971. {/block:PreviousPage}
  972. </div>
  973. {/block:Pagination}
  974. {/block:IndexPage}
  975. </div>
  976. </body>
  977.  
  978. <div style="position:fixed; bottom:10px; right:10px;">
  979. <div style="overflow:auto; color:#aaa; width: 90px; height: 50px; border: 1px solid #ddd; background-color:transparent; font-family: ronda; font-size: 8px; text-align: center;">{text:quote}</div>
  980. </div>
  981.  
  982.  
  983. </html>
  984.  
  985. <div style="position:fixed; bottom:2px; left:2px;">
  986. <a href="http://icy-me0ws.tumblr.com/">credit</a>
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!