Advertisement
ramisaaaaa

Untitled

Nov 17th, 2012
55
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.55 KB | None | 0 0
  1. <!--
  2. theme by inhalingtrust. edited by cyrusnigga.
  3. -->
  4.  
  5. <html lang="en">
  6.  
  7. <head>
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#292929"/>
  12. <meta name="color:Text" content="#363636"/>
  13. <meta name="color:Link" content="#C29B9B"/>
  14. <meta name="color:scrollbar" content="#727272"/>
  15. <meta name="color:Hover" content="#ddd"/>
  16. <meta name="image:Background" content=""/>
  17. <meta name="image:Sidebar" content=""/>
  18. <meta name="text:link one" content="" />
  19. <meta name="text:link one title" content="" />
  20. <meta name="text:link two" content="" />
  21. <meta name="text:link two title" content="" />
  22. <meta name="text:link three" content="" />
  23. <meta name="text:link three title" content="" />
  24. <meta name="text:link four" content="" />
  25. <meta name="text:link four title" content="" />
  26. <meta name="text:link five" content="" />
  27. <meta name="text:link five title" content="" />
  28. </script>
  29.  
  30. <style type="text/css">
  31.  
  32. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  33.  
  34. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  35. #aaaaaa; border-right: 1px solid #aaaaaa; }
  36.  
  37. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  38.  
  39. body{
  40. margin:5px;
  41. background-color: {color:Background};
  42. background-image:url({image:Background});
  43. background-attachment: fixed;
  44. background-repeat: repeat;
  45. font-family: tahoma;
  46. line-height: 12px;
  47. font-size: 11px;
  48. color:{color:Text};
  49. }
  50.  
  51. a:link, a:active, a:visited{
  52. color:{color:link};
  53. text-decoration: none;
  54. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  55. }
  56.  
  57. a:hover {
  58. color:{color:hover};
  59. text-decoration: none;
  60. text-shadow:0px 0px 2px #000;
  61. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  62. }
  63.  
  64. #cunt{width:500px; height:auto;}
  65. {block:PermalinkPage}
  66. width:410px;
  67. {/block:PermalinkPage}
  68. }
  69.  
  70. #center{
  71. padding-top:3px;
  72. padding-bottom:3px;
  73. position:fixed !important;
  74. width:250px;
  75. height:207px;
  76. background-color:#fff;
  77. {block:PermalinkPage}
  78. width:410px;
  79. height:207px;
  80. {/block:PermalinkPage}
  81. }
  82.  
  83. #posts{
  84. opacity: .9;
  85. float:center;
  86. {block:indexpage}
  87. width:700px;
  88. {/block:indexpage}
  89. {block:permalinkpage}
  90. width:800px;
  91. margin-top: 40px;
  92. {/block:permalinkpage}
  93. margin-left: 440px;
  94. margin-top: -2px;
  95. transition: all 0.5s ease-out;
  96. -o-transition-transition: all 0.5s ease-out;
  97. -webkit-transition: all 0.5s ease-out;
  98. -moz-transition: all 0.5s ease-out;
  99. }
  100. #posts:hover{
  101. opacity: 1;
  102. transition: all 0.5s ease-out;
  103. -o-transition-transition: all 0.5s ease-out;
  104. -webkit-transition: all 0.5s ease-out;
  105. -moz-transition: all 0.5s ease-out;
  106. }
  107.  
  108. #sidebar {
  109. position:fixed !important;
  110. opacity: 1;
  111. width: 212px;
  112. height: auto;
  113. padding:3px;
  114. margin-top: 100px;
  115. margin-left: 200px;
  116. color: #000;
  117. text-align: center;
  118. margin-bottom: 0px;
  119. font-family: tahoma;
  120. line-height: 12px;
  121. font-size: 11px;
  122. letter-spacing: 0px;
  123. background: white;
  124. letter-spacing: 0px;
  125. text-transform: normal;
  126. border: 1px dotted #ddd;
  127.  
  128. transition: all 0.5s ease-out;
  129. -o-transition-transition: all 0.5s ease-out;
  130. -webkit-transition: all 0.5s ease-out;
  131. -moz-transition: all 0.5s ease-out;
  132. }
  133.  
  134.  
  135.  
  136. h3{
  137. font-family: stars;
  138. font-size: 80px;
  139. line-height: 12px;
  140. color: #A78282;
  141. font-weight: normal;
  142. line-height:15px;
  143. letter-spacing: 1px;
  144. font-style: normal;
  145. text-transform: lowercase;
  146. text-align: right;
  147. padding: 0px;
  148. margin:0px;
  149. }
  150. #entry .perma a{
  151. color:;}
  152. #entry .perma a{
  153. color:;}
  154.  
  155. #permalink {
  156. position: absolute;
  157. margin-top: 8px;
  158. margin-rigth: 1061px;
  159. opacity: 0;
  160. -webkit-transition: all .3s ease;
  161. -moz-transition: all .3s ease;
  162. -o-transition: all .3s ease;
  163. transition: all .3s ease;
  164. }
  165.  
  166. #entry:hover #permalink {
  167. margin-top: 8px;
  168. margin-left: 400px;
  169. opacity: 1;
  170. }
  171. #permalink {
  172. position: absolute;
  173. margin-top: -21px;
  174. margin-left: 05px;
  175. opacity: 0;
  176. -webkit-transition: all .3s ease;
  177. -moz-transition: all .3s ease;
  178. -o-transition: all .3s ease;
  179. transition: all .3s ease;
  180. }
  181.  
  182. #entry:hover #permalink {
  183. margin-top: -21px;
  184. margin-left: 05px;
  185. opacity: 1;
  186.  
  187. }
  188.  
  189. .not {
  190. position: absolute;
  191. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  192. height: 20px;
  193. width: auto;
  194. line-height: 20px;
  195. color: #fff;
  196. position: absolute;
  197. margin-top: 26px;
  198. margin-left: 60px;
  199. padding-left: 4px;
  200. padding-right: 4px;
  201. -moz-border-radius: 2px;
  202. border-radius: 2px;
  203. }
  204.  
  205. .not a{
  206. color: #fff;
  207. width: auto;
  208. }
  209. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  210.  
  211. .perma{
  212. opacity: 0.0;
  213. filter: alpha(opacity = 0);
  214. margin-top: 0px;
  215. width: 60px;
  216. height: 30px;
  217. line-height: 30px;
  218. font-size: 8px;
  219. position:absolute;
  220. text-align: center;
  221. z-index:9999991;
  222. margin-top: 5px;
  223. border: 0px dotted #aaa;
  224. margin-left: -2px;
  225. -webkit-transition: all .4s ease;
  226. -moz-transition: all .4s ease;
  227. -o-transition: all .4s ease;
  228. transition: all .4s ease;
  229. }
  230.  
  231. #entry:hover .perma {
  232. -webkit-transition: opacity 0.6s linear;
  233. opacity: 1;
  234. margin-top: 5px;
  235. margin-left: -2px;
  236. -webkit-transition: all .4s ease;
  237. -moz-transition: all .4s ease;
  238. -o-transition: all .4s ease;
  239. transition: all .4s ease;
  240. }
  241. .likep {
  242. display: inline;
  243. width: 21px;
  244. float: right;
  245. height: 20px;
  246. margin-left:-4px;
  247. overflow: hidden;
  248. position: relative;
  249. z-index: 9999999;
  250. }
  251.  
  252. .likep a {
  253. background-image:
  254. url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  255. background-position: 0px 0px;
  256. display: block;
  257. z-index: 9999999;
  258. -webkit-transition: all .4s ease;
  259. -moz-transition: all .4s ease;
  260. -o-transition: all .4s ease;
  261. transition: all .4s ease;
  262. }
  263.  
  264. .likep img {
  265. width: 21px;
  266. height: 20px;
  267. -webkit-transition: all .4s ease;
  268. -moz-transition: all .4s ease;
  269. -o-transition: all .4s ease;
  270. transition: all .4s ease;
  271. }
  272. .rep img{
  273. width: 24px;
  274. height: 20px;
  275. line-height: 30px;
  276. display: inline;
  277. }
  278.  
  279. .permatext{
  280. background-color:#fff;
  281. display: block;
  282. text-transform:uppercase;
  283. text-align: right;
  284. letter-spacing:0px;
  285.  
  286. }
  287.  
  288.  
  289. #postnotes{
  290. text-align: left;
  291. }
  292.  
  293. #postnotes blockquote{
  294. border: 0px;
  295. }
  296. @font-face { font-family: "arma"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  297.  
  298. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  299.  
  300. askk {
  301. font-family: yolo;
  302. color: {color:Title};
  303. font-size:25px;
  304. z-index:1;
  305. }
  306. #entry{
  307. z-index:9999;
  308. float:left;
  309. width: 500px;
  310. height: auto;
  311. {block:PermalinkPage}
  312. width: 500px;
  313. height: auto;
  314. {/block:PermalinkPage}
  315. line-height:10px;
  316. background-color:#fff;
  317. margin-right:2px;
  318. overflow:hidden;
  319. margin-bottom:2px;
  320. padding: 3px;
  321. padding-bottom: 1px;
  322. border: 1px dotted #ddd;
  323. transition: all 0.5s ease-out;
  324. -o-transition-transition: all 0.5s ease-out;
  325. -webkit-transition: all 0.5s ease-out;
  326. -moz-transition: all 0.5s ease-out;
  327. }
  328.  
  329.  
  330. .title{
  331. font-size: 14px;
  332. line-height: 10px;
  333. color: {color:Title};
  334. font-weight: normal;
  335. letter-spacing: 0px;
  336. text-transform: normal;
  337. padding: 2px 0px 0px 0px;
  338. }
  339.  
  340. .blogtitle{
  341. font-family: beauty;
  342. font-size: 18px;
  343. line-height: 18px;
  344. color: {color:Link};
  345. font-weight: normal;
  346. }
  347.  
  348.  
  349. blockquote{
  350. padding:0px 0px 2px 3px;
  351. margin:0px 0px 2px 1px;
  352. }
  353. ul, ol, li{
  354. list-style:none;
  355. margin:0px;
  356. padding:0px;
  357. }
  358.  
  359. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  360. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  361. }
  362.  
  363. a.links {
  364. font-family: ronda;
  365. font-size: 8px;
  366. line-height: 8px;
  367. text-transform: normal;
  368. letter-spacing:0px;
  369. display:block;
  370. padding: 0px;
  371. margin-bottom: 0px;
  372. }
  373.  
  374. a.links:hover {
  375. font-style: none;
  376. text-decoration: none;
  377. letter-spacing:10px;
  378. }
  379.  
  380. </style>
  381. <title>{title}</title>
  382. <link rel="shortcut icon" href="http://i45.tinypic.com/34q1nc4.png">
  383. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  384. <meta name="viewport" content="width=720" />
  385. </head>
  386. <body onkeydown="return false">
  387. <div id="center">
  388. <div id="content">
  389.  
  390. <div id="sidebar">
  391.  
  392.  
  393. <img src="{image:sidebar}" style="width:210px; height: auto; padding: 1px;"></a>
  394.  
  395.  
  396. <center>{description}</center>
  397.  
  398. <center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
  399. {block:IfLinktwotitle} - <a href="{text:link two}">{text:link two title}</a>{/block:IfLinktwotitle}
  400. {block:IfLinkthreetitle} - <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
  401. {block:IfLinkfourtitle} - <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
  402. {block:IfLinkfivetitle} - <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}</div>
  403.  
  404.  
  405. </div>
  406.  
  407.  
  408. <div id="posts">
  409. {block:Posts}
  410. <div id="entry">
  411.  
  412. {block:Photo}
  413. {block:IndexPage}
  414. <center>
  415. <div class="perma">
  416. <div class="likep"><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></div>
  417. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  418. </div>
  419. <div id="permalink">
  420. <span class="not"><a href="{Permalink}">{notecount}</a></span></div>
  421. {/block:IndexPage}
  422. {block:IndexPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=510px/>{LinkCloseTag}{/block:PermalinkPage}
  423. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  424. {/block:Photo}
  425.  
  426.  
  427.  
  428. {block:Answer}
  429. <div style="border-radius:5px; border: 1px solid #ddd; margin: 3px; min-height:30px; padding: 3px; background-color: transparent; box-shadow: 0px 0px 3px 0px #aaa; font-family: ronda; font-size: 8px;">
  430. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #ddd; border-top-right-radius:3px; border-bottom-right-radius:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;"/>
  431. <askk>{Asker}</askk>: {Question}</div>
  432. <div style="font-family: ronda; font-size: 8px;">
  433. {Answer} <br>
  434. </div>
  435. <center><span class="permatext"><div class="peeta"><a href="{Permalink}">{notecountwithlabel} <font color="{color:link}">♥ </font></a></a></div></span>
  436. {/block:Answer}
  437.  
  438.  
  439. {block:Photoset}
  440. {block:IndexPage}
  441. <center>
  442. <div class="perma">
  443. <div class="likep"><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></div>
  444. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  445. </div>
  446. <div id="permalink">
  447. <span class="countreblog"><a href="{Permalink}">{notecount}<font color="#fc3c5c">♥ </font></a></a></span></div>
  448. {/block:IndexPage}
  449. <div style="padding-top:0px; padding-bottom:0px;"><a href="{permalink}">
  450. {Photoset-500}</a></div>
  451.  
  452. {/block:Photoset}
  453.  
  454. {block:Text}
  455. {block:Title}<span class="title">{Title}</span>{/block:Title}
  456. <span class="entrytext">{Body}</span>
  457. <span class="permalink">
  458. </span>
  459. <div align="right"><a href="{Permalink}">{notecountwithlabel} ☯ {timeago} <font color="{color:link}">♥ </font></a></a></div>
  460. {/block:Text}
  461.  
  462. {block:Link}
  463. <a href="{URL}" class="title">{Name}</a>
  464. {block:Description}{Description}{/block:Description}<br>
  465. <div align="right"><a href="{Permalink}">{notecountwithlabel}</a></div>
  466. {block:Link}
  467.  
  468. {block:Quote}
  469. <span class="title">{Quote}</span>
  470. {block:Source}<strong>{Source}</strong>{/block:Source}
  471. <span class="permalink">
  472. </span>
  473. <br>
  474. <div align="right"><a href="{Permalink}">{notecountwithlabel} ☯ {timeago} <font color="{color:link}">♥ </font></a></div>
  475. {/block:Quote}
  476.  
  477. {block:Chat}
  478. {block:Title}<span class="title">{Title}</span>{/block:Title}
  479. <ul class="chat">
  480. {block:Lines}
  481. <li class="user_{UserNumber}">
  482. {block:Label}
  483. <span class="label">{Label}</span>
  484. {/block:Label}
  485.  
  486. {Line}
  487. </li>
  488. {/block:Lines}
  489. <span class="permalink">
  490. </span><br>
  491. <div align="right"><a href="{Permalink}">{notecountwithlabel} ✝ {timeago} <font color="{color:link}">♥ </font></a></a></div>
  492. {/block:Chat}
  493.  
  494.  
  495. {block:Audio}
  496. <div style="padding-top:0px; padding-bottom:0px;">
  497. <div style="float:center">
  498. {AudioPlayerGrey}
  499. </div>
  500. </div>
  501.  
  502. <div style="padding-bottom:0px;">{block:Caption}{Caption}{/block:Caption}</div>{block:indexpage}
  503. <hr size="1" width="270">
  504. <div style=" float:left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{permalink}">{FormattedPlayCount}&nbsp;Plays</a></div>
  505. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  506. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  507. </a></div>{/block:indexpage}
  508. {/block:Audio}
  509.  
  510. {block:Video}
  511. <div style="padding-top:0px; padding-bottom:2px;">
  512. {Video-500}</div>
  513. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  514. {block:indexpage}<hr size="1" width="270">
  515. <div align="right" style="padding-right:10px; padding-top:5px; padding-bottom:10px;"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  516. </a>&nbsp;&nbsp;-&nbsp;&nbsp;<a href="{Permalink}">{DayOfMonth} {Month}, {Year}
  517. </a></div>{/block:indexpage}
  518. {/block:Video}
  519.  
  520. {block:PermalinkPage}</a>
  521. <div id="permapage"><br>
  522. {block:notecount}
  523. {notecountwithlabel}
  524. {/block:notecount}&nbsp;&nbsp;{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} Reblogged from
  525. <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br><br>Posted by
  526. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  527. {/block:RebloggedFrom}
  528. <br><br>
  529. <div align="left">
  530. {block:PostNotes}
  531. {PostNotes}
  532. {/block:PostNotes}
  533. </div>
  534. </div>
  535. {/block:PermalinkPage}
  536. </div>
  537. {/block:Posts}
  538. </div>
  539. </div>
  540. </div>
  541. </center>
  542. </div>
  543. </div>
  544. {block:indexpage}
  545. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  546. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  547. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  548. <script type="text/javascript">
  549. $(window).load(function(){
  550. var $wall = $('#posts');
  551. $wall.imagesLoaded(function(){
  552. $wall.masonry({
  553. itemSelector: '#entry, #entry_photo',
  554. isAnimated : false
  555. });
  556. });
  557.  
  558. $wall.infinitescroll({
  559. navSelector : '#page-nav',
  560. nextSelector : '#page-nav a',
  561. itemSelector : '#entry, #entry_photo',
  562. bufferPx : 2000,
  563. debug : false,
  564. errorCallback: function() {
  565. $('#infscr-loading').fadeOut('normal');
  566. }},
  567. function( newElements ) {
  568. var $newElems = $( newElements );
  569. $newElems.hide();
  570. $newElems.imagesLoaded(function(){
  571. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  572. });
  573. }); $('#content').show(500);
  574. });
  575. </script>
  576. {/block:indexpage}
  577.  
  578. <BODY onselectstart="return false;" ondragstart="return false;">
  579.  
  580. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  581. <iframe id="likeiframe" style="width: 0px; height: 0px;"></iframe>
  582.  
  583. </body>
  584.  
  585. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement