Advertisement
kawaiibuu

d u a l s a m

Aug 31st, 2013
2,828
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.08 KB | None | 0 0
  1. <!--
  2. d u a l s a m t h e m e
  3. j u b i l e e t h e m e s
  4. -->
  5.  
  6.  
  7. <meta name="color:Gradient Top" content="#ffffff"/>
  8. <meta name="color:Gradient Bottom" content="#d6daf0"/>
  9. <meta name="color:Background" content="#fff" />
  10. <meta name="color:Text" content="#000" />
  11. <meta name="color:Links" content="#000" />
  12. <meta name="color:border" content=""/>
  13.  
  14.  
  15. <meta name="if:Fullsized Background Image" content="0"/>
  16. <meta name="if:Gradient Background" content="0"/>
  17. <meta name="if:post border" content="1" />
  18. <meta name="if:pink post" content="0" />
  19. <meta name="if:show tags" content="0" />
  20. <meta name="if:post shadow" content="1" />
  21. <meta name="if:sidebar border" content="1" />
  22. <meta name="if:rounded borders" content="0" />
  23. <meta name="if:dotted borders" content="0" />
  24. <meta name="if:footer border" content="1" />
  25. <meta name="if:basic footer" content="0" />
  26. <meta name="if:navigation dropbox" content="1" />
  27. <meta name="if:margin borders" content="1" />
  28. <meta name="if:links on sidebar" content="0" />
  29. <meta name="if:musicbox" content="1" />
  30. <meta name="if:1 column" content="1" />
  31. <meta name="if:description box" content="1" />
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="image:Misc Image" content="" />
  36.  
  37. <meta name="text:Post opacity" content="0.5"/>
  38. <meta name="text:Sidebar opacity" content="0.5"/>
  39. <meta name="text:Sidebar vertical" content="150"/>
  40. <meta name="text:Sidebar horizontal" content="150"/>
  41. <meta name="text:Post gaps" content="55" />
  42. <meta name="text:music code" content="" />
  43.  
  44.  
  45. <meta name="text:link 1 title" content="" />
  46. <meta name="text:link 2 title" content="" />
  47. <meta name="text:link 3 title" content="" />
  48. <meta name="text:link 4 title" content="" />
  49. <meta name="text:link 5 title" content="" />
  50. <meta name="text:link 6 title" content="" />
  51. <meta name="text:link 1 url" content="" />
  52. <meta name="text:link 2 url" content="" />
  53. <meta name="text:link 3 url" content="" />
  54. <meta name="text:link 4 url" content="" />
  55. <meta name="text:link 5 url" content="" />
  56. <meta name="text:link 6 url" content="" />
  57. <meta name="if:500px" content="0">
  58. <meta name="if:450px" content="0">
  59. <meta name="if:150px" content="0">
  60. <meta name="if:250px" content="1">
  61. <meta name="if:200px" content="" />
  62.  
  63.  
  64. <title>{Title}</title>
  65. <link rel="shortcut icon" href="{Favicon}">
  66.  
  67.  
  68. <style type="text/css">
  69. @font-face{ font-family: 'Sq'; src: url('http://static.tumblr.com/mqkrxog/w4mmrhq6p/squared_display.ttf'); }
  70.  
  71. {block:IfNotGradientBackground}
  72. body{
  73. height:100%;
  74. text-align:justify;
  75. font-family:consolas;
  76. font-size: 12px;
  77. color:{color:text};
  78. background-color:{color:Background};
  79. {block:IfNotFullsizedBackgroundImage}
  80. background:fixed;
  81. background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  82. {block:ifFullsizedBackgroundImage}background:fixed;
  83. background: {color:Background} url('{image:Background}') top left fixed no-repeat;
  84. background-size: cover;{/block:ifFullsizedBackgroundImage}
  85. }
  86.  
  87. {block:IfNotGradientBackground}
  88. {block:IfGradientBackground}
  89. body{
  90. height:100%;
  91. text-align:justify;
  92. font-family:consolas;
  93. font-size: 12px;
  94. color:{color:text};
  95. background:fixed;
  96. background-image: -o-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  97. background-image: -moz-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  98. background-image: -webkit-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  99. background-image: -ms-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  100. background-image: linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  101. }
  102. {block:IfGradientBackground}
  103. a {
  104. text-shadow: 1px 1px rgba(0, 0, 0, 0);
  105. text-decoration: none;
  106. color: {color:links};
  107. }
  108. a:link, a:active, a:visited {
  109. }
  110. a:hover {
  111. font-style:oblique
  112. }
  113. img {
  114. max-width: 100%;
  115. {block:ifroundedborders}
  116. -webkit-border-radius: 3px;
  117. -moz-border-radius: 3px;
  118. border-radius: 3px;{/block:ifroundedborders}
  119. }
  120. img:hover {
  121. }
  122. blockquote {
  123. border-left: 1px solid {color:border};
  124. padding: 0px 10px;
  125. margin: 5px 0px 0px 5px;
  126. }
  127. .wrapper{
  128. margin:1px auto;
  129. margin-left: auto;
  130. }
  131.  
  132.  
  133. #info {
  134. font-family: 'consolas';
  135. font-size: 12px;
  136. color: {color:Text};
  137. text-align: center;
  138. line-height: 14px;
  139. margin-top: 3px;
  140. margin-bottom: 3px;
  141. overflow: auto;
  142. }
  143.  
  144. #borderr {
  145. margin-top: -50px;
  146. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  147. position:fixed;
  148. height:100%
  149. }
  150. #borderr2 {
  151. margin-top: -50px;
  152. margin-left: 5px;
  153. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  154. position:fixed;
  155. height:100%
  156.  
  157. }
  158.  
  159. #posts {
  160. {block:if1column}
  161. {block:IndexPage}
  162. {block:if150px}width: 250px;{/block:if150px}
  163. {block:if200px}width: 300px;{/block:if200px}
  164. {block:if250px}width: 350px;{/block:if250px}
  165. {block:if450px}width: 550px;{/block:if450px}
  166. {block:if500px}width: 800px;{/block:if500px}
  167. margin: 50px auto;{/block:IndexPage}{block:if1column}
  168. {block:ifnot1column}
  169. {block:IndexPage}
  170. {block:if150px}width: 450px;{/block:if150px}
  171. {block:if200px}width: 650px;{/block:if200px}
  172. {block:if250px}width: 750px;{/block:if250px}
  173. {block:if450px}width: 1050px;{/block:if450px}
  174. {block:if500px}width: 800px;{/block:if500px}
  175. margin: 50px auto;{/block:IndexPage}{block:ifnot1column}
  176. {block:PermalinkPage}
  177. margin: 50px auto;
  178. width: 400px;
  179. {/block:PermalinkPage}
  180. }
  181.  
  182. .entry {
  183. {block:ifpostborder}border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};{/block:ifpostborder}
  184. padding: 5px;
  185. {block:IndexPage}
  186. {block:if150px}width: 150px;{/block:if150px}
  187. {block:if200px}width: 200px;{/block:if200px}
  188. {block:if250px}width: 250px;{/block:if250px}
  189. {block:if450px}width: 450px;{/block:if450px}
  190. {block:if500px}width: 500px;{/block:if500px}{/block:IndexPage}
  191. float: left;
  192. margin: 10px;
  193. margin-bottom: {text:Post gaps}px;
  194. {block:ifPinkPost}background: rgba(248, 213, 210, {text:post opacity});{/block:ifPinkPost}
  195. {block:ifNotPinkPost}
  196. background: rgba(255, 255, 255, {text:post opacity});
  197. {/block:ifnotPinkPost}
  198. {block:ifpostshadow}
  199. -webkit-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  200. -moz-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  201. box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1); {/block:ifpostshadow}
  202. {block:ifroundedborders}
  203. -webkit-border-radius: 10px;
  204. -moz-border-radius: 10px;
  205. border-radius: 10px;{/block:ifroundedborders}
  206. {block:PermalinkPage}width: 450px;{/block:PermalinkPage}
  207. }
  208.  
  209. .entry:hover {
  210. }
  211.  
  212. .post_title{
  213. font-size: 14px;
  214. font-family: consolas;
  215. text-align: center;
  216. font-style:oblique;
  217. margin-bottom: -12px;
  218. }
  219.  
  220. .link_title{
  221. font-size: 14px;
  222. font-family: consolas;
  223. text-align: center;
  224. font-style:oblique;
  225. margin-bottom: -12px;
  226. }
  227.  
  228. .nav{
  229. position:fixed;
  230. margin-top: {text:sidebar vertical}px;
  231. margin-left: {text:sidebar horizontal}px;
  232. max-width: 120px;
  233. }
  234.  
  235.  
  236. .quote{
  237. line-height:14px;
  238. text-transform:none;
  239. margin-bottom:-2px;
  240. color:{color:Text};
  241. }
  242.  
  243. .audio{
  244. width:100%;
  245. overflow: hidden;
  246. margin-bottom:4px;
  247. }
  248.  
  249. .audiocap, .videocap{
  250. display:block;
  251. padding:10px;
  252. }
  253.  
  254. .albumart, .albumart img{
  255. width:100%;
  256. }
  257.  
  258. .vid {
  259. width: 100%;
  260. overflow:hidden;
  261. }
  262.  
  263. .question{
  264. font-weight:normal;
  265. margin-bottom:5px;
  266. font-size:11px;
  267. line-height:15px;
  268. display:block;
  269. color:{color:Text};
  270. text-transform:none;
  271. }
  272.  
  273.  
  274.  
  275.  
  276. .purr {
  277. text-align:center;
  278. display:block;
  279. font-size:12px;
  280. margin-top:5px;
  281. letter-spacing: 1px;
  282. }
  283.  
  284. .purr a:hover{
  285. color:{color:links hover};
  286. letter-spacing: 3px;
  287. }
  288.  
  289. .stone {
  290. text-align: center;
  291. {block:iffooterborder}border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};{/block:iffooterborder}
  292. {block:ifnotfooterborder}border-top: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};{/block:ifnotfooterborder}
  293. opacity: 1;
  294. padding: 2px;
  295. margin-top: 3px;
  296. -moz-transition:all 0.5s ease-out;
  297. -o-transition:all 0.5s ease-out;
  298. -webkit-transition all 0.5s ease-out;
  299. transition:all 0.5s ease-out;
  300. {block:ifroundedborders}
  301. -webkit-border-radius: 3px;
  302. -moz-border-radius: 3px;
  303. border-radius: 3px;{/block:ifroundedborders}
  304. }
  305. .stone a:hover {
  306. -moz-transition:all 0.5s ease-out;
  307. -o-transition:all 0.5s ease-out;
  308. -webkit-transition all 0.5s ease-out;
  309. transition:all 0.5s ease-out;
  310. }
  311. .photoset_row{ height: auto !important; width: auto !important; }
  312. .photoset_row img { width: auto !important; max-width: 200px; }
  313.  
  314.  
  315. #home {
  316. {block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  317. {block:ifNotPinkPost}
  318. background: rgba(255, 255, 255, {text:sidebar opacity});
  319. {/block:ifnotPinkPost}
  320. margin-left: -18px;
  321. margin-top: 10px;
  322. position: fixed;{block:ifnotmarginborders}border-right: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; {/block:ifnotmarginborders}
  323. border-top: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  324. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  325. border-bottom: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  326. z-index: 99;
  327. width: 17px;
  328. height: 17px;
  329. -webkit-transition: opacity 0.2s linear;
  330. -webkit-transition: all 0.2s ease-in-out;
  331. -moz-transition: all 0.2s ease-in-out;
  332. -o-transition: all 0.2s ease-in-out;
  333. {block:ifroundedborders}
  334. -moz-border-radius-topleft: 5px;
  335. -webkit-border-top-left-radius: 5px;
  336. border-top-left-radius: 5px;
  337. -moz-border-radius-bottomleft: 5px;
  338. -webkit-border-bottom-left-radius: 5px;
  339. border-bottom-left-radius: 5px;
  340. {/block:ifroundedborders}
  341. }
  342.  
  343. #home:hover {
  344. height: 17px;
  345. width: 20px;
  346. margin-left: -20px;
  347. }
  348.  
  349. #ask {
  350. {block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  351. {block:ifNotPinkPost}
  352. background: rgba(255, 255, 255, {text:sidebar opacity});
  353. {/block:ifnotPinkPost}
  354. margin-top: 35px;
  355. margin-left: -18px;
  356. position: fixed;{block:ifnotmarginborders}border-right: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; {/block:ifnotmarginborders}
  357. border-top: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  358. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  359. border-bottom: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  360. z-index: 99;
  361. width: 17px;
  362. height: 17px;
  363. -webkit-transition: opacity 0.2s linear;
  364. -webkit-transition: all 0.2s ease-in-out;
  365. -moz-transition: all 0.2s ease-in-out;
  366. -o-transition: all 0.2s ease-in-out;
  367. {block:ifroundedborders}
  368. -moz-border-radius-topleft: 5px;
  369. -webkit-border-top-left-radius: 5px;
  370. border-top-left-radius: 5px;
  371. -moz-border-radius-bottomleft: 5px;
  372. -webkit-border-bottom-left-radius: 5px;
  373. border-bottom-left-radius: 5px;
  374. {/block:ifroundedborders}
  375. }
  376.  
  377. #ask:hover {
  378. height: 17px;
  379. width: 20px;
  380. margin-left: -20px;
  381. }
  382.  
  383. #submit {
  384. {block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  385. {block:ifNotPinkPost}
  386. background: rgba(255, 255, 255, {text:sidebar opacity});
  387. {/block:ifnotPinkPost}
  388. margin-top: 60px;
  389. margin-left: -18px;
  390. position: fixed;{block:ifnotmarginborders}border-right: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; {/block:ifnotmarginborders}
  391. border-top: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  392. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  393. border-bottom: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  394. z-index: 1;
  395. width: 17px;
  396. height: 17px;
  397. -webkit-transition: opacity 0.2s linear;
  398. -webkit-transition: all 0.2s ease-in-out;
  399. -moz-transition: all 0.2s ease-in-out;
  400. -o-transition: all 0.2s ease-in-out;
  401. {block:ifroundedborders}
  402. -moz-border-radius-topleft: 5px;
  403. -webkit-border-top-left-radius: 5px;
  404. border-top-left-radius: 5px;
  405. -moz-border-radius-bottomleft: 5px;
  406. -webkit-border-bottom-left-radius: 5px;
  407. border-bottom-left-radius: 5px;{/block:ifroundedborders}
  408. }
  409.  
  410. #submit:hover {
  411. height: 17px;
  412. width: 20px;
  413. margin-left: -20px;
  414. }
  415.  
  416. #credit {
  417. {block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  418. {block:ifNotPinkPost}
  419. background: rgba(255, 255, 255, {text:sidebar opacity});
  420. {/block:ifnotPinkPost}
  421. margin-top: 85px;
  422. margin-left: -18px;
  423. position: fixed;{block:ifnotmarginborders}border-right: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; {/block:ifnotmarginborders}
  424. border-top: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  425. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  426. border-bottom: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  427. z-index: 1;
  428. width: 17px;
  429. height: 17px;
  430. -webkit-transition: opacity 0.2s linear;
  431. -webkit-transition: all 0.2s ease-in-out;
  432. -moz-transition: all 0.2s ease-in-out;
  433. -o-transition: all 0.2s ease-in-out;
  434. {block:ifroundedborders}
  435. -moz-border-radius-topleft: 5px;
  436. -webkit-border-top-left-radius: 5px;
  437. border-top-left-radius: 5px;
  438. -moz-border-radius-bottomleft: 5px;
  439. -webkit-border-bottom-left-radius: 5px;
  440. border-bottom-left-radius: 5px;{/block:ifroundedborders}
  441. }
  442.  
  443. #credit:hover {
  444. height: 17px;
  445. width: 20px;
  446. margin-left: -20px;
  447. }
  448.  
  449. #hrt {
  450. {block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  451. {block:ifNotPinkPost}
  452. background: rgba(255, 255, 255, {text:sidebar opacity});
  453. {/block:ifnotPinkPost}
  454. margin-top: 110px;
  455. margin-left: -18px;
  456. position: fixed;
  457. {block:ifnotmarginborders}border-right: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; {/block:ifnotmarginborders}
  458. border-top: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  459. border-left: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  460. border-bottom: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  461. z-index: 1;
  462. width: 17px;
  463. height: 17px;
  464. -webkit-transition: opacity 0.2s linear;
  465. -webkit-transition: all 0.2s ease-in-out;
  466. -moz-transition: all 0.2s ease-in-out;
  467. -o-transition: all 0.2s ease-in-out;
  468. {block:ifroundedborders}
  469. -moz-border-radius-topleft: 5px;
  470. -webkit-border-top-left-radius: 5px;
  471. border-top-left-radius: 5px;
  472. -moz-border-radius-bottomleft: 5px;
  473. -webkit-border-bottom-left-radius: 5px;
  474. border-bottom-left-radius: 5px;{/block:ifroundedborders}
  475. }
  476.  
  477. #hrt:hover {
  478. height: 17px;
  479. width: 20px;
  480. margin-left: -20px;
  481. }
  482. ul, ol, li{
  483. list-style:katakana;
  484. margin-left:15px;
  485. padding:5px;
  486. color:{color:text};}
  487.  
  488. #pep {
  489. padding: 5px;
  490. max-width: 100%;
  491. }
  492. .navi {
  493. padding-bottom: 35px;
  494. }
  495. .navi a{
  496. border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};
  497. font-size:12px;
  498. color: {color:links};
  499. margin-right: 3px;
  500. {block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  501. {block:ifNotPinkPost}
  502. background: rgba(255, 255, 255, {text:Sidebar opacity});
  503. {/block:ifnotPinkPost}
  504. padding: 3px 3px 3px 3px!important;
  505. {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}-webkit-transition: opacity 0.2s linear;
  506. -webkit-transition: all 0.2s ease-in-out;
  507. -moz-transition: all 0.2s ease-in-out;
  508. -o-transition: all 0.2s ease-in-out;
  509. }
  510.  
  511. .navi a:hover {
  512. background: rgba(255, 255, 255, 0);
  513. border: transparent {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} 1px;-webkit-transition: opacity 0.2s linear;
  514. -webkit-transition: all 0.2s ease-in-out;
  515. -moz-transition: all 0.2s ease-in-out;
  516. -o-transition: all 0.2s ease-in-out;
  517. }
  518.  
  519.  
  520.  
  521.  
  522.  
  523.  
  524.  
  525. .jongin {
  526. opacity:1;
  527. -webkit-transition: all 0.5s ease-out;
  528. -moz-transition: all 0.5s ease-out;
  529. transition: all 0.5s ease-out;
  530.  
  531. font-size:10px;
  532. max-width:100%;
  533. text-align: center;
  534. }
  535. .jongin a {
  536. color:{color:text};
  537.  
  538. }
  539. .jongin:hover {
  540. opacity: 1;
  541. }
  542.  
  543.  
  544.  
  545. #sidebar2 {
  546. margin-top: -30px;
  547. margin-left:0px;
  548. position:fixed;
  549. width: 60;
  550. }
  551.  
  552.  
  553. #top {
  554. margin-top: -20px;
  555. overflow: hidden; -webkit-transition: all .6s ease-in-out;
  556. -moz-transition: all .6s ease-in-out;
  557. -o-transition: all .6s ease-in-out;
  558. opacity: 0;
  559. }
  560.  
  561. #top:hover{
  562. overflow: visible;
  563. -webkit-transition: all .6s ease-in-out;
  564. -moz-transition: all .6s ease-in-out;
  565. -o-transition: all .6s ease-in-out;
  566. opacity: 1;
  567. }
  568.  
  569.  
  570. #navigation {width:0px; margin:auto; position:absolute; }
  571. </style>
  572.  
  573. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  574. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  575. </script>
  576. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  577. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  578. <script type="text/javascript">
  579.  
  580. $(window).load(function () {
  581. $('.posts').masonry(),
  582. $('.masonryWrap').infinitescroll({
  583. navSelector : "div#navigation",
  584. // selector for the paged navigation (it will be hidden)
  585. nextSelector : "div#navigation a#nextPage",
  586. // selector for the NEXT link (to page 2)
  587. itemSelector : ".entry",
  588. // selector for all items you'll retrieve
  589. bufferPx : 10000,
  590. extraScrollPx: 11000,
  591. loadingImg : "",
  592. loadingText : "<em></em>",
  593. },
  594. // call masonry as a callback.
  595. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  596. );
  597. });
  598. </script>
  599.  
  600. </head>
  601. {block:ifmusicbox}
  602. <div id="sidebar2">
  603. <img src="http://static.tumblr.com/mqkrxog/PKomsdljz/tumblr_ll7wpyhlj71qi6qow_1_.gif"></img>
  604. <div id="top">
  605.  
  606. <br><br>
  607.  
  608. {text:music code}
  609.  
  610. <br><br></div></div>{/block:ifmusicbox}
  611. <body>
  612.  
  613. <div class="wrapper">
  614.  
  615. <div class="nav">
  616. {block:iflinksonsidebar}<center>
  617. <a title="home" href="/"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png"></a>
  618. <a title="ask" href="/ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png"></a>
  619. <a title="submit" href="/submit"><img src="http://media.tumblr.com/1993d10d01265cc0890de956820e8515/tumblr_inline_mn2m5djCbQ1qz4rgp.png"></a>
  620. <a title="archive" href="/archive"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png"></a>
  621. <a title="theme credit" href="http://jubileethemes.tumblr.com"><img src="http://static.tumblr.com/mqkrxog/rIymsdh03/heart.gif"></a></center>{/block:iflinksonsidebar}
  622. {block:ifsidebarimage}
  623. <div id="pep" style="{block:ifsidebarborder}border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};{/block:ifsidebarborder}{block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  624. {block:ifNotPinkPost}
  625. background: rgba(255, 255, 255, {text:sidebar opacity});
  626. {/block:ifnotPinkPost};{block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}"><center><a href="/"><img src="{image:sidebar}" title="{title}"></a></center></div>{/block:ifsidebarimage}
  627. {block:ifdescriptionbox}
  628. <div id="info" style="padding: 3px;{block:ifsidebarborder}border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border};{/block:ifsidebarborder}{block:ifPinkPost}background: rgba(248, 213, 210, {text:sidebar opacity});{/block:ifPinkPost}
  629. {block:ifNotPinkPost}
  630. background: rgba(255, 255, 255, {text:sidebar opacity});
  631. {/block:ifnotPinkPost};word-break:break-all;{block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}">
  632. {Description}
  633.  
  634. </div>{/block:ifdescriptionbox}<center>
  635.  
  636. {block:ifnavigationdropbox}
  637. <div style="background-color: transparent;"><div style=""><button type="button" class="button" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='transparent';" onmouseout="if(this.sv)this.style.backgroundColor=this.sv; else this.style.backgroundColor='transparent';" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none'; return false;" style="background-color: transparent; border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; font-family: consolas; {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}">navigation</button></div><div class="spoiler" style="display: none;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.parentNode.childNodes[0].style.display = ''; this.parentNode.parentNode.style.display = 'none'; return false;" onmouseover="this.sv=this.style.backgroundColor; this.style.backgroundColor='transparent';"style ="border: 1px {block:ifdottedborders}dotted{/block:ifdottedborders}{block:ifnotdottedborders}solid{/block:ifnotdottedborders} {color:border}; font-family: consolas; {block:ifRoundedBorders} -moz-border-radius:6px; -webkit-border-radius: 6px; border-radius: 6px; {/block:ifRoundedBorders}"><i>navigation</i></button></div>
  638.  
  639. <div class="purr">
  640.  
  641. <a href="{text:link 1 url}">{text:link 1 title}</a><br>
  642. <a href="{text:link 2 url}">{text:link 2 title}</a><br>
  643. <a href="{text:link 3 url}">{text:link 3 title}</a><br>
  644. <a href="{text:link 4 url}">{text:link 4 title}</a><br>
  645. <a href="{text:link 5 url}">{text:link 5 title}</a><br>
  646. <a href="{text:link 6 url}">{text:link 6 title}</a><br>
  647.  
  648.  
  649. </td>
  650. </tr>
  651. </div></div>
  652. {/block:ifnavigationdropbox}
  653.  
  654.  
  655.  
  656. </center>
  657. </div>
  658. </div>
  659.  
  660. <div class="left">
  661.  
  662. <div id="posts">
  663. {block:ifnotlinksonsidebar}
  664. <div id="home"><a title="home" href="/"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_mn2m1bdRic1qz4rgp.png"></a></div>
  665. <div id="ask"><a title="ask" href="/ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_mn2m2bLZts1qz4rgp.png"></a></div>
  666. <div id="submit"><a title="submit" href="/submit"><img src="http://media.tumblr.com/1993d10d01265cc0890de956820e8515/tumblr_inline_mn2m5djCbQ1qz4rgp.png"></a></div>
  667. <div id="credit"><a title="archive" href="/archive"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_mn2m46JRuI1qz4rgp.png"></a></div>
  668. <div id="hrt"><a title="theme credit" href="http://jubileethemes.tumblr.com"><img src="http://static.tumblr.com/mqkrxog/rIymsdh03/heart.gif"></a></div>{/block:ifnotlinksonsidebar}
  669.  
  670. {block:ifmarginborders}<div id="borderr"></div><div id="borderr2"></div>{/block:ifmarginborders}
  671. <div class="posts">
  672.  
  673.  
  674.  
  675.  
  676.  
  677. {block:Posts}
  678.  
  679. <div class="entry">
  680.  
  681. {block:Text}
  682. <div id="entry">
  683. {block:Title}<span class="post_title">{Title}</span>{/block:Title}
  684. {Body}
  685. {block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  686. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}
  687. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  688. </div>
  689. {/block:Text}
  690.  
  691. {block:Photo}
  692. <div id="entry"><center>
  693. {block:IndexPage}{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  694. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}{/block:IndexPage}</div>
  695. {block:PermalinkPage}
  696. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">
  697. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  698. {block:Caption}{Caption}{/block:Caption}
  699. </div>
  700. {/block:PermalinkPage}
  701. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}</center>
  702. {/block:Photo}
  703.  
  704. {block:Photoset}
  705. <div id="entry">
  706. <div class="photoset">{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:Photos}</div>
  707. {block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  708. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}
  709. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  710. </div>
  711. {/block:Photoset}
  712.  
  713. {block:Quote}
  714. <div id="entry">
  715.  
  716. <div class="quote">" {Quote} " </div>
  717. {block:IndexPage}{block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  718. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}{/block:IndexPage}
  719. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  720. </div>
  721. {/block:Quote}
  722.  
  723. {block:Link}
  724. <div id="entry">
  725. <a href="{URL}"{Target}><span class="link_title"> {Name}</span></a>
  726. {block:Description}{Description}{/block:Description}
  727. {block:IndexPage}{block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  728. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}{/block:IndexPage}
  729. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  730. </div>
  731. {/block:Link}
  732.  
  733. {block:Video}
  734. <div class="video">
  735. <div id="entry">
  736. <div class="vid">
  737. <center>{Video-250}</center></div>
  738. {block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  739. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}
  740. </div>
  741. {block:PermalinkPage}{block:Caption}<div class="videocap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  742. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  743. </div>
  744. {/block:Video}
  745.  
  746. {block:Chat}
  747. <div id="entry">
  748. {block:Title}
  749. <div class="ptitle">{Title}</div>
  750. {/block:Title}{block:Lines}{block:Label}<b>{Label}</b> {/block:Label}{Line}<br>{/block:Lines}
  751. {block:IndexPage}{block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  752. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}{/block:IndexPage}
  753. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  754. </div>
  755. {/block:Chat}
  756.  
  757. {block:Audio}
  758. {block:AlbumArt}
  759. <div id="entry">
  760. <div class="albumart"><img src="{AlbumArtURL}" width="100%"></a></div></div>{/block:AlbumArt}
  761. <div class="audio"><center>{AudioPlayerWhite}</center></div>
  762. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  763. {block:IndexPage}{block:ifnotbasicfooter}{block:IndexPage}<div class="stone">{TimeAgo} • <a href="{Permalink}" title="perma">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:ifnotbasicfooter}
  764. {block:ifbasicfooter}{block:IndexPage}<div class="stone"><a href="{Permalink}" title="perma">{NoteCount}</a></div>{/block:IndexPage}{/block:ifbasicfooter}{/block:IndexPage}
  765. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  766. {/block:Audio}
  767.  
  768. {block:Answer}
  769. <div id="entry">
  770. <div class="question"><u>{Asker}</u>: &nbsp;{Question}</div>
  771. {Answer}
  772. {block:IndexPage}<div class="permalink">{NoteCountWithLabel} &nbsp; </div>{/block:IndexPage}
  773. {block:ifshowtags}<div class="jongin">{block:hastags}{block:tags}<a href="{TagUrl}">#{Tag}&nbsp;</a>{/block:tags}{/block:hastags}</div>{/block:ifshowtags}
  774. </div>
  775. {/block:Answer}
  776.  
  777. {block:PermalinkPage}
  778.  
  779. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;">{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}</div>
  780. {/block:PermalinkPage}
  781. {block:PostNotes}{PostNotes}{/block:PostNotes}
  782.  
  783. </div>
  784.  
  785. {/block:Posts}
  786. </div>
  787. </div>
  788.  
  789. {block:IndexPage}
  790. <div class="column navigation" id="navigation">
  791. {block:Pagination}
  792. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  793. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  794. </div>
  795. {/block:IndexPage}
  796.  
  797.  
  798.  
  799. </body>
  800.  
  801.  
  802.  
  803.  
  804.  
  805. <div style="position:fixed; bottom: 0px; right: 0px; opacity: 0.5;"><a href="http://jubileethemes.tumblr.com" title="credit"><img src="http://static.tumblr.com/mqkrxog/W9tmsdlaw/day.gif"></a></div>
  806. <div style="position:fixed; bottom:0px; left:0px; z-index:-1;"><img src="{image:Misc Image}"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement