Advertisement
ramisaaaaa

Untitled

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