Advertisement
okesan

koomilk theme

Mar 11th, 2015
305
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <!--
  5.  
  6.  
  7.  
  8.  
  9.  
  10. #13 by selkas
  11. http://selkas.tumblr.com
  12.  
  13.  
  14.  
  15.  
  16. notes:
  17.  
  18.  
  19. * clicking on the title opens the menu panel, so you
  20. need to enter a title or the theme will not work
  21.  
  22. * you may not be able to view the menu panel on the
  23. customize page but it should work on your blog;
  24. same with clicking photosets
  25.  
  26. * 250px is the only post width when 'one column' is
  27. unchecked; in that case the post width you enter
  28. will be the one used on the permalink page
  29.  
  30. * infinite scrolling will not work with this theme
  31. because of the way the posts are contained
  32.  
  33.  
  34. -->
  35.  
  36.  
  37. <title>{Title}</title>
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  39. <link rel="shortcut icon" href="https://31.media.tumblr.com/a6c027327c73613122b02cf266a5e255/tumblr_inline_n41hmji5I61ssx8i3.png">
  40.  
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <!-- external css --><link rel="stylesheet" type="text/css" href="http://static.tumblr.com/qudkd6d/IGsnd9epp/13.css"/>
  43. <meta name="image:background" content="http://static.tumblr.com/631a73a25a5b08210c5f8550aa130f5c/qudkd6d/QQ2n9s9v9/tumblr_static_bkypsnu34u0wswgg0osk0kc8g.png"/>
  44. <meta name="color:background" content="#ffffff"/>
  45. <meta name="color:page border" content="#ffffff"/>
  46. <meta name="color:post bg" content="#fbfbfb"/>
  47. <meta name="color:post border" content="#ffffff"/>
  48. <meta name="color:title" content="#b6ead9"/>
  49. <meta name="color:title shadow" content="#fff6a5"/>
  50. <meta name="color:Sub title" content="#f64777"/>
  51.  
  52. <meta name="text:Sub title" content=""/>
  53. <meta name="color:text" content="#adadad"/>
  54. <meta name="color:linkbg" content="#adadad"/>
  55. <meta name="color:link border" content="#fed5be"/>
  56. <meta name="color:link border hover" content="#adb8d4"/>
  57. <meta name="color:permalink text" content="#adadad"/>
  58. <meta name="color:permalink bg" content="#fff9c5"/>
  59. <meta name="color:tags" content="#adadad"/>
  60. <meta name="color:pages" content="#9ce2cb"/>
  61. <meta name="color:pages shadow" content="#fff9c5"/>
  62. <meta name="color:scrollbar" content="#8f9ec3"/>
  63. <meta name="color:selection" content="#fed5be"/>
  64. <meta name="if:one column" content="1"/>
  65. <meta name="if:show captions" content="1"/>
  66. <meta name="if:show tags" content="1"/>
  67. <meta name="if:letter spacing" content="1"/>
  68. <meta name="if:uppercase" content="0"/>
  69. <meta name="if:tile background" content="1"/>
  70. <meta name="text:post size" content="400"/>
  71. <meta name="text:font size" content=""/>
  72. <meta name="text:font family" content=""/>
  73. <meta name="text:home link" content="refresh"/>
  74. <meta name="text:archive link" content="archive"/>
  75. <meta name="text:ask link" content="contact"/>
  76. <meta name="text:link 1" content=""/>
  77. <meta name="text:link 1 url" content=""/>
  78. <meta name="text:link 2" content=""/>
  79. <meta name="text:link 2 url" content=""/>
  80. <meta name="text:link 3" content=""/>
  81. <meta name="text:link 3 url" content=""/>
  82. <meta name="text:link 4" content=""/>
  83. <meta name="text:link 4 url" content=""/>
  84. <meta name="text:link 5" content=""/>
  85. <meta name="text:link 5 url" content=""/>
  86. <meta name="text:link 6" content=""/>
  87. <meta name="text:link 6 url" content=""/>
  88.  
  89. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>
  90.  
  91.  
  92. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  93. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  94.  
  95. <style type="text/css">
  96. ::selection {
  97. background-color:{color:selection};
  98. }
  99. ::-webkit-scrollbar-thumb {
  100. background-color:{color:scrollbar};
  101. }
  102.  
  103. #s-m-t-tooltip {
  104. display:block;
  105. background:#fff;
  106. font-size:8px;
  107. font-family:calibri;
  108. letter-spacing:1px;
  109. line-height:18px;
  110. color:{color:text};
  111. border:1px solid #fff;
  112. border-radius:5px;
  113. text-align:center;
  114. margin-left:18px;
  115. padding:4px;
  116. min-width:40px;
  117. max-width:180px;
  118. z-index:99999;
  119. }
  120.  
  121.  
  122.  
  123. /*IMAGE OPACITY*/
  124.  
  125.  
  126. img {
  127. opacity: .9;
  128. -webkit-transition: all 0.6s ease-out;
  129. -moz-transition: all 0.6s ease-out;
  130. transition: all 0.6s ease-out;
  131. -webkit-filter:grayscale(0%);
  132. -moz-filter:grayscale(0%);
  133. -ms-filter:grayscale(0%);
  134. -o-filter:grayscale(0%);
  135. filter:grayscale(0%);}
  136.  
  137. img:hover {
  138. opacity: 1;
  139. -webkit-transition: all 0.6s ease-out;
  140. -moz-transition: all 0.6s ease-out;
  141. transition: all 0.6s ease-out;}
  142.  
  143. iframe.photoset {
  144. opacity: .9;
  145. -webkit-transition: all 0.6s ease-out;
  146. -moz-transition: all 0.6s ease-out;
  147. transition: all 0.6s ease-out;
  148. -webkit-filter:grayscale(0%);
  149. -moz-filter:grayscale(0%);
  150. -ms-filter:grayscale(0%);
  151. -o-filter:grayscale(0%);
  152. filter:grayscale(0%);}
  153. }
  154. iframe.photoset:hover {
  155. opacity:1;
  156. -webkit-transition: all 0.6s ease-out;
  157. -moz-transition: all 0.6s ease-out;
  158. transition: all 0.6s ease-out;
  159. }
  160.  
  161.  
  162.  
  163.  
  164. .posteu img:hover, .posteu a img:hover, .photoset:hover {
  165. opacity:1;
  166. -webkit-transition: all 0.4s ease-out;
  167. -moz-transition: all 0.4s ease-out;
  168. transition: all 0.4s ease-out;
  169. }
  170.  
  171.  
  172. #icon {margin-top:75px;
  173. margin-left:49px;
  174. position:fixed;
  175. top:22px;
  176. z-index:9;
  177. opacity:0.8;
  178.  
  179. }
  180.  
  181. #icon img {
  182. height:110px;
  183. border-radius:2px;
  184. }
  185.  
  186.  
  187. #desc{
  188. text-align:left;
  189. width:200px;
  190. font-family:calibri;
  191. letter-spacing:1px;
  192. word-spacing:1px;
  193. font-style:italic;
  194. font-size:9px;
  195. line-height:15px;
  196. position:fixed;
  197. margin-left:50px;
  198. margin-top:215px;
  199. z-index:9;
  200. }
  201.  
  202. #links {
  203.  
  204. margin-left:-5px;
  205. margin-top:9px;
  206. line-height:14px;
  207. text-transform:uppercase;
  208. position:fixed;
  209. font-style:normal;
  210. font-family:calibri;
  211.  
  212. letter-spacing:2px;
  213. word-spacing:2px;
  214. font-size:8px;
  215.  
  216. }
  217.  
  218.  
  219. #links a {
  220. margin-right:5px;
  221. display:inline-block;
  222. margin-bottom:10px;
  223. background-color:{color:linkbg};
  224. padding:1px 4px 1px 4px;
  225.  
  226.  
  227. }
  228.  
  229. #links a:hover{
  230. background-color:{color:sub title};
  231. }
  232.  
  233.  
  234. body {
  235. background-color:{color:page border};
  236.  
  237. color:{color:text};
  238. letter-spacing:2px;
  239. word-spacing:2px;
  240. font-family:{text:font family}, arial, sans-serif;
  241. font-size:{text:font size}px;
  242. {block:ifUppercase}text-transform:uppercase;{/block:ifUppercase}
  243. {block:ifLetterSpacing}letter-spacing:1px;{/block:ifLetterSpacing}
  244. }
  245.  
  246. #main {
  247. background-color:{color:background};
  248. {block:ifBackgroundImage}background-image:url('{image:background}');
  249. background-attachment:fixed;
  250. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  251. }
  252. #menu {
  253. background-color:{color:background};
  254. {block:ifBackgroundImage}background-image:url('{image:background}');
  255. background-attachment:fixed;
  256. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  257. }
  258. #menu .box {
  259. border:3px solid {color:post border};
  260. background-color:{color:post bg};
  261. }
  262. #menu .box h1 {
  263. background-color:{color:post bg};
  264. border-bottom:3px solid {color:post border};
  265. }
  266. #menu .links a {
  267. border-bottom:1px solid {color:link border};
  268. }
  269. #menu .links a:hover {
  270. border-color:{color:link border hover};
  271. }
  272. #top {
  273. color:{color:title};
  274. margin-left:-5px;
  275.  
  276. text-shadow:3px 3px 0px {color:title shadow};
  277. }
  278.  
  279. #top a:hover{
  280. color:{color:sub title};
  281. text-shadow:none;
  282.  
  283. }
  284.  
  285.  
  286. #content {
  287. width:{text:post size}px;
  288. {block:IndexPage}{block:ifNotOneColumn}
  289. width:818px;
  290. max-width:none;
  291. padding:50px 0px 50px 50px;{/block:ifNotOneColumn}{/block:IndexPage}
  292. }
  293. .entry {
  294.  
  295. {block:IndexPage}
  296. margin-bottom:130px;
  297. margin-top:0px;
  298. {block:ifNotOneColumn}
  299. margin-bottom:70px;
  300. margin-top:0px;
  301. margin-left:90px;
  302. float:left;
  303. width:260px;{/block:ifNotOneColumn}{/block:IndexPage}
  304. }
  305. .post {
  306. padding:7px;
  307. background-image: -o-linear-gradient(bottom, #fffdf3 0%, #fef9ff 45%, #f7f8ff 100%);
  308. background-image: -moz-linear-gradient(bottom, #fffdf3 0%, #fef9ff 45%, #f7f8ff 100%);
  309. background-image: -webkit-linear-gradient(bottom, #fffdf3 0%, #fef9ff 45%, #f7f8ff 100%);
  310. background-image: -ms-linear-gradient(bottom, #fffdf3 0%, #fef9ff 45%, #f7f8ff 100%);
  311. background-image: linear-gradient(to bottom, #fffdf3 0%, #fef9ff 45%, #f7f8ff 100%);
  312. }
  313.  
  314. }
  315. .post a {
  316. border-bottom:1px solid {color:link border};
  317. }
  318. .post a:hover {
  319. border-color:{color:link border hover};
  320. }
  321. .date .bg {
  322. background-color:{color:post border};
  323. }
  324. .date .permalink {
  325.  
  326. color:{color:permalink text};
  327. background-color:{color:permalink bg};
  328. }
  329. .tagged {
  330. color:{color:tags};
  331. text-transform:none;
  332. background-color:{color:post border};
  333. {block:IndexPage}opacity:0;
  334. position:absolute;
  335. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}{/block:IndexPage}
  336. }
  337. .post > h1,
  338. .question,
  339. .quote,
  340. .caption,
  341. .body,
  342. .source,
  343. .notes ol {
  344. background-color:transparent;
  345. }
  346. .caption {
  347. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  348. }
  349. .pagination > * {
  350.  
  351. font-size:19px;
  352. color:{color:pages};
  353. text-shadow:1px 1px 0px {color:pages shadow};
  354. }
  355. .pagination .current {
  356. color:{color:link border};
  357. }
  358. #tumblr_lightbox {
  359. background-color:{color:background}!important;
  360. {block:ifBackgroundImage}background-image:url('{image:background}')!important;
  361. background-attachment:fixed;
  362. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}{/block:ifBackgroundImage}
  363. }
  364. #tumblr_lightbox img {
  365. box-shadow:5px 5px 0px {color:title shadow}!important;
  366. }
  367.  
  368. #image img {
  369. height: 100px;
  370. position: fixed;
  371. right: 60px;
  372. bottom: 100px;
  373. z-index:999;
  374. opacity:0.7;
  375. }
  376.  
  377.  
  378.  
  379.  
  380.  
  381. #perm{
  382. margin-top:-25px;
  383.  
  384. text-transform:normal;
  385. letter-spacing:2px;
  386. font-family:calibri;
  387. font-size:7px;
  388. color:{color:text};
  389.  
  390. }
  391.  
  392. #perm a{
  393. color:{color:text};
  394. -webkit-transition: all 0.7s ease-in-out;
  395. -moz-transition: all 0.7s ease-in-out;
  396. -o-transition: all 0.7s ease-in-out;
  397. -ms-transition: all 0.7s ease-in-out;
  398. transition: all 0.7s ease-in-out;
  399. }
  400.  
  401. #perm a:hover{
  402. color:{color:links hover};
  403. -webkit-transition: all 0.7s ease-in-out;
  404. -moz-transition: all 0.7s ease-in-out;
  405. -o-transition: all 0.7s ease-in-out;
  406. -ms-transition: all 0.7s ease-in-out;
  407. transition: all 0.7s ease-in-out;
  408. }
  409.  
  410. .perm{
  411. position:relative;
  412. text-align:left;
  413. text-transform:uppercase;
  414. font-family:calibri;
  415. letter-spacing:0px;
  416. font-size:11px;
  417. margin-top:10px;
  418. color:#bbb;
  419. opacity:1;
  420. margin-left:auto;
  421. margin-right:auto;
  422.  
  423. }
  424.  
  425. .perm a{
  426. color:#bbb;
  427. -webkit-transition: all 0.5s ease-in-out;
  428. -moz-transition: all 0.5s ease-in-out;
  429. -o-transition: all 0.5s ease-in-out;
  430. -ms-transition: all 0.5s ease-in-out;
  431. transition: all 0.5s ease-in-out;
  432. }
  433.  
  434. .perm a:hover{
  435. color:{color:links hover};
  436. -webkit-transition: all 0.5s ease-in-out;
  437. -moz-transition: all 0.5s ease-in-out;
  438. -o-transition: all 0.5s ease-in-out;
  439. -ms-transition: all 0.5s ease-in-out;
  440. transition: all 0.5s ease-in-out;
  441. }
  442.  
  443. #tags{
  444. position:relative;
  445. text-align:left;
  446. font-family:calibri;
  447. letter-spacing:1px;
  448. text-transform:uppercase;
  449. font-size:9px;
  450. margin-top:10px;
  451. color:{color:text};
  452. opacity:1;
  453. margin-left:auto;
  454. margin-right:auto;
  455.  
  456. -webkit-transition: all 0.7s ease-in-out;
  457. -moz-transition: all 0.7s ease-in-out;
  458. -o-transition: all 0.7s ease-in-out;
  459. -ms-transition: all 0.7s ease-in-out;
  460. transition: all 0.7s ease-in-out;
  461. }
  462.  
  463. #tags a{
  464. color:{color:text};
  465. -webkit-transition: all 0.5s ease-in-out;
  466. -moz-transition: all 0.5s ease-in-out;
  467. -o-transition: all 0.5s ease-in-out;
  468. -ms-transition: all 0.5s ease-in-out;
  469. transition: all 0.5s ease-in-out;
  470. }
  471.  
  472. #tags a:hover{
  473. color:{color:links hover};
  474. -webkit-transition: all 0.5s ease-in-out;
  475. -moz-transition: all 0.5s ease-in-out;
  476. -o-transition: all 0.5s ease-in-out;
  477. -ms-transition: all 0.5s ease-in-out;
  478. transition: all 0.5s ease-in-out;
  479. }
  480.  
  481.  
  482. #leftbar {
  483. border-right: 0px solid
  484. {color:page border};
  485.  
  486. height: 2000px;
  487. overflow: hidden;
  488. margin-top: -200px;
  489. left: 0px;
  490. position: fixed;
  491. z-index:9;
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498. }
  499.  
  500.  
  501.  
  502.  
  503.  
  504.  
  505.  
  506.  
  507.  
  508.  
  509.  
  510.  
  511. .popup_block{
  512. display:none;
  513.  
  514. background:#fff;
  515.  
  516.  
  517. padding:20px;
  518. border:5px solid {color:title}; /* if you want a solid white pop-up, delete this */
  519. float:left;
  520. width:450px;
  521. position:fixed;
  522. top:50%;left:50%;
  523. z-index: 99999;
  524. font-family:'trebuchet ms';
  525.  
  526. word-spacing:1px;
  527. line-height:20px;
  528.  
  529. text-transform:uppercase;
  530. letter-spacing:2px;
  531. font-size:8px;
  532.  
  533.  
  534. }
  535.  
  536. *html #fade {position: absolute;}
  537. *html .popup_block {position: absolute;}
  538. #fade {
  539. display:none;
  540. position:fixed;
  541. left:0px;
  542. top:0px;
  543. width:100%;
  544. height:100%;
  545. z-index:9999;
  546. background: #ffffff url(http://static.tumblr.com/826c17d684b9cbeb81e03dfbdf617dd8/c2e2lse/CIInharg7/tumblr_static_6hqtj1v1900sc0c0c040g84cc.png); /*body background*/
  547.  
  548.  
  549. background-color:#fff;
  550.  
  551. opacity:1; /* change to opacity:1; */
  552.  
  553.  
  554.  
  555. }
  556.  
  557. #t{
  558. letter-spacing:3px;
  559. font-weight:normal;
  560. line-height:50px;
  561. color:#fff;
  562. font-size:50px;
  563. font-family:'open sans condensed';
  564. }
  565.  
  566.  
  567.  
  568. </style>
  569.  
  570.  
  571.  
  572.  
  573. </head>
  574.  
  575. <script type="text/javascript"
  576. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  577. <script>
  578. $(document).ready(function() {
  579. //
  580. $('a.poplight[href^=#]').click(function() {
  581. var popID = $(this).attr('rel'); //Get Popup Name
  582. var popURL = $(this).attr('href'); //Get Popup href to define size
  583. var query= popURL.split('?');
  584. var dim= query[1].split('&');
  585. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  586. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  587. var popMargTop = ($('#' + popID).height() + 80) / 2;
  588. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  589. //Apply Margin to Popup
  590. $('#' + popID).css({
  591. 'margin-top' : -popMargTop,
  592. 'margin-left' : -popMargLeft
  593. });
  594. $('body').append('<div id="fade"></div>');
  595. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  596. return false;
  597. });
  598. $('a.close, #fade').live('click', function() {
  599. $('#fade , .popup_block').fadeOut(function() {
  600. $('#fade, a.close').remove(); //fade them both out
  601. });
  602. return false;
  603. });
  604. });
  605. </script>
  606.  
  607.  
  608. <body>
  609.  
  610.  
  611.  
  612.  
  613. <div id="box1" class="popup_block">
  614.  
  615.  
  616. <center>
  617.  
  618.  
  619.  
  620. <big><b><a title="koo as in koo junhoe. milk as in i love milk teas!" href="">KOOMILK</a></big></b>
  621. <br/>
  622. <br />
  623.  
  624.  
  625. [ <a title="life’s hard when you stan a group that didnt even debut yet..." href="">KITANA キタナ</a> | <a title="i stan & adore that sassy kid, koo junhoe (if not already obvious)" href="">1997</a> | <a title="other than ikon, im into: b1a4, winner, got7, bts, lots of girl groups and others" href="">Taurus</a> | <a title="i like too many things: anime/manga, haikyuu!!, ds games, dogs, and dance practice videos??" href="">Hawaii</a> ] <br/>
  626.  
  627. | <a title="idk man i just really love sports anime" href="">INFJ</a> | <a title="feel free to talk to me about anything!" href="">Japanese/Filipino</a> | <a href="http://twitter.com/girikid">Twitter</a> |
  628.  
  629. <br/>
  630. <br/>
  631.  
  632. *Note: Hover over the words above for info ;')</a>
  633.  
  634. </center>
  635.  
  636. </div>
  637.  
  638. </div></div></div></div></div></div></div></div></div></div>
  639.  
  640.  
  641.  
  642. <div id="leftbar"></div>
  643. <script language=JavaScript>
  644. <!--
  645.  
  646. //Disable right click script III- By Renigade (renigade@mediaone.net)
  647. //For full source code, visit http://www.dynamicdrive.com
  648.  
  649. var message="";
  650. ///////////////////////////////////
  651. function clickIE() {if (document.all) {(message);return false;}}
  652. function clickNS(e) {if
  653. (document.layers||(document.getElementById&&!document.all)) {
  654. if (e.which==2||e.which==3) {(message);return false;}}}
  655. if (document.layers)
  656. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  657. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  658.  
  659. document.oncontextmenu=new Function("return false")
  660. // -->
  661. </script>
  662.  
  663. <BODY onselectstart=”return false;” ondragstart=”return false;”>
  664. </div>
  665.  
  666.  
  667. <div id="main">
  668.  
  669. <div id="content">
  670. {block:Posts}<article class="entry"><div class="post">
  671. {block:Answer}<!-- answer --><div class="ask"><div class="portrait" style="background-image:url({AskerPortraitURL-128});"></div><div class="question">{Asker}: {Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="background-image:url(); {block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerBlack}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div></div></div>{/block:Audio}{block:Chat}<!-- chat --> {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines} </div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-500}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{block:ifOneColumn}{Photoset}{/block:ifOneColumn}{block:ifNotOneColumn}{Photoset-250}{/block:ifNotOneColumn}</div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-250}</div>{/block:Video}
  672. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  673. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  674. </div>
  675. {block:Date}<div class="date"><span class="bg"><a href="{Permalink}" class="permalink">{ShortMonth} {DayOfMonth}</a>{block:IndexPage}<a href="{ReblogURL}" class="permalink">+</a>{/block:IndexPage}</span>{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a><i class="comma">,</i> {/block:Tags}</div>{/block:HasTags}</div>{/block:Date}
  676. </article>
  677.  
  678. {block:PermalinkPage}
  679. <div id="perm">
  680. {block:Date}<div class="perm">Posted on {ShortMonth} {DayOfMonthWithZero}, {Year} at {24Hour}:{Minutes} {/block:Date}
  681. {block:RebloggedFrom}— Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> / Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  682. {/block:RebloggedFrom}
  683.  
  684.  
  685.  
  686. </div>
  687. {/block:PermalinkPage}
  688.  
  689. {block:PostNotes}<!-- post notes --><article class="entry"><div class="post n"><h1>{NoteCountWithLabel}</h1><div class="notes">{PostNotes}</div></div></article>{/block:PostNotes}
  690.  
  691. {/block:Posts}
  692.  
  693.  
  694. </div>
  695. {block:Pagination}<div class="pagination">{block:JumpPagination length="5"}{block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="next" style="display:none"></a>{/block:NextPage}</div>{/block:Pagination}
  696. </div>
  697.  
  698. <div id="top"><a title="click me for links!!!"href="#" id="title">クミルキ</a></div>
  699.  
  700. <div id="icon"><a title="reload"href="/"><img src="http://media.tumblr.com/7e946d0b7664a721e95f54a65263b2b0/tumblr_inline_ni1a88IUf41qhqyii.png"></a></div>
  701. <div id="desc">
  702. only the things i love...<br />
  703. fashion, anime, food, etc<br />
  704. dedicted to the boys of ikon<br />
  705. 「すぐに燃え尽きる恋より<br />
  706. ずっと愛しい君でいて。」
  707.  
  708.  
  709. <div id="links">
  710. <a title="message"href="/ask"><img src="http://media.tumblr.com/5b80f6b287f935df5d5eae173919821e/tumblr_inline_n2aigwiUlj1r7v6wt.png"> メッセージ</a>
  711.  
  712. <a title="archive"href="/archive"><img src="http://static.tumblr.com/3yblkz0/VCjn2c2my/tr.png"> アーカイブ</a>
  713.  
  714.  
  715. <br />
  716.  
  717. <a title="netkon" href="http://netkon.tumblr.com"><img src="http://media.tumblr.com/b0ee1d7a2bf3305f765bdac6d78dae7e/tumblr_inline_n2aih4x7ur1r7v6wt.png"> netkon</a>
  718. <a title="about" href="/nishinoya"><img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png"> プロフィール</a>
  719.  
  720. <br />
  721.  
  722. <a title="anime + art blog" href="http://haipyuu.tumblr.com"><img src="http://static.tumblr.com/3yblkz0/Axbn2c23y/bin2.png"> ハイピュー!!</a>
  723. <a title="personal blog" href="http://girikid.tumblr.com"><img src="http://static.tumblr.com/3yblkz0/9mQn46s61/untitled-2.png"> ギリボイ </a>
  724.  
  725. </center>
  726. </div>
  727. </div>
  728. </div>
  729. </div>
  730.  
  731.  
  732.  
  733.  
  734.  
  735.  
  736. <img style="position: fixed; z-index: 1000; left: 213px; top: 58px; height:30px; opacity:0.3 ;" title="junhoe are u a red light? bc stop"src="http://media.tumblr.com/d46d78c74e50af298837d98fe499d939/tumblr_inline_ni8emaBl7M1reem51.png">
  737.  
  738.  
  739. <img style="position: fixed; z-index: 1000; left: 140px; top: 90px; height:80px; opacity:0.8 ;" src="http://40.media.tumblr.com/bb03066a52fcb47aa2074ea34fdda823/tumblr_nj2yupIPFa1ssble0o1_250.png">
  740.  
  741.  
  742. <img style="position: fixed; z-index: 1000; right: 155px; bottom: 165px; height:20px; opacity:0.9 ;" src="http://33.media.tumblr.com/11b9dfe8aaecf052067f5155bff24d0f/tumblr_n651cv1Nz41snc5kxo1_500.gif">
  743.  
  744.  
  745.  
  746.  
  747.  
  748.  
  749. <img style="position: fixed; z-index: 1000; right: 40px; bottom: 110px; height:20px; opacity:0.9 ;" src="http://33.media.tumblr.com/11b9dfe8aaecf052067f5155bff24d0f/tumblr_n651cv1Nz41snc5kxo1_500.gif">
  750.  
  751.  
  752. <img style="position: fixed; z-index: 1000; right: 110px; bottom: 167px; height:20px; opacity:0.7 ;" src="http://media.tumblr.com/5c560e93393ec3a06f979a435f86d781/tumblr_inline_ni1auwF2N61qhqyii.png">
  753.  
  754.  
  755.  
  756. <div id="image"><img src="http://media.tumblr.com/4c9fe677f8931fe30304f362a91cf393/tumblr_inline_ni1aqw1Fyl1qhqyii.png"/></div>
  757.  
  758.  
  759.  
  760. <div id="menu"><div class="nest"><div class="cont">{block:Description}<div class="box"><h1>About</h1><div class="description">{Description}</div></div>{/block:Description}<div class="box"><h1>Links</h1><div class="links">{block:ifHomeLink}{/block:ifHomeLink}{block:ifArchiveLink}<a href="http://twitter.com/GiriKid">twitter</a><br/>{/block:ifArchiveLink}
  761. {block:ifAskLink}<a href="/ask">{text:ask link}</a><br/>{/block:ifAskLink}{block:ifLink1}<a href="{text:link 1 url}">{text:link 1}</a><br/>{/block:ifLink1}{block:ifLink2}<a href="{text:link 2 url}">{text:link 2}</a><br/>{/block:ifLink2}{block:ifLink3}<a href="{text:link 3 url}">{text:link 3}</a><br/>{/block:ifLink3}{block:ifLink4}<a href="{text:link 4 url}">{text:link 4}</a><br/>{/block:ifLink4}{block:ifLink5}<a href="{text:link 5 url}">{text:link 5}</a><br/>{/block:ifLink5}{block:ifLink6}<a href="{text:link 6 url}">{text:link 6}</a><br/>{/block:ifLink6}<a href="http://selkas.tumblr.com">theme</a></div></div></div></div><div class="exit"></div></div>
  762. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script><script>$(function(){$('#title').bind('click',function(){$('body').toggleClass('open');return false;});$('.exit').bind('click',function(){$('body').toggleClass('open');return false;});});</script>{block:ifNotOneColumn}{block:IndexPage}<script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script><script>$(function(){ var $container = $('#content'); $container.imagesLoaded(function(){ $container.masonry({ itemSelector: '.entry', },function(){ $( layoutItems ).css("z-index","1"); }); }); });</script>{/block:IndexPage}{/block:ifNotOneColumn}
  763. </body>
  764. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement