API tools faq
paste
jbtthemes

Page 02: refresh

jbtthemes
Aug 7th, 2016
429
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. Page 02: refresh --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <head>
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19. <!-- enter browser title here, it can be different or you can leave it the same --><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. </head>
  24.  
  25. <!-- scripts -->
  26.  
  27. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  28. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  29. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  30.  
  31. <script type="text/javascript">
  32. $(window).load(function(){
  33. var $wall = $('.container');
  34. $wall.imagesLoaded(function(){
  35. $wall.masonry({
  36. itemSelector: 'column',
  37. isAnimated : true
  38. });
  39. });
  40. $wall.infinitescroll({
  41. navSelector : "div#navigation",
  42. nextSelector : "div#navigation a#nextPage",
  43. itemSelector : 'column',
  44. loadingImg : "",
  45. loadingText : " ",
  46. donetext : " ",
  47. extraScrollPx : 0,
  48. bufferPx : 10000,
  49. debug : false,
  50. errorCallback: function() {
  51. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  52. }},
  53. function( newElements ) {
  54. var $newElems = $( newElements );
  55. $newElems.hide();
  56. $newElems.imagesLoaded(function(){
  57. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  58. });
  59. }); $('.container').show(500);
  60. });
  61. </script>
  62.  
  63. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  64.  
  65. <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  66.  
  67. <script>
  68. (function($){
  69. $(document).ready(function(){
  70. $("a[title]").style_my_tooltips({
  71. tip_follows_cursor:true,
  72. tip_delay_time:90,
  73. tip_fade_speed:600,
  74. attribute:"title"
  75. });
  76. });
  77. })(jQuery);
  78. </script>
  79.  
  80. <style type=text/css>
  81.  
  82. /*style your scrollbar*/
  83. ::-webkit-scrollbar {
  84. width: 1px;
  85. height: 1px;
  86. }
  87. ::-webkit-scrollbar-button {
  88. width: 0px;
  89. height: 0px;
  90. }
  91. ::-webkit-scrollbar-thumb {
  92. background: #e1e1e1;
  93. border: 0px none #ffffff;
  94. border-radius: 0px;
  95. }
  96. ::-webkit-scrollbar-thumb:hover {
  97. background: transparent;
  98. }
  99. ::-webkit-scrollbar-thumb:active {
  100. background: #000;
  101. }
  102. ::-webkit-scrollbar-track {
  103. background: transparent;
  104. border: 0px none #ffffff;
  105. border-radius: 2px;
  106. }
  107. ::-webkit-scrollbar-track:hover {
  108. background: transparent;
  109. }
  110. ::-webkit-scrollbar-track:active {
  111. background: transparent;
  112. }
  113. ::-webkit-scrollbar-corner {
  114. background: transparent;
  115. }
  116.  
  117. body{
  118. font-family:garamond;
  119. color:#000000;
  120. margin:0;
  121. background:#fff url('IMAGE URL HERE');
  122. background-attachment:fixed;
  123. }
  124.  
  125. a {
  126. text-decoration:none;
  127. color:#000;
  128. }
  129.  
  130. a:hover {
  131. text-decoration:none;
  132. color:#a0a0a0;
  133. cursor:pointer;
  134. }
  135.  
  136. /*customize portrait*/
  137. #portrait {
  138. margin-right:auto;
  139. margin-left:auto;
  140. margin-bottom:20px;
  141. width:70px;
  142. height:70px;
  143. border:1px solid #245248;
  144. }
  145.  
  146. #portrait img {
  147. max-width:50px;
  148. max-height:50px;
  149. padding-top:10px;
  150. padding-left:10px;
  151. }
  152.  
  153. /*customize nav links*/
  154. #header {
  155. width:300px;
  156. margin-right:auto;
  157. margin-left:auto;
  158. margin-top:20px;
  159. text-align:center;
  160. }
  161.  
  162. .left {
  163. float:left;
  164. }
  165.  
  166. .right {
  167. float:right;
  168. }
  169.  
  170. #header a {
  171. background:transparent;
  172. border:1px solid #245248;
  173. width:8px;
  174. height:8px;
  175. margin: 30px 18px;
  176. display:inline-block;
  177. -webkit-transition: all 0.7s ease;
  178. transition: all 0.7s ease;
  179. -moz-transition: all 0.7s ease;
  180. -o-transition: all 0.7s ease;
  181. visibility:visible;
  182. }
  183.  
  184. #header a:hover {
  185. background:#000;
  186. border:1px solid #000;
  187. -webkit-transition: all 0.7s ease;
  188. transition: all 0.7s ease;
  189. -moz-transition: all 0.7s ease;
  190. -o-transition: all 0.7s ease;
  191. visibility:visible;
  192. }
  193.  
  194. /*customize content*/
  195. .container{
  196. width:90%;
  197. text-align:center;
  198. margin-left:auto;
  199. margin-right:auto;
  200. margin-top:10px;
  201. margin-bottom:50px;
  202. }
  203.  
  204. column {
  205. float:left;
  206. width:130px;
  207. height:500px;
  208. border: 0px solid #dbdbdb;
  209. padding-right:10px;
  210. margin-left:15px;
  211. margin-right:15px;
  212. margin-bottom:30px;
  213. overflow:auto;
  214. }
  215.  
  216. .columntitle{
  217. background:transparent;
  218. font-size:10px;
  219. color:#245248;
  220. padding:10px;
  221. margin:0px;
  222. margin-bottom:1px;
  223. text-align:center;
  224. text-transform:uppercase;
  225. font-weight:bold;
  226. letter-spacing:2px;
  227. border-bottom: 0px solid #dbdbdb;
  228. }
  229.  
  230. .tag{
  231. font-size:9px;
  232. letter-spacing:1px;
  233. margin-bottom:-1px;
  234. padding:7px;
  235. padding-left:11px;
  236. background:transparent;
  237. border-bottom:1px solid #eeeeee;
  238. margin-bottom:0px;
  239. -webkit-transition: all .5s;
  240. text-align:left;
  241. text-transform:lowercase;
  242. }
  243.  
  244. .tag:hover{
  245. background:#fff;
  246. font-size:9px;
  247. color:#a0a0a0;
  248. letter-spacing:3px;
  249. padding-left:18px;
  250. -webkit-transition: all .5s;
  251. }
  252.  
  253. /*tooltip styling*/
  254. #s-m-t-tooltip {
  255. max-width:300px;
  256. border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  257. padding:1px; /* space around the text */
  258. margin:25px 20px 5px 0px; /* positioning of your hover info in relation to the link */
  259. color:{color:body}; /* text color */
  260. font-size:10px; /* font size of your hover info */
  261. background:transparent; /* change the background color of your hover info */
  262. z-index:99999;}
  263.  
  264. </style>
  265.  
  266. </head>
  267.  
  268. <body>
  269.  
  270. <div id="header">
  271. <!--these are your links to the left-->
  272. <div class="left">
  273. <a href"/" title="LINK"></a>
  274. <a href"/" title="LINK"></a>
  275. </div>
  276. <!--these are your links to the right-->
  277. <div class="right">
  278. <a href"/" title="LINK"></a>
  279. <!-- this is my credit, please don't remove it -->
  280. <a href"http://www.justiceofbreq-t.tumblr.com" title="theme by justiceofbreq-t"></a>
  281. </div>
  282. </div>
  283.  
  284. <!--here's your portrait as a home link-->
  285. <div id="portrait"><a href="/" title="home"><img src="IMAGE URL HERE"></a></div>
  286.  
  287. <div class="container">
  288. <!--these are the actual tags, if you want more columns, just copy paste from where it says "copy from here" to "end copy here" -->
  289. <!-- copy from here -->
  290. <column>
  291. <div class="columntitle">TITLE</div>
  292. <a href="/"><div class="tag">tag</div></a>
  293. <a href="/"><div class="tag">tag</div></a>
  294. <a href="/"><div class="tag">tag</div></a>
  295. <a href="/"><div class="tag">tag</div></a>
  296. <a href="/"><div class="tag">tag</div></a>
  297. <a href="/"><div class="tag">tag</div></a>
  298. </column>
  299. <!-- end copy here -->
  300.  
  301. <!-- copy from here -->
  302. <column>
  303. <div class="columntitle">TITLE</div>
  304. <a href="/"><div class="tag">tag</div></a>
  305. <a href="/"><div class="tag">tag</div></a>
  306. <a href="/"><div class="tag">tag</div></a>
  307. <a href="/"><div class="tag">tag</div></a>
  308. <a href="/"><div class="tag">tag</div></a>
  309. <a href="/"><div class="tag">tag</div></a>
  310. <a href="/"><div class="tag">tag</div></a>
  311. <a href="/"><div class="tag">tag</div></a>
  312. <a href="/"><div class="tag">tag</div></a>
  313. <a href="/"><div class="tag">tag</div></a>
  314. <a href="/"><div class="tag">tag</div></a>
  315. <a href="/"><div class="tag">tag</div></a>
  316. <a href="/"><div class="tag">tag</div></a>
  317. <a href="/"><div class="tag">tag</div></a>
  318. <a href="/"><div class="tag">tag</div></a>
  319. <a href="/"><div class="tag">tag</div></a>
  320. <a href="/"><div class="tag">tag</div></a>
  321. <a href="/"><div class="tag">tag</div></a>
  322. <a href="/"><div class="tag">tag</div></a>
  323. <a href="/"><div class="tag">tag</div></a>
  324. <a href="/"><div class="tag">tag</div></a>
  325. </column>
  326. <!-- end copy here -->
  327.  
  328. <!-- copy from here -->
  329. <column>
  330. <div class="columntitle">TITLE</div>
  331. <a href="/"><div class="tag">tag</div></a>
  332. <a href="/"><div class="tag">tag</div></a>
  333. <a href="/"><div class="tag">tag</div></a>
  334. <a href="/"><div class="tag">tag</div></a>
  335. <a href="/"><div class="tag">tag</div></a>
  336. <a href="/"><div class="tag">tag</div></a>
  337. <a href="/"><div class="tag">tag</div></a>
  338. <a href="/"><div class="tag">tag</div></a>
  339. <a href="/"><div class="tag">tag</div></a>
  340. <a href="/"><div class="tag">tag</div></a>
  341. <a href="/"><div class="tag">tag</div></a>
  342. <a href="/"><div class="tag">tag</div></a>
  343. <a href="/"><div class="tag">tag</div></a>
  344. <a href="/"><div class="tag">tag</div></a>
  345. </column>
  346. <!-- end copy here -->
  347.  
  348. <!-- copy from here -->
  349. <column>
  350. <div class="columntitle">TITLE</div>
  351. <a href="/"><div class="tag">tag</div></a>
  352. <a href="/"><div class="tag">tag</div></a>
  353. <a href="/"><div class="tag">tag</div></a>
  354. <a href="/"><div class="tag">tag</div></a>
  355. <a href="/"><div class="tag">tag</div></a>
  356. <a href="/"><div class="tag">tag</div></a>
  357. <a href="/"><div class="tag">tag</div></a>
  358. <a href="/"><div class="tag">tag</div></a>
  359. <a href="/"><div class="tag">tag</div></a>
  360. <a href="/"><div class="tag">tag</div></a>
  361. <a href="/"><div class="tag">tag</div></a>
  362. <a href="/"><div class="tag">tag</div></a>
  363. <a href="/"><div class="tag">tag</div></a>
  364. <a href="/"><div class="tag">tag</div></a>
  365. <a href="/"><div class="tag">tag</div></a>
  366. <a href="/"><div class="tag">tag</div></a>
  367. <a href="/"><div class="tag">tag</div></a>
  368. <a href="/"><div class="tag">tag</div></a>
  369. <a href="/"><div class="tag">tag</div></a>
  370. <a href="/"><div class="tag">tag</div></a>
  371. <a href="/"><div class="tag">tag</div></a>
  372. </column>
  373. <!-- end copy here -->
  374.  
  375. <!-- copy from here -->
  376. <column>
  377. <div class="columntitle">TITLE</div>
  378. <a href="/"><div class="tag">tag</div></a>
  379. <a href="/"><div class="tag">tag</div></a>
  380. <a href="/"><div class="tag">tag</div></a>
  381. <a href="/"><div class="tag">tag</div></a>
  382. <a href="/"><div class="tag">tag</div></a>
  383. <a href="/"><div class="tag">tag</div></a>
  384. <a href="/"><div class="tag">tag</div></a>
  385. <a href="/"><div class="tag">tag</div></a>
  386. <a href="/"><div class="tag">tag</div></a>
  387. <a href="/"><div class="tag">tag</div></a>
  388. <a href="/"><div class="tag">tag</div></a>
  389. <a href="/"><div class="tag">tag</div></a>
  390. <a href="/"><div class="tag">tag</div></a>
  391. <a href="/"><div class="tag">tag</div></a>
  392. <a href="/"><div class="tag">tag</div></a>
  393. <a href="/"><div class="tag">tag</div></a>
  394. </column>
  395.  
  396. <!-- copy from here -->
  397. <column>
  398. <div class="columntitle">TITLE</div>
  399. <a href="/"><div class="tag">tag</div></a>
  400. <a href="/"><div class="tag">tag</div></a>
  401. <a href="/"><div class="tag">tag</div></a>
  402. <a href="/"><div class="tag">tag</div></a>
  403. <a href="/"><div class="tag">tag</div></a>
  404. <a href="/"><div class="tag">tag</div></a>
  405. <a href="/"><div class="tag">tag</div></a>
  406. <a href="/"><div class="tag">tag</div></a>
  407. <a href="/"><div class="tag">tag</div></a>
  408. <a href="/"><div class="tag">tag</div></a>
  409. </column>
  410.  
  411. </div>
  412.  
  413. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!