API tools faq
paste
Advertisement
ramisaaaaa

Untitled

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