Advertisement
ramisaaaaa

Untitled

Aug 30th, 2014
285
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2. Theme by cyrusnigga, keep credit please. :-)
  3. -->
  4.  
  5. <html lang="en">
  6. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml">
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12.  
  13. <!--DEFAULT VARIABLES-->
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15. <meta name="color:background" content="#fff"/>
  16. <meta name="color:link" content="#777"/>
  17. <meta name="color:text" content="#777"/>
  18. <meta name="color:title" content="#333"/>
  19. <meta name="color:hover" content="#fff"/>
  20. <meta name="image:sidebar" content="1"/>
  21. <meta name="image:background" content="1"/>
  22. <meta name="text:link one" content="" />
  23. <meta name="text:link one title" content="home" />
  24. <meta name="text:link two" content="" />
  25. <meta name="text:link two title" content="message" />
  26. <meta name="text:link three" content="" />
  27. <meta name="text:link three title" content="links" />
  28. <meta name="text:link four" content="" />
  29. <meta name="text:link four title" content="crew" />
  30. <meta name="text:link five" content="" />
  31. <meta name="text:link five title" content="ok" />
  32. <meta name="if:faded posts" content="1"/>
  33.  
  34. <style type="text/css">
  35.  
  36.  
  37. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.8s ease-out;transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  38.  
  39. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1.0;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  40.  
  41. p {
  42. margin:0px;
  43. margin-top:0px;
  44. }
  45.  
  46. ::-webkit-scrollbar {width: 5px; height: 0px; padding-right:5px;background:{color:background};}
  47.  
  48. ::-webkit-scrollbar-thumb {background-color:{color:link};}
  49.  
  50.  
  51. body {
  52. padding: 0px;
  53. margin: 0px;
  54. color:{color:text};
  55. font-family: arial;
  56. line-height:11px;
  57. font-size:11px;
  58. background-color: {color:Background};
  59. background-image:url({image:Background});
  60. background-attachment: fixed;
  61. background-repeat: repeat;
  62. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  63. }
  64.  
  65. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  66.  
  67. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  68. #postnotes{
  69. text-align: left;
  70. }
  71.  
  72. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  73.  
  74. a:link, a:active, a:visited{
  75. text-decoration: none;
  76. -webkit-transition: color 0.3s ease-out;
  77. -moz-transition: color 0.3s ease-out;
  78. transition: color 0.3s ease-out;
  79. color:{color:link};
  80. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  81. }
  82.  
  83. a:hover {
  84. color: {color:Hover};
  85. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  86. }
  87.  
  88. div#center{
  89. margin:auto;
  90. position:relative;
  91. width:1000px;
  92. background-color:;
  93. overflow:auto;
  94. overflow-y:hidden;
  95. }
  96.  
  97. .entry {
  98. float:left;
  99. display: block;
  100. {block:iffadedposts}opacity:0.85;{/block:iffadedposts}
  101. overflow:hidden;
  102. padding:3px;
  103. width:500px;
  104. {block:PermalinkPage}
  105. width:450px;
  106. text-align:left;
  107. line-height:10px;
  108. {/block:PermalinkPage}
  109. -webkit-transition: color 0.3s ease-out;
  110. -moz-transition: color 0.3s ease-out;
  111. transition: color 0.3s ease-out;
  112. }
  113.  
  114. .entry:hover{
  115. {block:iffadedposts}opacity:1.0;{/block:iffadedposts}
  116. -webkit-transition: color 0.3s ease-out;
  117. -moz-transition: color 0.3s ease-out;
  118. transition: color 0.3s ease-out;
  119. }
  120.  
  121. #posts {
  122. width:510px;
  123. margin-top:10px;
  124. z-index:99;
  125. margin-left:270px;
  126. right:auto;
  127. background:transparent;
  128. margin-right:auto;
  129. position:relative;
  130. overflow-y: hidden;
  131. }
  132.  
  133. .perma
  134. {
  135. opacity: 0.0;
  136. filter: alpha(opacity = 0);
  137. margin-top: -21px;
  138. width: px;
  139. height: 30px;
  140. line-height: 30px;
  141. font-size: 9px;
  142. position:absolute;
  143. text-align: center;
  144. z-index:9999991;
  145. color: {color:permalink};
  146.  
  147. }
  148. a.p
  149. {
  150.  
  151. color: {color:permalink};
  152. }
  153. .entry:hover .perma {
  154.  
  155. -webkit-transition: opacity 0.4s linear;
  156. opacity: 1;
  157. -moz-transition: all 0.4s linear;
  158. transition: all 0.4s linear;
  159. filter: alpha(opacity = 100);
  160.  
  161. }
  162.  
  163. .likep {
  164. width: 21px;
  165. height: 20px;
  166. overflow: hidden;
  167. position: relative;
  168. z-index: 9999999;
  169. position: absolute;
  170. margin-top: 26px;
  171. margin-left: 5px;
  172. }
  173. .rep {
  174. width: 24px;
  175. height: 20px;
  176. overflow: hidden;
  177. position: relative;
  178. z-index: 9999999;
  179. position: absolute;
  180. margin-top: 26px;
  181. margin-left: 31px;
  182. }
  183. .likep a:hover {
  184. background-position: 0px 0px;
  185. }
  186. .likep a {
  187. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  188. background-position: 0px 0px;
  189. display: block;
  190. z-index: 9999999;
  191. webkit-transition: all 0s linear;
  192. -webkit-transition: all 0s linear;
  193. -moz-transition: all 0s linear;
  194. transition: all 0s linear;
  195. }
  196. .likep img {
  197. width: 21px;
  198. height: 20px;
  199. webkit-transition: all 0.2s linear;
  200. -webkit-transition: all 0.2s linear;
  201. -moz-transition: all 0.2s linear;
  202. transition: all 0.2s linear;
  203. }
  204. .rep img{
  205. width: 24px;
  206. height: 20px;
  207. line-height: 30px;
  208. display: inline;
  209. }
  210.  
  211. .not { position: absolute;
  212. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  213. height: 20px;
  214. font-size: 11px;
  215. line-height: 20px;
  216. color: #fff;
  217. position: absolute;
  218. margin-top: 26px;
  219. margin-left: 59px;
  220. padding-left: 4px;
  221. padding-right: 4px;
  222. -moz-border-radius: 2px;
  223. border-radius: 2px;
  224. }
  225. .not a{
  226. color: #fff;
  227. font-family: sans-serif;
  228. }
  229.  
  230.  
  231. #sidebar{
  232. position:fixed !important;
  233. width:215px;
  234. background:transparent;
  235. height:auto;
  236. margin-top:150px;
  237. margin-left:20px;
  238. text-align:center;
  239. }
  240.  
  241. #ok {
  242. text-align:center;
  243. margin-top:2px;
  244. width: 215px;
  245. position:fixed;
  246. opacity:0.0;
  247. margin-left:30px;
  248. -o-transition-transition: all 0.4s ease-out;
  249. -webkit-transition: all 0.6s ease-out;
  250. -moz-transition: all 0.7s ease-out;
  251. }
  252.  
  253.  
  254. #sidebar:hover #ok{
  255. margin-top: 12px;
  256. opacity:1.0;
  257. margin-left:0px;
  258. transition: all 0.1s ease-out;
  259. -o-transition-transition: all 0.3s ease-out;
  260. -webkit-transition: all 0.3s ease-out;
  261. -moz-transition: all 0.1s ease-out;
  262. }
  263.  
  264. #no {
  265. text-align:center;
  266. margin-top:6px;
  267. width: 215px;
  268. position:fixed;
  269. opacity:0.0;
  270. transition: all 0.5s ease-out;
  271. -o-transition-transition: all 0.6s ease-out;
  272. -webkit-transition: all 0.5s ease-out;
  273. -moz-transition: all 0.5s ease-out;
  274. }
  275.  
  276. #no a{
  277. padding-left:4px;
  278. padding-right:4px;
  279. }
  280.  
  281.  
  282. #sidebar:hover #no{
  283. opacity:1.0;
  284. margin-left:0px;
  285. transition: all 0.1s ease-out;
  286. -o-transition-transition: all 0.6s ease-out;
  287. -webkit-transition: all 0.5s ease-out;
  288. -moz-transition: all 0.7s ease-out;
  289. }
  290.  
  291.  
  292.  
  293.  
  294. #ok2 {
  295. text-align:center;
  296. margin-top:4px;
  297. width: 215px;
  298. position:fixed;
  299. opacity:1.0;
  300. transition: all 0.7 ease-out;
  301. -o-transition-transition: all 0.6s ease-out;
  302. -webkit-transition: all 0.6s ease-out;
  303. -moz-transition: all 0.7s ease-out;
  304. }
  305.  
  306.  
  307. #sidebar:hover #ok2{
  308. margin-top: 20px;
  309. opacity:1.0;
  310. transition: all 0.6s ease-out;
  311. -o-transition-transition: all 0.6s ease-out;
  312. -webkit-transition: all 0.6s ease-out;
  313. -moz-transition: all 0.7s ease-out;
  314. }
  315.  
  316.  
  317. #lol {
  318. text-align:center;
  319. bottom:3px;
  320. right: 3px;
  321. position:fixed;
  322. opacity:1.0;
  323. }
  324.  
  325.  
  326. .title{
  327. line-height: 12px;
  328. color:{color:Title};
  329. font-weight: normal;
  330. }
  331.  
  332.  
  333. .permalink{
  334. text-transform: normal;
  335. display: block;
  336. text-align: right;
  337. text-decoration: none;
  338. }
  339.  
  340.  
  341. #infscr-loading{
  342. bottom: -70px;
  343. position: absolute;
  344. left: 50%;
  345. margin-left:-8px;
  346. width:16px;
  347. height:11px;
  348. overflow:hidden;
  349. margin-bottom: 50px;
  350. }
  351.  
  352. #postnotes{
  353. text-align: justify;}
  354.  
  355. #postnotes blockquote{
  356. border: 0px;}
  357.  
  358. blockquote{
  359. padding:0px 0px 2px 5px;
  360. margin:0px 0px 2px 10px;
  361. border-left: 1px dotted #555555;
  362. }
  363.  
  364. blockquote p, ul{
  365. margin:0px;
  366. padding:0px;
  367. }
  368.  
  369. a img{border: 0px;}
  370.  
  371.  
  372. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  373.  
  374. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  375. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  376.  
  377. .notes img{width:10px; position:relative; top:3px;}
  378. <--ses-->
  379. small{font-size: 90%;}
  380.  
  381. {CustomCSS}
  382.  
  383. </style>
  384.  
  385. {block:IndexPage}
  386. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  387. <script type="text/javascript">
  388. $(window).load(function(){
  389. var $wall = $('#posts');
  390. $wall.imagesLoaded(function(){
  391. $wall.masonry({
  392. itemSelector: '.entry, .entry_photo',
  393. isAnimated : false
  394. });
  395. });
  396.  
  397. $wall.infinitescroll({
  398. navSelector : '#pagination',
  399. nextSelector : '#pagination a',
  400. itemSelector : '.entry, .entry_photo',
  401. bufferPx : 2000,
  402. debug : false,
  403. errorCallback: function() {
  404. $('#infscr-loading').fadeOut('normal');
  405. }},
  406. function( newElements ) {
  407. var $newElems = $( newElements );
  408. $newElems.hide();
  409. $newElems.imagesLoaded(function(){
  410. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  411. });
  412. }); $('#posts').show(500);
  413. });
  414. </script>
  415.  
  416.  
  417. {/block:IndexPage}
  418.  
  419.  
  420. <title>{title}</title>
  421.  
  422. <link rel="shortcut icon" href="{Favicon}" />
  423. <meta name="viewport" content="width=820" />
  424. </head>
  425.  
  426. <body>
  427. <BODY onselectstart="return false;" ondragstart="return false;"><div class="wrapper"><div class="header"></div><div id="cage"><div id="center"><div id="sidebar"><a href="/"><img src="{image:sidebar}" width=100%></a><div id="no"><i><center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}{block:IfLinktwotitle}<a href="{text:link two}">{text:link two title}</a>{/block:IfLinktwotitle}{block:IfLinkthreetitle} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}{block:IfLinkfourtitle} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}{block:IfLinkfivetitle} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}</i></center></div><div id="ok2"><center>{description}</center></div></div>
  428.  
  429.  
  430.  
  431. <div class="left">
  432. <div id="posts">
  433. {block:Posts}
  434. <div class="entry">
  435.  
  436. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><p align=right><span class="permalink"><a
  437.  
  438. href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span></align>
  439. {/block:Text}
  440.  
  441. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description} <p align=right><span
  442.  
  443. class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"></span></align>{block:Link}
  444.  
  445. {block:Photo}
  446. {block:IndexPage}
  447. <center>
  448.  
  449. <div class="perma">
  450. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  451. <div class="not"><a id="notes{PostID}" href="{Permalink}">{notecount}</a></div>
  452.  
  453.  
  454.  
  455. </div>
  456.  
  457. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  458. {/block:IndexPage}
  459. {block:PermalinkPage}
  460. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>
  461.  
  462. {LinkCloseTag}
  463. {/block:PermalinkPage}
  464. {/block:Photo}
  465.  
  466. {block:Photoset}
  467. {block:IndexPage}
  468. <center>
  469.  
  470. <div class="perma">
  471. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  472.  
  473. {Photoset-400}</center>
  474. {/block:IndexPage}
  475. {block:PermalinkPage}
  476. <center>
  477. {Photoset-500}</center>
  478. {/block:PermalinkPage}
  479. {/block:Photoset}
  480.  
  481. {block:Quote}<span class="title">"{Quote}"</span> — {block:Source}<b>{Source}</b>{/block:Source}<br><p align=right><span class="permalink"><a
  482.  
  483. href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </span>{/block:Quote}
  484.  
  485. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  486. <ul class="chat">
  487. {block:Lines}
  488. <li class="user_{UserNumber}">
  489. {block:Label}
  490. <span class="label">{Label}</span>
  491. {/block:Label}
  492.  
  493. {Line}
  494. </li>
  495. {/block:Lines}
  496. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}">
  497. {/block:Chat}
  498.  
  499. {block:Audio}
  500. <div style="width:200px; height:30px;">
  501. {AudioPlayerBlack}
  502. </div>
  503. {block:IndexPage}<span class="permalink">
  504. <p align=right><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> <a href="{Permalink}"> </a>
  505. </span>{/block:IndexPage}
  506. {/block:Audio}
  507.  
  508. {block:Video}
  509. {block:IndexPage}
  510. <center>
  511. <div class="perma">
  512. <a href="{ReblogURL}" target="_blank"> reblog </a> </div>
  513. {Video-250}</center>
  514. {/block:IndexPage}
  515. {block:PermalinkPage}
  516. <center>
  517. {Video-400}</center>
  518. {/block:PermalinkPage}
  519. {block:Video}
  520.  
  521.  
  522. {block:PostNotes}<div align="middle">{caption}</div>
  523. <center>
  524.  
  525. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  526.  
  527. {block:HasTags}
  528. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  529. {block:RebloggedFrom}
  530. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  531. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  532.  
  533. {/block:RebloggedFrom}
  534. </center></span>
  535. <br>
  536. <div id="postnotes">{PostNotes}</div><br>
  537.  
  538. <center>{block:ContentSource}
  539. <br><a href="{SourceURL}">
  540. {lang:Source}:
  541. {block:SourceLogo}
  542. <img src="{BlackLogoURL}" width="{LogoWidth}"
  543. height="{LogoHeight}" alt="{SourceTitle}" />
  544. {/block:SourceLogo}
  545. {block:NoSourceLogo}
  546. {SourceLink}
  547. {/block:NoSourceLogo}
  548. </a>
  549. {/block:ContentSource}</center>
  550.  
  551. {/block:PostNotes}
  552. </div>
  553. {/block:Posts}
  554. </div></div>
  555.  
  556. {block:IndexPage}
  557. {block:Pagination}
  558. <div id="pagination">
  559. {block:NextPage}
  560. <a id="nextPage" href="{NextPage}"></a>
  561. {/block:NextPage}
  562. {block:PreviousPage}
  563. <a href="{PreviousPage}"></a>
  564. {/block:PreviousPage}
  565. </div>
  566. {/block:Pagination}
  567. {/block:IndexPage}
  568. </body>
  569. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement