Advertisement
ramisaaaaa

Untitled

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