Advertisement
kawaiibuu

s a m t h e m e

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