yoonora

006 - WAIT A MINUTE

Jan 2nd, 2015
1,068
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.74 KB | None | 0 0
  1. <!-- ≧◠ᴥ◠≦
  2. ᴛ̲ʜ̲ᴇ̲ᴍ̲ᴇ̲ ̲0̲6̲:̲ ̲ᴡ̲ᴀ̲ɪ̲ᴛ̲ ̲ᴀ̲ ̲ᴍ̲ɪ̲ɴ̲ᴜ̲ᴛ̲ᴇ̲ ̲ʙʏ ʏᴏᴏɴᴏʀᴀ
  3.  
  4. ʟᴇᴛs ᴋᴇᴇᴘ ɪᴛ sɪᴍᴘʟᴇ.
  5.  
  6. ᴅᴏ ɴ̲ᴏ̲ᴛ̲ sᴛᴇᴀʟ ᴀɴʏᴛʜɪɴɢ ғʀᴏᴍ ᴛʜᴇ ᴄᴏᴅᴇ. Iғ ʏᴏᴜ
  7. ᴀʀᴇ ᴄᴜʀɪᴏᴜs ɪɴ ʜᴏᴡ sᴏᴍᴇᴛʜɪɴɢ ᴡᴏʀᴋs, ᴊᴜsᴛ ɢᴏ
  8. ᴀɴᴅ ᴀsᴋ ᴍᴇ.
  9.  
  10. ᴅᴏ ɴ̲ᴏ̲ᴛ̲ ᴄʟᴀɪᴍ ɪᴛ ᴀs ʏᴏᴜʀs.
  11. ᴅᴏ ɴ̲ᴏ̲ᴛ̲ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ.
  12. ᴅᴏ ɴ̲ᴏ̲ᴛ̲ ᴜsᴇ ɪᴛ ᴀs ᴀ ʙᴀsᴇ
  13. ᴛʜᴀɴᴋs ≧◠ᴥ◠≦
  14.  
  15. ――――――――――――ɴᴏᴡ ᴄᴏɴᴛɪɴᴜᴇ ᴇɴᴊᴏʏɪɴɢ ᴍʏ ᴛʜᴇᴍᴇ――――――――――――
  16.  
  17. -->
  18.  
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21.  
  22. <meta name="color:background" content="#fefefe"/>
  23. <meta name="color:main" content="#000000"/>
  24. <meta name="color:1" content="#000000"/>
  25. <meta name="color:2" content="#a3f5e3"/>
  26. <meta name="color:3" content="#9f9f9f"/>
  27. <meta name="color:4" content="#fbfbfb"/>
  28.  
  29. <meta name="image:background" content="http://static.tumblr.com/l9mi3bq/fKqnhd38g/grid2.png"/>
  30. <meta name="image:icon 1" content="http://static.tumblr.com/l9mi3bq/Iconhd36t/1.gif"/>
  31. <meta name="image:icon 2" content="http://static.tumblr.com/l9mi3bq/pennhd37e/2.gif"/>
  32. <meta name="image:corner" content="http://static.tumblr.com/l9mi3bq/NYLnhd37u/art_1.png"/>
  33. <meta name="image:border" content=""/>
  34.  
  35. <meta name="text:music code" content=""/>
  36. <meta name="text:title" content="Wait a Minute"/>
  37. <meta name="text:Link 1 URL" content="/" />
  38. <meta name="text:Link 1" content="" />
  39. <meta name="text:Link 2 URL" content="/" />
  40. <meta name="text:Link 2" content="" />
  41. <meta name="text:Link 3 URL" content="/" />
  42. <meta name="text:Link 3" content="" />
  43. <meta name="text:Link 4 URL" content="/" />
  44. <meta name="text:Link 4" content="" />
  45.  
  46. <meta name="if:250px" content="1"/>
  47. <meta name="if:Captions" content="1"/>
  48. <meta name="if:Main Border" content="1"/>
  49. <meta name="if:Billy player" content="0"/>
  50. <meta name="if:Centered Wrapper" content="0"/>
  51.  
  52. <link rel="stylesheet" href="http://static.tumblr.com/l9mi3bq/Wuenhd3el/ts.css" />
  53. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  54. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  55. <script>
  56. (function($){
  57. $(document).ready(function(){
  58. $("[title]").style_my_tooltips();
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background-color:{color:2};
  68. height: 10px;
  69. border: 3px solid {color:background};
  70. }
  71. ::-webkit-scrollbar-thumb:horizontal {
  72. background-color:{color:2};
  73. height: 10px;
  74. border: 3px solid {color:background};
  75. }
  76. ::-webkit-scrollbar {
  77. background-color: {color:background};
  78. height:10px;
  79. width:10px;
  80. }
  81.  
  82. #s-m-t-tooltip {
  83. margin:8px 34px 7px 20px;
  84. font-size:8px;
  85. font-family:uni;
  86. padding:3px;
  87. max-width:200px;
  88. color:{color:main};
  89. background-color:{color:background};
  90. border:1px solid {color:2};
  91. text-transform:uppercase;
  92. line-height:100%;
  93. overflow:hidden;
  94. z-index:999999999999999999999999999999999999999999;
  95. transition: all 0.6s ease-in-out 0s;
  96. -moz-transition: all 0.6s ease-in-out 0s;
  97. -webkit-transition: all 0.6s ease-in-out 0s;
  98. -o-transition: all 0.6s ease-in-out 0s;
  99. }
  100.  
  101. iframe#tumblr_controls {
  102. top:25px;
  103. right:25px;
  104. {block:IfNotMainBorder}
  105. position:fixed;
  106. top:0px;
  107. right:0px;
  108. {/block:IfNotMainBorder}
  109. }
  110.  
  111. body {
  112. background:{color:background} url('{image:background}') repeat;
  113. }
  114.  
  115. b, strong {
  116. color:{color:2};
  117. font-family:minecraft;
  118. font-size:8px;
  119. font-weight:normal;
  120. }
  121.  
  122. i, em {
  123. color:{color:main};
  124. font-family:love;
  125. font-size:8px;
  126. font-style:normal;
  127. }
  128.  
  129. /*--
  130. CONTAINER
  131. -*/
  132. .position{
  133. position:fixed;
  134. top:50%;
  135. left:50%;
  136. margin-top:-200px;
  137. {block:IndexPage}
  138. {block:IfNot250px}
  139. width:670px;
  140. {block:IfCenteredWrapper}
  141. margin-left:-370px;
  142. {/block:IfCenteredWrapper}
  143. {block:IfNotCenteredWrapper}
  144. margin-left:-500px;
  145. {/block:IfNotCenteredWrapper}
  146. {/block:IfNot250px}
  147. {block:If250px}
  148. {block:IfCenteredWrapper}
  149. margin-left:-300px;
  150. {/block:IfCenteredWrapper}
  151. {block:IfNotCenteredWrapper}
  152. margin-left:-500px;
  153. {/block:IfNotCenteredWrapper}
  154. width:520px;
  155. {/block:If250px}
  156. {/block:IndexPage}
  157. {block:PermalinkPage}
  158. width:780px;
  159. {block:IfCenteredWrapper}
  160. margin-left:-370px;
  161. {/block:IfCenteredWrapper}
  162. {block:IfNotCenteredWrapper}
  163. margin-left:-550px;
  164. {/block:IfNotCenteredWrapper}
  165. {/block:PermalinkPage}
  166. height:330px;
  167. padding:30px;
  168. overflow:hidden;
  169. {block:IfBorderImage}
  170. border-style: solid;
  171. border-width: 1px;
  172. -moz-border-image: url('{image:border}') 1 repeat;
  173. -webkit-border-image: url('{image:border}') 1 repeat;
  174. -o-border-image: url('{image:border}') 1 repeat;
  175. border-image: url('{image:border}') 1 repeat;
  176. {/block:IfBorderImage}
  177. {block:IfNotBorderImage}
  178. border:1px solid {color:1};
  179. {/block:IfNotBorderImage}
  180. background:{color:4};
  181. -webkit-transition: all 0.7s ease-out;
  182. -moz-transition: all 0.7s ease-out;
  183. transition: all 0.7s ease-out;
  184. }
  185.  
  186. {block:IndexPage}
  187. .position:hover{
  188. {block:IfNot250px}
  189. width:760px;
  190. {/block:IfNot250px}
  191. {block:If250px}
  192. width:630px;
  193. {/block:If250px}
  194. -webkit-transition: all 0.7s ease-out;
  195. -moz-transition: all 0.7s ease-out;
  196. transition: all 0.7s ease-out;
  197. }
  198.  
  199. .position:hover #bottomlinks{
  200.  
  201. {block:IfNot250px}
  202. margin-left:690px;
  203. {/block:IfNot250px}
  204. {block:If250px}
  205. margin-left:550px;
  206. {/block:If250px}
  207. -webkit-transition: all 0.7s ease-out;
  208. -moz-transition: all 0.7s ease-out;
  209. transition: all 0.7s ease-out;
  210. }
  211. {/block:IndexPage}
  212. #l{
  213. position:fixed;
  214. top:0px;
  215. left:0px;
  216. width:100%;
  217. height:100%;
  218. {block:IfBorderImage}
  219. border-style: solid;
  220. border-width: 20px;
  221. -moz-border-image: url('{image:border}') 20 repeat;
  222. -webkit-border-image: url('{image:border}') 20 repeat;
  223. -o-border-image: url('{image:border}') 20 repeat;
  224. border-image: url('{image:border}') 20 repeat;
  225. {/block:IfBorderImage}
  226. {block:IfNotBorderImage}
  227. border:20px solid {color:2};
  228. {/block:IfNotBorderImage}
  229. {block:IfNotMainBorder}
  230. border-width: 0px;
  231. {/block:IfNotMainBorder}
  232.  
  233. }
  234. #r{
  235. position:fixed;
  236. bottom:0px;
  237. right:0px;
  238. width:100%;
  239. height:100%;
  240. {block:IfBorderImage}
  241. border-style: solid;
  242. border-width: 20px;
  243. -moz-border-image: url('{image:border}') 20 repeat;
  244. -webkit-border-image: url('{image:border}') 20 repeat;
  245. -o-border-image: url('{image:border}') 20 repeat;
  246. border-image: url('{image:border}') 20 repeat;
  247. {/block:IfBorderImage}
  248. {block:IfNotBorderImage}
  249. border:20px solid {color:2};
  250. {/block:IfNotBorderImage}
  251. {block:IfNotMainBorder}
  252. border-width: 0px;
  253. {/block:IfNotMainBorder}
  254. }
  255.  
  256. #entries {
  257. position:fixed;
  258. height:250px;
  259. margin-top:0px;
  260. padding:40px;
  261. overflow-y:auto;
  262. overflow-x:hidden;
  263. background-color:{color:background};
  264. {block:IndexPage}
  265. {block:IfNot250px}
  266. width:400px;
  267. {/block:IfNot250px}
  268. {block:If250px}
  269. width:250px;
  270. {/block:If250px}
  271. {/block:IndexPage}
  272. {block:PermalinkPage}
  273. width:400px;
  274. {/block:PermalinkPage}
  275. {block:IfBorderImage}
  276. border-style: solid;
  277. border-width: 1px;
  278. -moz-border-image: url('{image:border}') 1 repeat;
  279. -webkit-border-image: url('{image:border}') 1 repeat;
  280. -o-border-image: url('{image:border}') 1 repeat;
  281. border-image: url('{image:border}') 1 repeat;
  282. {/block:IfBorderImage}
  283. {block:IfNotBorderImage}
  284. border:1px solid {color:3};
  285. {/block:IfNotBorderImage}
  286. }
  287.  
  288. #posts {
  289. margin-bottom:25px;
  290. font-size:10px;
  291. font-family:consolas;
  292. {block:IndexPage}
  293. {block:IfNot250px}
  294. width:400px;
  295. {/block:IfNot250px}
  296. {block:If250px}
  297. width:250px;
  298. {/block:If250px}
  299. {/block:IndexPage}
  300. {block:PermalinkPage}
  301. width:400px;
  302. {/block:PermalinkPage}
  303. }
  304.  
  305. #posts a {
  306. color:{color:1};
  307. text-decoration:none;
  308. font-family:minecraft;
  309. font-size:8px;
  310. -webkit-transition: all 0.9s ease-out;
  311. -moz-transition: all 0.9s ease-out;
  312. transition: all 0.9s ease-out;
  313. }
  314. #posts a:hover{
  315. color:{color:2};
  316. -webkit-transition: all 0.9s ease-out;
  317. -moz-transition: all 0.9s ease-out;
  318. transition: all 0.9s ease-out;
  319.  
  320. }
  321. #posts img {
  322. border:none;
  323. max-width:100%;
  324. }
  325. #caption blockquote small, sub, sup, code, big{
  326. font-size:10px;
  327. font-family:consolas;
  328. }
  329. #caption blockquote {
  330. width:90%;
  331. margin-left:auto;
  332. margin-right:auto;
  333. max-height:200px;
  334. overflow:auto;
  335. padding-left:10px;
  336. padding-right:10px;
  337. padding-top:1px;
  338. line-height:20px;
  339. padding-bottom:1px;
  340. color:{color:main};
  341. border:1px solid {color:1};
  342. background:{color:background};
  343. }
  344. #caption small{
  345. font-family:minecraft;
  346. font-size:8px;
  347. }
  348.  
  349. .title{
  350. font-family:cherry;
  351. font-size:16px;
  352. margin-top:10px;
  353. background:{color:2} url('{image:border}');
  354. color:{color:main};
  355. letter-spacing:5px;
  356. text-transform:lowercase;
  357. line-height:20px;padding:20px;
  358. text-align:center;
  359. }
  360. .title:first-letter{
  361. text-transform:uppercase;
  362. }
  363. .title a{
  364. font-family:cherry;
  365. font-size:16px;
  366. }
  367. ::-moz-selection {
  368. background-color: {color:2};
  369. color:{color:main};
  370. }
  371. ::selection{
  372. background-color:{color:2};
  373. color:{color:main};
  374. }
  375.  
  376. #text{
  377. background:{color:background};
  378. padding:10px;
  379. margin-top:10px;
  380. }
  381. /*--
  382. QUOTES
  383. --*/
  384. #quote{
  385. font-family:cherry;
  386. font-size:16px;
  387. color:{color:1};
  388. background:{color:background};
  389. letter-spacing:3px;
  390. line-height:25px;padding:25px;
  391. text-align:right;
  392. }
  393. #qsource{
  394. text-align:right;
  395. font-family:consolas;
  396. }
  397. #notes{
  398. max-height:200px;
  399. }
  400. /*
  401. SIDEBAR
  402. */
  403.  
  404.  
  405. #bottomlinks{
  406. position:absolute;
  407. {block:IndexPage}
  408. {block:IfNot250px}
  409. margin-left:800px;
  410. {/block:IfNot250px}
  411. {block:If250px}
  412. margin-left:700px;
  413. {/block:If250px}
  414. {/block:IndexPage}
  415. {block:PermalinkPage}
  416. margin-left:700px;
  417. {/block:PermalinkPage}
  418. margin-top:0px;
  419. width:100px;
  420. height:50px;
  421. -webkit-transition: all 0.7s ease-out;
  422. -moz-transition: all 0.7s ease-out;
  423. transition: all 0.7s ease-out;
  424. }
  425.  
  426. #bottomlinks a{
  427. width:60px;
  428. padding:10px;
  429. background:{color:background};
  430. text-align:center;
  431. text-decoration:none;
  432. display:inline-block;
  433. margin-bottom:21px;
  434. font-family:pixelmaster;
  435. font-size:16px;
  436. text-transform:uppercase;
  437. color:{color:1};
  438. margin-right:10px;
  439. {block:IfBorderImage}
  440. border-style: solid;
  441. border-width: 1px;
  442. -moz-border-image: url('{image:border}') 1 repeat;
  443. -webkit-border-image: url('{image:border}') 1 repeat;
  444. -o-border-image: url('{image:border}') 1 repeat;
  445. border-image: url('{image:border}') 1 repeat;
  446. {/block:IfBorderImage}
  447. {block:IfNotBorderImage}
  448. border:1px solid {color:3};
  449. {/block:IfNotBorderImage}
  450. -webkit-transition: all 0.9s ease-out;
  451. -moz-transition: all 0.9s ease-out;
  452. transition: all 0.9s ease-out;
  453. }
  454.  
  455.  
  456. #bottomlinks a:hover{
  457. color:{color:2};
  458. -webkit-transition: all 0.9s ease-out;
  459. -moz-transition: all 0.9s ease-out;
  460. transition: all 0.9s ease-out;
  461. }
  462. #tiny_title{
  463. position:absolute;
  464. margin-top:130px;
  465. margin-left:0px;
  466. padding:5px;
  467. width:110px;
  468. height:20px;
  469. line-height:20px;
  470. font-family:cherry;
  471. font-family:16px;
  472. text-align:center;
  473. {block:IfBorderImage}
  474. border-style: solid;
  475. border-width: 1px;
  476. -moz-border-image: url('{image:border}') 1 repeat;
  477. -webkit-border-image: url('{image:border}') 1 repeat;
  478. -o-border-image: url('{image:border}') 1 repeat;
  479. border-image: url('{image:border}') 1 repeat;
  480. {/block:IfBorderImage}
  481. {block:IfNotBorderImage}
  482. border:1px solid {color:3};
  483. {/block:IfNotBorderImage}
  484. background:{color:4};
  485. }
  486. #tiny_title:first-letter{
  487. text-transform:uppercase;
  488. color:{color:2};
  489. }
  490. #sidebar{
  491. position:fixed;
  492. margin-top:0px;
  493. padding:20px;
  494. width:122px;
  495. height:290px;
  496. overflow:hidden;
  497. {block:IndexPage}
  498. {block:IfNot250px}
  499. margin-left:510px;
  500. {/block:IfNot250px}
  501. {block:If250px}
  502. margin-left:360px;
  503. {/block:If250px}
  504. {/block:IndexPage}
  505. {block:PermalinkPage}
  506. margin-left:510px;
  507. {/block:PermalinkPage}
  508. {block:IfBorderImage}
  509. border-style: solid;
  510. border-width: 1px;
  511. -moz-border-image: url('{image:border}') 1 repeat;
  512. -webkit-border-image: url('{image:border}') 1 repeat;
  513. -o-border-image: url('{image:border}') 1 repeat;
  514. border-image: url('{image:border}') 1 repeat;
  515. {/block:IfBorderImage}
  516. {block:IfNotBorderImage}
  517. border:1px solid {color:3};
  518. {/block:IfNotBorderImage}
  519. background:{color:background};
  520. }
  521.  
  522. #sidebar:hover #desc{
  523. margin-top:170px;
  524. }
  525. #sidebar:hover #lilicon{
  526. margin-top:0px;
  527. background-image:url('{image:icon 2}') ;
  528. background-repeat:no-repeat;
  529. background-size:100px 100px;
  530. background-position:center;
  531. }
  532. #desc{
  533. position:absolute;
  534. width:100px;
  535. height:100px;
  536. padding:10px;
  537. line-height:13px;
  538. font-size:16px;
  539. font-family:pixelmaster;
  540. text-align:center;
  541. font-style:none;
  542. overflow-y:auto;
  543. overflow-x:hidden;
  544. color:{color:1};
  545. background:{color:4};
  546. border:1px solid {color:3};
  547. -webkit-transition: all 0.7s ease-out;
  548. -moz-transition: all 0.7s ease-out;
  549. transition: all 0.7s ease-out;
  550. }
  551.  
  552. #desc a{
  553. font-family:pixelmaster;
  554. font-size:16px;
  555. background:transparent;
  556. text-decoration:none;
  557. color:{color:2};
  558. }
  559. #desc b{
  560. font-family:unicode;
  561. font-size:16px;
  562. color:{color:3};
  563. }
  564. #lilicon{
  565. position:absolute;
  566. margin-top:170px;
  567. width:100px;
  568. height:100px;
  569. padding:10px;
  570. background:{color:4};
  571. border:1px solid {color:3};
  572. background-image:url('{image:icon 1}') ;
  573. background-repeat:no-repeat;
  574. background-size:100px 100px;
  575. background-position:center;
  576. -webkit-transition: all 0.7s ease-out;
  577. -moz-transition: all 0.7s ease-out;
  578. transition: all 0.7s ease-out;
  579. }
  580. #lilicon img{
  581. width:100px;
  582. height:100px;
  583. }
  584. /*
  585. POST INFO
  586. */
  587. #post_info {
  588. padding:10px;
  589. background:{color:background};
  590. letter-spacing:1px;
  591. margin-bottom:20px;
  592. text-align:right;
  593. text-transform:uppercase;
  594. }
  595. #post_info a{
  596. display:inline-block;
  597. border:1px solid {color:1};
  598. font-family:kubasta;
  599. margin-right:0px;
  600. font-size:16px;
  601. padding-left:10px;
  602. padding-right:10px;
  603. padding-top:2px;
  604. padding-bottom:2px;
  605. margin-bottom:5px;
  606. background:{color:2};
  607. color:{color:main};
  608. text-decoration:none;
  609. transition-duration: 0.5s;
  610. -moz-transition-duration: 0.5s;
  611. -webkit-transition-duration: 0.5s;
  612. -o-transition-duration: 0.5s
  613. }
  614. #post_info i{
  615. background:#fefefe;
  616. padding:7px;
  617. color:{color:1};
  618. }
  619. #post_info a:hover {
  620. border:1px solid {color:4};
  621. color:{color:main};
  622. transition-duration: 0.5s;
  623. -moz-transition-duration: 0.5s;
  624. -webkit-transition-duration: 0.5s;
  625. -o-transition-duration: 0.5s
  626. }
  627.  
  628.  
  629. /*--
  630. PERMALINK SETTINGS
  631. -*/
  632.  
  633. #permas{
  634. display:block;
  635. max-height:100px;
  636. font-size:8px;
  637. text-transform:uppercase;
  638. font-family:love;
  639. z-index:9999999999;
  640. overflow:auto;
  641. text-align:center;
  642. margin-left:-30px;
  643. }
  644. #permas a{
  645. font-family:kubasta;
  646. font-size:16px;
  647. text-decoration:none;
  648. color:{color:2};
  649. text-transform:uppercase;
  650. }
  651.  
  652. #permas ul {
  653. text-align:center;
  654. display:block;
  655. }
  656. #permas li{
  657. list-style:none;
  658. }
  659. #permas li img{
  660. display:none;
  661. }
  662. #postnotes{
  663. width:400px;
  664. margin-top:20px;
  665. font-size:16px;
  666. font-family:unicode;
  667. text-align:center;
  668. text-transform:uppercase;
  669. letter-spacing:1px;
  670. }
  671. #postnotes a{
  672. padding:1px;
  673. font-family:pixelmaster;
  674. margin-top:10px;
  675. display:inline-block;
  676. text-align:center;
  677. padding-left:10px;
  678. padding-right:10px;
  679. font-size:16px;
  680. letter-spacing:1px;
  681. text-transform:uppercase;
  682. text-decoration:none;
  683. border:1px solid {color:2};
  684. color:{color:1};
  685. }
  686. #perma_tags{
  687. text-align:center;
  688. margin-top:10px;
  689. }
  690. #perma_tags a{
  691. padding-left:10px;
  692. padding-right:10px;
  693. padding-top:2px;
  694. padding-bottom:2px;
  695. font-family:pixelmaster;
  696. display:inline-block;
  697. text-align:center;
  698. font-size:16px;
  699. letter-spacing:0px;
  700. text-transform:uppercase;
  701. text-decoration:none;
  702. background:{color:2};
  703. border:1px solid {color:main};
  704. color:{color:main};
  705. }
  706. /*-
  707. MUSIC POSTS
  708. -*/
  709.  
  710. .musicwrapper {
  711. position:relative;
  712. {block:IfNot250px}
  713. height:200px;
  714. {/block:IfNot250px}
  715. {block:IndexPage}
  716. {block:If250px}
  717. height:250px;
  718. {/block:If250px}
  719. {/block:IndexPage}
  720. {block:PermalinkPage}
  721. height:200px;
  722. {/block:PermalinkPage}
  723. margin-bottom:0px;
  724. background:{color:background};
  725. }
  726.  
  727. .musicwrapper img {
  728. position: absolute;
  729. margin-top:0px;
  730. {block:IfNot250px}
  731. width:200px;
  732. {/block:IfNot250px}
  733. {block:IndexPage}
  734. {block:If250px}
  735. width:250px;
  736. {/block:If250px}
  737. {/block:IndexPage}
  738. {block:PermalinkPage}
  739. width:200px;
  740. {/block:PermalinkPage}
  741. }
  742.  
  743. .audiocontent {
  744. position:absolute;
  745. margin-left:0px;
  746. margin-top:0px;
  747. display:block;
  748.  
  749. {block:IndexPage}
  750. {block:If250px}
  751. opacity:0;
  752. width:30px;
  753. {/block:If250px}
  754. {/block:IndexPage}
  755. background:{color:background};
  756. text-align: center;
  757. font-family: consolas;
  758. font-size: 15px;
  759. -webkit-transition: all 0.9s ease-out;
  760. -moz-transition: all 0.9s ease-out;
  761. transition: all 0.9s ease-out;
  762. }
  763.  
  764. #musictext{
  765. {block:IfNot250px}
  766. position:absolute;
  767. width:200px;
  768. height:200px;
  769. padding:10px;
  770. padding-top:20px;
  771. margin-left:200px;
  772. margin-top:-30px;
  773. {/block:IfNot250px}
  774. {block:IndexPage}
  775. {block:If250px}
  776. margin-top:0px;
  777. overflow:hidden;
  778. width:250px;
  779. height:230px;
  780. {/block:If250px}
  781. {/block:IndexPage}
  782. {block:PermalinkPage}
  783. position:absolute;
  784. width:200px;
  785. height:200px;
  786. padding:10px;
  787. padding-top:20px;
  788. margin-left:200px;
  789. margin-top:-30px;
  790. {/block:PermalinkPage}
  791. text-transform:uppercase;
  792. font-family: unicode;
  793. font-size: 16px;
  794. }
  795.  
  796. {block:IndexPage}
  797. {block:If250px}
  798. #posts:hover .audiocontent{
  799. background:{color:background};
  800. opacity:1;
  801. width:250px;
  802. -webkit-transition: all 0.9s ease-out;
  803. -moz-transition: all 0.9s ease-out;
  804. transition: all 0.9s ease-out;
  805. }
  806. {/block:If250px}
  807. {/block:IndexPage}
  808.  
  809. #musictext i{
  810. font-style:normal;
  811. font-family: bubble pixel;
  812. font-size: 20px;
  813. color:{color:main};
  814. }
  815.  
  816. #musictext code{
  817. font-size:16px;
  818. font-family: cherry ;
  819. color:{color:main};
  820. text-transform:lowercase;
  821. letter-spacing:5px;
  822. }
  823.  
  824. #musictext b{
  825. font-family:unicode;
  826. font-style:normal;
  827. font-size:16px;
  828. color:{color:2};
  829. }
  830.  
  831. .player {
  832. position: relative;
  833. margin-left:0px;
  834. display:block;
  835. overflow:hidden;
  836. background:#fff;
  837. width:30px;
  838. height:30px;
  839. z-index:10;
  840.  
  841. -webkit-transition: all 0.9s ease-out;
  842. -moz-transition: all 0.9s ease-out;
  843. transition: all 0.9s ease-out;
  844. }
  845. #posts:hover .player{
  846. {block:IfNot250px}
  847. width:200px;
  848. {/block:IfNot250px}
  849. {block:IndexPage}
  850. {block:If250px}
  851. width:250px;
  852. {/block:If250px}
  853. {/block:IndexPage}
  854. {block:PermalinkPage}
  855. width:200px;
  856. {/block:PermalinkPage}
  857. -webkit-transition: all 0.9s ease-out;
  858. -moz-transition: all 0.9s ease-out;
  859. transition: all 0.9s ease-out;
  860. }
  861. /*--
  862. CHATPOST
  863. --*/
  864.  
  865. #chatpost ul {
  866. padding:0px;
  867. }
  868.  
  869. .chat li {
  870. font-family:love;
  871. font-size:8px;
  872. list-style-type:none;
  873. margin-left:0px;
  874. padding:10px; float:center;
  875. }
  876.  
  877. .chat li:nth-child(odd) {
  878. margin-bottom:-5px;
  879. color:{color:main};
  880. background:{color:background};
  881. }
  882.  
  883. .chat li:nth-child(even) {
  884. color:{color:1};
  885. background-color:{color:background};
  886. }
  887.  
  888. /*--
  889. ASK POSTS
  890. --*/
  891. #askbox {display:block;
  892. color:{color:2};
  893. background-image:url('{image:border}');
  894. background-position:center;
  895. padding:5px;
  896. border:1px solid {color:1};
  897. margin-bottom:5px;
  898. text-transform:lowercase;
  899. }
  900. #asker{
  901. padding:10px;
  902. background-image:url('{image:border}');
  903. background-position:top center;
  904. background-size:250px;
  905. font-size:15px;
  906. overflow:hidden;
  907. color:{color:main};
  908. letter-spacing:5px;
  909. font-family:m12;
  910. text-align:center;
  911. }
  912. #asker a{
  913. font-size:15px;
  914. letter-spacing:2px;
  915. font-family:m12;
  916. color:{color:4};
  917. }
  918. #asker a:hover{
  919. color:{color:main};
  920. }
  921. #askericon{
  922. display:inline-block;
  923. padding:10px;
  924. position:absolute;
  925. }
  926. #askericon img{
  927. max-width:40px;
  928. float:right;
  929. }
  930. #question{
  931.  
  932. background-image:url('{image:border}');
  933. background-position:center right;
  934. background-size:400px;
  935. color:{color:main};
  936. font-family:unicode;
  937. text-align:right;
  938. font-size:16px;
  939. margin-top:0px;
  940. padding:10px;
  941. text-transform:none;
  942. font-style:normal;
  943. }
  944.  
  945. #answer{
  946. margin-top:0px;
  947. margin-left:0px;
  948. font-family:consolas;
  949. font-size:10px;
  950. padding:10px;
  951. border:1px solid {color:2};
  952. background-color:{color:4};
  953. text-transform:none;
  954. }
  955.  
  956. #pagination{
  957. position:fixed;
  958. width:200px;
  959. margin-top:335px;
  960. margin-left:0px;
  961. }
  962. .jump_page {
  963. padding: 2px 6px;
  964. border: 1px solid {color:2};
  965. background-color: {color:background};
  966. color:{color:1};
  967. font-family:consolas;
  968. font-size:11px;
  969. text-decoration:none;
  970. -webkit-transition: all 0.9s ease-out;
  971. -moz-transition: all 0.9s ease-out;
  972. transition: all 0.9s ease-out;
  973. }
  974.  
  975. .current_page, .jump_page:hover {
  976. padding: 2px 6px;
  977. border: 1px solid {color:1};
  978. background-color: {color:4};
  979. color: {color:3};
  980. font-family:consolas;
  981. font-size:11px;
  982. text-decoration:none;
  983. -webkit-transition: all 0.9s ease-out;
  984. -moz-transition: all 0.9s ease-out;
  985. transition: all 0.9s ease-out;
  986. }
  987.  
  988. #musicbo{
  989. position:fixed;
  990. bottom:25px;
  991. left:25px;
  992. height:20px;
  993. width:20px;
  994. overflow:hidden;
  995. background-color:{color:background};
  996. font-family:uni;
  997. font-size:8px;
  998. text-transform:uppercase;
  999. color:{color:3};
  1000. {block:IfBorderImage}
  1001. border:1px solid;
  1002. -moz-border-image: url('{image:border}') 5 round;
  1003. -webkit-border-image: url('{image:border}') 5 round;
  1004. -o-border-image: url('{image:border}') 5 round;
  1005. border-image: url('{image:border}') 5 round;
  1006. {/block:IfBorderImage}
  1007. {block:IfNotBorderImage}
  1008. border:5px solid {color:2};
  1009. {/block:IfNotBorderImage}
  1010. -webkit-transition: all 0.9s ease-out;
  1011. -moz-transition: all 0.9s ease-out;
  1012. transition: all 0.9s ease-out;
  1013. }
  1014. #musicbo:hover{
  1015. width:140px;
  1016. -webkit-transition: all 0.9s ease-out;
  1017. -moz-transition: all 0.9s ease-out;
  1018. transition: all 0.9s ease-out;
  1019. }
  1020.  
  1021. body { cursor:url(http://i.imgur.com/2qleX.jpg), auto; }
  1022.  
  1023. a, a:hover{cursor:url(http://i.imgur.com/IepP2.jpg), auto; }
  1024.  
  1025.  
  1026. </style></head><body>
  1027.  
  1028. <div id="l"></div><div id="r"></div>
  1029.  
  1030. <img src="{image:corner}"style="position:fixed;bottom:25px;right:25px;height:90%;z-index:-999;">
  1031. {block:IndexPage}
  1032. {block:Ifmusiccode}
  1033. <div id="musicbo">
  1034. <div style="{block:IfNotBillyplayer}margin-left:-30px;{/block:IfNotBillyplayer}{block:IfBillyplayer}margin-left:0px;{/block:IfBillyplayer}">
  1035. {text:music code}
  1036. </div>
  1037. </div>
  1038. {/block:Ifmusiccode}
  1039. {/block:IndexPage}
  1040.  
  1041. <div class="position">
  1042.  
  1043. <div id="pagination">
  1044.  
  1045. {block:Pagination}
  1046. {block:PreviousPage}
  1047. <a href="{PreviousPage}" class="jump_page">&laquo;</a>
  1048. {/block:PreviousPage}
  1049. {block:JumpPagination length="5"}
  1050. {block:CurrentPage}
  1051. <span class="current_page">{PageNumber}</span>
  1052. {/block:CurrentPage}
  1053. {block:JumpPage}
  1054. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1055. {/block:JumpPage}
  1056. {/block:JumpPagination}
  1057. {block:NextPage}
  1058. <a href="{NextPage}" class="jump_page">&raquo;</a>
  1059. {/block:NextPage}
  1060. {/block:Pagination}
  1061.  
  1062. </div>
  1063.  
  1064. <div id="bottomlinks">
  1065. <a href="/">home</a>
  1066. <a href="/ask">ask</a>
  1067. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>
  1068. {/block:ifLink1}
  1069. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>
  1070. {/block:ifLink2}
  1071. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>
  1072. {/block:ifLink3}
  1073. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>
  1074. {/block:ifLink4}
  1075. </div>
  1076.  
  1077.  
  1078.  
  1079. <div id="sidebar">
  1080. <div id="tiny_title">
  1081. {block:Iftitle}
  1082. {text:title}
  1083. {/block:Iftitle}
  1084. {block:IfNottitle}
  1085. {Title}
  1086. {/block:IfNottitle}</div>
  1087. <div id="lilicon"></div>
  1088. <div id="desc">{Description}</div>
  1089. </div>
  1090.  
  1091. <div id="entries">
  1092. {block:Posts}
  1093.  
  1094. <div id="posts">
  1095.  
  1096. <!--ASK/ ANSWER BOX-->
  1097.  
  1098. {block:Answer}
  1099. <div class="bubble">
  1100. <div id="askbox"><div id="asker">{Asker}</div>
  1101. <div id="question">
  1102. {Question}
  1103. </div>
  1104. </div>
  1105.  
  1106. <div id="answer">
  1107. {Answer}
  1108. </div></div>
  1109. {/block:Answer}
  1110.  
  1111.  
  1112. <!--
  1113. TEXT POSTS
  1114. -->
  1115.  
  1116. {block:Text}
  1117. {block:Title}
  1118. <div class="title">{Title}</div>
  1119. {/block:Title}
  1120. <div id="text">
  1121. {Body}
  1122. </div>
  1123. {/block:Text}
  1124.  
  1125. <!--
  1126. PHOTO POSTS
  1127. -->
  1128. {block:Photo}
  1129. {block:IndexPage}
  1130. <img src="{PhotoURL-HighRes}" width="100%">
  1131. {block:IfCaptions}
  1132. {block:Caption}
  1133. <div id="caption">
  1134. {Caption}
  1135. </div>
  1136. {/block:Caption}
  1137. {/block:IfCaptions}
  1138. {/block:IndexPage}
  1139. {block:PermalinkPage}
  1140. {LinkOpenTag}
  1141. <img src="{PhotoURL-HighRes}" width="100%">
  1142. {LinkCloseTag}
  1143. {/block:PermalinkPage}
  1144. {/block:Photo}
  1145.  
  1146.  
  1147. <!--
  1148. PHOTOSET POSTS
  1149. -->
  1150.  
  1151. {block:Photoset}
  1152. <center>
  1153. {block:IndexPage}
  1154. {block:If250px}
  1155. {Photoset-250}
  1156. {/block:If250px}
  1157. {block:IfNot250px}
  1158. {Photoset-400}
  1159. {/block:IfNot250px}
  1160. </center>
  1161. {block:IfCaptions}
  1162. {block:Caption}
  1163. <div id="caption">
  1164. {Caption}
  1165. </div>
  1166. {/block:Caption}
  1167. {/block:IfCaptions}
  1168. {/block:IndexPage}
  1169. {block:PermalinkPage}
  1170. <center>
  1171. {Photoset-400}
  1172. </center>
  1173. {/block:PermalinkPage}
  1174. {/block:Photoset}
  1175.  
  1176. <!--
  1177. QUOTE POSTS
  1178. -->
  1179. {block:Quote}
  1180. <div id="quote">{Quote}</div>
  1181. {block:Source}
  1182. <div class="qsource"> —{Source}</div>
  1183. {/block:Source}
  1184. {/block:Quote}
  1185.  
  1186. <!--
  1187. LINK POSTS
  1188. -->
  1189.  
  1190. {block:Link}
  1191. <div class="title" style="background:{color:3}; margin-top:10px;">
  1192. <a href="{URL}" {Target}>{Name}</a>
  1193. </div>
  1194. {block:Description}
  1195. <div id="text"style="background:{color:1}">
  1196. {Description}
  1197. </div>
  1198. {/block:Description}
  1199. {/block:Link}
  1200.  
  1201. <!--
  1202. CHAT POSTS
  1203. -->
  1204. {block:Chat}
  1205. <div id="chatpost">
  1206. {block:Title}
  1207. <h2 id="titlechat">
  1208. {Title}</h2>
  1209. {/block:Title}
  1210. <ul class="chat">
  1211. {block:Lines}
  1212. <li class="{Alt} user_{UserNumber}">
  1213. {block:Label}
  1214. <b>{Label}</b>
  1215. {/block:Label}
  1216. {Line}
  1217. </li>
  1218. {/block:Lines}
  1219. </ul>
  1220. </div>
  1221. {/block:Chat}
  1222.  
  1223. <!--
  1224. AUDIO / MUSIC POSTS
  1225. -->
  1226.  
  1227.  
  1228. {block:Audio}
  1229. <div class="musicwrapper">
  1230. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art"/>
  1231. {block:AlbumArt}
  1232. <img class="cover" src="{AlbumArtURL}" />
  1233. {/block:AlbumArt}
  1234. {block:AudioPlayer}
  1235. <div class="player">
  1236. {AudioPlayerWhite}
  1237. </div>
  1238. {/block:AudioPlayer}
  1239. <div class="audiocontent">
  1240. <div id="musictext">
  1241. {block:TrackName}
  1242. <code>{TrackName}</code>
  1243. {/block:TrackName}
  1244. <p>{block:Artist}{Artist}{/block:Artist} </p>
  1245. <b>{block:Album} {Album}{/block:Album}</b><br>
  1246. <i>{block:Playcount}{FormattedPlayCount} hits{/block:Playcount}</i>
  1247. </div>
  1248. </div>
  1249. </div>
  1250.  
  1251. {block:IndexPage}
  1252. {block:IfCaptions}
  1253. {block:Caption}
  1254. <div id="caption">
  1255. {Caption}
  1256. </div>
  1257. {/block:Caption}
  1258. {/block:IfCaptions}
  1259. {/block:IndexPage}
  1260.  
  1261. {/block:Audio}
  1262.  
  1263. <!--
  1264. VIDEO POSTS
  1265. -->
  1266.  
  1267. {block:Video}
  1268. <center>
  1269. {block:IndexPage}
  1270. {Video-250}
  1271. {/block:IndexPage}
  1272. {block:PermalinkPage}
  1273. {Video-400}
  1274. {/block:PermalinkPage}
  1275. </center>
  1276. {/block:Video}
  1277.  
  1278. <!--
  1279. TAGS
  1280. -->
  1281. {block:IndexPage}
  1282. <div id="post_info">
  1283.  
  1284. <a href="{Permalink}" target="_blank"title="Posted {TimeAgo}" >{12HourWithZero}.{Minutes}{CapitalAmPm}</a>
  1285. {block:NoteCount}
  1286. <a href="{Permalink}" target="_blank" > {NoteCountWithLabel} </a>
  1287. {/block:NoteCount}
  1288. <a href="{ReblogURL}"target="_blank" >reblog</a>
  1289.  
  1290. {block:HasTags}<i>tagged as:</i>
  1291. {block:Tags}<a href="/tagged/{Tag}"style="background:{color:4};border:1px solid {color:background};" >{Tag}</a>&nbsp;{/block:Tags}
  1292. </div>
  1293. {/block:HasTags}
  1294. {/block:IndexPage}
  1295.  
  1296.  
  1297. <!--
  1298. PERMALINK OPTIONS
  1299. -->
  1300.  
  1301. {block:PermalinkPage}
  1302. <div id="caption">
  1303. {Caption}
  1304. </div>
  1305.  
  1306. <div id="postnotes">
  1307. {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}
  1308. {block:Date}
  1309. {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonth} {Year}
  1310. {/block:Date}
  1311. <br>
  1312. {block:Reblog}
  1313. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1314. {/block:Reblog}
  1315. </div>
  1316. {block:HasTags}
  1317. <div id="perma_tags">
  1318.  
  1319. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1320. </div>
  1321. {/block:HasTags}
  1322.  
  1323. <div id="permas">
  1324. {block:PostNotes}
  1325. {PostNotes}
  1326. {/block:PostNotes}
  1327. </div>
  1328. {/block:PermalinkPage}
  1329. </div>
  1330. {/block:Posts}
  1331. </div></div></div></div>
  1332. </div></div>
  1333. <div class="yoonora">
  1334. <a href="http://norgay.tumblr.com/"target="_blank">
  1335. <div class="bora">made by yoonora</div></a></div>
  1336. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment