Advertisement
kawaiibuu

Nintendo 2DS

Jan 25th, 2014
5,261
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.26 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8.  
  9. +---------------------------+
  10. | ///////////////////////// |
  11. +---------------------------+
  12. |[theme made & copyrighted ]|
  13. |[ by meancutie. ]|
  14. +---------------------------+
  15. | |
  16. | |
  17. | [sto] [rcl] [<--] [AC/ON] |
  18. | |
  19. | [ ( ] [ ) ] [sqr] [ / ] |
  20. | |
  21. | [ 7 ] [ 8 ] [ 9 ] [ * ] |
  22. | |
  23. | [ 4 ] [ 5 ] [ 6 ] [ - ] |
  24. | |
  25. | [ 1 ] [ 2 ] [ 3 ] [ + ] |
  26. | |
  27. | [ 0 ] [ . ] [+/-] [ = ] |
  28. | |
  29. +---------------------------+
  30. RULES:
  31.  
  32. you may not remove theme
  33. credit.
  34. you may not redistribute
  35. this theme.
  36. you may not take any
  37. coding in this theme.
  38.  
  39. IF YOU WISH TO USE
  40. ANY PARTS OF THIS CODING
  41. JUST ASK AT
  42. HTTP://MEANCUTIE.TUMBLR.COM/ASK
  43.  
  44.  
  45. -->
  46.  
  47.  
  48.  
  49. <meta name="color:background" content="#f7e3e9">
  50. <meta name="color:ds bg" content="#f7f7f7">
  51. <meta name="color:ds border" content="#F7F7F7">
  52. <meta name="color:ds outline" content="#ba3543"/>
  53. <meta name="color:post bg" content="#ededed">
  54. <meta name="color:post border" content="#ededed">
  55. <meta name="color:post padding bg" content="#D5D5D7">
  56. <meta name="color:post padding border" content="#adadad">
  57. <meta name="color:button bg" content="#D5D5D7">
  58. <meta name="color:letter button bg" content="#F7F7F7"/>
  59. <meta name="color:joystick" content="#f7f7f7">
  60. <meta name="color:joystick border" content="#F7F7F7">
  61. <meta name="color:arrowpad bg" content="#adadad">
  62. <meta name="color:arrowpad border" content="#e4e4e4">
  63. <meta name="color:permalink color" content="#c7c7c7">
  64. <meta name="color:scrollbar thumb" content="#cecece"/>
  65. <meta name="color:links" content="#000000"/>
  66. <meta name="color:text" content="#000000"/>
  67. <meta name="color:speaker" content="#606060"/>
  68.  
  69. <meta name="image:background" content="">
  70. <meta name="image:ds bg" content="">
  71. <meta name="image:misc img" content="">
  72. <meta name="image:box icon 1" content="http://static.tumblr.com/mqkrxog/3trmzvdy8/blank_button.png">
  73. <meta name="image:box icon 2" content="http://static.tumblr.com/mqkrxog/3trmzvdy8/blank_button.png">
  74. <meta name="image:box icon 3" content="http://static.tumblr.com/mqkrxog/3trmzvdy8/blank_button.png">
  75. <meta name="image:box icon 4" content="http://static.tumblr.com/mqkrxog/3trmzvdy8/blank_button.png">
  76. <meta name="image:box icon 5" content="http://static.tumblr.com/mqkrxog/3trmzvdy8/blank_button.png">
  77.  
  78. <meta name="if:expanding post area" content="1">
  79. <meta name="if:visible scrollbar" content="1">
  80. <meta name="if:stretch ds bg image" content="0">
  81. <meta name="if:stretch background" content="0">
  82.  
  83.  
  84. <meta name="text:permalink title" content="information">
  85. <meta name="text:misc img top" content="20">
  86. <meta name="text:misc img left" content="550">
  87. <meta name="text:x button hover" content="">
  88.  
  89. <meta name="text:x button url" content="">
  90. <meta name="text:y button hover" content="">
  91.  
  92. <meta name="text:y button url" content="">
  93. <meta name="text:b button hover" content="">
  94.  
  95. <meta name="text:b button url" content="">
  96. <meta name="text:a button hover" content="">
  97.  
  98. <meta name="text:a button url" content="">
  99. <meta name="text:start button hover" content="">
  100.  
  101. <meta name="text:start button url" content="">
  102. <meta name="text:select button hover" content="">
  103.  
  104. <meta name="text:select button url" content="">
  105.  
  106. <meta name="text:box 1 content" content="hello!">
  107. <meta name="text:box 2 content" content="hello!">
  108. <meta name="text:box 3 content" content="hello!">
  109. <meta name="text:box 4 content" content="hello!">
  110. <meta name="text:box 5 content" content="hello!">
  111.  
  112.  
  113. <style type="text/css">
  114.  
  115.  
  116. @font-face{ font-family: "ds font"; src:url("http://static.tumblr.com/mqkrxog/hyBmzm68o/nintendo-ds-bios.ttf"); }
  117.  
  118.  
  119.  
  120.  
  121.  
  122.  
  123. body {
  124. {block:PermalinkPage}
  125. text-align: center;
  126. {/block:PermalinkPage}
  127. font-family: "ds font";
  128. font-size: 16px; letter-spacing: 1px; line-height: 18px;
  129. background: {color:background} url({image:background})top right fixed repeat;
  130. {block:ifstretchbackground}
  131. background-size: cover;
  132. {/block:ifstretchbackground}
  133. }
  134.  
  135. a {
  136. color: {color:links}; text-decoration: none;
  137. }
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144. ::-webkit-scrollbar {
  145. -webkit-appearance: none; background-color: transparent;
  146. {block:ifvisiblescrollbar} width: 5px; {/block:ifvisiblescrollbar}
  147. {block:ifnotvisiblescrollbar} width: 0px; {/block:ifnotvisiblescrollbar}
  148. }
  149. ::-webkit-scrollbar-thumb {
  150. border-radius: 4px;
  151. background-color: {color:scrollbar thumb};
  152. -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  153. }
  154.  
  155. ::-webkit-scrollbar:horizontal {
  156. -webkit-appearance: none; background-color: {color:scrollbar};
  157. height: 0px;
  158. }
  159.  
  160. #s-m-t-tooltip {
  161. z-index: 99999999999999999999999999999999999999999999;
  162. letter-spacing:1.5px;
  163. padding: 2px 5px;
  164. text-align:center;
  165. color: black;
  166. word-break: break-word;
  167. max-width: 140px;
  168. font-size: 16px;
  169. text-transform:uppercase;
  170. display:block;
  171. margin: 20px 10px;
  172. -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1);
  173. -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1);
  174. box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1);
  175. border: 1px outset white;
  176. background: white; }
  177.  
  178. #alignment {
  179. width: 600px; margin: 75px auto;
  180. }
  181.  
  182. #dsbody { z-index: 1;
  183. width: 600px; margin: auto; height: 485px;
  184. background: {color:ds bg} url({image:ds bg})top center fixed repeat;
  185. {block:ifstretchdsbgimage}
  186. background-size: 100% 100%;
  187. {/block:ifstretchdsbgimage}
  188. border: 1px outset {color:ds border};
  189. -webkit-border-radius: 75px;
  190. -webkit-border-bottom-right-radius: 25px;
  191. -webkit-border-bottom-left-radius: 25px;
  192. -moz-border-radius: 75px;
  193. -moz-border-radius-bottomright: 25px;
  194. -moz-border-radius-bottomleft: 25px;
  195. border-radius: 75px;
  196. border-bottom-right-radius: 25px;
  197. border-bottom-left-radius: 25px;
  198. }
  199.  
  200. #postholder {
  201. width: 350px; height: 223px; overflow-y: auto; overflow-x:hidden; z-index: 999999;
  202. border: 1px solid {color:post border};
  203. background: {color:post bg};
  204. font-family: "ds font";
  205. -webkit-border-radius: 5px;
  206. -moz-border-radius: 5px;
  207. border-radius: 5px;
  208. -webkit-transition: all 2s ease-in-out;
  209. -moz-transition: all 2s ease-in-out;
  210. -ms-transition: all 2s ease-in-out;
  211. -o-transition: all 2s ease-in-out;
  212. transition: all 2s ease-in-out;
  213. }
  214.  
  215. {block:ifexpandingpostarea}
  216. #postholder:hover {
  217. width: 350px; height: 410px; overflow-y: auto; overflow-x:hidden;
  218. border: 1px solid {color:post border};
  219. background: {color:post bg};
  220. font-family: "ds font";
  221. -webkit-border-radius: 5px;
  222. -moz-border-radius: 5px;
  223. border-radius: 5px;
  224. -webkit-transition: all 2s ease-in-out;
  225. -moz-transition: all 2s ease-in-out;
  226. -ms-transition: all 2s ease-in-out;
  227. -o-transition: all 2s ease-in-out;
  228. transition: all 2s ease-in-out;
  229. }{/block:ifexpandingpostarea}
  230.  
  231.  
  232. #textpadding {
  233. padding: 5px 5px 10px 5px;
  234. }
  235.  
  236. #decoration {
  237. background: {color:post padding bg};
  238. width: 350px; height: 235px; margin: 30px 113px;
  239. padding: 10px 10px 0px 10px; border: 1px outset {color:post padding border}; position: absolute;
  240. -webkit-border-radius: 5px;
  241. -moz-border-radius: 5px;
  242. border-radius: 5px;
  243. }
  244.  
  245. #entry {
  246. padding: 5px; margin: 5px auto;
  247. border: 1px outset {color:post bg};
  248. -webkit-border-radius: 3px;
  249. -moz-border-radius: 3px;
  250. border-radius: 3px;
  251. width: 300px;
  252. }
  253.  
  254. #entry img {
  255. -webkit-border-top-left-radius: 3px;
  256. -webkit-border-top-right-radius: 3px;
  257. -moz-border-radius-topleft: 3px;
  258. -moz-border-radius-topright: 3px;
  259. border-top-left-radius: 3px;
  260. border-top-right-radius: 3px;
  261. max-width: 100%;
  262. {block:indexpage}
  263. margin-bottom: -5px;
  264. {/block:indexpage}
  265. }
  266.  
  267.  
  268. #descriptionholder {
  269. border: 1px solid {color:post border};
  270. background: {color:post bg};
  271. width: 305px; height: 147px; overflow-y: auto; overflow-x:hidden; margin: auto;
  272. text-align: center;
  273. font-family: "ds font";
  274. -webkit-border-radius: 3px;
  275. -moz-border-radius: 3px;
  276. border-radius: 3px;
  277.  
  278. }
  279.  
  280. #decoration2 {
  281. background: {color:post padding bg};
  282. letter-spacing: 0.2px;
  283. width: 310px; height: 150px; margin: 285px 141px;
  284. padding: 3px 3px 3px 3px; border: 1px outset {color:post padding border}; position: absolute;
  285. -webkit-border-radius: 5px;
  286. -moz-border-radius: 5px;
  287. border-radius: 5px;
  288. }
  289.  
  290.  
  291. #descripttitle { text-transform: uppercase;
  292. padding: 3px; text-align: center;
  293. width: 95%;
  294. background: {color:post padding bg};
  295. border: 1px outset {color:post padding border};
  296. -webkit-border-radius: 5px;
  297. -moz-border-radius: 5px;
  298. border-radius: 5px;
  299. margin: 5px auto;
  300. }
  301.  
  302. #dsbackground {
  303. -webkit-border-radius: 75px;
  304. -webkit-border-bottom-right-radius: 17px;
  305. -webkit-border-bottom-left-radius: 17px;
  306. -moz-border-radius: 75px;
  307. -moz-border-radius-bottomright: 17px;
  308. -moz-border-radius-bottomleft: 17px;
  309. border-radius: 75px;
  310. border-bottom-right-radius: 17px;
  311. border-bottom-left-radius: 17px;
  312. background: {color:ds outline};
  313. margin-top: -3px; margin-left: -3px;
  314. width: 606px; height: 485px;
  315. position: absolute;
  316. z-index: -9999;
  317. }
  318.  
  319.  
  320.  
  321.  
  322. #joystick {
  323. border-radius: 50%;
  324. margin-top: 170px;
  325. margin-left: 33px;
  326. width: 50px; height: 50px;
  327. background: {color:joystick};
  328. border: 1px outset {color:joystick border};
  329. position: absolute;
  330. -webkit-box-shadow: inset 0px 0px 30px 2px rgba(0, 0, 0, 0.1);
  331. -moz-box-shadow: inset 0px 0px 30px 2px rgba(0, 0, 0, 0.1);
  332. box-shadow: inset 0px 0px 30px 2px rgba(0, 0, 0, 0.1);
  333. }
  334.  
  335.  
  336. #powerbutton #light {
  337. margin-left: 35px;
  338. margin-top: -16px;
  339. border: 1px outset {color:post bg};
  340. width: 7px; height: 7px;
  341. border-radius:50%;
  342. -webkit-transition: all 1s ease-in-out;
  343. -moz-transition: all 1s ease-in-out;
  344. -ms-transition: all 1s ease-in-out;
  345. -o-transition: all 1s ease-in-out;
  346. transition: all 1s ease-in-out;
  347. }
  348. #powerbutton:hover #light {
  349. border: 1px outset {color:post bg};
  350. background: #17A1C6;
  351. -webkit-transition: all 1s ease-in-out;
  352. -moz-transition: all 1s ease-in-out;
  353. -ms-transition: all 1s ease-in-out;
  354. -o-transition: all 1s ease-in-out;
  355. transition: all 1s ease-in-out;
  356. }
  357.  
  358. #arrow1 { font-family: "ds font";
  359. height: 22px; background: {color:arrowpad bg};
  360. width: 20px; position: absolute; margin-top: 260px;
  361. margin-left: 50px; border: 1px inset {color:arrowpad border}; text-align:center; line-height: 20px;
  362. -webkit-border-top-left-radius: 3px;
  363. -webkit-border-top-right-radius: 3px;
  364. -moz-border-radius-topleft: 3px;
  365. -moz-border-radius-topright: 3px;
  366. border-top-left-radius: 3px;
  367. border-top-right-radius: 3px;
  368. }
  369.  
  370. #arrow2 {border: 1px inset{color:arrowpad border}; border-top: 0px; font-family: "ds font";
  371. height: 22px; background: {color:arrowpad bg};
  372. width: 20px; position: absolute; margin-top: 303px;
  373. margin-left: 50px; text-align:center;-webkit-border-bottom-right-radius: 3px; line-height: 20px;
  374. -webkit-border-bottom-left-radius: 3px;
  375. -moz-border-radius-bottomright: 3px;
  376. -moz-border-radius-bottomleft: 3px;
  377. border-bottom-right-radius: 3px;
  378. border-bottom-left-radius: 3px;
  379. }
  380.  
  381. #arrow3 {border: 1px inset{color:arrowpad border}; border-left: 0px; font-family: "ds font";
  382. height: 20px; background: {color:arrowpad bg};
  383. width: 22px; position: absolute; margin-top: 283px;
  384. margin-left: 70px; text-align:center;
  385. -webkit-border-top-right-radius: 3px;
  386. -webkit-border-bottom-right-radius: 3px;
  387. -moz-border-radius-topright: 3px; line-height: 18px;
  388. -moz-border-radius-bottomright: 3px;
  389. border-top-right-radius: 3px;
  390. border-bottom-right-radius: 3px;
  391. }
  392.  
  393. #arrow4 {border: 1px inset{color:arrowpad border}; border-right: 0px; font-family: "ds font";
  394. height: 20px; background: {color:arrowpad bg};
  395. width: 22px; position: absolute; margin-top: 283px;
  396. margin-left: 28px; text-align:center;-webkit-border-top-left-radius: 3px; line-height: 18px;
  397. -webkit-border-bottom-left-radius: 3px;
  398. -moz-border-radius-topleft: 3px;
  399. -moz-border-radius-bottomleft: 3px;
  400. border-top-left-radius: 3px;
  401. border-bottom-left-radius: 3px;
  402. }
  403.  
  404. #arrow5 {
  405. height: 20px; background: {color:arrowpad bg};
  406. width: 20px; position: absolute; margin-top: 283px;
  407. margin-left: 50px;
  408. }
  409.  
  410.  
  411. .perma {
  412. text-transform: uppercase; float: right;
  413. }
  414.  
  415. .permalink {
  416.  
  417. }
  418.  
  419. #postbottom {
  420. text-transform: uppercase;
  421. line-height: 14px;
  422. padding: 2px 5px;
  423. border-top: 1px solid {color:permalink color};
  424. background: {color:permalink color};
  425. -webkit-border-radius: 2px;
  426. -moz-border-radius: 2px;
  427. border-radius: 2px;
  428. }
  429.  
  430.  
  431. #buttonholder {
  432. position: absolute;
  433. margin-left: 503px;
  434. margin-top: 160px;
  435. width: 78px;
  436. }
  437. #buttonholder a {
  438. text-decoration: none;
  439. }
  440.  
  441. #xbutton {
  442. border-radius: 50%;
  443. height: 25px; width: 25px;
  444. font-family: "ds font";
  445. text-align: center;
  446. margin-left: 25px;
  447. line-height:22px;
  448. text-transform:uppercase;
  449. background: {color:letter button bg};
  450. border: 1px outset {color:letter button bg};
  451. }
  452.  
  453. #ybutton {
  454. border-radius: 50%;
  455. height: 25px; width: 25px;
  456. font-family: "ds font";
  457. text-align: center;
  458. line-height:22px;
  459. text-transform:uppercase;
  460. background: {color:letter button bg};
  461. border: 1px outset {color:letter button bg};
  462. }
  463.  
  464. #abutton {
  465. border-radius: 50%;
  466. height: 25px; width: 25px;
  467. margin-top: -27px;
  468. margin-left: 50px;
  469. font-family: "ds font";
  470. text-align: center;
  471. line-height:22px;
  472. text-transform:uppercase;
  473. background: {color:letter button bg};
  474. border: 1px outset {color:letter button bg};
  475. }
  476.  
  477. #bbutton {
  478. border-radius: 50%;
  479. height: 25px; width: 25px;
  480. font-family: "ds font";
  481. margin-left: 25px;
  482. text-align: center;
  483. line-height:22px;
  484. text-transform:uppercase;
  485. background: {color:letter button bg};
  486. border: 1px outset {color:letter button bg};
  487. margin-top: -1px;
  488. }
  489.  
  490. #bbutton:active, #abutton:active, #xbutton:active, #ybutton:active {
  491. border: 1px inset {color:letter button bg};
  492. }
  493.  
  494.  
  495. #otherbuttons {
  496. font-family: "ds font";
  497. position: absolute;
  498. margin-left: 503px;
  499. margin-top: 320px;
  500. width: 78px;
  501.  
  502. }
  503.  
  504.  
  505.  
  506. #start {
  507. width: 60px;
  508. text-align: center;
  509. }
  510.  
  511. #otherbuttons a {
  512. text-decoration: none;
  513. }
  514.  
  515. #select {
  516. width: 60px;
  517. text-align: center;
  518. margin-top: 5px;
  519. line-height: 18px;
  520. }
  521.  
  522.  
  523.  
  524.  
  525. #btn { float:left;
  526. width: 13px; height: 13px;
  527. margin-right: 3px;
  528. border-radius: 50%;
  529. background: {color:button bg};
  530. border: 1px outset {color:button bg};
  531. }
  532.  
  533.  
  534. #btn2 { float:left;
  535. width: 13px; height: 13px;
  536. margin-top: 5px;
  537. margin-right: 3px;
  538.  
  539. border-radius: 50%;
  540. background: {color:button bg};
  541. border: 1px outset {color:button bg};
  542. }
  543.  
  544.  
  545.  
  546.  
  547. #btn2:active {
  548. border: 1px inset {color:button bg};
  549. }
  550.  
  551.  
  552. #btn:active {
  553. border: 1px inset {color:button bg};
  554. }
  555.  
  556. #powerbutton {
  557. font-family: "ds font";
  558. position: absolute;
  559. margin-left: 528px;
  560. margin-top: 420px;
  561. }
  562. #powerbutton a {
  563. text-decoration: none;
  564. }
  565. #power {
  566. width: 25px; height: 25px;
  567. border-radius: 50%;
  568. text-align: center;
  569. line-height: 24px;
  570. background: {color:button bg};
  571. border: 1px outset {color:button bg};
  572. }
  573.  
  574. #power:active {
  575. border: 1px inset {color:button bg};
  576. }
  577.  
  578. #dotholder {
  579.  
  580. position: absolute; width: 37px;
  581. margin-left: 40px;
  582. margin-top: 75px;
  583. }
  584.  
  585. #dot {
  586. width: 4px; height: 4px; background: {color:speaker};
  587. border-radius: 50%;
  588. margin: 3px; float: left;
  589. }
  590.  
  591. li {
  592. margin: 2px;
  593. list-style-type:square;
  594. text-align: justify;
  595. }
  596.  
  597. .imagee {
  598. position: absolute;text-transform: uppercase;
  599. padding: 3px; text-align: center;
  600. width: 90%;
  601. background: {color:post padding bg};
  602. border: 1px outset {color:post padding border};
  603. -webkit-border-radius: 5px;
  604. -moz-border-radius: 5px;
  605. border-radius: 5px;
  606. margin-top: -76px;
  607. margin-left: -23px;
  608. }
  609.  
  610. .imagee1 {
  611. position: absolute;text-transform: uppercase;
  612. padding: 3px; text-align: center;
  613. width: 90%;
  614. background: {color:post padding bg};
  615. border: 1px outset {color:post padding border};
  616. -webkit-border-radius: 5px;
  617. -moz-border-radius: 5px;
  618. border-radius: 5px;
  619. margin-top: -76px;
  620. margin-left: -73px;
  621. }
  622.  
  623.  
  624. .imagee2 {
  625. position: absolute;text-transform: uppercase;
  626. padding: 3px; text-align: center;
  627. width: 90%;
  628. background: {color:post padding bg};
  629. border: 1px outset {color:post padding border};
  630. -webkit-border-radius: 5px;
  631. -moz-border-radius: 5px;
  632. border-radius: 5px;
  633. margin-top: -76px;
  634. margin-left: -123px;
  635. }
  636.  
  637. .imagee3 {
  638. position: absolute;text-transform: uppercase;
  639. padding: 3px; text-align: center;
  640. width: 90%;
  641. background: {color:post padding bg};
  642. border: 1px outset {color:post padding border};
  643. -webkit-border-radius: 5px;
  644. -moz-border-radius: 5px;
  645. border-radius: 5px;
  646. margin-top: -76px;
  647. margin-left: -173px;
  648. }
  649.  
  650. .imagee4 {
  651. position: absolute;text-transform: uppercase;
  652. padding: 3px; text-align: center;
  653. width: 90%;
  654. background: {color:post padding bg};
  655. border: 1px outset {color:post padding border};
  656. -webkit-border-radius: 5px;
  657. -moz-border-radius: 5px;
  658. border-radius: 5px;
  659. margin-top: -76px;
  660. margin-left: -223px;
  661. }
  662.  
  663.  
  664.  
  665.  
  666. #boxlink1 {
  667. width: 40px; height: 40px;
  668. margin: 10px 25px;
  669. }
  670.  
  671. #boxlink2 {
  672. width: 40px; height: 40px;
  673. margin: -50px 15px 10px 75px;
  674. }
  675.  
  676. #boxlink3 {
  677. width: 40px; height: 40px;
  678. margin: -50px 15px 10px 125px;
  679. }
  680.  
  681. #boxlink4 {
  682. width: 40px; height: 40px;
  683. margin: -50px 15px 10px 175px;
  684. }
  685.  
  686.  
  687. #boxlink5 {
  688. width: 40px; height: 40px;
  689. margin: -50px 15px 10px 225px;
  690. }
  691.  
  692.  
  693. .boxstyle {
  694. width: 40px; height: 40px;
  695. border-radius: 3px;
  696.  
  697. border: 1px outset {color:button bg};
  698. background: {color:button bg};
  699. padding: 0px;
  700. }
  701.  
  702. /* Custom CSS */
  703. {CustomCSS}
  704. </style>
  705. <script type="text/javascript"
  706. src="http://static.tumblr.com/mqkrxog/Mcmmz7osn/jquery.min_1_.js"></script>
  707. <script type="text/javascript">
  708. jQuery(document).ready(function() {
  709. jQuery(".permalink").hide();
  710. jQuery(".perma").click(function()
  711. {
  712. jQuery(this).next(".permalink").animate({
  713. height: "toggle",
  714. opacity: "toggle"
  715. }, 500);
  716. });});
  717. </script>
  718.  
  719. <script type="text/javascript">
  720. jQuery(document).ready(function() {
  721. jQuery(".imagee").hide();
  722. jQuery(".titlee").click(function()
  723. {
  724. jQuery(this).next(".imagee").animate({
  725. height: "toggle",
  726. opacity: "toggle"
  727. }, 500);
  728. });});
  729. </script>
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736.  
  737.  
  738.  
  739. <script type="text/javascript">
  740. jQuery(document).ready(function() {
  741. jQuery(".imagee1").hide();
  742. jQuery(".titlee").click(function()
  743. {
  744. jQuery(this).next(".imagee1").animate({
  745. height: "toggle",
  746. opacity: "toggle"
  747. }, 500);
  748. });});
  749. </script>
  750.  
  751. <script type="text/javascript">
  752. jQuery(document).ready(function() {
  753. jQuery(".imagee2").hide();
  754. jQuery(".titlee").click(function()
  755. {
  756. jQuery(this).next(".imagee2").animate({
  757. height: "toggle",
  758. opacity: "toggle"
  759. }, 500);
  760. });});
  761. </script>
  762.  
  763. <script type="text/javascript">
  764. jQuery(document).ready(function() {
  765. jQuery(".imagee3").hide();
  766. jQuery(".titlee").click(function()
  767. {
  768. jQuery(this).next(".imagee3").animate({
  769. height: "toggle",
  770. opacity: "toggle"
  771. }, 500);
  772. });});
  773. </script>
  774.  
  775.  
  776. <script type="text/javascript">
  777. jQuery(document).ready(function() {
  778. jQuery(".imagee4").hide();
  779. jQuery(".titlee").click(function()
  780. {
  781. jQuery(this).next(".imagee4").animate({
  782. height: "toggle",
  783. opacity: "toggle"
  784. }, 500);
  785. });});
  786. </script>
  787.  
  788. <script type="text/javascript">
  789. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  790. $(document).ready(function() {
  791. function photosetResize() {
  792. $('iframe.photoset').each(function(){
  793. var newSize = 290;
  794. var newSrc = $(this).attr('src').replace('500',newSize);
  795. $(this).attr('src', newSrc).width(newSize);
  796. var high = $(this).css('height');
  797. var calculate = parseInt(high, 10)* newSize/500;
  798. $(this).css('height', calculate);
  799. });
  800. }
  801. photosetResize();
  802. });
  803. </script>
  804.  
  805.  
  806.  
  807. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  808. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  809. <script>
  810. (function($){
  811. $(document).ready(function(){
  812. $("[title]").style_my_tooltips();
  813. });
  814. })(jQuery);
  815. </script>
  816.  
  817. </head>
  818. <body>
  819.  
  820. <div id="alignment">
  821. <div id="dsbody">
  822. <div id="dsbackground"></div>
  823. {block:indexpage} <img src="{image:misc img}" style="margin-left:{text:misc img left}px; margin-top:{text:misc img top}px; position:fixed;" title="{title}"> {/block:indexpage}
  824. <div id="joystick"></div>
  825. <div id="dotholder">
  826. <div id="dot"></div> <div id="dot"></div> <div id="dot"></div>
  827. <div id="dot"></div> <div id="dot"></div> <div id="dot"></div>
  828. <div id="dot"></div> <div id="dot"></div> <div id="dot"></div>
  829.  
  830.  
  831. </div>
  832. <div id="buttonholder">
  833.  
  834. <div id="xbutton">
  835. <a href="{text:x button url}" title="{text:x button hover}">x</a>
  836. </div>
  837.  
  838. <div id="ybutton">
  839.  
  840. <a href="{text:y button url}" title="{text:y button hover}"> y</a>
  841.  
  842. </div>
  843.  
  844. <div id="abutton">
  845.  
  846. <a href="{text:a button url}" title="{text:a button hover}"> a</a>
  847.  
  848. </div>
  849.  
  850. <div id="bbutton">
  851.  
  852. <a href="{text:b button url}" title="{text:b button hover}"> b </a>
  853.  
  854. </div>
  855.  
  856.  
  857.  
  858. </div>
  859.  
  860. <div id="otherbuttons">
  861. <a href="{text:start button url}" title="{text:start button hover}"><div id="start"><div id="btn"></div> start</div></a>
  862.  
  863. <a href="{text:select button url}" title="{text:select button hover}"><div id="select"><div id="btn2"></div>select</div></a>
  864.  
  865.  
  866. </div>
  867.  
  868. <div id="powerbutton">
  869.  
  870. <div id="power">
  871. <a href="http://jubileethemes.tumblr.com" title="download theme">&copy;</a>
  872. </div>
  873.  
  874. <div id="light">
  875. </div>
  876.  
  877. </div>
  878.  
  879. <a href="/" title="refresh"><div id="arrow1">|</div></a>
  880. <a href="/ask" title="message"><div id="arrow2">|</div></a>
  881. <a href="/submit" title="submit"><div id="arrow3">—</div></a>
  882. <a href="/archive" title="archive"><div id="arrow4">—</div></a>
  883. <div id="arrow5"></div>
  884.  
  885. <div id="decoration2">
  886. <div id="descriptionholder">
  887. {block:indexpage}
  888. <div id="descripttitle">
  889. {title}
  890.  
  891. </div>
  892.  
  893.  
  894. <div id="boxlink1">
  895.  
  896. <div class="boxstyle">
  897. <a class="titlee"><img src="{image:box icon 1}" style="width: 35px; margin: auto; height: 35px; ">
  898. </a>
  899.  
  900.  
  901. <div class="imagee">
  902. {text:box 1 content}
  903. <div style="color: {color:post padding bg}; margin-top: -2px; position:absolute; margin-left: 5px;">▼</div>
  904. </div>
  905.  
  906.  
  907.  
  908.  
  909. </div></div>
  910.  
  911.  
  912.  
  913.  
  914. <div id="boxlink2"> <div class="boxstyle">
  915. <a class="titlee">
  916. <img src="{image:box icon 2}" style="width: 35px; margin: auto; height: 35px; "></a>
  917.  
  918. <div class="imagee1">
  919. {text:box 2 content}
  920. <div style="color: {color:post padding bg}; margin-top: -2px; position:absolute; margin-left: 60px;">▼</div>
  921. </div>
  922. </div></div>
  923.  
  924. <div id="boxlink3"> <div class="boxstyle">
  925. <a class="titlee">
  926. <img src="{image:box icon 3}" style="width: 35px; margin: auto; height: 35px; "></a>
  927.  
  928. <div class="imagee2">
  929. {text:box 3 content}
  930. <div style="color: {color:post padding bg}; margin-top: -2px; position:absolute; margin-left: 105px;">▼</div>
  931. </div>
  932. </div></div>
  933.  
  934. <div id="boxlink4"> <div class="boxstyle">
  935. <a class="titlee">
  936. <img src="{image:box icon 4}" style="width: 35px; margin: auto; height: 35px; "></a>
  937.  
  938. <div class="imagee3">
  939. {text:box 4 content}
  940. <div style="color: {color:post padding bg}; margin-top: -2px; position:absolute; margin-left: 160px;">▼</div>
  941. </div>
  942. </div></div>
  943.  
  944. <div id="boxlink5"> <div class="boxstyle">
  945. <a class="titlee">
  946. <img src="{image:box icon 5}" style="width: 35px; margin: auto; height: 35px; "></a>
  947.  
  948. <div class="imagee4">
  949. {text:box 5 content}
  950. <div style="color: {color:post padding bg}; margin-top: -2px; position:absolute; margin-left: 210px;">▼</div>
  951. </div>
  952. </div></div>
  953.  
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962. {description}
  963. {/block:indexpage}
  964.  
  965. {block:PermalinkPage}
  966. {PostNotes}
  967. {/block:PermalinkPage}
  968.  
  969. </div></div>
  970.  
  971. <div style="position:absolute; opacity: 0.1; margin-top: 450px; text-align:center; width: 600px;">theme &copy; meancutie</div>
  972.  
  973.  
  974.  
  975.  
  976.  
  977.  
  978.  
  979. <div id="decoration">
  980.  
  981. <div id="postholder">
  982.  
  983. {block:Posts}
  984.  
  985. {block:Text}
  986. <div id="entry">
  987. <div id="textpadding">
  988. {block:Title} {Title} {/block:Title}
  989. {Body}</div>
  990. {block:indexpage} <div id="postbottom">
  991.  
  992. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>
  993.  
  994. {block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  995. <a class="perma">{text:permalink title}</a><div class="permalink">
  996. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  997. {block:RebloggedFrom}
  998. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  999. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1000. </div></div> {/block:indexpage}</div>
  1001. {/block:Text}
  1002.  
  1003. {block:Photo}
  1004. <div id="entry">
  1005. <img src="{PhotoURL-HighRes}" style="width: 100%;">
  1006. {block:indexpage} <div id="postbottom">
  1007.  
  1008. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1009. <a class="perma">{text:permalink title}</a><div class="permalink">
  1010. {Caption}
  1011. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1012. {block:RebloggedFrom}
  1013. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1014. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1015. </div></div> {/block:indexpage}</div>
  1016. {/block:Photo}
  1017.  
  1018. {block:Photoset}
  1019. <div id="entry">
  1020. {Photoset-500}
  1021. {block:indexpage} <div id="postbottom">
  1022. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1023. <a class="perma">{text:permalink title}</a><div class="permalink">
  1024. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1025. {block:RebloggedFrom}
  1026. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1027. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1028. </div></div> {/block:indexpage}
  1029. </div>
  1030. {/block:Photoset}
  1031.  
  1032. {block:Quote}
  1033. <div id="entry"> <div id="textpadding">
  1034. {Quote}<br>
  1035. {block:Source} {Source} {/block:Source}</div>
  1036. <div id="postbottom">
  1037. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1038. <a class="perma">{text:permalink title}</a><div class="permalink">
  1039. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1040. {block:RebloggedFrom}
  1041. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1042. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1043. </div></div> {/block:indexpage}
  1044. </div>
  1045. {/block:Quote}
  1046.  
  1047. {block:Link}
  1048. <div id="entry"> <div id="textpadding">
  1049. <a href="{URL}">{Name}</a>
  1050. {block:Description} {Description} {/block:Description}</div>
  1051. {block:indexpage} <div id="postbottom">
  1052. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1053. <a class="perma">{text:permalink title}</a><div class="permalink">
  1054. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1055. {block:RebloggedFrom}
  1056. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1057. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1058. </div></div> {/block:indexpage}
  1059. </div>
  1060. {/block:Link}
  1061.  
  1062. {block:Chat}
  1063. <div id="entry"> <div id="textpadding">
  1064. {block:Title} {Title} {/block:Title}
  1065. {block:Lines} {block:Label} {Label} <br>{/block:Label} {Line} <br> {/block:Lines}</div>
  1066. {block:indexpage}<div id="postbottom">
  1067. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1068. <a class="perma">{text:permalink title}</a><div class="permalink">
  1069. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1070. {block:RebloggedFrom}
  1071. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1072. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1073. </div></div> {/block:indexpage}
  1074. </div>
  1075. {/block:Chat}
  1076.  
  1077. {block:Audio}
  1078. <div id="entry">
  1079. <div style="width: 140px; margin-left: 50px; padding: 15px;">
  1080. <div style="width:25px; margin-left: -50px; margin-top: 10px; float: right; overflow: hidden;">{block:AudioPlayer} {AudioPlayerWhite} {/block:AudioPlayer} </div>
  1081.  
  1082.  
  1083.  
  1084. <div style="width:95px;">
  1085. {block:AlbumArt}
  1086. <img src="{AlbumArtURL}" style="max-width: 100%;">
  1087. {/block:AlbumArt}
  1088. </div>
  1089. </div>
  1090. {block:indexpage} <div id="postbottom">
  1091. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1092. <a class="perma">{text:permalink title}</a><div class="permalink">
  1093. <div id="textpadding">
  1094. <center>
  1095. {block:PlayCount} {PlayCountWithLabel} <br> {/block:PlayCount}
  1096.  
  1097. {block:Artist}
  1098. {Artist} <br>
  1099. {/block:Artist}
  1100. {block:Album}
  1101. {Album} <br>
  1102. {/block:Album}
  1103. {block:TrackName}
  1104. {TrackName}
  1105. {/block:TrackName}</center>
  1106. </div>
  1107. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1108. {block:RebloggedFrom}
  1109. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1110. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1111. </div></div> {/block:indexpage}
  1112. </div>
  1113. {/block:Audio}
  1114.  
  1115. {block:Video}
  1116. <div id="entry">
  1117. <center>{VideoEmbed-250} </center>
  1118. {block:indexpage} <div id="postbottom">
  1119. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1120. <a class="perma">{text:permalink title}</a><div class="permalink">
  1121. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1122. {block:RebloggedFrom}
  1123. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1124. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1125. </div></div> {/block:indexpage}
  1126. </div>
  1127. {/block:Video}
  1128.  
  1129. {block:Answer}
  1130. <div id="entry"> <div id="textpadding">
  1131. {Asker}
  1132. {Question}
  1133. {Answer}
  1134. </div>
  1135. {block:indexpage} <div id="postbottom">
  1136. <div style="color: {color:permalink color}; margin-top: -13px;">△</div>{block:Date}{Month} {DayOfMonthWithZero} {Year}{/block:Date} / <a href="{ReblogURL}" target="_blank">reblog</a>
  1137. <a class="perma">{text:permalink title}</a><div class="permalink">
  1138. {block:ContentSource} posted by: <a href="{SourceURL}">{SourceTitle}</a> /{/block:ContentSource}
  1139. {block:RebloggedFrom}
  1140. via: <a href="{ReblogParentURL}">{ReblogParentName}</a> /
  1141. {/block:RebloggedFrom}<a href="{Permalink}">{NoteCountwithLabel}</a>
  1142. </div></div> {/block:indexpage}
  1143. </div>
  1144. {/block:Answer}
  1145.  
  1146.  
  1147.  
  1148. {/block:Posts}
  1149.  
  1150. {block:PreviousPage}
  1151. <a href="{PreviousPage}" id="PreviousPage">← back</a> - {/block:PreviousPage}
  1152. {block:NextPage}
  1153. <a href="{NextPage}" id="nextPage">next →</a>
  1154. {/block:NextPage}
  1155. </div> </div> </div></div>
  1156. </body>
  1157. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement