ramfaggot

Untitled

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