Advertisement
ramisaaaaa

Untitled

Jul 24th, 2014
279
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.57 KB | None | 0 0
  1. <!--
  2. theme by cyrusnigga if you remove credit then you diE.
  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. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13.  
  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="#000000"/>
  17. <meta name="color:text" content="#000000"/>
  18. <meta name="color:hover" content="#ffffff"/>
  19. <meta name="color:Title" content="#000000"/>
  20. <meta name="color:sidebar" content="#FFFFFF"/>
  21. <meta name="image:sidebar" content=""/>
  22. <meta name="image:background" content="1"/>
  23. <meta name="if:tiny cursor" content="0"/>
  24. <meta name="text:link one" content="/" />
  25. <meta name="text:link one title" content="home" />
  26. <meta name="text:link two" content="/ask" />
  27. <meta name="text:link two title" content="message" />
  28. <meta name="text:link three" content="/links" />
  29. <meta name="text:link three title" content="links" />
  30. <meta name="text:link four" content="/" />
  31. <meta name="text:link four title" content="link" />
  32. <meta name="text:link five" content="/" />
  33. <meta name="text:link five title" content="link" />
  34. <meta name="text:link six" content="" />
  35. <meta name="text:link six title" content="" />
  36. <meta name="text:link seven" content="" />
  37. <meta name="text:link seven title" content="" />
  38. <meta name="if:shadows" content="1"/>
  39. <meta name="if:dark posts" content="1"/>
  40. <meta name="if:links on top of description" content="1"/>
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47. .wrapper{
  48. margin: 0px auto;
  49. width: 100%;
  50. }
  51.  
  52. .header{
  53. float: left;
  54. width: 100%;
  55. }
  56.  
  57. .left{
  58. float: left;
  59. margin-right: 20px;
  60. width: 0px;
  61. }
  62.  
  63. .right{
  64. float: right;
  65. width: 200px;
  66. background-color: #fff;
  67. }
  68.  
  69. p {
  70. margin:0px;
  71. margin-top:0px;
  72. }
  73.  
  74.  
  75. body {
  76. padding: 0px;
  77. margin: 0px;
  78. color:{color:text};
  79. font-family: trebuchet ms;
  80. text-transform: normal;
  81. font-size: 9px;
  82. line-height: 11px;
  83. letter-spacing: 0px;
  84. background-color: {color:Background};
  85. background-image:url({image:Background});
  86. background-attachment: fixed;
  87. background-repeat: repeat;
  88. }
  89.  
  90. {block:ifshadows}
  91. .permalink2{
  92. margin-top: -4px;
  93. }
  94. {/block:ifshadows}
  95.  
  96.  
  97.  
  98.  
  99. .user_1 .label {color:{color:link}; font-weight:bold}
  100. .user_2 .label {color:{color:text}; font-weight:bold}
  101. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  102.  
  103. i, em {color: {color:Link};}
  104. b, strong {color: {color:text};}
  105.  
  106. ::selection {
  107. color:{color:Text};
  108. background-color: {color:Link};
  109. }
  110.  
  111. ::-moz-selection {
  112. color:{color:Text};
  113. background-color: {color:Link};
  114. }
  115.  
  116. ::-webkit-selection {
  117. color:{color:Text};
  118. background-color:{color:Link};
  119. }
  120.  
  121. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  122.  
  123. p{margin-top:5px; margin-bottom:5px; }
  124.  
  125. blockquote {padding:0px; text-align:left; padding-left:5px; margin:5px; background-color:transparent; border-left:3px solid {color:Link};}
  126.  
  127.  
  128. a:link, a:active, a:visited{
  129. text-decoration: none;
  130. -webkit-transition: color 0.2s ease-out;
  131. -moz-transition: color 0.2s ease-out;
  132. transition: color 0.2s ease-out;
  133. color: {color:Link};
  134. }
  135.  
  136. a:hover {
  137. text-decoration: none;
  138. color: {color:Hover};
  139. -webkit-transition: color 0.2s ease-out;
  140. -moz-transition: color 0.2s ease-out;
  141. transition: color 0.2s ease-out;
  142. }
  143.  
  144. div#center{
  145. margin:auto;
  146. position:relative;
  147. width:1000px;
  148. background-color:;
  149. overflow:auto;
  150. overflow-y:hidden;
  151. }
  152.  
  153. .entry {
  154. float:left;
  155. display: block;
  156. margin: 5px;
  157. overflow:hidden;
  158. margin-left: 2px;
  159. margin-bottom: 0px;
  160. padding-bottom: 0px;
  161. overflow:hidden;
  162. {block:ifshadows}
  163. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
  164. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
  165. box-shadow: 0px 0px 10px rgba(0, 0, 0, .3);
  166. margin:4px;
  167. {/block:ifshadows}
  168. {block:ifpostsanimation}transition: all 0.7s ease-in-out;{/block:ifpostsanimation}
  169. width:400px;
  170. {block:PermalinkPage}
  171. width:400px;
  172. text-align:center;
  173. {/block:PermalinkPage}
  174. }
  175.  
  176.  
  177. #posts {
  178. width:500px;
  179. margin-top: 10px;
  180. margin-left:290px;
  181. right:auto;
  182. margin-right:auto;
  183. position:relative;
  184. overflow-y: hidden;
  185. {block:ifdarkposts}
  186. -webkit-filter: grayscale(50%);
  187. {/block:ifdarkposts}
  188.  
  189. }
  190.  
  191.  
  192. div#sidebar{
  193. height:auto;
  194. float:left;
  195. position:fixed !important;
  196. margin-left: 55px;
  197. margin-top:195px;
  198. width:190px;
  199. }
  200.  
  201. .title{
  202. font-size: 11px;
  203. line-height: 19px;
  204. color: {color:Title};
  205. font-weight: bold;
  206. }
  207.  
  208. .permalink {
  209. display: block;
  210. padding: 2px;
  211. margin: 4px 0px 0px 8px;
  212. color: #424242;
  213. line-height: 8px;
  214. text-align: right;
  215. -webkit-transition: color 0.5s ease-out;
  216. -moz-transition: color 0.5s ease-out;
  217. }
  218.  
  219. #infscr-loading{
  220. bottom: -70px;
  221. position: absolute;
  222. left: 50%;
  223. margin-left:-8px;
  224. width:16px;
  225. height:11px;
  226. overflow:hidden;
  227. margin-bottom: 50px;
  228. }
  229.  
  230. #postnotes{
  231. text-align: justify;}
  232.  
  233.  
  234. #description{
  235. text-align: center;}
  236.  
  237. #no{
  238. text-align: center;}
  239.  
  240. #no a{
  241. padding:3px;}
  242.  
  243.  
  244.  
  245. #hi{
  246. padding:8px;
  247. padding-left:4px;
  248. padding-right:4px;
  249. }
  250.  
  251.  
  252.  
  253. #ok {
  254. bottom:3px;
  255. right:3px;
  256. font-size:9px;
  257. position:fixed;
  258. }
  259.  
  260.  
  261. .entry .perma{
  262. position:absolute;
  263. font-family:'share';
  264. height: auto;
  265. width:auto;
  266. padding: 5px;
  267. line-height:10px;
  268. text-transform: uppercase;
  269. font-size: 12px;
  270. bottom: -10px;
  271. right: 0px;
  272. opacity: 0;
  273. z-index:2;
  274. background-color:transparent;
  275. -webkit-filter:invert(100%);
  276. color:#000;
  277. text-align:center;
  278. -webkit-transition: all 0.2s linear;
  279. -moz-transition: all 0.2s linear;
  280. transition: all 0.2s linear;
  281. transition: all 0.2s ease-out;
  282. }
  283.  
  284. .entry .perma img {
  285. -webkit-filter:invert(0%);
  286. }
  287.  
  288. .p0 {
  289. margin-left:3px;
  290. }
  291.  
  292. .entry:hover .perma{
  293. bottom:4px;
  294. -webkit-transition: opacity 0.4s linear; opacity: 1;
  295. -webkit-transition: all 0.2s linear;
  296. -moz-transition: all 0.2s linear;
  297. transition: all 0.2s linear;
  298. transition: all 0.2s ease-out;
  299. }
  300.  
  301. .entry .perma:hover {
  302. -webkit-transition: opacity 0.2s linear; opacity: 1;
  303. -webkit-transition: all 0.2s linear;
  304. -moz-transition: all 0.2s linear;
  305. transition: all 0.2s linear;
  306. transition: all 0.2s ease-out;
  307. }
  308.  
  309.  
  310. .entry .perma img:hover {
  311. -webkit-filter:invert(100%);
  312. }
  313.  
  314. #postnotes blockquote{
  315. border: 0px;}
  316.  
  317.  
  318. a img{border: 0px;}
  319.  
  320.  
  321. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  322.  
  323. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  324. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
  325.  
  326. .notes img{width:10px; position:relative; top:3px;}
  327. <--ses-->
  328. small{font-size: 90%;}
  329.  
  330.  
  331. #audio {
  332. width:240px;
  333. height:auto;
  334. min-height:70px;
  335. margin-top:17px;
  336. padding-bottom:5px;
  337. }
  338. .cover {
  339. position:absolute;
  340. z-index:1;
  341. width:70px;
  342. height:70px;
  343. }
  344. .cover img {
  345. float:left;
  346. width:70px;
  347. height:70px;
  348. margin-top:-2px;
  349. margin-left:3px;
  350. }
  351. .playbox {
  352. opacity:0.6;
  353. width:27px;
  354. height:30px;
  355. overflow:hidden;
  356. position:absolute;
  357. z-index:1000;
  358. margin-left:17px;
  359. margin-top:17px;
  360. text-align:center;
  361. }
  362. .info {
  363. margin-left:80px;
  364. margin-top:11px;
  365. line-height:14px;
  366. }
  367.  
  368.  
  369. .title{
  370. font-size: 12px;
  371. line-height: 12px;
  372. color: {color:Title};
  373. font-weight: normal;
  374. text-transform:uppercase;
  375. font-family:"calibri";
  376. letter-spacing:2px;
  377. }
  378.  
  379.  
  380. blockquote{
  381. padding:0px 0px 2px 3px;
  382. margin:0px 0px 2px 1px;
  383. }
  384. ul, ol, li{
  385. list-style:none;
  386. margin:0px;
  387. padding:0px;
  388. }
  389.  
  390.  
  391. {CustomCSS}
  392.  
  393. </style>
  394.  
  395. {block:IndexPage}
  396. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  397. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  398.  
  399. <script type="text/javascript">
  400. $(window).load(function () {
  401. var $content = $('#posts');
  402. $content.masonry({itemSelector: '.entry'}),
  403. $content.infinitescroll({
  404. navSelector : 'div#pagination',
  405. nextSelector : 'div#pagination a#nextPage',
  406. itemSelector : '.entry',
  407. loading: {
  408. finishedMsg: '',
  409. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  410. },
  411. bufferPx : 600,
  412. debug : false,
  413. },
  414. // call masonry as a callback.
  415. function( newElements ) {
  416. var $newElems = $( newElements );
  417. $newElems.hide();
  418. // ensure that images load before adding to masonry layout
  419. $newElems.imagesLoaded(function(){
  420. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  421.  
  422.  
  423. });
  424. });
  425. });
  426. </script>
  427.  
  428. {/block:IndexPage}
  429.  
  430.  
  431. <title>{title}</title>
  432.  
  433. <link rel="shortcut icon" href="{Favicon}">
  434. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  435. <meta name="viewport" content="width=820" />
  436. </head>
  437. <body onkeydown="return false">
  438.  
  439. <body>
  440.  
  441. <div class="wrapper">
  442. <div class="header">
  443. </div>
  444.  
  445. <div id="cage">
  446. <div id="center">
  447. <div id="sidebar">
  448.  
  449. <a href="/"><img src="{image:Sidebar}"style="{block:ifshadows}-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .3);-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .3);box-shadow: 0px 0px 0px rgba(0, 0, 0, .3);
  450. {/block:ifshadows}" width="190" style="margin-bottom:4px;"/></a>
  451. <br>
  452.  
  453. {block:Iflinksontopofdescription}
  454. <div align="centerr" style="margin-top:3px; margin-bottom:-2px; text-align:center;">
  455. <div id="no"><center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}{block:IfLinktwotitle} {text:symbol} <a href="{text:link two}">{text:link two title}</a>{/block:IfLinktwotitle}{block:IfLinkthreetitle} {text:symbol} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}{block:IfLinkfourtitle} {text:symbol} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}{block:IfLinkfivetitle} {text:symbol} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
  456. {block:IfLinksixtitle}<a href="{text:link six}">{text:link six title}</a> {/block:IfLinksixtitle}
  457. {block:IfLinkseventitle}<a href="{text:link seven}">{text:link seven title}</a>{/block:IfLinkseventitle}
  458. </center></div></div>
  459.  
  460. <div align="centerr" style="margin-top:5px;">
  461. <div id="description">{Description}</div></DIV>
  462. {block:Iflinksontopofdescription}
  463.  
  464. {block:Ifnotlinksontopofdescription}
  465.  
  466. <div align="centerr" style="margin-top:3px;">
  467. <div id="description">{Description}</div></DIV>
  468.  
  469.  
  470. <div align="centerr" style="margin-top:3px; margin-bottom:-2px; text-align:center;">
  471. <div id="no"><center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}{block:IfLinktwotitle} {text:symbol} <a href="{text:link two}">{text:link two title}</a>{/block:IfLinktwotitle}{block:IfLinkthreetitle} {text:symbol} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}{block:IfLinkfourtitle} {text:symbol} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}{block:IfLinkfivetitle} {text:symbol} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
  472. {block:IfLinksixtitle}<a href="{text:link six}">{text:link six title}</a> {/block:IfLinksixtitle}
  473. {block:IfLinkseventitle}<a href="{text:link seven}">{text:link seven title}</a>{/block:IfLinkseventitle}
  474. </center></div></div>
  475.  
  476. {block:Ifnotlinksontopofdescription}
  477.  
  478. </div>
  479.  
  480. <div class="left">
  481. <div id="posts">
  482. {block:Posts}
  483.  
  484. {block:ContentSource}
  485.  
  486. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  487.  
  488. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  489.  
  490. {/block:SourceLogo}
  491.  
  492. {block:NoSourceLogo}{noSourceLink}{/block:NoSourceLogo} —>
  493.  
  494. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  495.  
  496.  
  497. <div class="entry">
  498.  
  499.  
  500.  
  501. {block:Text}
  502. <div id="hi">
  503. {block:Title}<span class="title">{Title}</span>{/block:Title}
  504. <span class="entrytext">{Body}</span>
  505. {block:PermalinkPage}{block:HasTags}{block:Tags}#{Tag} {/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  506. <div class="permalink">
  507. <a href="{permalink}">{notecountwithlabel}</a>
  508. </div></div>
  509. {/block:Text}
  510.  
  511. {block:Link}
  512. <div id="hi"><a href="{URL}" class="title">{Name}</a>
  513. {block:Description}{Description}{/block:Description}
  514. <div class="permalink">
  515. <a href="{permalink}">{notecountwithlabel}</a>
  516. </div></div>
  517. {block:Link}
  518.  
  519. {block:Photo}
  520. {block:IndexPage}{LinkOpenTag}
  521.  
  522. <div class="perma"><a href="{ReblogUrl}" target="_blank">
  523. <img src="http://static.tumblr.com/beiywxc/cKKmcczrv/reblog_small_black.png" width=16px;></a>
  524. <a href="{permalink}">
  525. <img src="http://static.tumblr.com/beiywxc/qK6mcczsr/black_heart_final.png" width=16px; ></a></div>
  526.  
  527. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}
  528. <div class="permalink2">
  529. </div>
  530. {/block:IndexPage}
  531. {block:PermalinkPage}
  532. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%/></a></div>{LinkCloseTag}
  533. {/block:PermalinkPage}
  534. {/block:Photo}
  535.  
  536. {block:Photoset}
  537. <div class="perma"><a href="{ReblogUrl}" target="_blank">
  538. <img src="http://static.tumblr.com/beiywxc/cKKmcczrv/reblog_small_black.png" width=16px;></a>
  539. <a href="{permalink}">
  540. <img src="http://static.tumblr.com/beiywxc/qK6mcczsr/black_heart_final.png" width=16px; ></a></div>
  541. <div style="width:400px !important;">{Photoset-400}</div></span>{/block:Photoset}
  542.  
  543.  
  544. {block:Quote}
  545. <div id="hi"><span class="title">{Quote}</span>
  546. {block:Source}<b>-{Source}</b>{/block:Source}
  547. <div class="permalink">
  548. <a href="{permalink}">{notecountwithlabel}</a>
  549. </div></div>
  550. {/block:Quote}
  551.  
  552. {block:Chat}
  553. <div id="hi">{block:Title}<span class="title">{Title}</span>{/block:Title}
  554. <ul class="chat">
  555. {block:Lines}
  556. <li class="user_{UserNumber}">
  557. {block:Label}
  558. <span class="label"><b>{Label}</b></span>
  559. {/block:Label}
  560.  
  561. {Line}
  562. </li>
  563. {/block:Lines}
  564. </ul>
  565. <div class="permalink">
  566. <a href="{permalink}">{notecountwithlabel}</a>
  567. </div></div>
  568. {/block:Chat}
  569.  
  570. {block:Audio}
  571. <div id="hi"><div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  572.  
  573. {block:IndexPage}<div class="permalink"><a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}</div>
  574. {/block:Audio}
  575.  
  576. {block:Video}
  577. {block:IndexPage}
  578. <div class="perma"><a href="{ReblogUrl}" target="_blank">
  579. <img src="http://static.tumblr.com/beiywxc/cKKmcczrv/reblog_small_black.png" width=16px;></a>
  580. <a href="{permalink}">
  581. <img src="http://static.tumblr.com/beiywxc/qK6mcczsr/black_heart_final.png" width=16px; ></a></div>
  582. <div class="video">{Video-400}</div>{/block:IndexPage}
  583. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  584. <div class="permalink">
  585. <a href="{permalink}">+{notecount}</a>
  586. </div>
  587. {block:Video}
  588.  
  589. {block:PostNotes}<div align="middle">{caption}</div>
  590. <center>
  591.  
  592. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  593.  
  594. {block:HasTags}
  595. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  596. {block:RebloggedFrom}
  597. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  598. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  599.  
  600. {/block:RebloggedFrom}
  601. </center></span>
  602. <br>
  603. <div id="postnotes">{PostNotes}</div><br>
  604.  
  605. <center>{block:ContentSource}
  606. <br><a href="{SourceURL}">
  607. {lang:Source}:
  608. {block:SourceLogo}
  609. <img src="{BlackLogoURL}" width="{LogoWidth}"
  610. height="{LogoHeight}" alt="{SourceTitle}" />
  611. {/block:SourceLogo}
  612. {block:NoSourceLogo}
  613. {SourceLink}
  614. {/block:NoSourceLogo}
  615. </a>
  616. {/block:ContentSource}</center>
  617.  
  618. {/block:PostNotes}
  619. </div>
  620.  
  621. {/block:Posts}
  622.  
  623.  
  624.  
  625.  
  626. </div>
  627.  
  628. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  629. <iframe id="likeiframe" style="width: 0px; height: 0px;"></iframe>
  630.  
  631. </div>
  632.  
  633.  
  634.  
  635. {block:IndexPage}
  636. {block:Pagination}
  637. <div id="pagination">
  638. {block:NextPage}
  639. <a id="nextPage" href="{NextPage}"></a>
  640. {/block:NextPage}
  641. {block:PreviousPage}
  642. <a href="{PreviousPage}"></a>
  643. {/block:PreviousPage}
  644. </div>
  645. {/block:Pagination}
  646. {/block:IndexPage}
  647.  
  648.  
  649. </body>
  650.  
  651. </div>
  652. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement