yoonora

004 - LOVE&HATE

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