API tools faq
paste
Advertisement
ramisaaaaa

Untitled

ramisaaaaa
Aug 30th, 2014
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by cyrusnigga don't remove credit because that's just wrong nigga
  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 name="color:background" content="#FFFFFF"/>
  9. <meta name="color:text" content="#130C11"/>
  10. <meta name="color:hover" content="#130C11"/>
  11. <meta name="color:link" content="#000000"/>
  12. <meta name="color:scrollbar" content="#000000"/>
  13. <meta name="color:border" content="#aaaaaa"/>
  14. <meta name="color:posts" content="#ffffff"/>
  15. <meta name="color:sidebar" content="#ffffff"/>
  16. <meta name="image:sidebar" content="1"/>
  17. <meta name="image:background" content="1"/>
  18. <meta name="text:go button" content="go"/>
  19. <meta name="text:link 1" content=""/>
  20. <meta name="text:link 1 url" content=""/>
  21. <meta name="text:link 2" content=""/>
  22. <meta name="text:link 2 url" content=""/>
  23. <meta name="text:link 3" content=""/>
  24. <meta name="text:link 3 url" content=""/>
  25. <meta name="text:link 4" content=""/>
  26. <meta name="text:link 4 url" content=""/>
  27. <meta name="text:link 5" content=""/>
  28. <meta name="text:link 5 url" content=""/>
  29. <meta name="text:link 6" content=""/>
  30. <meta name="text:link 6 url" content=""/>
  31. <meta name="text:link 7" content=""/>
  32. <meta name="text:link 7 url" content=""/>
  33. <meta name="text:link 8" content=""/>
  34. <meta name="text:link 8 url" content=""/>
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39.  
  40. 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;}
  41.  
  42.  
  43.  
  44. .wrapper{
  45. margin:1px auto;
  46. width: 802px;
  47. }
  48.  
  49. .header{
  50. float: left;
  51. width: 100%;
  52. }
  53.  
  54. .left{
  55. float: left;
  56. margin-right: 20px;
  57. width: 802px;
  58. }
  59.  
  60. .right{
  61. float: right;
  62. width: 200px;
  63. background-color: {color:Background};
  64. }
  65.  
  66.  
  67. p {
  68. margin:0px;
  69. margin-top:0px;
  70. }
  71.  
  72.  
  73.  
  74. body {
  75. margin:0px;
  76. text-decoration: none;
  77. background-color: {color:background};
  78. background-image:url({image:Background});
  79. background-attachment: fixed;
  80. background-repeat: repeat;
  81. color: {color:Text};
  82. font-family: arial;
  83. font-size: 11px;
  84. }
  85.  
  86. a:link, a:active, a:visited{
  87. color: {color:Link};
  88. text-decoration: none;
  89. -webkit-transition: color 0.2s ease-out;
  90. -moz-transition: color 0.2s ease-out;
  91. }
  92.  
  93. a:hover{
  94. color:{color:Hover};
  95. -webkit-transition: color 0.2s ease-out;
  96. -moz-transition: color 0.2s ease-out;
  97. }
  98.  
  99. .entry {
  100. float:left;
  101. overflow: hidden;
  102. padding-right: 3px;
  103. padding-top: 3px;
  104. padding-left: 3px;
  105. margin: 3px;
  106. background-color: {color:posts};
  107. {block:IndexPage}
  108. width: 500px;
  109. {/block:IndexPage}
  110. {block:PermalinkPage}
  111. width:500px;
  112. {/block:PermalinkPage}
  113. }
  114.  
  115. .excel{
  116. opacity: 0.6;
  117. }
  118.  
  119. .excel:hover{
  120. -webkit-transition: opacity 0.7s linear;
  121. opacity: 1;
  122. -webkit-transition: all 0.4s ease-out;
  123. -moz-transition: all 0.4s ease-out;
  124. transition: all 0.4s ease-out;
  125. }
  126.  
  127. .permalink{
  128. line-height: 13px;
  129. text-transform: none;
  130. font-family: arial;
  131. font-size: 8px;
  132. text-align:center;
  133. margin-top: 1px;
  134. text-align: right;
  135. text-transform: uppercase;
  136. }
  137.  
  138.  
  139. #description {
  140. text-align:right;
  141. padding-right: 1px;
  142. font-size:11px;
  143. line-height:16px;
  144. position:fixed;
  145. margin-left:-137px;
  146. margin-top:140px;
  147. border-right: 1px solid {color:border};
  148. width: 100px;
  149. height: auto;
  150. }
  151.  
  152.  
  153.  
  154. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  155.  
  156. div#sidebar{
  157. position:fixed !important;
  158. width: 230px;
  159. height:auto;
  160. margin-top: 100px;
  161. margin-left: -30px;
  162. padding: 2px;
  163. line-height:14px;
  164. letter-spacing:0px;
  165. margin-bottom: 6px;
  166. background-color:{color:sidebar};
  167. font-size: 11px;
  168. }
  169.  
  170.  
  171.  
  172. #posts {
  173. width: 500px;
  174. margin-left:220px;
  175. margin-top: 10px;
  176. background-color: {color:background};
  177. background-image:url({image:Background});
  178. {block:PermalinkPage}
  179. margin-left:220px;
  180. {/block:PermalinkPage}
  181. float:left;
  182. }
  183.  
  184. #infscr-loading{
  185. bottom: -70px;
  186. position: absolute;
  187. left: 50%;
  188. margin-left:-8px;
  189. width:16px;
  190. height:11px;
  191. overflow:hidden;
  192. margin-bottom: 50px;
  193. }
  194.  
  195.  
  196. .title{
  197. font-size: 11px;
  198. line-height:14px;
  199. color: {color:Title};
  200. font-weight: bold;
  201. }
  202.  
  203.  
  204. #pagination{
  205. display:none;
  206. }
  207.  
  208.  
  209.  
  210.  
  211. .perma {
  212. opacity: 0.0;
  213. filter: alpha(opacity = 0);
  214. z-index:9999991;
  215. display: inline-block;
  216. position: absolute;
  217. text-align: left;
  218. top: 8px;
  219. left: 8px;
  220. width: 100%;
  221. -webkit-transition: opacity 0.7s linear;
  222. opacity: 0.0;
  223. -webkit-transition: all 0.4s ease-out;
  224. -moz-transition: all 0.4s ease-out;
  225. transition: all 0.4s ease-out;
  226. }
  227.  
  228. .entry:hover .perma {
  229. opacity: 1;
  230. filter: alpha(opacity = 100);
  231. -webkit-transition: opacity 0.7s linear;
  232. opacity: 1;
  233. -webkit-transition: all 0.4s ease-out;
  234. -moz-transition: all 0.4s ease-out;
  235. transition: all 0.4s ease-out;
  236. }
  237.  
  238. .likep {
  239. width: 21px;
  240. height: 20px;
  241. overflow: hidden;
  242. z-index: 9999999;
  243. display: inline-block;
  244. }
  245.  
  246. .rep {
  247. width: 24px;
  248. height: 20px;
  249. overflow: hidden;
  250. z-index: 9999999;
  251. display: inline-block;
  252. }
  253.  
  254. .likep a:hover {
  255. background-position: 0px 0px;
  256. }
  257.  
  258. .likep a {
  259. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  260. background-position: 0px 0px;
  261. display: block;
  262. z-index: 9999999;
  263. }
  264.  
  265. .likep img {
  266. width: 21px;
  267. height: 20px;
  268. }
  269.  
  270. .rep img{
  271. width: 24px;
  272. height: 20px;
  273. line-height: 30px;
  274. display: inline;
  275. }
  276.  
  277. .not { display: inline-block;
  278. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  279. height: 20px;
  280. top: -6px;
  281. font-size: 11px;
  282. line-height: 20px;
  283. color: #fff;
  284. padding-left: 4px;
  285. padding-right: 4px;
  286. -moz-border-radius: 2px;
  287. border-radius: 2px;
  288. position: relative;
  289. }
  290.  
  291. .not a, .not:hover a, .not a:hover{
  292. color: #ffffff!important;
  293. letter-spacing: 1px;
  294. font-family: Arial;
  295. }
  296.  
  297. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  298. opacity: 0.8;
  299. filter: alpha(opacity = 80);
  300. margin-right: 0;
  301. }
  302.  
  303. .not:hover , .rep:hover, .likep:hover {
  304. opacity: 1!important;
  305. filter: alpha(opacity = 100)!important;
  306. }
  307.  
  308. .t {
  309. text-align: right;
  310. opacity: 1;
  311. filter: alpha(opacity =100);
  312. }
  313.  
  314. .t {
  315. font-size: 10px;
  316. line-height: 13px;
  317. height: 13px;
  318. }
  319.  
  320.  
  321.  
  322. .entry:hover .t {
  323. opacity: 1;
  324. filter: alpha(opacity = 100);
  325. }
  326.  
  327.  
  328. select {
  329. font-size: 11px;
  330. width: 100px;
  331. margin-left: 10px;
  332.  
  333. }
  334. option {
  335. font-size: 11px;
  336. text-align: left;
  337.  
  338. }
  339. input[type=button]
  340. {
  341. font-size: 11px;
  342. }
  343.  
  344. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  345.  
  346. blockquote{
  347. padding:0px 0px 2px 5px;
  348. margin:0px 0px 2px 10px;
  349. border-left: 1px dotted #555555;
  350. }
  351.  
  352.  
  353. {CustomCSS}
  354.  
  355.  
  356. </style>
  357.  
  358. {block:IndexPage}
  359. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  360.  
  361. <script type="text/javascript">
  362. $(window).load(function () {
  363. var $content = $('#posts');
  364. $content.masonry({itemSelector: '.entry'}),
  365. $content.infinitescroll({
  366. navSelector : 'div#pagination',
  367. nextSelector : 'div#pagination a#nextPage',
  368. itemSelector : '.entry',
  369. loading: {
  370. finishedMsg: '',
  371. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  372. },
  373. bufferPx : 600,
  374. debug : false,
  375. },
  376. // call masonry as a callback.
  377. function( newElements ) {
  378. var $newElems = $( newElements );
  379. $newElems.hide();
  380. // ensure that images load before adding to masonry layout
  381. $newElems.imagesLoaded(function(){
  382. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  383.  
  384.  
  385. });
  386. });
  387. });
  388. </script>
  389.  
  390. {/block:IndexPage}
  391.  
  392.  
  393. <title>{title}</title>
  394.  
  395. <link rel="shortcut icon" href="{Favicon}">
  396. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  397. <meta name="viewport" content="width=820" />
  398.  
  399. </head>
  400. <body>
  401. <div class="wrapper">
  402. <div class="header">
  403. </span>
  404. </div>
  405. <div id="sidebar">
  406. <a href="/"><img src="{image:sidebar}" width=230px></a></center>
  407. <center>{Description}</center>
  408.  
  409. <center><p></p>
  410. <form name="jump">
  411. <select name="menu">
  412. {block:iflink1}
  413. <option value="{text:link 1 url}">{text:link 1}</option>
  414. {/block:iflink1}
  415. {block:iflink2}
  416. <option value="{text:link 2 url}">{text:link 2}</option>
  417. {/block:iflink2}
  418. {block:iflink3}
  419. <option value="{text:link 3 url}">{text:link 3}</option>
  420. {/block:iflink3}
  421. {block:iflink4}
  422. <option value="{text:link 4 url}">{text:link 4}</option>
  423. {/block:iflink4}
  424. {block:iflink5}
  425. <option value="{text:link 5 url}">{text:link 5}</option>
  426. {/block:iflink5}
  427. {block:iflink6}
  428. <option value="{text:link 6 url}">{text:link 6}</option>
  429. {/block:iflink6}
  430. {block:iflink7}
  431. <option value="{text:link 7 url}">{text:link 7}</option>
  432. {/block:iflink7}
  433. {block:iflink8}
  434. <option value="{text:link 8 url}">{text:link 8}</option></i>
  435. {/block:iflink8}
  436. </select>
  437. <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="{text:go button}">
  438. </form>
  439.  
  440.  
  441.  
  442.  
  443. </div>
  444.  
  445.  
  446.  
  447. <div class="left">
  448.  
  449. <div id="posts">
  450.  
  451. {block:Posts}
  452.  
  453.  
  454.  
  455. <div class="entry">
  456.  
  457. {block:IndexPage}
  458. {/block:IndexPage}
  459.  
  460.  
  461.  
  462. {block:Text}
  463. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  464. <div class="permalink">
  465. <a href="{permalink}">+{NoteCount}</a></div>
  466. {/block:Text}
  467.  
  468. {block:Link}
  469. <a href="{URL}" class="title">{Name}</a>
  470. {block:Description}{Description}{/block:Description}
  471. <div class="permalink">
  472. <a href="{permalink}">+{NoteCount}</a></div>
  473. {block:Link}
  474.  
  475.  
  476. {block:Photoset}
  477. {block:IndexPage}
  478. <center>{Photoset-250}</center>
  479. {/block:IndexPage}
  480. {block:PermalinkPage}
  481. <center>
  482. {Photoset-500}</center>
  483. {/block:PermalinkPage}
  484. {/block:Photoset}
  485.  
  486.  
  487.  
  488. {block:Photo}
  489.  
  490. {block:IndexPage}{LinkOpenTag}
  491.  
  492. <div class="perma">
  493. <div class="likep">
  494. <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>
  495. </div>
  496. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  497. </div>
  498. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  499. </div>
  500.  
  501. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a></div>{LinkCloseTag}{/block:IndexPage}
  502. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  503. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
  504. {/block:Photo}
  505.  
  506. {block:Photoset}
  507. {block:IndexPage}
  508. <center>
  509. {Photoset-500}</center>
  510. {/block:IndexPage}
  511. {block:PermalinkPage}
  512. {Photoset-500}
  513. {/block:PermalinkPage}
  514. {/block:Photoset}
  515.  
  516. {block:Quote}
  517. {Quote}</span>
  518. {block:Source}<strong>{Source}</strong>{/block:Source}
  519. <div class="permalink">
  520. <a href="{permalink}">+{NoteCount}</a></div>
  521. {/block:Quote}
  522.  
  523. {block:Chat}
  524. {block:Title}<span class="title">{Title}</span>{/block:Title}
  525. <ul class="chat">
  526. {block:Lines}
  527. <li class="user_{UserNumber}">
  528. {block:Label}
  529. <span class="label">{Label}</span>
  530. {/block:Label}
  531.  
  532. {Line}
  533. </li>
  534. {/block:Lines}
  535. </ul><div class="permalink">
  536. <a href="{permalink}">+{NoteCount}</a></div>
  537.  
  538. {/block:Chat}
  539.  
  540. {block:Audio}
  541. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  542. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  543. <div class="permalink">
  544. <a href="{permalink}">+{NoteCount}</a></div>
  545. {/block:Audio}
  546.  
  547. {block:Video}
  548. {block:IndexPage}
  549. <center>
  550. {Video-500}</center>
  551. {/block:IndexPage}
  552. {block:PermalinkPage}
  553. <center>
  554. {Video-500}</center>
  555. {/block:PermalinkPage}
  556. <div class="permalink">
  557. <a href="{permalink}">+{NoteCount}</a></div>
  558. {block:Video}
  559.  
  560. {block:PermalinkPage}
  561. <center>
  562. {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>
  563. {/block:PermalinkPage}
  564.  
  565.  
  566. {block:PostNotes}{PostNotes}
  567. {/block:PostNotes}
  568. </div>
  569.  
  570.  
  571. {/block:Posts}
  572. </div>
  573. </div>
  574. {block:IndexPage}
  575. {block:Pagination}
  576. <div id="pagination">
  577. {block:NextPage}
  578. <a id="nextPage" href="{NextPage}"></a>
  579. {/block:NextPage}
  580. {block:PreviousPage}
  581. <a href="{PreviousPage}"></a>
  582. {/block:PreviousPage}
  583. </div>
  584. {/block:Pagination}
  585. {/block:IndexPage}
  586. </div>
  587.  
  588.  
  589. <div style="position:fixed;left:-20px;bottom:-20px;">
  590.  
  591.  
  592. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  593. <iframe id="likeiframe" style="width: 0px; height: 0px;"></iframe>
  594.  
  595.  
  596. </body>
  597.  
  598. </html>
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!