API tools faq
paste
Advertisement
ramisaaaaa

Untitled

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