Advertisement
ramisaaaaa

Untitled

Jul 24th, 2014
276
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.77 KB | None | 0 0
  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. <meta name="color:background" content="#FFFFFF"/>
  9. <meta name="color:text" content="#5f5f5f"/>
  10. <meta name="color:hover" content="#ffffff"/>
  11. <meta name="color:link" content="#5f5f5f"/>
  12. <meta name="image:sidebar" content="1"/>
  13. <meta name="image:background" content="0"/>
  14. <meta name="font:Body" content="Arial"/>
  15. <meta name="text:link one" content="" />
  16. <meta name="text:link one title" content="" />
  17. <meta name="text:link two" content="" />
  18. <meta name="text:link two title" content="" />
  19. <meta name="text:link three" content="" />
  20. <meta name="text:link three title" content="" />
  21. <meta name="text:link four" content="" />
  22. <meta name="text:link four title" content="" />
  23. <meta name="text:link five" content="" />
  24. <meta name="text:link five title" content="" />
  25. <meta name="text:link six" content="" />
  26. <meta name="text:link six title" content="" />
  27. <meta name="text:link seven" content="" />
  28. <meta name="text:link seven title" content="" />
  29. <meta name="text:link eight" content="" />
  30. <meta name="text:link eight title" content="" />
  31. <meta name="text:link nine" content="" />
  32. <meta name="text:link nine title" content="" />
  33. <meta name="text:link ten" content="" />
  34. <meta name="text:link ten title" content="" />
  35. <meta name="if:italic hover" content="0"/>
  36. <meta name="if:3d hover" content="0"/>
  37.  
  38.  
  39. <style type="text/css">
  40.  
  41. {block:iftinycursor}
  42. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}{/block:iftinycursor}
  43.  
  44. 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;}
  45.  
  46. .wrapper{
  47. margin:1px auto;
  48. width: 802px;
  49. }
  50.  
  51. .header{
  52. float: left;
  53. width: 100%;
  54. }
  55.  
  56. .left{
  57. float: left;
  58. margin-right: 20px;
  59. width: 802px;
  60. }
  61.  
  62. .right{
  63. float: right;
  64. width: 200px;
  65. background-color: {color:Background};
  66. }
  67.  
  68.  
  69. p {
  70. margin:0px;
  71. margin-top:0px;
  72. }
  73.  
  74.  
  75. #lol {
  76. text-align:center;
  77. bottom:0px;
  78. right: 6px;
  79. position:fixed;
  80. opacity:1.0;
  81. }
  82.  
  83. body {
  84. margin:0px;
  85. text-decoration: none;
  86. background-color: {color:background};
  87. background-image:url({image:Background});
  88. background-attachment: fixed;
  89. background-repeat: repeat;
  90. color: {color:Text};
  91. font-size:9px;
  92. line-height:11px;
  93. font-family: {font:Body};
  94. }
  95.  
  96. a:link, a:active, a:visited{
  97. -webkit-transition: all 0.3s ease-in-out;
  98. color: {color:Link};
  99. text-decoration:none;
  100. {block:if3dhover}
  101. text-shadow:10px 0px transparent, -10px 0px transparent;
  102. transition: all 0.9s ease;
  103. -o-transition-transition: all 0.9s ease;
  104. -webkit-transition: all 0.9s ease;
  105. -moz-transition: all 0.9s ease;{/block:if3dhover}
  106. }
  107.  
  108. a:hover {
  109. color:{color:hover};
  110. -webkit-transition: all 0.3s ease-in-out;
  111. {block:if3dhover}
  112. text-shadow:0px 0px #aaa, 0px 0px #aaa;
  113. transition: all 0.9s ease;
  114. -o-transition-transition: all 0.9s ease;
  115. -webkit-transition: all 0.9s ease;
  116. -moz-transition: all 0.9s ease;{/block:if3dhover}
  117. {block:ifitalichover}font-style:italic;{/block:ifitalichover}
  118. }
  119.  
  120.  
  121. .entry {
  122. float:left;
  123. overflow: hidden;
  124. margin: 1px;
  125. background-color: {color:background};
  126. background-image:url({image:Background});
  127. {block:IndexPage}
  128. width:360px;
  129. {/block:IndexPage}
  130. {block:PermalinkPage}
  131. width:400px;
  132. {/block:PermalinkPage}
  133. }
  134.  
  135.  
  136. ::-webkit-scrollbar {width: 3px; height: 0px; background: {color:Background};}
  137.  
  138. ::-webkit-scrollbar-thumb { background-color: {color:link};}
  139.  
  140. .permalink{
  141. line-height: 13px;
  142. text-transform: none;
  143. text-align:center;
  144. margin-top: 1px;
  145. text-align: right;
  146. padding:2px;
  147. }
  148.  
  149. div#sidebar{
  150. position:fixed !important;
  151. width: 190px;
  152. height:auto;
  153. margin-top: 200px;
  154. margin-left: 110px;
  155. padding: 2px;
  156. line-height:11px;
  157. padding-bottom: 5px;
  158. margin-bottom: 0px;
  159. }
  160.  
  161.  
  162. #descriptionman{
  163. padding-top: 3px;
  164. padding-bottom: 1px;
  165. }
  166.  
  167. #posts {
  168. width: 370px;
  169. margin-left:340px;
  170. margin-top: 5px;
  171. -webkit-filter:grayscale(70%);
  172. background-color: {color:background};
  173. background-image:url({image:Background});
  174. {block:PermalinkPage}
  175. margin-left:340px;
  176. width:400px;
  177. text-align:left;
  178. {/block:PermalinkPage}
  179. float:left;
  180. }
  181.  
  182. #infscr-loading{
  183. bottom: -70px;
  184. position: absolute;
  185. left: 50%;
  186. margin-left:-8px;
  187. width:16px;
  188. height:11px;
  189. overflow:hidden;
  190. margin-bottom: 50px;
  191. }
  192.  
  193.  
  194. .title{
  195. font-size: 13px;
  196. line-height:19px;
  197. color: {color:Title};
  198. font-family:calibri;
  199. text-transform:uppercase;
  200. letter-spacing:2px;
  201. }
  202.  
  203.  
  204. #pagination{
  205. display:none;
  206. }
  207.  
  208.  
  209. #perma {
  210. position: absolute;
  211. margin-top: 6px;
  212. margin-left: 56px;
  213. opacity: 0.0;
  214. font-size:10px;
  215. -webkit-transition: all .5s ease;
  216. -moz-transition: all .5s ease;
  217. -o-transition: all .5s ease;
  218. transition: all .5s ease;
  219.  
  220. }
  221.  
  222. .entry:hover #perma {
  223. width:auto;
  224. margin-top: 6px;
  225. margin-left: 56px;
  226. opacity: 1;
  227.  
  228. }
  229.  
  230.  
  231. #perma a:hover{
  232. color:#e70303;
  233. font-size:10px;
  234. text-shadow:0px 0px 0px #000000;
  235. }
  236.  
  237.  
  238.  
  239. #lolok{
  240. padding-top:6px;
  241. padding-bottom:6px;
  242. padding-left:1px;
  243. padding-right:1px;
  244. }
  245.  
  246.  
  247. select {
  248. font-size: 9px;
  249. width: 100px;
  250. margin-left: 10px;
  251. letter-spacing: 0px;
  252. padding: 1px;
  253. }
  254. option {
  255. font-size: 9px;
  256. text-align: left;
  257.  
  258. }
  259. input[type=button]
  260. {
  261. font-size: 9px;
  262. }
  263.  
  264.  
  265. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  266.  
  267. blockquote, q {
  268. quotes: "«" "»" "'" "'";
  269. padding-left: 5px;
  270. }
  271.  
  272.  
  273. .user_1 .label {color:{color:link}; font-weight:bold}
  274. .user_2 .label {color:{color:text}; font-weight:bold}
  275. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  276.  
  277. i, em {color: {color:Link};}
  278. b, strong {color: {color:text};}
  279.  
  280. ::selection {
  281. color:{color:Text};
  282. background-color: {color:Link};
  283. }
  284.  
  285. ::-moz-selection {
  286. color:{color:Text};
  287. background-color: {color:Link};
  288. }
  289.  
  290. ::-webkit-selection {
  291. color:{color:Text};
  292. background-color:{color:Link};
  293. }
  294.  
  295. #audio {
  296. width:200px;
  297. height:auto;
  298. min-height:60px;
  299. padding-bottom:0px;
  300. }
  301. .cover {
  302. position:absolute;
  303. z-index:1;
  304. width:60px;
  305. height:60px;
  306. }
  307. .cover img {
  308. float:left;
  309. width:60px;
  310. height:60px;
  311. margin-left:5px;
  312. margin-top:-1px;
  313. }
  314. .playbox {
  315. opacity:0.6;
  316. width:27px;
  317. height:30px;
  318. overflow:hidden;
  319. position:absolute;
  320. z-index:1000;
  321. margin-left:22px;
  322. margin-top:17px;
  323. text-align:center;
  324. }
  325. .info {
  326. margin-left:73px;
  327. margin-top:4px;
  328. line-height:14px;
  329. }
  330.  
  331.  
  332.  
  333. .entry:hover #reblog{
  334. {block:IndexPage}
  335. opacity:1;
  336. -webkit-transition: all 0.3s ease-out;
  337. -moz-transition: all 0.3s ease-out;
  338. transition: all 0.3s ease-out;
  339. {/block:IndexPage}
  340. }
  341.  
  342.  
  343. #reblog{
  344. width:60px;
  345. float:left;
  346. margin-left:325px;
  347. margin-top:8px;
  348. position:absolute;
  349. opacity:0.0;
  350. {block:ifwhiteandblackreblogbutton}
  351. -webkit-filter: invert(100%);
  352. {/block:ifwhiteandblackreblogbutton}
  353. -webkit-transition: all 0.3s ease-out;
  354. -moz-transition: all 0.3s ease-out;
  355. transition: all 0.3s ease-out;
  356. }
  357.  
  358.  
  359. {CustomCSS}
  360.  
  361. </style>
  362.  
  363. {block:IndexPage}
  364. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  365. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  366.  
  367. <script type="text/javascript">
  368. $(window).load(function () {
  369. var $content = $('#posts');
  370. $content.masonry({itemSelector: '.entry'}),
  371. $content.infinitescroll({
  372. navSelector : 'div#pagination',
  373. nextSelector : 'div#pagination a#nextPage',
  374. itemSelector : '.entry',
  375. loading: {
  376. finishedMsg: '',
  377. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  378. },
  379. bufferPx : 600,
  380. debug : false,
  381. },
  382. // call masonry as a callback.
  383. function( newElements ) {
  384. var $newElems = $( newElements );
  385. $newElems.hide();
  386. // ensure that images load before adding to masonry layout
  387. $newElems.imagesLoaded(function(){
  388. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  389.  
  390.  
  391. });
  392. });
  393. });
  394. </script>
  395.  
  396. {/block:IndexPage}
  397.  
  398.  
  399. <title>{title}</title>
  400.  
  401. <link rel="shortcut icon" href="{Favicon}">
  402. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  403. <meta name="viewport" content="width=820" />
  404.  
  405. </head>
  406. <body>
  407. <div class="wrapper">
  408. <div class="header">
  409. </span>
  410. </div>
  411.  
  412. <div id="sidebar">
  413.  
  414. <a href="/"><img src="{image:sidebar}" width=190px/></a>
  415.  
  416.  
  417. <div id="descriptionman">
  418. <center>{Description}</center></div>
  419.  
  420. <center>{block:Ifitaliclinks}<i>{/block:Ifitaliclinks}
  421. {block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}
  422. {block:IfLinktwotitle} / <a href="{text:link two}">{text:link two title}</a> {/block:IfLinktwotitle}
  423. {block:IfLinkthreetitle} / <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
  424. {block:IfLinkfourtitle} / <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
  425. {block:IfLinkfivetitle} / <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
  426. {block:IfLinksixtitle} / <a href="{text:link six}">{text:link six title}</a> {/block:IfLinksixtitle}
  427. {block:IfLinkseventitle} / <a href="{text:link seven}">{text:link seven title}</a> {/block:IfLinkseventitle}
  428. {block:IfLinkeighttitle} / <a href="{text:link eight}">{text:link eight title}</a>{/block:IfLinkeighttitle}
  429. {block:IfLinkninetitle} / <a href="{text:link nine}">{text:link nine title}</a>{/block:IfLinkninetitle}
  430. {block:IfLinktentitle} / <a href="{text:link ten}">{text:link ten title}</a>{/block:IfLinktentitle}
  431. {block:Ifitaliclinks}</i>{/block:Ifitaliclinks}</center>
  432.  
  433.  
  434. </div>
  435.  
  436.  
  437. <div class="left">
  438.  
  439. <div id="posts">
  440.  
  441. {block:Posts}
  442. <div class="entry">
  443.  
  444. {block:IndexPage}
  445. {/block:IndexPage}
  446.  
  447. {block:Text}
  448. <div id="lolok">
  449. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  450. <div class="permalink">
  451. <a href="{permalink}">{NoteCountwithlabel}</a></div></div>
  452. {/block:Text}
  453.  
  454. {block:Link}
  455. <div id="lolok"><a href="{URL}" class="title">{Name}</a>
  456. {block:Description}{Description}{/block:Description}
  457. <div class="permalink">
  458. <a href="{permalink}">{NoteCountwithlabel}</a></div></div>
  459. {block:Link}
  460.  
  461.  
  462. {block:Photoset}
  463. {block:IndexPage}
  464. <center>{Photoset-250}</center>
  465. {/block:IndexPage}
  466. {block:PermalinkPage}
  467. <center>
  468. {Photoset-400}</center>
  469. {/block:PermalinkPage}
  470. {/block:Photoset}
  471.  
  472.  
  473.  
  474. {block:Photo}
  475.  
  476.  
  477. {block:IndexPage}{LinkOpenTag}
  478.  
  479. <div id="reblog"><a href="{ReblogURL}" title="Reblog"><img src="http://static.tumblr.com/tak5d5w/OBnlsu9qa/c0zyreblogbutton.png" width="22px;"/></a></div>
  480.  
  481. <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}
  482.  
  483. <div class="kk"></div>
  484.  
  485. {/block:IndexPage}
  486. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  487. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>{LinkCloseTag}{/block:PermalinkPage}
  488. {/block:Photo}
  489.  
  490.  
  491. {block:Quote}
  492. <div id="lolok">{Quote}</span>
  493. {block:Source}<strong>{Source}</strong>{/block:Source}
  494. <div class="permalink">
  495. <a href="{permalink}">{NoteCountwithlabel}</a></div></div>
  496. {/block:Quote}
  497.  
  498. {block:Chat}
  499. <div id="lolok">{block:Title}<span class="title">{Title}</span>{/block:Title}
  500. <ul class="chat">
  501. {block:Lines}
  502. <li class="user_{UserNumber}">
  503. {block:Label}
  504. <span class="label">{Label}</span>
  505. {/block:Label}
  506.  
  507. {Line}
  508. </li>
  509. {/block:Lines}
  510. </ul><div class="permalink">
  511. <a href="{permalink}">{NoteCountwithlabel}</a></div></div>
  512.  
  513. {/block:Chat}
  514.  
  515. {block:Audio}
  516. <div id="lolok"><div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  517. <div class="permalink">
  518. <a href="{permalink}">{NoteCountwithlabel}</a></div></div>
  519. {/block:Audio}
  520.  
  521.  
  522.  
  523. {block:Video}
  524. {block:IndexPage}
  525. {Video-400}
  526. {/block:IndexPage}
  527. {block:PermalinkPage}
  528. {Video-500}
  529. {/block:PermalinkPage}
  530. {block:Video}
  531. </center>
  532. {block:PermalinkPage}
  533. <center>{block:caption}<br>{caption}{/block:caption}
  534. {block:RebloggedFrom}<br><b>Via</b>: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<b>Source</b>: <a href="{SourceURL}">{SourceTitle}</a> {/block:ContentSource}<br>{block:Date}<img src="http://static.tumblr.com/twte3d7/xn4lo2lba/clock_8x8.png">&nbsp; {TimeAgo}&nbsp; <img src="http://static.tumblr.com/twte3d7/qg3lo2lcg/heart_fill_8x7.png">&nbsp; {NoteCountWithLabel}{block:hasTags}&nbsp; <img src="http://static.tumblr.com/twte3d7/zZqlo2ldq/tag_fill_8x8.png">&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:Date}
  535. </center>
  536. {/block:PermalinkPage}
  537.  
  538. {block:PostNotes}<br>{PostNotes}
  539. {/block:PostNotes}
  540. </div>
  541.  
  542.  
  543. {/block:Posts}
  544. </div>
  545. </div>
  546. {block:IndexPage}
  547. {block:Pagination}
  548. <div id="pagination">
  549. {block:NextPage}
  550. <a id="nextPage" href="{NextPage}"></a>
  551. {/block:NextPage}
  552. {block:PreviousPage}
  553. <a href="{PreviousPage}"></a>
  554. {/block:PreviousPage}
  555. </div>
  556. {/block:Pagination}
  557. {/block:IndexPage}
  558. </div>
  559.  
  560.  
  561. </body>
  562. <script type="text/javascript" src="http://arrow.scrolltotop.com/arrow35.js"></script>
  563. <noscript><a href="http://www.scrolltotop.com"></a></noscript>
  564. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement