API tools faq
paste
Advertisement
ramisaaaaa

Untitled

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