Advertisement
kawaiibuu

VELVET OS 1.5

Oct 17th, 2013
3,704
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.59 KB | None | 0 0
  1. <!--
  2. _ _
  3. ( ` )_
  4. ( ) `)
  5. (_ (_ . _) _)
  6. _
  7. ( )
  8. _ . ( ` ) . )
  9. ( _ )_ (_, _( ,_)_)
  10. (_ _(_ ,)
  11. |
  12. _ _ \ _ /
  13. ( ` )_ -= (_) =-
  14. ( ) `) VELVET OS 1.5 / \
  15. (_ (_ . _) _) MEANCUTIE |
  16. HTTP://JUBILEETHEMES.TUMBLR.COM
  17. _
  18. ( )
  19. _, _ . ( ` ) . )
  20. ( ( _ )_ (_, _( ,_)_)
  21. (_(_ _(_ ,)
  22.  
  23.  
  24. -->
  25.  
  26.  
  27. <head>
  28.  
  29.  
  30. <meta name="color:Gradient Top" content="#ffffff"/>
  31. <meta name="color:Gradient Bottom" content="#a63a55"/>
  32. <meta name="color:Background" content="#ffffff" />
  33. <meta name="color:Text" content="#000" />
  34. <meta name="color:Links" content="#000" />
  35. <meta name="color:footer links" content="#000"/>
  36. <meta name="color:border" content="#BE6366"/>
  37. <meta name="color:footer" content="#BE6366"/>
  38. <meta name="color:taskbar" content="#A63A55"/>
  39.  
  40. <meta name="if:top bar" content="1" />
  41. <meta name="if:1 column" content="0" />
  42. <meta name="if:150px" content="0">
  43. <meta name="if:250px" content="1">
  44. <meta name="if:200px" content="0" />
  45. <meta name="if:400px" content="0" />
  46. <meta name="if:post shadow" content="1" />
  47. <meta name="if:Fullsized Background Image" content="0"/>
  48. <meta name="if:Gradient Background" content="0"/>
  49. <meta name="if:post border" content="1" />
  50. <meta name="if:sidebar border" content="1" />
  51. <meta name="if:inner sidebar img" content="0" />
  52. <meta name="if:show tags" content="0" />
  53. <meta name="if:light post" content="1" />
  54. <meta name="if:dropbox" content="1" />
  55. <meta name="if:nav buttons" content="1" />
  56. <meta name="if:light nav buttons" content="0" />
  57. <meta name="if:infinite scroll" content="1" />
  58. <meta name="if:show caption" content="0" />
  59. <meta name="if:show post date" content="0" />
  60. <meta name="if:desaturated images" content="0">
  61. <meta name="if:faded images" content="0">
  62. <meta name="if:darkened images" content="0">
  63.  
  64. <meta name="if:transparent post" content="0">
  65. <meta name="if:transparent sidebar" content="0">
  66. <meta name="if:transparent footer" content="0">
  67.  
  68.  
  69. <meta name="image:Background" content=""/>
  70. <meta name="image:Misc Image" content="" />
  71. <meta name="image:post icon" content="" />
  72. <meta name="image:top sidebar" content="" />
  73. <meta name="image:inner sidebar" content="" />
  74. <meta name="image:bottom sidebar" content="" />
  75. <meta name="image:permalink" content="" />
  76. <meta name="image:banner" content=""/>
  77. <meta name="image:ScrolltoTop" content="" />
  78.  
  79. <meta name="text:sidebar width" content="125" />
  80. <meta name="text:icon hover" content="boo" />
  81. <meta name="text:post opacity" content="0.5" />
  82. <meta name="text:font size" content="12" />
  83. <meta name="text:sidebar opacity" content="0.5" />
  84. <meta name="text:post horizontal align" content="350" />
  85. <meta name="text:link 1 url" content="" />
  86. <meta name="text:links title" content="links" />
  87. <meta name="text:link 2 url" content="" />
  88. <meta name="text:link 3 url" content="" />
  89. <meta name="text:link 4 url" content="" />
  90. <meta name="text:link 5 url" content="" />
  91. <meta name="text:link 1" content="" />
  92. <meta name="text:link 2" content="" />
  93. <meta name="text:link 3" content="" />
  94. <meta name="text:link 4" content="" />
  95. <meta name="text:link 5" content="" />
  96. <meta name="text:reblog hover" content="reblog" />
  97. <meta name="text:permalink hover" content="permalink" />
  98. <meta name="text:music box code" content="" />
  99. <meta name="text:post gap right" content="170" />
  100. <meta name="text:post gap bottom" content="170" />
  101. <meta name="text:border curve" content="" />
  102.  
  103.  
  104.  
  105.  
  106. <meta name="text:sidebar vertical align" content="120" />
  107. <meta name="text:sidebar horizontal align" content="75" />
  108.  
  109. <title>{Title}</title>
  110. <link rel="shortcut icon" href="{Favicon}">
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.  
  121.  
  122. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  123. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  124. <script>
  125. (function($){
  126. $(document).ready(function(){
  127. $("[title]").style_my_tooltips();
  128. });
  129. })(jQuery);
  130. </script>
  131. <script type="text/javascript"
  132. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  133.  
  134. <style type="text/css">
  135.  
  136. #topimg {
  137. width:150%;
  138. height:100%;
  139. background: url('{image:banner}') top fixed repeat-x;
  140. position:fixed;
  141. margin-top: -50px;
  142. margin-left: -20px;
  143. }
  144.  
  145.  
  146.  
  147. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  148. @font-face{ font-family: 'Sq'; src: url('http://static.tumblr.com/mqkrxog/w4mmrhq6p/squared_display.ttf'); }
  149. {block:IfdesaturatedImages}
  150. img{
  151. -webkit-transition: opacity 0.8s linear;
  152. opacity: 0.60;
  153. -webkit-filter:grayscale(100%);
  154. }
  155. img:hover{
  156. -webkit-transition: opacity 0.8s linear;
  157. opacity: 1;
  158. -webkit-filter:none;
  159. }
  160. {/block:IfdesaturatedImages}
  161. {block:IfFadedImages}
  162. img{
  163. -webkit-transition: opacity 0.8s linear;
  164. opacity: 0.60;
  165. }
  166. img:hover{
  167. -webkit-transition: opacity 0.8s linear;
  168. opacity: 1;
  169. }
  170. {/block:IfFadedImages}
  171. {block:IfFadedImages}
  172. iframe#tumblr_controls { right:0px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  173. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  174. {/block:IfFadedImages}
  175.  
  176. {block:IfNotGradientBackground}
  177. body{
  178.  
  179. height:100%;
  180. word-break: keep-all;
  181. font-family:consolas;
  182. font-size: {text:font size}px;
  183. color:{color:text};
  184. background-color:{color:Background};
  185. {block:IfNotFullsizedBackgroundImage}
  186. background:fixed;
  187. background: {color:Background} url('{image:Background}') top left fixed repeat;{/block:IfNotFullsizedBackgroundImage}
  188. {block:ifFullsizedBackgroundImage}background:fixed;
  189. background: {color:Background} url('{image:Background}') top left fixed no-repeat;
  190. background-size: cover;{/block:ifFullsizedBackgroundImage}
  191. }
  192.  
  193. {block:IfNotGradientBackground}
  194. {block:IfGradientBackground}
  195. body{
  196. height:100%;
  197. word-break:keep-all;
  198. font-family:consolas;
  199. font-size: {text:font size}px;
  200. color:{color:text};
  201. background:fixed;
  202. background-image: -o-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  203. background-image: -moz-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  204. background-image: -webkit-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  205. background-image: -ms-linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  206. background-image: linear-gradient(bottom, {color:Gradient Bottom}, {color:Gradient Top});
  207. background-size: cover;
  208. }
  209. {block:IfGradientBackground}
  210.  
  211. a {
  212. font-family:consolas;
  213. text-shadow: 1px 1px rgba(0, 0, 0, 0);
  214. text-decoration: none;
  215. color: {color:links};
  216. }
  217. ::-webkit-scrollbar{
  218. width:0px;
  219. height:0px;
  220. background: none;
  221. }
  222. ::-webkit-scrollbar-thumb{
  223. background-color: none;
  224. }
  225. img {
  226. margin-bottom: -4px;
  227.  
  228. {block:ifdarkenedimages}-webkit-filter: brightness(50%); {/block:ifdarkenedimages}
  229.  
  230. {block:ifroundedborders}
  231. -webkit-border-radius: 3px;
  232. -moz-border-radius: 3px;
  233. border-radius: 3px;{/block:ifroundedborders}
  234. -moz-transition:all 0.5s ease-out;
  235. -o-transition:all 0.5s ease-out;
  236. -webkit-transition all 0.5s ease-out;
  237. transition:all 0.5s ease-out;
  238. }
  239. img:hover {
  240. -webkit-filter: brightness(100%);
  241. -moz-transition:all 0.5s ease-out;
  242. -o-transition:all 0.5s ease-out;
  243. -webkit-transition all 0.5s ease-out;
  244. transition:all 0.5s ease-out;
  245. }
  246. blockquote {
  247. border-left: 1px solid {color:border};
  248. padding: 0px 10px;
  249. margin: 5px 0px 0px 5px;
  250. }
  251.  
  252.  
  253. .left {
  254. margin-left: {text:post horizontal align}px;
  255. }
  256.  
  257.  
  258. #posts {
  259. padding-top:55px;
  260. {block:if1column}
  261. {block:if150px}width: 450px;{/block:if150px}
  262. {block:if200px}width: 500px;{/block:if200px}
  263. {block:if250px}width: 550px;{/block:if250px}
  264. {block:if400px}width: 650px;
  265. {/block:if400px}
  266. margin: 50px auto;{block:if1column}
  267. {block:ifnot1column}
  268. {block:if150px}width: 1050px;{/block:if150px}
  269. {block:if200px}width: 900px;{/block:if200px}
  270. {block:if250px}width: 1150px;{/block:if250px}
  271. {block:if400px}width: 1250px;
  272. {/block:if400px}
  273.  
  274. margin: 50px auto;{block:ifnot1column}
  275. }
  276.  
  277. .entry {
  278. height: auto;
  279.  
  280.  
  281. {block:ifpostborder}border: 1px solid {color:border};{/block:ifpostborder}
  282.  
  283. {block:IndexPage}
  284. {block:if150px}width: 150px;{/block:if150px}
  285. {block:if200px}width: 200px;{/block:if200px}
  286. {block:if250px}width: 250px;{/block:if250px}
  287. {block:if400px}width: 400px;
  288. {/block:if400px}
  289. {/block:IndexPage}
  290. margin-bottom: {text:post gap bottom}px;
  291. margin-right: {text:post gap right}px;
  292. {block:iftransparentpost}background: transparent;{/block:iftransparentpost}{block:ifnottransparentpost}
  293. {block:iflightpost}
  294. background: rgba(255, 255, 255, {text:post opacity});
  295. {/block:iflightpost}{block:ifnotlightpost} background: rgba(0, 0, 0, {text:post opacity});{/block:ifnotlightpost} {/block:ifnottransparentpost}
  296. {block:PermalinkPage}
  297. width: 400px;
  298. {/block:PermalinkPage}
  299. -moz-transition:all 0.5s ease-out;
  300. -o-transition:all 0.5s ease-out;
  301. -webkit-transition all 0.5s ease-out;
  302. transition:all 0.5s ease-out;
  303. {block:ifpostshadow}
  304. -webkit-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  305. -moz-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  306. box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  307. {block:ifpostshadow}
  308. -webkit-border-radius:{text:border curve}px;
  309. -moz-border-radius:{text:border curve}px;
  310. border-radius:{text:border curve}px;
  311. }
  312.  
  313. .entry:hover {
  314. -moz-transition:all 0.5s ease-out;
  315. -o-transition:all 0.5s ease-out;
  316. -webkit-transition all 0.5s ease-out;
  317. transition:all 0.5s ease-out;
  318.  
  319. }
  320.  
  321. .entry img{
  322.  
  323. max-width: 100%;
  324. }
  325.  
  326. .post_title{
  327. font-size: 14px;
  328. word-break:keep-all;
  329. font-family: consolas;
  330. text-align: left;
  331. font-style:oblique;
  332. margin-bottom: -15px;
  333. margin-left: 5px;
  334. }
  335.  
  336. .link_title{
  337. font-size: 14px;
  338. {block:iftransparentfooter}background: transparent;{/block:iftransparentfooter}{block:ifnottransparentfooter}background-color: {color:footer};{/block:ifnottransparentfooter}
  339. width: 100%;
  340. font-family: consolas;
  341. text-align: center;
  342.  
  343. }
  344.  
  345. .nav{
  346. position:fixed;
  347. top:0;
  348. left:0;
  349. max-width: 120px;
  350. }
  351.  
  352.  
  353. .quote{
  354. padding:10px;
  355. line-height:14px;
  356. text-transform:none;
  357. color:{color:Text};
  358. }
  359.  
  360. .audio{
  361. width:100%;
  362. overflow: hidden;
  363. background: #fff;
  364. text-align: center;
  365.  
  366.  
  367. }
  368.  
  369. .audiocap, .videocap{
  370. display:block;
  371. padding:10px;
  372. }
  373.  
  374. .albumart, .albumart img{
  375. max-width:100%;
  376. }
  377.  
  378. .vid {
  379. width: 100%;
  380. overflow:hidden;
  381. }
  382.  
  383. .question{
  384. font-weight:normal;
  385. margin-bottom:5px;
  386. font-size:11px;
  387. line-height:15px;
  388. display:block;
  389. color:{color:Text};
  390. text-transform:none;
  391. }
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401. ul, ol, li{
  402. list-style:circle;
  403. margin-left:15px;
  404. padding:5px;
  405. color:{color:text};}
  406.  
  407.  
  408.  
  409.  
  410. #perma {
  411.  
  412. color: {color:footer links};
  413. {block:iftransparentfooter}background: transparent;{/block:iftransparentfooter}{block:ifnottransparentfooter}background: {color:footer};{/block:ifnottransparentfooter}
  414.  
  415. padding-right: 5px;
  416. text-align: right;
  417.  
  418. }
  419.  
  420.  
  421. #bo {
  422. border-bottom: 5px double {color:footer};
  423.  
  424. }
  425.  
  426.  
  427.  
  428.  
  429.  
  430.  
  431. .pi
  432. {
  433.  
  434. text-align: left;
  435.  
  436. }
  437. #perma a{
  438. color: {color:footer links};
  439. }
  440.  
  441. #tags {
  442. {block:ifnotshowpostdate} {block:ifpostborder}border-top: 1px solid {color:border};{/block:ifpostborder} {/block:ifnotshowpostdate}
  443. }
  444. #tags a{
  445. {block:if150px}font-size: 10px;{/block:if150px}
  446. {block:if200px}font-size: 10px;{/block:if200px}
  447. {block:if250px}font-size: 11px;{/block:if250px}
  448. {block:if400px}font-size: 12px;
  449. {/block:if400px}
  450. color: {color:footer links};
  451. padding-left: 3px;
  452. letter-spacing: 1px;
  453. -webkit-transition: all 0.5s ease-out;
  454. -moz-transition: all 0.5s ease-out;
  455. transition: all 0.5s ease-out;
  456.  
  457.  
  458.  
  459. }
  460. #tags a:hover {
  461. z-index: 9999;
  462. -webkit-transition: all 0.5s ease-out;
  463. -moz-transition: all 0.5s ease-out;
  464. transition: all 0.5s ease-out;
  465.  
  466. }
  467.  
  468. .topp {right:10px;bottom:10px;position:fixed}
  469.  
  470. #pimg {
  471.  
  472.  
  473. max-width: 100%;
  474.  
  475. position:absolute;
  476. margin-top: 20px;
  477.  
  478. }
  479.  
  480. #pimg img {
  481.  
  482. max-height:120px;
  483.  
  484. }
  485.  
  486. #sidebar {
  487. -webkit-border-radius:{text:border curve}px;
  488. -moz-border-radius:{text:border curve}px;
  489. border-radius:{text:border curve}px;
  490. word-break:keep-all;
  491. {block:ifsidebarborder}border: 1px solid {color:border};{/block:ifsidebarborder}
  492. width: {text:sidebar width}px;
  493. padding: 5px;
  494. text-align: center;
  495. {block:iftransparentsidebar}background: transparent;{/block:iftransparentsidebar}{block:ifnottransparentsidebar}{block:iflightpost}
  496. background: rgba(255, 255, 255, {text:sidebar opacity});
  497. {/block:iflightpost}{block:ifnotlightpost} background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifnotlightpost}{/block:ifnottransparentsidebar}
  498. }
  499.  
  500.  
  501. #sidebar2{
  502. position: fixed;
  503.  
  504.  
  505. margin-top: {text:sidebar vertical align}px;
  506. margin-left: {text:sidebar horizontal align}px;
  507.  
  508. }
  509.  
  510.  
  511. #topcontrol { }
  512.  
  513. #s-m-t-tooltip {
  514. background: #fff;
  515. font-size: 12px;
  516. font-family: consolas;
  517. color: #000;
  518. max-width: 100px;
  519. border: 1px solid {color:border};
  520. word-wrap: break-word;
  521. padding: 1px 5px 2px 6px;
  522. display: block;
  523. margin: 10px 10px 10px 15px;
  524. }
  525.  
  526. .qq {
  527. text-align:right;
  528.  
  529.  
  530. {block:iftransparentfooter}background: transparent;{/block:iftransparentfooter}{block:ifnottransparentfooter}background-color: {color:footer};{/block:ifnottransparentfooter}
  531.  
  532.  
  533. padding: 5px;
  534.  
  535. -webkit-transition: all 0.5s ease-out;
  536. -moz-transition: all 0.5s ease-out;
  537. transition: all 0.5s ease-out;
  538. }
  539.  
  540.  
  541.  
  542.  
  543.  
  544. #tou {
  545. {block:ifsidebarborder}border-top: 1px solid {color:border};
  546. border-right: 1px solid {color:border};
  547. border-left: 1px solid {color:border};
  548.  
  549. {/block:ifsidebarborder}
  550. padding: 5px;
  551. width: {text:sidebar width}px;
  552. text-align: center;
  553. background: {color:footer};
  554.  
  555.  
  556.  
  557. }
  558. #mew {
  559. padding: 2px;
  560. text-align: center;
  561. margin-top: -12px;
  562. margin-left: 23px;
  563. position:absolute;
  564.  
  565.  
  566. }
  567.  
  568.  
  569. #bubble {
  570. border:1px solid {color:text};
  571. border-radius: 50%;
  572. margin-bottom: 1px;
  573. width:6px;
  574. height: 6px;
  575. background: transparent;
  576. -webkit-transition: all .5s ease-in-out;
  577. -moz-transition: all .5s ease-in-out;
  578. -o-transition: all .5s ease-in-out;
  579.  
  580. }
  581.  
  582.  
  583. #bubble:hover {
  584. background:{color:footer};
  585. border:1px solid transparent;
  586.  
  587. }
  588.  
  589.  
  590. #bubble2 {
  591. overflow:hidden;
  592. margin-top: -2px;
  593. border-radius: 50%;
  594. margin-bottom: 1px;
  595. width:20px;
  596. height: 20px;
  597. background: transparent;
  598. -webkit-transition: all .5s ease-in-out;
  599. -moz-transition: all .5s ease-in-out;
  600. -o-transition: all .5s ease-in-out;
  601.  
  602. }
  603.  
  604.  
  605. #bubble2:hover {
  606. border-radius: 0%;
  607. background:{color:footer};
  608. border:1px solid transparent;
  609. width: 120px;
  610. padding: 10px;
  611. height: 10px;
  612. }
  613.  
  614.  
  615.  
  616. #th {
  617. -webkit-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  618. -moz-box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  619. box-shadow: 5px 5px 1px rgba(50, 50, 50, 0.1);
  620. position:fixed;
  621. background: -webkit-gradient(linear, left top, right top, from({color:taskbar}), to({color:footer}));
  622. background: -webkit-linear-gradient(left, {color:footer}, {color:taskbar});
  623. background: -moz-linear-gradient(left, {color:footer}, {color:taskbar});
  624. background: -ms-linear-gradient(left, {color:footer}, {color:taskbar});
  625. background: -o-linear-gradient(left, {color:footer}, {color:taskbar});
  626. width: 110%;
  627. margin-left: -15px;
  628. margin-top: -50px;
  629. border-bottom: 2px solid {color:border};
  630. padding-left: 20px;
  631. padding-bottom: 2px;
  632. z-index: 9999;
  633. height: 16px;
  634. }
  635.  
  636.  
  637.  
  638. #d {
  639. {block:if150px}font-size: 9px;{/block:if150px}
  640. {block:if200px}font-size: 10px;{/block:if200px}
  641. {block:if250px}font-size: 11px;{/block:if250px}
  642. {block:if400px}font-size: 12px;
  643. {/block:if400px}
  644. {block:ifpostborder}border-top: 1px solid {color:border};{/block:ifpostborder}
  645.  
  646. padding: 2px;
  647. }
  648.  
  649.  
  650.  
  651. </style>
  652.  
  653. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  654.  
  655. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  656. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
  657. </script>{block:ifinfinitescroll}
  658. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>{/block:ifinfinitescroll}
  659. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  660. <script type="text/javascript">
  661.  
  662. $(window).load(function () {
  663. $('.posts').masonry(),
  664. $('.masonryWrap').infinitescroll({
  665. navSelector : "div#navigation",
  666. // selector for the paged navigation (it will be hidden)
  667. nextSelector : "div#navigation a#nextPage",
  668. // selector for the NEXT link (to page 2)
  669. itemSelector : ".entry",
  670. // selector for all items you'll retrieve
  671. bufferPx : 10000,
  672. extraScrollPx: 11000,
  673. loadingImg : "",
  674. loadingText : "<em>loading</em>",
  675. },
  676. // call masonry as a callback.
  677. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  678. );
  679. });
  680. </script>
  681. <script>
  682. $.fn.changebackgroundColor = function(msg) {
  683. $("#perma").css("#000");
  684. };
  685. </script>
  686. </head>
  687.  
  688. <body>
  689. {block:iftopbar}
  690. <div id="topimg"></div>
  691. <div id="th"><img src="{Favicon}" style="max-height: 10px; border-radius: 50%; margin-top: 5px;"></img>
  692.  
  693.  
  694. <div id="mew">
  695. <div id="bubble2" title="music">
  696. <img src="http://static.tumblr.com/3399ee7010470f4b4cf659922e46637d/dkpvapy/crSmqdamj/tumblr_static_tumblr_lm6prnrzp61qfoi4t.gif"/><br>
  697. {text:music box code}</div></div>
  698.  
  699.  
  700.  
  701.  
  702. <div style="font-family:'bitxmap';
  703. font-size: 16px; margin-left: 70px; margin-top: -15px;position: absolute;">{Title}</div>
  704.  
  705.  
  706.  
  707. </div>{/block:iftopbar}
  708.  
  709.  
  710. <div id="sidebar2"><img src="{image:top sidebar}" title="{Title}" style="margin-bottom: -2px; z-index: -9999; max-width: 120px;"></img>
  711.  
  712. <div id="sidebar"><div id="boo"> </div>
  713. {block:iflightnavbuttons}
  714.  
  715. <a href="/" title="refresh"><img src="http://static.tumblr.com/mqkrxog/wDmmtpwcj/home.gif"></img></a>
  716. <a href="/ask" title="message"><img src="http://i.imgur.com/xpRdQ1t.gif"></img></a> <a href="/archive" title="index"><img src="http://i.imgur.com/t54gsHL.gif"></img></a> <a href="/submit" title="submit"><img src="http://i.imgur.com/u8bcmP6.gif"></img></a>
  717. <br> {/block:iflightnavbuttons}
  718.  
  719. {block:ifnotlightnavbuttons}
  720. <a href="/" title="refresh"><img src="http://static.tumblr.com/mqkrxog/uYrmtpwtp/home.gif"></img></a>
  721. <a href="/ask" title="message"><img src="http://i.imgur.com/EmCjZFO.gif"></img></a> <a href="/archive" title="index"><img src="http://i.imgur.com/brmkaDn.gif"></img></a> <a href="/submit" title="submit"><img src="http://i.imgur.com/GqGsCFU.gif"></img></a>
  722.  
  723.  
  724. <br>{/block:ifnotlightnavbuttons}
  725. {block:ifinnersidebarimg}<img src="{image:inner sidebar}"></img><br>{/block:ifinnersidebarimg}
  726.  
  727. {block:Description}{Description}<br>{/block:Description}
  728.  
  729. {block:ifdropbox}
  730. <select onChange="location=this.options[this.selectedIndex].value;" style="font-family: consolas;
  731. margin-left: 1px;
  732. color:{color:links};
  733.  
  734.  
  735. -moz-box-shadow: 0 0 3px 1px {color:border};
  736. -webkit-box-shadow: 0 0 3px 1px {color:border};
  737. box-shadow: 0 0 3px 1px {color:border};
  738. -moz-transition:all 0.5s ease-out;
  739. -o-transition:all 0.5s ease-out;
  740. -webkit-transition all 0.5s ease-out;
  741. transition:all 0.5s ease-out;
  742.  
  743. background-color: transparent;
  744.  
  745.  
  746. border: transparent;
  747.  
  748. -webkit-appearance: none;text-align:center;margin-top:2px;">
  749. <option value="">{text:links title}</option>
  750.  
  751. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  752. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  753. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  754. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  755. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  756. </select>
  757. </form>{/block:ifdropbox}
  758. {block:ifnotinfinitescroll}
  759. {block:Pagination}
  760. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  761. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://static.tumblr.com/mqkrxog/Udmmttjj3/arrow1_w.gif"></img></a>{/block:PreviousPage}
  762.  
  763. {block:NextPage}<a href="{NextPage}"><img src="http://static.tumblr.com/mqkrxog/ysKmttjk8/arrow1_e.gif"></img></a>{/block:NextPage}
  764. </div>
  765. {/block:Pagination}
  766. {/block:ifnotinfinitescroll}
  767. </div>
  768.  
  769.  
  770.  
  771. <img src="{image:bottom sidebar}" style="max-width: 100%;" />
  772.  
  773.  
  774.  
  775.  
  776.  
  777. </div>
  778.  
  779.  
  780.  
  781. <div class="left">
  782.  
  783.  
  784.  
  785. <div id="posts">
  786.  
  787.  
  788. <div class="posts">
  789.  
  790.  
  791.  
  792.  
  793.  
  794. {block:Posts}
  795. {block:ContentSource}
  796. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  797. {/block:ContentSource}
  798. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  799.  
  800. <div class="entry">
  801.  
  802. {block:PermalinkPage}
  803. <div id="tags">{block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}</div>
  804. {/block:PermalinkPage}
  805.  
  806.  
  807. <div class="pi"><img src="{image:post icon}" style="margin-left: 2px; margin-top: 2px;max-height: 10px; position:absolute;" title="{text:icon hover}"></img></div>
  808.  
  809.  
  810.  
  811. {block:IndexPage}
  812. <div id="perma">
  813. <a href="{ReblogURL}" target="_blank" class="details" title="{text:reblog hover}"><img src="http://static.tumblr.com/mqkrxog/5X7mujhxn/tumblr_inline_msy5o5rihu1qz4rgp.png" style="padding-bottom: 2px;"></img></a> <a href="{Permalink}" title="{text:permalink hover}"><img src="http://static.tumblr.com/mqkrxog/wRXmujhoe/tumblr_inline_msy5o89f1x1qz4rgp.png" style="padding-bottom: 2px;"></img></a>
  814. {block:RebloggedFrom}
  815. <a title="{ReblogRootName}"href="{ReblogRootURL}"><img src="http://static.tumblr.com/mqkrxog/5X7mujhxn/tumblr_inline_msy5o5rihu1qz4rgp.png" style="padding-bottom: 2px;"/></a>
  816. {block:RebloggedFrom}
  817. </div>
  818. {block:ifnottransparentfooter} <div id="bo"> </div>{/block:ifnottransparentfooter}
  819.  
  820.  
  821.  
  822.  
  823. {/block:IndexPage}
  824.  
  825. {block:Text}
  826. <div id="entry">
  827.  
  828. {block:Title}<div class="post_title" style="margin-left: 15px; max-width: 70%;">- {Title}</div>{/block:Title}
  829.  
  830.  
  831.  
  832.  
  833. <div style="padding:5px;" >
  834. {Body}
  835. </div>
  836.  
  837.  
  838.  
  839.  
  840. </div>
  841. {/block:Text}
  842.  
  843.  
  844.  
  845.  
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852.  
  853.  
  854. {block:Photo}
  855. <div id="entry">
  856.  
  857.  
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864. {block:IndexPage}<center><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" title="{NoteCountWithLabel}" style="-webkit-border-radius:{text:border curve}px;
  865. -moz-border-radius:{text:border curve}px;
  866. border-radius:{text:border curve}px;"></a></center> </center>
  867. {/block:IndexPage}
  868.  
  869. {block:PermalinkPage}
  870. <div style="padding-top:15px; padding-bottom:9px; padding-left:10px; padding-right:10px;"><center>
  871. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" onmouseover="$(this).changebackground('{PhotoURL-HighRes}')">
  872. </div></center>
  873. {/block:PermalinkPage}
  874.  
  875. {block:ifshowcaption}<div style="padding-left: 5px;">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifshowcaption}
  876.  
  877. </div>
  878. {/block:Photo}
  879.  
  880.  
  881.  
  882.  
  883.  
  884.  
  885.  
  886.  
  887.  
  888.  
  889.  
  890.  
  891.  
  892.  
  893. {block:Photoset}
  894. <div id="entry">
  895.  
  896. <center>{block:IndexPage}
  897. {block:Photos}<a href="{Permalink}"><img src="{PhotoURL-HighRes}"></a>{/block:Photos}{/block:IndexPage}
  898. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  899. </center>
  900.  
  901.  
  902. {block:ifshowcaption}<div style="padding-left: 5px;">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifshowcaption}
  903.  
  904. </div>
  905. {/block:Photoset}
  906.  
  907.  
  908.  
  909.  
  910.  
  911.  
  912.  
  913.  
  914.  
  915.  
  916.  
  917.  
  918.  
  919. {block:Quote}
  920. <div id="entry">
  921.  
  922. <div class="qq"><small>{Source}</small></div>
  923. {block:ifnottransparentfooter}<div id="bo"> </div>{/block:ifnottransparentfooter}
  924.  
  925. <div class="quote">{Quote}
  926.  
  927. </div>
  928.  
  929.  
  930. </div>
  931. {/block:Quote}
  932.  
  933.  
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948. {block:Link}
  949. <div id="entry">
  950.  
  951.  
  952. <center><a href="{URL}"{Target}><div class="link_title"><small><small>>></small></small> {Name}</div></a></center>{block:ifnottransparentfooter}<div id="bo"></div>{/block:ifnottransparentfooter}
  953. {block:Description}<div style="padding: 4px; margin-top: -2px;">{Description}</div>{/block:Description}
  954.  
  955.  
  956. </div>
  957. {/block:Link}
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971.  
  972. {block:Video}
  973. <div id="entry">
  974.  
  975. <div class="vid" style="overflow:hidden;">
  976.  
  977.  
  978. {Video-250}
  979.  
  980.  
  981. </div>
  982.  
  983. {block:ifshowcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifshowcaption}
  984.  
  985.  
  986. </div>
  987. {/block:Video}
  988.  
  989.  
  990.  
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002. {block:Chat}
  1003. <div id="entry">
  1004.  
  1005.  
  1006. <div style="padding:5px;">
  1007. {block:Title}
  1008. {Title}
  1009. {/block:Title}
  1010. {block:Lines}{block:Label}<div style="background: rgba(255, 255, 255, 0.3);"><center>{Label}</center></div> {/block:Label}{Line}<br>{/block:Lines}
  1011. </div>
  1012.  
  1013.  
  1014. </div>
  1015. {/block:Chat}
  1016.  
  1017.  
  1018.  
  1019.  
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025.  
  1026.  
  1027.  
  1028.  
  1029.  
  1030.  
  1031.  
  1032.  
  1033.  
  1034.  
  1035.  
  1036. {block:Audio}
  1037. <div class="audio"> {AudioPlayerWhite} </div>
  1038.  
  1039. <div id="entry">
  1040.  
  1041. {block:AlbumArt}
  1042. <div class="albumart"><img src="{AlbumArtURL}" width="100%" style="-webkit-border-radius:{text:border curve}px;
  1043. -moz-border-radius:{text:border curve}px;
  1044. border-radius:{text:border curve}px;"></a></div>{/block:AlbumArt}
  1045.  
  1046.  
  1047. {block:ifshowcaption}<div style="padding-left: 5px;">{block:Caption}{Caption}{/block:Caption}</div>{/block:ifshowcaption}
  1048. </div>
  1049. {/block:Audio}
  1050.  
  1051.  
  1052.  
  1053.  
  1054.  
  1055.  
  1056.  
  1057.  
  1058.  
  1059. {block:Answer}
  1060. <div id="entry">
  1061.  
  1062. <div style="padding:10px;">
  1063. <div class="question"><u>{Asker}</u>: &nbsp;{Question}</div>
  1064.  
  1065. {Answer}
  1066. </div>
  1067.  
  1068. </div>
  1069.  
  1070. {/block:Answer}
  1071. {block:ifshowpostdate} <div id="d">
  1072. Posted on {ShortDayOfWeek}, {ShortMonth} {DayOfMonth}, {Year} at {24Hour}:{Minutes}
  1073.  
  1074.  
  1075. </div>{/block:ifshowpostdate}
  1076.  
  1077.  
  1078. {block:ifshowtags}{block:hastags}<div id="tags">{block:tags}<a href="{TagUrl}" title="tagged"><small>#{Tag}&nbsp;</small></a>{/block:tags}</div>{/block:hastags}{/block:ifshowtags}
  1079.  
  1080.  
  1081. {block:PermalinkPage}
  1082. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1083. {/block:PermalinkPage}
  1084.  
  1085.  
  1086. <div id="pimg"><center><img src="{image:permalink}"></img></center></div>
  1087.  
  1088.  
  1089.  
  1090.  
  1091.  
  1092. </div>
  1093.  
  1094. {/block:Posts}
  1095. </div>
  1096. </div>
  1097.  
  1098. {block:IndexPage}
  1099. <div class="column navigation" id="navigation">
  1100. {block:Pagination}
  1101. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1102. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1103. </div>
  1104. {/block:IndexPage}
  1105.  
  1106.  
  1107.  
  1108. </body>
  1109.  
  1110.  
  1111. {block:IndexPage}
  1112. <script src="http://static.tumblr.com/mxokwyk/FIumglicr/mbtop.min.js"></script>
  1113. <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>
  1114. {/block:IndexPage}
  1115.  
  1116. <div style="position:fixed; bottom: 0px; right: 0px; opacity: 0.3;"><a href="http://jubileethemes.tumblr.com" title="credit">&copy;</a></div>
  1117. <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