API tools faq
paste
Advertisement
ramisaaaaa

Untitled

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