Advertisement
ramisaaaaa

Untitled

Jul 31st, 2012
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 KB | None | 0 0
  1. <!--
  2. theme by biebinator originally by s0pas <3
  3. -->
  4.  
  5. <head>
  6. <script type="text/javascript"
  7. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  9. <meta name="color:background" content="#000000"/>
  10. <meta name="color:text" content="#ddd"/>
  11. <meta name="color:title" content="#ddd"/>
  12. <meta name="color:link" content="#ddd"/>
  13. <meta name="color:hover" content="#fa73a2"/>
  14. <meta name="image:sidebar" content="http://static.tumblr.com/macm0tr/FDBm6tsj3/tumblr_m6tqkqkq6k1qg2kiro1_500.jpg"/>
  15. <meta name="image:sidebar2" content="http://static.tumblr.com/macm0tr/FDBm6tsj3/tumblr_m6tqkqkq6k1qg2kiro1_500.jpg"/>
  16. <meta name="image:sidebar3" content="http://static.tumblr.com/macm0tr/eTBm6tsj5/tumblr_m6tpmvcadf1rr68l1o1_500.jpg"/>
  17. <meta name="image:Background" content=""/>
  18. <meta name="text:online users" content=""/>
  19. <meta name="text:music code" content=""/>
  20. <meta name="text:Link one" content="link"/>
  21. <meta name="text:Link one Title" content="link"/>
  22. <meta name="text:Link Two" content="" />
  23. <meta name="text:Link Two Title" content="link"/>
  24. <meta name="text:Link Three" content="" />
  25. <meta name="text:Link Three Title" content="link"/>
  26. <meta name="text:quote" content="all around the world people want to be loved they're no different then us" />
  27.  
  28. <style type="text/css">
  29.  
  30. iframe#tumblr_controls {right:3px !important; position: fixed !important;}
  31. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  32.  
  33.  
  34. 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;}
  35.  
  36. body, a, a:hover {cursor: url(http://i56.tinypic.com/2589ppu.png), progress;}
  37.  
  38.  
  39. ::-webkit-scrollbar {width: 8px; height: 4px; background: #FFFFFF; }
  40.  
  41. ::-webkit-scrollbar-thumb { background-color: #ffffff; -webkit-border-radius: 0ex; border: 1px solid black;}
  42.  
  43.  
  44. #tumblr_controls{
  45. position:fixed !important;
  46. }
  47.  
  48. .wrapper{
  49. margin: 0px auto;
  50. width: 802px;
  51. }
  52.  
  53. .header{
  54. float: left;
  55. width: 100%;
  56. }
  57.  
  58. .left{
  59. float: left;
  60. margin-right: 20px;
  61. width: 802px;
  62. }
  63.  
  64. .right{
  65. float: right;
  66. width: 200px;
  67. background-color: {color:Background};
  68. }
  69.  
  70. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  71.  
  72. @font-face{
  73. font-family: 'pixel';
  74. font-style: normal;
  75. font-weight: normal;
  76. src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  77.  
  78. body {
  79. margin:0px;
  80. background-color: {color:Background};
  81. background-image:url({image:Background});
  82. background-attachment: fixed;
  83. background-repeat: repeat;}
  84. body, div, p, textarea, submit, input{
  85. font-family: handy00;
  86. font-size: 8px;
  87. line-height: 11px;
  88. letter-spacing: 1px;
  89. color:{color:Text};
  90. }
  91.  
  92. a:link, a:active, a:visited{
  93. color: {color:Link};
  94. text-decoration: none;
  95. -webkit-transition: color 0.2s ease-out;
  96. -moz-transition: color 0.2s ease-out;
  97. }
  98.  
  99. a:hover{
  100. color:{color:Hover};
  101. -webkit-transition: color 0.2s ease-out;
  102. -moz-transition: color 0.2s ease-out;
  103. }
  104.  
  105. .entry {
  106. float:left;
  107. {block:IndexPage}
  108. width: 200px;
  109. padding-bottom: 0px;
  110. padding-top: 2px;
  111. padding-left: 2px;
  112. padding-right: 2px;
  113. margin: 2px;
  114. border: 1px #dadada solid;
  115. {/block:IndexPage}
  116. {block:PermalinkPage}
  117. width:500px;
  118. {/block:PermalinkPage}
  119. background-color: #fff;
  120. opacity: 1.0;
  121. }
  122.  
  123. .permalink{
  124. display: block;
  125. line-height: 13px;
  126. text-transform: none;
  127. font-family: littlefont;
  128. font-size: 8px;
  129. text-align:right;
  130. margin-top: 1px;
  131. background-color: transparent;
  132. opacity: 0.8;
  133. text-transform: uppercase;
  134. border-top: 1px dashed #aaa;
  135. }
  136.  
  137. .entry .blanket{
  138. position:absolute;
  139. width:210px;
  140. height:0px;
  141. overflow:hidden;
  142. margin-top:0px;
  143. opacity:0.0;
  144. bottom: 0px;
  145. text-align: center;
  146. background-color:#fff;
  147. -webkit-transition: all .5s linear;
  148. -moz-transition: all .5s linear;
  149. transition: all .5s linear;
  150. }
  151.  
  152. .entry:hover .blanket{
  153. height:20px;
  154. opacity: 0.9;
  155. -webkit-transition: all .5s linear;
  156. -moz-transition: all .5s linear;
  157. transition: all .5s linear;
  158. }
  159.  
  160. .entry .blanket .permalink2{
  161. text-transform:uppercase;
  162. width:210px;
  163. height:25px;
  164. font-family:pixel;
  165. font-size:8px;
  166. color:#000;
  167. font-decoration:none;
  168. text-align:center;
  169. margin-top:5px;
  170. opacity:0.0
  171. background-color:#000;
  172. -webkit-transition: all .3s linear;
  173. -moz-transition: all .3s linear;
  174. transition: all .3s linear;
  175. }
  176.  
  177. .entry:hover .blanket .permalink2{
  178. opacity:1;
  179. -webkit-transition: all .4s linear;
  180. -moz-transition: all .4s linear;
  181. transition: all .4s linear;
  182. }
  183.  
  184. .entry .blanket .permalink2 a{
  185. color:#000;
  186. -webkit-transition: all .3s linear;
  187. -moz-transition: all .3s linear;
  188. transition: all .3s linear;
  189. }
  190.  
  191. .entry:hover .blanket .permalink2 a:hover {
  192. color:#888;
  193. -webkit-transition: all .3s linear;
  194. -moz-transition: all .3s linear;
  195. transition: all .3s linear;
  196. }
  197.  
  198.  
  199.  
  200. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  201.  
  202. #thing {
  203. opacity:0.20;
  204. margin-left:208px;
  205. margin-top:155px;
  206. width: 92px;
  207. height: 122px;
  208. font-family: handy00;
  209. font-size:8px;
  210. color:#000;
  211. background-color:#fff;
  212. border: 1px solid #ddd;
  213. text-align:left;
  214. padding:3px;
  215. -webkit-transition: all 0.7s ease-in-out;
  216. -moz-transition: all 0.7s ease-in-out;
  217. -o-transition: all 0.7s ease-in-out;
  218. -ms-transition: all 0.7s ease-in-out;
  219. transition: all 0.7s ease-in-out;
  220. position:fixed;
  221. line-height: 10px;
  222.  
  223. }
  224.  
  225. #thing:hover {
  226. opacity:.7;
  227. -webkit-transition: all 0.7s ease-in-out;
  228. -moz-transition: all 0.7s ease-in-out;
  229. -o-transition: all 0.7s ease-in-out;
  230. -ms-transition: all 0.7s ease-in-out;
  231. transition: all 0.7s ease-in-out;
  232.  
  233. }
  234.  
  235.  
  236. #lol {
  237. opacity:0.3;
  238. margin-left: 153px;
  239. margin-top:96px;
  240. width: 95px;
  241. height:auto;
  242. font-family: handy00;
  243. font-size:8px;
  244. color:#000;
  245. background-color:#fff;
  246. border-radius: 0px 0px 0px 0px;
  247. text-align:left;
  248. padding:3px;
  249. -webkit-transition: all 0.7s ease-in-out;
  250. -moz-transition: all 0.7s ease-in-out;
  251. -o-transition: all 0.7s ease-in-out;
  252. -ms-transition: all 0.7s ease-in-out;
  253. transition: all 0.7s ease-in-out;
  254. position:fixed;
  255. line-height: 4px;
  256. -webkit-transform: rotate(-6deg); 
  257. -moz-transform: rotate-(-12deg); 
  258.  
  259. }
  260.  
  261. #lol:hover {
  262. opacity:.7;
  263. -webkit-transition: all 0.7s ease-in-out;
  264. -moz-transition: all 0.7s ease-in-out;
  265. -o-transition: all 0.7s ease-in-out;
  266. -ms-transition: all 0.7s ease-in-out;
  267. transition: all 0.7s ease-in-out;
  268.  
  269. }
  270.  
  271.  
  272. #yo {
  273. opacity:0.3;
  274. margin-left:260px;
  275. margin-top:85px;
  276. width: 95px;
  277. height: 57px;
  278. font-family: handy00;
  279. font-size:8px;
  280. color:#000;
  281. background-color:#fff;
  282. border-radius: 0px 0px 0px 0px;
  283. text-align:left;
  284. padding:3px;
  285. -webkit-transition: all 0.7s ease-in-out;
  286. -moz-transition: all 0.7s ease-in-out;
  287. -o-transition: all 0.7s ease-in-out;
  288. -ms-transition: all 0.7s ease-in-out;
  289. transition: all 0.7s ease-in-out;
  290. position:fixed;
  291. line-height: 13px;
  292. -webkit-transform: rotate(7deg); 
  293. -moz-transform: rotate-(-12deg); 
  294.  
  295. }
  296.  
  297. #yo:hover {
  298. opacity:.7;
  299. -webkit-transition: all 0.7s ease-in-out;
  300. -moz-transition: all 0.7s ease-in-out;
  301. -o-transition: all 0.7s ease-in-out;
  302. -ms-transition: all 0.7s ease-in-out;
  303. transition: all 0.7s ease-in-out;
  304.  
  305. }
  306.  
  307.  
  308. #nigga {
  309. opacity:1.0;
  310. margin-left:170px;
  311. margin-top:115px;
  312. width: 95px;
  313. height: 57px;
  314. font-family: impsum;
  315. font-size:8px;
  316. color:#fff;
  317. background-color:transparent;
  318. border-radius: 0px 0px 0px 0px;
  319. text-align:left;
  320. padding:3px;
  321. -webkit-transition: all 0.7s ease-in-out;
  322. -moz-transition: all 0.7s ease-in-out;
  323. -o-transition: all 0.7s ease-in-out;
  324. -ms-transition: all 0.7s ease-in-out;
  325. transition: all 0.7s ease-in-out;
  326. position:fixed;
  327. line-height: 13px; 
  328.  
  329. }
  330.  
  331. #nigga:hover {
  332. opacity:1.0;
  333. -webkit-transition: all 0.7s ease-in-out;
  334. -moz-transition: all 0.7s ease-in-out;
  335. -o-transition: all 0.7s ease-in-out;
  336. -ms-transition: all 0.7s ease-in-out;
  337. transition: all 0.7s ease-in-out;
  338.  
  339. }
  340.  
  341. @font-face { font-family: "impsum"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  342.  
  343. @font-face { font-family: "lorem"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  344.  
  345. div#entry{
  346. margin-top:-2px;
  347. padding: -2px ;
  348. }
  349.  
  350. div#sidebar{
  351. position:fixed !important;
  352. width: 160px;
  353. height: auto;
  354. padding:2px;
  355. margin-top: 109px;
  356. margin-left: 116px;
  357. font-family: handy00;
  358. }
  359.  
  360. div#sidebar2{
  361. position: fixed !important;
  362. width: 100px;
  363. height:130px;
  364. background-color: transparent;
  365. margin-left:152px;
  366. margin-top: 53px;
  367. border: 1px solid #ddd;
  368. padding: 1px;
  369. line-height:11px;
  370. letter-spacing:0px;
  371. margin-bottom: 6px;
  372. -webkit-transform: rotate(-6deg); 
  373. -moz-transform: rotate-(-12deg); 
  374. }
  375.  
  376. div#masjkhf2{
  377. position: fixed !important;
  378. width: 100px;
  379. height:130px;
  380. background-color: transparent;
  381. margin-left:206px;
  382. margin-top: 153px;
  383. border: 1px solid #ddd;
  384. padding: 1px;
  385. line-height:11px;
  386. letter-spacing:0px;
  387. margin-bottom: 6px;
  388. }
  389.  
  390. div#sidebar3{
  391. position: fixed !important;
  392. width: 100px;
  393. height:130px;
  394. background-color: transparent;
  395. margin-left:258px;
  396. margin-top: 53px;
  397. border: 1px solid #ddd;
  398. padding: 1px;
  399. line-height:11px;
  400. letter-spacing:0px;
  401. margin-bottom: 6px;
  402. -webkit-transform: rotate(6deg); 
  403. -moz-transform: rotate-(-12deg); 
  404. }
  405.  
  406. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');}
  407.  
  408. @font-face {
  409. font-family: "dawning";
  410. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  411. }
  412. #posts {
  413. width: 527px;
  414. margin-left:410px;
  415. {block:PermalinkPage}
  416. margin-left:410px;
  417. {/block:PermalinkPage}
  418. float:left;
  419. }
  420.  
  421. #infscr-loading{
  422. bottom: -70px;
  423. position: absolute;
  424. left: 50%;
  425. margin-left:-8px;
  426. width:16px;
  427. height:11px;
  428. overflow:hidden;
  429. margin-bottom: 50px;
  430. }
  431.  
  432. .title{
  433. font-family: impsum;
  434. font-size: 12px;
  435. line-height:14px;
  436. color: {color:Title};
  437. font-weight: normal;
  438. }
  439.  
  440. .blogtitle{
  441. font-family: Dawning;
  442. font-size: 40px;
  443. line-height:35px;
  444. letterspacing: 0px;
  445. color: {color:title};
  446. font-color: {color:title};
  447. font-weight: italic;
  448. z-index: 1000px;
  449. position: fixed !important;
  450. }
  451.  
  452. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  453.  
  454. blockquote{
  455. padding:0px 0px 2px 5px;
  456. margin:0px 0px 2px 10px;
  457. border-left: 1px dotted #555555;
  458. }
  459.  
  460.  
  461. {CustomCSS}
  462.  
  463. </style>
  464.  
  465. {block:IndexPage}
  466. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  467. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  468.  
  469. <script type="text/javascript">
  470. $(window).load(function () {
  471. var $content = $('#posts');
  472. $content.masonry({itemSelector: '.entry'}),
  473. $content.infinitescroll({
  474. navSelector : 'div#pagination',
  475. nextSelector : 'div#pagination a#nextPage',
  476. itemSelector : '.entry',
  477. loading: {
  478. finishedMsg: '',
  479. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  480. },
  481. bufferPx : 600,
  482. extraScrollPx: 700,
  483. debug : false,
  484. },
  485. // call masonry as a callback.
  486. function( newElements ) {
  487. var $newElems = $( newElements );
  488. $newElems.hide();
  489. // ensure that images load before adding to masonry layout
  490. $newElems.imagesLoaded(function(){
  491. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  492.  
  493.  
  494. });
  495. });
  496. });
  497. </script>
  498.  
  499. {/block:IndexPage}
  500.  
  501. <title>{title}</title>
  502.  
  503. <link rel="shortcut icon" href="{Favicon}">
  504. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  505. <meta name="viewport" content="width=820" />
  506.  
  507. </head>
  508. <body>
  509. <div id="cage">
  510. <div id="center">
  511. <div id="sidebar">
  512.  
  513.  
  514. </div>
  515.  
  516. <div id="sidebar2">
  517. <img src="{image:sidebar2}" width=100px; height=130px;></div>
  518. <div id="sidebar3">
  519. <img src="{image:sidebar3}" width=100px; height=130px></div>
  520. <div id="masjkhf2"><img src="{image:sidebar}" width=100px; height=130px;></div>
  521.  
  522.  
  523.  
  524. <div id="thing">
  525. <br>
  526.  
  527.  
  528. <div style=" overflow:auto; font-family: pixel; margin-left:0px; margin-top: -3px; width:93px; height: 110px;background-color: transparent;font-size: 8px; text-align: center;">{Description}
  529. </div> </div>
  530. <div id="lol">
  531. <br>
  532. <center><a href="{text:link one}">{text:link one title}</a> + <a href="{text:link two}">{text:link two title}</a> + <a href="{text:link three}">{text:link three title}</a> </center></div>
  533. <div id="yo">
  534. <br>
  535. <center>{text:quote}</center></div>
  536. <div id="nigga">
  537. <br>
  538. <span class=blogtitle><a title="" href="/">
  539. {Title}
  540. </a></span><br></div>
  541.  
  542.  
  543.  
  544. <div class="left">
  545.  
  546. <div id="posts">
  547.  
  548. {block:Posts}
  549. <div class="entry">
  550.  
  551. {block:IndexPage}
  552. {/block:IndexPage}
  553.  
  554. {block:Text}
  555. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  556. <div class="permalink">
  557. <a href="{permalink}">{timeago} / {NoteCountWithLabel}<font color="#fa8f8f">♥</font></a></a></div>
  558. {/block:Text}
  559.  
  560. {block:Link}
  561. <a href="{URL}" class="title">{Name}</a>
  562. {block:Description}{Description}{/block:Description}
  563. <div class="permalink">
  564. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}<font color="#fa8f8f">♥</font></a>
  565. </a></a></span></div>
  566. {block:Link}
  567.  
  568. {block:Photo}
  569.  
  570. <div class="blanket">
  571. <div class="permalink2">
  572. <center><center><a href="{permalink}"><font color="{color:side2}">♥</font></a> <a href="{permalink}"> {timeago} <font color="{color:side2}">♥</font></a> {notecount} notes</a> <font color="{color:side2}">♥</font></a> <a href="{ReblogURL}" target="_blank">reblog</a><font color="{color:side2}">♥</font></a></span></center></div></center>
  573. </div>
  574.  
  575. {block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="200"/></a></div>{LinkCloseTag}{/block:IndexPage}
  576. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  577. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  578. {/block:Photo}
  579.  
  580. {block:Photoset}
  581. {block:IndexPage}
  582. <center>
  583. {Photoset-250}</center>
  584. {/block:IndexPage}
  585. {block:PermalinkPage}
  586. <center>
  587. {Photoset-500}</center>
  588. <div class="permalink">
  589. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} with {notecountwithlabel}<font color="#fa8f8f">♥</font></a>
  590. </a></a></span></div>
  591. {/block:PermalinkPage}
  592. {/block:Photoset}
  593.  
  594. {block:Quote}
  595. {Quote}</span>
  596. {block:Source}<strong>{Source}</strong>{/block:Source}
  597. <div class="permalink">
  598. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}<font color="#fa8f8f">♥</font></a>
  599. </a></a></span></div>
  600. {/block:Quote}
  601.  
  602. {block:Chat}
  603. {block:Title}<span class="title">{Title}</span>{/block:Title}
  604. <ul class="chat">
  605. {block:Lines}
  606. <li class="user_{UserNumber}">
  607. {block:Label}
  608. <span class="label">{Label}</span>
  609. {/block:Label}
  610.  
  611. {Line}
  612. </li>
  613. {/block:Lines}
  614. </ul><div class="permalink">
  615. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}<font color="#fa8f8f">♥</font></a>
  616. </a></a></span></div>
  617.  
  618. {/block:Chat}
  619.  
  620. {block:Audio}
  621. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  622. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  623. <div class="permalink"a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}<font color="#fa8f8f">♥</font></a>
  624. </a></a></span></div>
  625. {/block:Audio}
  626.  
  627. {block:Video}
  628. {block:IndexPage}
  629. <center>
  630. {Video-250}</center>
  631. {/block:IndexPage}
  632. {block:PermalinkPage}
  633. <center>
  634. {Video-500}</center>
  635. {/block:PermalinkPage}
  636. <div class="permalink">
  637. <a href="{permalink}">Posted at {12Hour}:{Minutes} {AMPM} / {notecountwithlabel}<font color="#fa8f8f">♥</font></a>
  638. </a></a></span></div>
  639. {block:Video}
  640.  
  641. {block:PermalinkPage}
  642. <center>
  643. {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>
  644. {/block:PermalinkPage}
  645.  
  646.  
  647. {block:PostNotes}{PostNotes}
  648. {/block:PostNotes}
  649. </div>
  650.  
  651.  
  652. {/block:Posts}
  653. </div>
  654. </div>
  655. {block:IndexPage}
  656. {block:Pagination}
  657. <div id="pagination">
  658. {block:NextPage}
  659. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  660. {/block:NextPage}
  661. {block:PreviousPage}
  662. <a href="{PreviousPage}">&larr;&nbsp;</a>
  663. {/block:PreviousPage}
  664. </div>
  665. {/block:Pagination}
  666. {/block:IndexPage}
  667. </div>
  668. </body>
  669. </html>
  670. <div style="position:fixed; bottom:10px; right:10px;">
  671. <center>{text:online users} / <a href="biebinator.tumblr.com">credit</a></center>
  672. {text:music code}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement