Advertisement
ramisaaaaa

Untitled

Aug 5th, 2014
496
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.21 KB | None | 0 0
  1. <!--
  2. theme by cyrusnigga please don't remove credit ty you're a great homie.
  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="#8a8989"/>
  10. <meta name="color:title" content="#8a8989"/>
  11. <meta name="color:hover" content="#ffffff"/>
  12. <meta name="color:link" content="#8a8989"/>
  13. <meta name="color:scrollbar" content="#cccccc"/>
  14. <meta name="image:sidebar" content="1"/>
  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:sidebar Title" content=""/>
  26.  
  27.  
  28. <style type="text/css">
  29.  
  30.  
  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. ::-webkit-scrollbar {width: 4px; height: 0px; background: {color:background}; }
  36.  
  37. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  38.  
  39.  
  40. iframe#tumblr_controls {
  41. right:3px !important;
  42. -webkit-filter: invert(100%);
  43. position: fixed !important;
  44. -webkit-transition: opacity 0.7s
  45. linear;opacity: 1.0;
  46. -webkit-transition: all 0.8s ease-out;
  47. -moz-transition: all 0.8s ease-out;
  48. transition: all 0.8s ease-out;
  49. }
  50.  
  51.  
  52. iframe#tumblr_controls:hover{
  53. -webkit-transition: opacity 0.7s linear;
  54. opacity: 1;
  55. -webkit-transition: all 0.4s ease-out;
  56. -moz-transition: all 0.4s ease-out;
  57. transition: all 0.4s ease-out;
  58. }
  59.  
  60.  
  61.  
  62. .wrapper{
  63. margin:1px auto;
  64. width: 802px;
  65. }
  66.  
  67. .header{
  68. float: left;
  69. width: 100%;
  70. }
  71.  
  72. .left{
  73. float: left;
  74. margin-right: 20px;
  75. width: 802px;
  76. }
  77.  
  78. .right{
  79. float: right;
  80. width: 200px;
  81. background-color: {color:Background};
  82. }
  83.  
  84.  
  85. p {
  86. margin:0px;
  87. margin-top:0px;
  88. }
  89.  
  90.  
  91.  
  92. body {
  93. margin:0px;
  94. text-decoration: none;
  95. background-color: {color:background};
  96. background-image:url({image:Background});
  97. background-attachment: fixed;
  98. background-repeat: repeat;
  99. color: {color:Text};
  100. font-family: calibri;
  101. font-size: 11px;
  102. }
  103.  
  104. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  105.  
  106. a:link, a:active, a:visited{
  107. color: {color:Link};
  108. text-decoration: none;
  109. -webkit-transition: color 0.2s ease-out;
  110. -moz-transition: color 0.2s ease-out;
  111. }
  112.  
  113. a:hover{
  114. color:{color:Hover};
  115. -webkit-transition: color 0.2s ease-out;
  116. -moz-transition: color 0.2s ease-out;
  117. }
  118.  
  119. .entry {
  120. float:left;
  121. overflow: hidden;
  122. padding:4px;
  123. margin: 5px;
  124. opacity:0.9;
  125. padding-bottom:1px;
  126. overflow: hidden;
  127. border:4px double #dddddd;
  128. background-color:#ffffff;
  129. {block:IndexPage}
  130. width: 230px;
  131. {/block:IndexPage}
  132. {block:PermalinkPage}
  133. width:400px;
  134. {/block:PermalinkPage}
  135. }
  136.  
  137.  
  138. .excel{
  139. opacity: 0.2;
  140. }
  141.  
  142. .excel:hover{
  143. -webkit-transition: opacity 0.7s linear;
  144. opacity: 0.4;
  145. -webkit-transition: all 0.4s ease-out;
  146. -moz-transition: all 0.4s ease-out;
  147. transition: all 0.4s ease-out;
  148. }
  149.  
  150. .permalink{
  151. line-height: 13px;
  152. text-transform: none;
  153. font-family: arial;
  154. font-size: 9px;
  155. text-align:center;
  156. margin-top: 1px;
  157. padding:5px;
  158. padding-top:3px;
  159. padding-bottom:3px;
  160. margin-top:4px;
  161. text-align: right;
  162. border-top:1px solid #dddddd;
  163. }
  164.  
  165. div#sidebar{
  166. position:fixed !important;
  167. width: 210px;
  168. height:auto;
  169. margin-top: 150px;
  170. margin-left: -160px;
  171. padding:6px;
  172. line-height:14px;
  173. letter-spacing:0px;
  174. background-color:#ffffff;
  175. opacity:0.9;
  176. margin-bottom: 6px;
  177. border:4px double #dddddd;
  178. }
  179.  
  180. #posts {
  181. width: 770px;
  182. margin-left:100px;
  183. margin-top: 10px;
  184. background-color: {color:background};
  185. background-image:url({image:Background});
  186. {block:PermalinkPage}
  187. margin-left:160px;
  188. {/block:PermalinkPage}
  189. float:left;
  190. }
  191.  
  192. #infscr-loading{
  193. bottom: -70px;
  194. position: absolute;
  195. left: 50%;
  196. margin-left:-8px;
  197. width:16px;
  198. height:11px;
  199. overflow:hidden;
  200. margin-bottom: 50px;
  201. }
  202.  
  203.  
  204. .title{
  205. font-size: 18px;
  206. line-height:19px;
  207. color: {color:Title};
  208. font-family:existance;
  209. text-transform:uppercase;
  210. }
  211.  
  212.  
  213.  
  214. @font-face { font-family: "existance"; src: url('http://static.tumblr.com/u37ad6e/OCIm7s3av/existence-unicaselight.otf'); }
  215.  
  216.  
  217. div#justinbieber{
  218. width: auto;
  219. padding-bottom:3px;
  220. padding-right:5px;
  221. padding-left:5px;
  222. margin-left:7px;
  223. position: fixed;
  224. font-size: 46px;
  225. margin-top:-22px;
  226. background-color:{color:background};
  227. font-family:learningcurve;
  228. }
  229.  
  230.  
  231. #pagination{
  232. display:none;
  233. }
  234.  
  235.  
  236. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  237.  
  238.  
  239. .entry .perma{
  240. width:230px;
  241. height:auto;
  242. padding: 5px;
  243. margin-top:0;
  244. margin-left: -5px;
  245. position: absolute;
  246. font-family: calibri;
  247. text-transform:uppercase;
  248. font-size:11px;
  249. color: #000000!important;
  250. letter-spacing: 1px;
  251. line-height: 12px;
  252. text-align: center;
  253. overflow:hidden;
  254. border-bottom: 3px solid {color:borders};
  255. opacity: 0.0;
  256. background-color:#fff;
  257. -webkit-filter: blur(3px);
  258. -webkit-transition: all 0.5s linear;
  259. -webkit-transition: all 0.5s linear;
  260. -moz-transition: all 0.5s linear;
  261. transition: all 0.5s linear;
  262. }
  263.  
  264. .perma a:hover{
  265. text-decoration:underline;
  266. color:{color:link};
  267. }
  268.  
  269. .entry:hover .perma{
  270. overflow:visible;
  271. margin-top:0px;
  272. -webkit-filter: blur(0px);
  273. opacity:1;
  274. -webkit-transition: 0.5s linear;
  275. -webkit-transition: all 0.5s linear;
  276. -moz-transition: all 0.5s linear;
  277. transition: all 0.5s linear;
  278. }
  279.  
  280.  
  281. .user_1 .label {color:{color:link}; font-weight:bold}
  282. .user_2 .label {color:{color:text}; font-weight:bold}
  283. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  284.  
  285. i, em {color: {color:Link};}
  286. b, strong {color: {color:text};}
  287.  
  288. ::selection {
  289. color:{color:Text};
  290. background-color: {color:Link};
  291. }
  292.  
  293. ::-moz-selection {
  294. color:{color:Text};
  295. background-color: {color:Link};
  296. }
  297.  
  298. ::-webkit-selection {
  299. color:{color:Text};
  300. background-color:{color:Link};
  301. }
  302.  
  303. blockquote {border-left:2px {color:Link} solid; padding-left:5px; margin:1px 6px 1px 10px}
  304.  
  305. {CustomCSS}
  306.  
  307. </style>
  308. <script type="text/javascript" src="http://static.tumblr.com/
  309. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  310. {block:IndexPage}
  311. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  312. <script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
  313. <script type="text/javascript" src="http://static.tumblr.com/
  314. xek1qzw/zeQmtcaq1/jgnrsmsnry.js"></script>
  315.  
  316. <script type="text/javascript">
  317. $(window).load(function () {
  318. var $content = $('#posts');
  319. $content.masonry({itemSelector: '.entry'}),
  320. $content.infinitescroll({
  321. navSelector : 'div#pagination',
  322. nextSelector : 'div#pagination a#nextPage',
  323. itemSelector : '.entry',
  324. loading: {
  325. finishedMsg: '',
  326. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  327. },
  328. bufferPx : 600,
  329. debug : false,
  330. },
  331. // call masonry as a callback.
  332. function( newElements ) {
  333. var $newElems = $( newElements );
  334. $newElems.hide();
  335. // ensure that images load before adding to masonry layout
  336. $newElems.imagesLoaded(function(){
  337. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  338.  
  339.  
  340. });
  341. });
  342. });
  343. </script>
  344.  
  345. {/block:IndexPage}
  346.  
  347.  
  348. <title>{title}</title>
  349.  
  350. <link rel="shortcut icon" href="{Favicon}">
  351. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  352. <meta name="viewport" content="width=820" />
  353.  
  354. </head>
  355. <body>
  356. <div class="wrapper">
  357. <div class="header">
  358. </span>
  359. </div>
  360. <div id="sidebar">
  361. <div id="justinbieber"><center>{text:sidebar title}</div>
  362. <center><a href="/"><img src="{image:sidebar}" width=210px></a></center>
  363.  
  364. <center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a> {/block:IfLinkonetitle}
  365. {block:IfLinktwotitle} - <a href="{text:link two}">{text:link two title}</a> {/block:IfLinktwotitle}
  366. {block:IfLinkthreetitle} - <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
  367. {block:IfLinkfourtitle} - <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
  368. {block:IfLinkfivetitle} - <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
  369.  
  370.  
  371. <center>{Description}</center><center>
  372.  
  373.  
  374. </div>
  375.  
  376.  
  377. <div class="left">
  378.  
  379. <div id="posts">
  380.  
  381. {block:Posts}
  382. <div class="entry">
  383.  
  384. {block:IndexPage}
  385. {/block:IndexPage}
  386.  
  387. {block:Text}
  388. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
  389. <div class="permalink">
  390. <a href="{permalink}">{NoteCountwithlabel}</a></div>
  391. {/block:Text}
  392.  
  393. {block:Link}
  394. <a href="{URL}" class="title">{Name}</a>
  395. {block:Description}{Description}{/block:Description}
  396. <div class="permalink">
  397. <a href="{permalink}">{NoteCountwithlabel}</a></div>
  398. {block:Link}
  399.  
  400.  
  401. {block:Photo}
  402. {block:IndexPage}
  403.  
  404. <div class="perma">
  405. <a href="{Permalink}">{NoteCountwithLabel}</a> + <a href="{ReblogURL}" target="_blank"> reblog </a> + <a href="{Permalink}">{month}</a> </div>
  406.  
  407.  
  408. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a></div>{LinkCloseTag}{/block:IndexPage}
  409. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
  410. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  411. {/block:Photo}
  412.  
  413. {block:Photoset}
  414. {block:IndexPage}
  415. {Photoset-250}
  416. {/block:IndexPage}
  417. {/block:Photoset}
  418.  
  419. {block:Quote}
  420. {Quote}</span>
  421. {block:Source}<strong>{Source}</strong>{/block:Source}
  422. <div class="permalink">
  423. <a href="{permalink}">{NoteCountwithlabel}</a></div>
  424. {/block:Quote}
  425.  
  426. {block:Chat}
  427. {block:Title}<span class="title">{Title}</span>{/block:Title}
  428. <ul class="chat">
  429. {block:Lines}
  430. <li class="user_{UserNumber}">
  431. {block:Label}
  432. <span class="label">{Label}</span>
  433. {/block:Label}
  434.  
  435. {Line}
  436. </li>
  437. {/block:Lines}
  438. </ul><div class="permalink">
  439. <a href="{permalink}">{NoteCountwithlabel}</a></div>
  440.  
  441. {/block:Chat}
  442.  
  443. {block:Audio}
  444. <center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
  445. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
  446. <div class="permalink">
  447. <a href="{permalink}">{NoteCountwithlabel}</a></div>
  448. {/block:Audio}
  449.  
  450. {block:Video}
  451. {block:IndexPage}
  452. {Video-250}
  453. {/block:IndexPage}
  454. {block:Video}
  455.  
  456. {block:PermalinkPage}
  457. <center>
  458. {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>
  459. {/block:PermalinkPage}
  460.  
  461.  
  462. {block:PostNotes}{PostNotes}
  463. {/block:PostNotes}
  464. </div>
  465.  
  466.  
  467. {/block:Posts}
  468. </div>
  469. </div>
  470. {block:IndexPage}
  471. {block:Pagination}
  472. <div id="pagination">
  473. {block:NextPage}
  474. <a id="nextPage" href="{NextPage}"></a>
  475. {/block:NextPage}
  476. {block:PreviousPage}
  477. <a href="{PreviousPage}"></a>
  478. {/block:PreviousPage}
  479. </div>
  480. {/block:Pagination}
  481. {/block:IndexPage}
  482.  
  483. </div>
  484. </body>
  485. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement