API tools faq
paste
Advertisement
kawaiibuu

divide theme

kawaiibuu
Dec 16th, 2013
3,250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.28 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. divide theme
  4. http://jubileethemes.tumblr.com
  5.  
  6.  
  7.  
  8.  
  9.  
  10.  
  11. -->
  12.  
  13.  
  14. <head>
  15.  
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:text" content="#000" />
  18. <meta name="color:links" content="#000" />
  19. <meta name="color:border" content="#9a9a9a"/>
  20. <meta name="color:scrollbar" content="#445192"/>
  21. <meta name="color:scrollbar thumb" content="#FEC3CA"/>
  22.  
  23.  
  24.  
  25. <meta name="if:150px" content="0">
  26. <meta name="if:250px" content="1">
  27. <meta name="if:400px" content="0">
  28. <meta name="if:center text" content="0">
  29. <meta name="if:disable right click" content="0"/>
  30. <meta name="if:fullsized background image" content="0">
  31. <meta name="if:photo hover effect" content="1">
  32. <meta name="if:show captions" content="0">
  33. <meta name="if:show tags" content="0">
  34. <meta name="if:visible scrollbar" content="0">
  35.  
  36.  
  37. <meta name="image:background" content=""/>
  38. <meta name="image:cursor" content="http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png"/>
  39. <meta name="image:inner sidebar" content="" />
  40. <meta name="image:ScrolltoTop" content="" />
  41.  
  42.  
  43. <meta name="text:font size" content="12" />
  44.  
  45.  
  46.  
  47.  
  48.  
  49. <meta name="select:background" content="255, 255, 255," name="white" />
  50. <meta name="select:background" content="170, 170, 170," name="grey" />
  51. <meta name="select:background" content="0, 0, 0," name="black" />
  52. <meta name="select:background" content="241, 203, 204," name="pink" />
  53. <meta name="select:background" content="155, 57, 57," name="red" />
  54. <meta name="select:background" content="68, 170, 196" name="teal" />
  55. <meta name="select:background" content="252, 123, 42," name="orange" />
  56. <meta name="select:background" content="255, 217, 66," name="gold" />
  57. <meta name="select:background" content="128, 81, 137," name="purple" />
  58. <meta name="select:background" content="15, 92, 120," name="navy" />
  59. <meta name="select:background" content="214, 242, 210," name="mint" />
  60.  
  61. <meta name="select:background opacity" content="1" name="solid" />
  62. <meta name="select:background opacity" content="0.9" name="0.9" />
  63. <meta name="select:background opacity" content="0.8" name="0.8" />
  64. <meta name="select:background opacity" content="0.7" name="0.7" />
  65. <meta name="select:background opacity" content="0.6" name="0.6" />
  66. <meta name="select:background opacity" content="0.5" name="0.5" />
  67. <meta name="select:background opacity" content="0.4" name="0.4" />
  68. <meta name="select:background opacity" content="0.3" name="0.3" />
  69. <meta name="select:background opacity" content="0.2" name="0.2" />
  70. <meta name="select:background opacity" content="0.1" name="0.1" />
  71. <meta name="select:background opacity" content="0" name="transparent" />
  72.  
  73. <meta name="select:image style" content="de" title="None">
  74. <meta name="select:image style" content="darken" title="Darken">
  75. <meta name="select:image style" content="greyscale" title="Desaturate">
  76. <meta name="select:image style" content="invert" title="Invert">
  77. <meta name="select:image style" content="flip" title="Upside Down">
  78. <meta name="select:image style" content="enlarge" title="Shrinking">
  79. <meta name="select:image style" content="fade" title="Fade">
  80.  
  81. <meta name="select:text font" content="Electrolize" name="Electrolize"/>
  82. <meta name="select:text font" content="Carrois Gothic SC" name="Carrois Gothic SC"/>
  83. <meta name="select:text font" content="Architects Daughter" name="Architects Daughter"/>
  84. <meta name="select:text font" content="Oranienbaum" name="Oranienbaum"/>
  85. <meta name="select:text font" content="PT Sans Narrow" name="PT Sans Narrow"/>
  86. <meta name="select:text font" content="Lobster Two" name="Lobster Two"/>
  87. <meta name="select:text font" content="Source Code Pro" name="Source Code Pro"/>
  88. <meta name="select:text font" content="Aldrich" name="Aldrich"/>
  89. <meta name="select:text font" content="Atomic Age" name="Atomic"/>
  90. <meta name="select:text font" content="Anonymous Pro" name="Anonymous Pro"/>
  91. <meta name="select:text font" content="Consolas" name="Consolas"/>
  92.  
  93. <meta name="select:text font" content="Geo" name="Geo"/>
  94.  
  95. <meta name="text:link 1 title" content="example" />
  96. <meta name="text:link 2 title" content="" />
  97. <meta name="text:link 3 title" content="" />
  98. <meta name="text:link 4 title" content="" />
  99.  
  100.  
  101. <meta name="text:link 1 url" content="" />
  102. <meta name="text:link 2 url" content="" />
  103. <meta name="text:link 3 url" content="" />
  104. <meta name="text:link 4 url" content="" />
  105.  
  106.  
  107.  
  108.  
  109. <title>{Title}</title>
  110. <link rel="shortcut icon" href="{Favicon}">
  111.  
  112. <script type="text/javascript">
  113. function unhide(divID) {
  114. var item = document.getElementById(divID);
  115. if (item) {
  116. item.className=(item.className=='hidden')?'unhidden':'hidden';
  117. }
  118. }
  119. </script>
  120. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  121. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  122. <script type="text/javascript"
  123. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  124.  
  125.  
  126. {block:ifdisablerightclick}<body oncontextmenu="return false">{/block:ifdisablerightclick}
  127.  
  128.  
  129. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  130. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  131. <script>
  132. (function($){
  133. $(document).ready(function(){
  134. $("[title]").style_my_tooltips();
  135. });
  136. })(jQuery);
  137. </script>
  138. <script type="text/javascript"
  139. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  140.  
  141. <style type="text/css">
  142. @font-face {
  143. font-family: 'Electrolize';
  144. font-style: normal;
  145. font-weight: 400;
  146. src: local('Electrolize'), local('Electrolize-Regular'), url(http://themes.googleusercontent.com/static/fonts/electrolize/v2/DDy9sgU2U7S4xAwH5thnJ4bN6UDyHWBl620a-IRfuBk.woff) format('woff');
  147. }
  148. @font-face {
  149. font-family: 'Carrois Gothic SC';
  150. font-style: normal;
  151. font-weight: 400;
  152. src: local('Carrois Gothic SC'), local('CarroisGothicSC-Regular'), url(http://themes.googleusercontent.com/static/fonts/carroisgothicsc/v2/bVp4nhwFIXU-r3LqUR8DSNce8QJcbznVYyCETTx3XZM.woff) format('woff');
  153. }
  154. @font-face {
  155. font-family: 'Architects Daughter';
  156. font-style: normal;
  157. font-weight: 400;
  158. src: local('Architects Daughter'), local('ArchitectsDaughter'), url(http://themes.googleusercontent.com/static/fonts/architectsdaughter/v3/RXTgOOQ9AAtaVOHxx0IUBOkI_DLF4EgbZt3mhU8gQFo.woff) format('woff');
  159. }
  160. @font-face {
  161. font-family: 'Oranienbaum';
  162. font-style: normal;
  163. font-weight: 400;
  164. src: local('Oranienbaum'), local('Oranienbaum-Regular'), url(http://themes.googleusercontent.com/static/fonts/oranienbaum/v2/WyaFSM_en0pjtlmUWwS7GYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  165. }
  166. @font-face {
  167. font-family: 'PT Sans Narrow';
  168. font-style: normal;
  169. font-weight: 400;
  170. src: local('PT Sans Narrow'), local('PTSans-Narrow'), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v4/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
  171. }
  172. @font-face {
  173. font-family: 'Lobster Two';
  174. font-style: normal;
  175. font-weight: 400;
  176. src: local('Lobster Two'), local('LobsterTwo'), url(http://themes.googleusercontent.com/static/fonts/lobstertwo/v4/Law3VVulBOoxyKPkrNsAaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
  177. }
  178. @font-face {
  179. font-family: 'Source Code Pro';
  180. font-style: normal;
  181. font-weight: 400;
  182. src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(http://themes.googleusercontent.com/static/fonts/sourcecodepro/v3/mrl8jkM18OlOQN8JLgasDxM0YzuT7MdOe03otPbuUS0.woff) format('woff');
  183. }
  184. @font-face {
  185. font-family: 'Source Code Pro';
  186. font-style: normal;
  187. font-weight: 900;
  188. src: local('Source Code Pro Black'), local('SourceCodePro-Black'), url(http://themes.googleusercontent.com/static/fonts/sourcecodepro/v3/leqv3v-yTsJNC7nFznSMqXiec-hVyr2k4iOzEQsW1iE.woff) format('woff');
  189. }
  190.  
  191. @font-face {
  192. font-family: 'Aldrich';
  193. font-style: normal;
  194. font-weight: 400;
  195. src: local('Aldrich'), url(http://themes.googleusercontent.com/static/fonts/aldrich/v3/Y0zWA9-hxl3_xvcxN-VXfA.woff) format('woff');
  196. }
  197. @font-face {
  198. font-family: 'Atomic Age';
  199. font-style: normal;
  200. font-weight: 400;
  201. src: local('Atomic Age'), local('AtomicAge'), url(http://themes.googleusercontent.com/static/fonts/atomicage/v4/YWZsVkN6SDZ8jH2BPffNoxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  202. }
  203. @font-face {
  204. font-family: 'Anonymous Pro';
  205. font-style: normal;
  206. font-weight: 400;
  207. src: local('Anonymous Pro'), local('AnonymousPro'), url(http://themes.googleusercontent.com/static/fonts/anonymouspro/v4/Zhfjj_gat3waL4JSju74E1tUcs43uvLUMv3hfHgzs3w.woff) format('woff');
  208. }
  209.  
  210. @font-face {
  211. font-family:'consolas';
  212. }
  213. @font-face {
  214. font-family: 'Geo';
  215. font-style: normal;
  216. font-weight: 400;
  217. src: local('Geo'), local('Geo-Regular'), url(http://themes.googleusercontent.com/static/fonts/geo/v6/av0TkpgOwGmqABT09bQMSA.woff) format('woff');
  218. }
  219. body{ -moz-transition:all 0.5s ease-out;
  220. -o-transition:all 0.5s ease-out;
  221. -webkit-transition all 0.5s ease-out;
  222. transition:all 0.5s ease-out;
  223. height:100%;
  224. word-break: keep-all;
  225. letter-spacing: 1px;
  226. font-family:{select:text font};
  227. {block:ifcentertext}text-align:center;{/block:ifcentertext}
  228. font-size: {text:font size}px;
  229. color:{color:text};
  230. background: {color:background} url({image:background})top right fixed repeat;
  231. {block:iffullsizedbackgroundimage}background-size:cover;{/block:iffullsizedbackgroundimage}
  232. cursor:url('{image:cursor}'), progress !important;
  233. }
  234.  
  235. a {-webkit-transition: 1s ease-in-out;
  236. -moz-transition: 1s ease-in-out;
  237. -o-transition: 1s ease-in-out;
  238. font-family:{select:text font};
  239. text-shadow: 1px 1px rgba(0, 0, 0, 0);
  240. text-decoration: none;
  241. color: {color:links};
  242. }
  243. a:hover {-webkit-transition: 1s ease-in-out;
  244. -moz-transition: 1s ease-in-out;
  245. -o-transition: 1s ease-in-out;
  246. cursor:url('{image:cursor}'), progress !important;
  247.  
  248. text-decoration: none;
  249. text-transform: uppercase;
  250.  
  251. }
  252. ::selection {
  253. background: rgba({select:background} {select:background opacity});
  254. }
  255.  
  256. ::-moz-selection {
  257. background: rgba({select:background} {select:background opacity});
  258. }
  259.  
  260. ::-webkit-selection {
  261. background: rgba({select:background} {select:background opacity});
  262. }
  263. img {
  264.  
  265. {block:ifdarkenedimages}-webkit-filter: brightness(50%); {/block:ifdarkenedimages}
  266. -webkit-border-radius:{text:border curve}px;
  267. -moz-border-radius:{text:border curve}px;
  268. border-radius:{text:border curve}px;
  269.  
  270. -moz-transition:all 0.5s ease-out;
  271. -o-transition:all 0.5s ease-out;
  272. -webkit-transition all 0.5s ease-out;
  273. transition:all 0.5s ease-out;
  274. }
  275. img:hover {
  276. -webkit-filter: brightness(100%);
  277. -moz-transition:all 0.5s ease-out;
  278. -o-transition:all 0.5s ease-out;
  279. -webkit-transition all 0.5s ease-out;
  280. transition:all 0.5s ease-out;
  281. }
  282. blockquote {
  283. border-left: 1px solid transparent;
  284. color: {color:accent color 2};
  285. margin: 2px 3px;
  286. }
  287. ::-webkit-scrollbar {
  288. -webkit-appearance: none; background-color: {color:scrollbar};
  289. {block:ifvisiblescrollbar} width: 7px; {/block:ifvisiblescrollbar}
  290. {block:ifnotvisiblescrollbar} width: 0px; {/block:ifnotvisiblescrollbar}
  291. }
  292. ::-webkit-scrollbar-thumb {
  293. border-radius: 4px;
  294. background-color: {color:scrollbar thumb};
  295. -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  296. }
  297.  
  298. ::-webkit-scrollbar:horizontal {
  299. -webkit-appearance: none; background-color: {color:scrollbar};
  300. height: 0px;
  301. }
  302.  
  303.  
  304.  
  305.  
  306.  
  307. .left {
  308. margin-left: auto;
  309. width: 100%;
  310. }
  311.  
  312.  
  313. #posts {
  314. {block:if250px} width: 950px;
  315. {/block:if250px}
  316.  
  317. {block:if150px} width: 850px;
  318. {/block:if150px}
  319.  
  320. {block:if400px} width: 1300px;
  321. {/block:if400px}
  322. margin: 55px 150px;
  323. }
  324.  
  325. #entry {
  326. border: 1px solid {color:border};
  327. padding: 0px;
  328. padding-top: 0px;
  329. padding-bottom: 0px;
  330. background: rgba({select:background} {select:background opacity});
  331. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  332. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  333. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  334. }
  335.  
  336. #entry .inner {
  337. padding: 5px;
  338. z-index: 999999999999999;
  339. overflow:hidden;
  340. -webkit-border-bottom-right-radius: 5px;
  341. -webkit-border-bottom-left-radius: 5px;
  342. -moz-border-radius-bottomright: 5px;
  343. -moz-border-radius-bottomleft: 5px;
  344. border-bottom-right-radius: 5px;
  345. border-bottom-left-radius: 5px;
  346. }
  347.  
  348.  
  349. .entry {
  350. z-index: 999999;
  351. height: auto;
  352. font-family:{select:text font};
  353. {block:IndexPage}
  354. {block:if250px} width: 250px;
  355. {/block:if250px}
  356.  
  357. {block:if150px} width: 150px;
  358. {/block:if150px}
  359.  
  360. {block:if400px} width: 400px;
  361. {/block:if400px}
  362. {/block:IndexPage}
  363. margin-bottom: 125px;
  364. margin-right: 175px;
  365. {block:PermalinkPage}
  366. width: 400px;
  367. {/block:PermalinkPage}
  368. -moz-transition:all 0.5s ease-out;
  369. -o-transition:all 0.5s ease-out;
  370. -webkit-transition all 0.5s ease-out;
  371. transition:all 0.5s ease-out;
  372.  
  373. }
  374.  
  375. .entry:hover {
  376.  
  377. }
  378.  
  379. .entry img{ max-width: 100%;
  380. }
  381. .entry img:hover{
  382.  
  383. {block:ifblurhover}
  384. -webkit-filter: blur(1px);
  385. filter: blur(1px); {/block:ifblurhover}
  386. -moz-transition:all 0.1s ease-out;
  387. -o-transition:all 0.1s ease-out;
  388. -webkit-transition all 0.1s ease-out;
  389. transition:all 0.1s ease-out;
  390. }
  391.  
  392. .post_title{
  393. font-size: 14px;
  394. word-break:keep-all;
  395.  
  396. text-align: left;
  397. margin-bottom: -15px;
  398. margin-left: 5px;
  399. }
  400.  
  401. .link_title{
  402.  
  403. width: 100%;
  404. text-align: center;
  405.  
  406. }
  407. .hidden {display: none;}
  408. .unhidden {display: block;}
  409. .nav{
  410. position:fixed;
  411. top:0;
  412. left:0;
  413. max-width: 120px;
  414. }
  415.  
  416.  
  417.  
  418. .topp {
  419. position:fixed;
  420. bottom: 0px;
  421. right: 0px;
  422. }
  423.  
  424. blockquote {
  425. padding: 1px; text-align: justify;
  426. margin-left: -5px;
  427. }
  428.  
  429. ul, ol, li{
  430. list-style:none; text-align: justify;
  431. padding:3px;
  432. color: {color:accent color 2};}
  433.  
  434. small {
  435. font-size: 9px; text-transform:uppercase;
  436. }
  437.  
  438.  
  439. .entry #perma { z-index:999999999999999999999; opacity:0;
  440.  
  441. {block:if250px}
  442. margin-left: 5%; width: 85%;
  443. margin-top: 5%;
  444. {/block:if250px}
  445.  
  446. {block:if150px}
  447. margin-left: 5%; width: 80%;
  448. margin-top: 5%;
  449. {/block:if150px}
  450.  
  451. {block:if400px}
  452. margin-left: 5%; width: 87%;
  453. margin-top: 5%;
  454. {/block:if400px}
  455.  
  456.  
  457.  
  458.  
  459. background: rgba({select:background} {select:background opacity});
  460. position:absolute;
  461. border: 1px solid {color:border};
  462. font-size: 11px;
  463. text-align: center;
  464. text-transform:uppercase;
  465. padding: 5px; -moz-transition:all 0.3s ease-out;
  466. -o-transition:all 0.3s ease-out;
  467. -webkit-transition all 0.3s ease-out;
  468. transition:all 0.3s ease-out;
  469. }
  470.  
  471. .entry:hover #perma {
  472. opacity:1; -moz-transition:all 0.3s ease-out;
  473. -o-transition:all 0.3s ease-out;
  474. -webkit-transition all 0.3s ease-out;
  475. transition:all 0.3s ease-out;
  476. }
  477.  
  478. .entry #res { font-size: 9px; text-transform: uppercase;
  479. height: 0px; -moz-transition:all 0.3s ease-out;
  480. -o-transition:all 0.3s ease-out; opacity: 0;
  481. -webkit-transition all 0.3s ease-out;
  482. transition:all 0.3s ease-out;
  483. }
  484. .entry:hover #res{ padding: 2px 0px;
  485. display:block; height: 10px; -moz-transition:all 0.3s ease-out;
  486. -o-transition:all 0.3s ease-out; opacity: 1;
  487. -webkit-transition all 0.3s ease-out;
  488. transition:all 0.3s ease-out;
  489. }
  490. .pi
  491. {
  492.  
  493. text-align: left;
  494.  
  495. }
  496. #perma a{
  497. color: {color:links};
  498. }
  499.  
  500. #s-m-t-tooltip {
  501. text-align:center;
  502. background: {color:tooltip background};
  503. font-size: 10px;
  504. font-family: consolas;
  505. border: 1px solid {color:border};
  506. color: {color:text};
  507. max-width: 100px;
  508. text-transform:uppercase;
  509. word-wrap: break-word;
  510. padding: 1px 5px 2px 6px;
  511. display: block;
  512. margin: 10px 10px 10px 15px;
  513. z-index: 9999999999999999999999;
  514. }
  515.  
  516.  
  517. #sidebar {
  518. z-index: 999999999999999999999999999;
  519. border: 1px solid {color:border};
  520. bottom: 20px;
  521. {block:if250px} margin-left: 420px;
  522. {/block:if250px}
  523.  
  524. {block:if150px}margin-left: 320px;
  525. {/block:if150px}
  526.  
  527. {block:if400px} margin-left: 570px;
  528. {/block:if400px}
  529. background: rgba({select:background} {select:background opacity});
  530. width: 135px;
  531. position:fixed;
  532. -webkit-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  533. -moz-box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  534. box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2);
  535. }
  536.  
  537. #sidebar .inner {
  538. position:relative;
  539. padding: 4px;
  540. font-size: 10px;
  541. }
  542.  
  543.  
  544. #sidebar .linx {
  545. text-align:right; display:none;
  546. }
  547. #sidebar:hover .linx {
  548. display:block;
  549. }
  550.  
  551.  
  552.  
  553. .cry {
  554. text-align:justify;
  555. }
  556.  
  557.  
  558.  
  559.  
  560. #sbbg { padding: 5px;
  561. z-index: -9999999999999999999999;
  562. position: fixed;
  563. height: 100%;
  564. width: 100%;
  565. top: 0px;
  566. left: 0px;
  567. background: transparent; background-size:cover;
  568. opacity: 0.8;
  569. }
  570.  
  571. .de img {
  572.  
  573. }
  574.  
  575. .darken img {
  576. -webkit-filter: brightness(75%);
  577. }
  578.  
  579. .fade img {
  580. opacity:0.5;
  581. }
  582.  
  583. .invert img {
  584. -webkit-filter: invert(100%);
  585. }
  586.  
  587. .flip img {
  588. transform:rotate(180deg);
  589. -ms-transform:rotate(180deg); /* IE 9 */
  590. -webkit-transform:rotate(180deg); /* Safari and Chrome */
  591. }
  592.  
  593. .enlarge img:hover {
  594. -webkit-transform: scale(0.7);
  595. -moz-transform: scale(0.7);
  596. -o-transform: scale(0.7) ;
  597. -ms-transform: scale(0.7);
  598. transform: scale(0.7) ;
  599. -webkit-transition: 2s ease-in-out;
  600. -moz-transition: 2s ease-in-out;
  601. -o-transition: 2s ease-in-out;
  602. z-index: 9999999999999999999;
  603.  
  604. }
  605.  
  606. .greyscale img {
  607. -webkit-filter: grayscale(100%);
  608. }
  609. .tumblr_audio_player {height: 40px; width: 210px;}
  610. </style>
  611.  
  612. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  613.  
  614. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  615. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  616. </script>
  617. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  618. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  619. <script type="text/javascript">
  620.  
  621. $(window).load(function () {
  622. $('.posts').masonry(),
  623. $('.masonryWrap').infinitescroll({
  624. navSelector : "div#navigation",
  625. // selector for the paged navigation (it will be hidden)
  626. nextSelector : "div#navigation a#nextPage",
  627. // selector for the NEXT link (to page 2)
  628. itemSelector : ".entry",
  629. // selector for all items you'll retrieve
  630. bufferPx : 10000,
  631. extraScrollPx: 11000,
  632. loadingImg : "",
  633. loadingText : "<em>loading</em>",
  634. },
  635. // call masonry as a callback.
  636. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  637. );
  638. });
  639. </script>
  640. <script>
  641. $.fn.changebackground = function(msg) {
  642. $("#sbbg").css("background-image", "url("+msg+")");
  643. };
  644. </script>
  645. </head>
  646.  
  647. <body>
  648. <div id="sbbg"></div>
  649.  
  650.  
  651.  
  652.  
  653.  
  654.  
  655.  
  656. <div id="sidebar">
  657.  
  658. <div class="inner">
  659. <img src="{image:inner sidebar}" style="max-width: 100%;"/>
  660. <div style="text-align:right;">{title}</div>
  661. {Description}
  662.  
  663. <div class="linx"> <a href="/" onmouseover="this.innerHTML='home'" onmouseout="this.innerHTML='001'">001</a> <a href="/ask" onmouseover="this.innerHTML='mail'" onmouseout="this.innerHTML='002'">002</a> <a href="/archive" onmouseover="this.innerHTML='index'" onmouseout="this.innerHTML='003'">003</a> <a href="javascript:unhide('otherlinks');"onmouseover="this.innerHTML='links'" onmouseout="this.innerHTML='004'">004</a>
  664. <div id="otherlinks" class="hidden">
  665. <a href="{text:link 1 url}" onmouseover="this.innerHTML='{text:link 1 title}'" onmouseout="this.innerHTML='005'">005</a>
  666. <a href="{text:link 2 url}" onmouseover="this.innerHTML='{text:link 2 title}'" onmouseout="this.innerHTML='006'">006</a>
  667. <a href="{text:link 3 url}" onmouseover="this.innerHTML='{text:link 3 title}'" onmouseout="this.innerHTML='007'">007</a>
  668. <a href="{text:link 4 url}" onmouseover="this.innerHTML='{text:link 4 title}'" onmouseout="this.innerHTML='008'">008</a>
  669.  
  670. </div>
  671.  
  672.  
  673.  
  674.  
  675.  
  676. </div>
  677.  
  678. </div>
  679. </div>
  680.  
  681. <div class="left">
  682.  
  683.  
  684.  
  685. <div id="posts">
  686.  
  687.  
  688. <div class="posts">
  689.  
  690.  
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701.  
  702.  
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  
  709. {block:Posts}
  710. {block:ContentSource}
  711. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  712. {/block:ContentSource}
  713. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  714.  
  715. <div class="entry">
  716.  
  717.  
  718.  
  719.  
  720.  
  721.  
  722. {block:Text}
  723.  
  724. <div id="entry">
  725. {block:IndexPage}
  726. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  727. {block:RebloggedFrom}</div>
  728.  
  729.  
  730.  
  731.  
  732. {/block:IndexPage}
  733. <div class="inner">
  734. {block:Title}<div class="post_title" style="margin-left: 15px;">- {Title}</div>{/block:Title}
  735.  
  736.  
  737.  
  738.  
  739. <div style="padding:5px;" >
  740. {Body}
  741. </div>
  742.  
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749.  
  750.  
  751. </div></div>
  752. {/block:Text}
  753.  
  754.  
  755.  
  756.  
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763.  
  764.  
  765. {block:Photo}
  766.  
  767. <div id="entry"> {block:IndexPage}
  768. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  769. {block:RebloggedFrom}</div>
  770.  
  771.  
  772.  
  773.  
  774. {/block:IndexPage}
  775. <div class="inner">
  776.  
  777. {block:IndexPage}
  778.  
  779. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" {block:ifphotohovereffect}onmouseover="$(this).changebackground('{PhotoURL-HighRes}')"{/block:ifphotohovereffect}/>
  780.  
  781.  
  782. {block:HighRes}<div id="res"> <a href="{PhotoURL-HighRes}">high res→</a>
  783. </div>{/block:HighRes}
  784.  
  785. {block:ifshowcaptions} {block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions}
  786. {/block:IndexPage}
  787.  
  788. {block:PermalinkPage}
  789. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  790. {block:Caption}{Caption}{/block:Caption}
  791. {/block:PermalinkPage}
  792.  
  793.  
  794.  
  795.  
  796.  
  797.  
  798. </div></div>
  799.  
  800. {/block:Photo}
  801.  
  802.  
  803.  
  804.  
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811.  
  812.  
  813. {block:Photoset}
  814. <div id="entry"> {block:IndexPage}
  815. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  816. {block:RebloggedFrom}</div>
  817.  
  818.  
  819.  
  820.  
  821. {/block:IndexPage}
  822. <div class="inner">
  823. <center>{block:IndexPage}
  824. {Photoset-250} {block:ifshowcaptions} {block:Caption}{Caption}{/block:Caption} {/block:ifshowcaptions} {/block:IndexPage}
  825. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  826. </center>
  827.  
  828.  
  829.  
  830.  
  831. </div>
  832. </div>
  833. {/block:Photoset}
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841.  
  842.  
  843.  
  844.  
  845.  
  846.  
  847. {block:Quote}
  848. <div id="entry"> {block:IndexPage}
  849. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  850. {block:RebloggedFrom}</div>
  851.  
  852.  
  853.  
  854.  
  855. {/block:IndexPage}
  856. <div class="inner">
  857.  
  858. {Quote}<br>
  859. <small>{Source}</small><br><br>
  860.  
  861.  
  862.  
  863. </div>
  864. </div>
  865. {/block:Quote}
  866.  
  867.  
  868.  
  869.  
  870.  
  871.  
  872.  
  873.  
  874.  
  875.  
  876.  
  877.  
  878.  
  879.  
  880.  
  881.  
  882. {block:Link}
  883. <div id="entry"> {block:IndexPage}
  884. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  885. {block:RebloggedFrom}</div>
  886.  
  887.  
  888.  
  889.  
  890. {/block:IndexPage}
  891. <div class="inner">
  892.  
  893. <center><a href="{URL}"{Target}><div class="link_title">{Name}</div></a></center>
  894. {block:Description}<div style="padding: 2px; margin-top: -3px;">{Description}</div>{/block:Description}
  895.  
  896.  
  897. </div>
  898. </div>
  899. {/block:Link}
  900.  
  901.  
  902.  
  903.  
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914. {block:Video}
  915. <div id="entry"> {block:IndexPage}
  916. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  917. {block:RebloggedFrom}</div>
  918.  
  919.  
  920.  
  921.  
  922. {/block:IndexPage}
  923. <div class="inner">
  924.  
  925.  
  926. {Video-250}
  927.  
  928.  
  929. </div>
  930. </div>
  931. {/block:Video}
  932.  
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946. {block:Chat}
  947. <div id="entry"> {block:IndexPage}
  948. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  949. {block:RebloggedFrom}</div>
  950.  
  951.  
  952.  
  953.  
  954. {/block:IndexPage}
  955. <div class="inner">
  956.  
  957. <div style="padding:5px;">
  958. {block:Title}
  959. {Title}
  960. {/block:Title}
  961. {block:Lines}{block:Label}{Label}{/block:Label}{Line}<br><br>{/block:Lines}
  962. </div>
  963.  
  964.  
  965. </div>
  966. </div>
  967. {/block:Chat}
  968.  
  969.  
  970.  
  971.  
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979.  
  980.  
  981.  
  982.  
  983.  
  984.  
  985.  
  986.  
  987.  
  988. {block:Audio}<div id="entry"> {block:IndexPage}
  989. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  990. {block:RebloggedFrom}</div>
  991.  
  992.  
  993.  
  994.  
  995. {/block:IndexPage}
  996. <div class="inner">
  997.  
  998.  
  999. {block:AlbumArt}
  1000. <img src="{AlbumArtURL}" width="100%" {block:ifphotohovereffect} onmouseover="$(this).changebackground('{AlbumArtURL}')"{/block:ifphotohovereffect}></a>{/block:AlbumArt}
  1001.  
  1002.  
  1003. <div style="height: 40px; width: 45px;overflow:hidden;text-align:center; opacity: 0.5;">{AudioPlayerWhite}</div>
  1004.  
  1005. <div style="position:absolute; margin-left: 50px; margin-top: -38px; width: 100px; height: 36px; overflow-x:auto;">
  1006. {block:Artist}
  1007. <li>{Artist}</li>
  1008. {/block:Artist}
  1009. {block:TrackName}
  1010. <li>{TrackName}</li>
  1011. {/block:TrackName}
  1012. {block:Album}
  1013. <li>{Album}</li>
  1014. {/block:Album}
  1015.  
  1016. </div>
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027. </div></div>
  1028. {/block:Audio}
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037.  
  1038. {block:Answer}
  1039. <div id="entry"> {block:IndexPage}
  1040. <div id="perma"><a href="{Permalink}">{NoteCount}</a> / <a href="{ReblogURL}" target="_blank" class="details">reblog</a>{block:RebloggedFrom} / <a title="source" href="{ReblogRootURL}">&copy;</a>
  1041. {block:RebloggedFrom}</div>
  1042.  
  1043.  
  1044.  
  1045.  
  1046. {/block:IndexPage}
  1047. <div class="inner">
  1048. <div style="padding:10px;">
  1049. <div class="question"><u>{Asker}</u>: &nbsp;{Question}</div>
  1050.  
  1051. {Answer}
  1052. </div>
  1053.  
  1054. </div>
  1055. </div>
  1056. {/block:Answer}
  1057.  
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066.  
  1067. </div>
  1068.  
  1069. {/block:Posts}
  1070.  
  1071. {block:PermalinkPage}
  1072. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1073. {/block:PermalinkPage}
  1074. </div>
  1075. </div>
  1076.  
  1077. {block:IndexPage}
  1078. <div class="column navigation" id="navigation">
  1079. {block:Pagination}
  1080. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1081. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1082. </div>
  1083. {/block:IndexPage}
  1084.  
  1085.  
  1086.  
  1087. </body>
  1088.  
  1089.  
  1090. {block:IndexPage}
  1091. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  1092. <div class="topp"><a style="display: inline;" href="javascript:;" id="mbTop" title="scroll to top"><img src="{image:scrolltotop}" style="max-width: 100px;"></img></a></div>
  1093. {/block:IndexPage}
  1094.  
  1095. <div style="position:fixed; bottom: 0px; right: 0px; opacity: 0.3;"><a href="http://jubileethemes.tumblr.com" title="credit">&copy;</a></div>
  1096. <div style="position:fixed; bottom:0px; left:5px; z-index:-1;"><img src="{image:Misc Image}"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!