Advertisement
SeoulChan

Sweet Milk

Apr 4th, 2015
2,510
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Lua 13.76 KB | None | 0 0
  1. <!-----------------------------------------------------------------------
  2.  _         _             _    
  3. | | ____ _(_) __ _ _   _| | __
  4. | |/ / _` | |/ _` | | | | |/ /
  5. |   < (_| | | (_| | |_| |   <
  6. |_|\_\__,_|_|\__, |\__,_|_|\_\
  7.              |___/
  8. Sweet milk theme by Anika (Ani) aka Kaiguk (http://kaiguk.tumblr.com/)
  9.  
  10. Please remember to follow the rules and not steal anything because you don't
  11. have an imagination of your own.
  12.  
  13. If anything goes wrong or you have any questions, just let me know!
  14.  
  15. Happy Using and Have a good day!
  16. ------------------------------------------------------------------------>
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19.  
  20. <title>{Title}</title>
  21.  
  22. <link rel="shortcut icon" href="{Favicon}" />
  23.  
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. {block:Description}<meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <head>
  30.  
  31. <meta name="if:ShowCaptions" content="1"/>
  32. <meta name="if:ShowTags" content="1"/>
  33. <meta name="if:Header" content="1"/>
  34.  
  35. <meta name="color:Bold" content="#ffb8b5"/>
  36. <meta name="color:Italic" content="#ffdcdb"/>
  37. <meta name="color:Underline" content="#ffe9e8"/>
  38. <meta name="color:Background" content="#ffffff"/>
  39. <meta name="color:Border" content="#cccccc"/>
  40. <meta name="color:Text" content="#aaaaaa"/>
  41. <meta name="color:Link" content="#ffb8b5"/>
  42. <meta name="color:Hover" content="#eeeeee"/>
  43. <meta name="color:Border" content="#cccccc"/>
  44. <meta name="color:Post bg" content="#fcfcfc"/>
  45. <meta name="color:Desc bg" content ="#000000"/>
  46. <meta name="color:Desc text" content ="#ffffff"/>
  47. <meta name="color:Caption Bg" content="#fbfbfb"/>
  48. <meta name="color:Caption Border" content="#f6f6f6"/>
  49. <meta name="color:Caption" content="#cccccc"/>
  50. <meta name="color:LinkTitleBG" content="#eeeeee"/>
  51. <meta name="color:LinkTitleText" content="#aaaaaa"/>
  52. <meta name="color:Selection text" content="#888888"/>
  53. <meta name="color:Selection bg" content="#eeeeee"/>
  54. <meta name="color:Scrollbar" content="#ffdddd"/>
  55.  
  56. <meta name="image:Sidebar Icon" content=""/>
  57. <meta name="image:Header Image" content=""/>
  58.  
  59.  
  60. <meta name="text:Link 1 URL" content="" />
  61. <meta name="text:Link 1" content="" />
  62. <meta name="text:Link 2 URL" content="" />
  63. <meta name="text:Link 2" content="" />
  64. <meta name="text:Link 3 URL" content="" />
  65. <meta name="text:Link 3" content="" />
  66. <meta name="text:Link 4 URL" content="" />
  67. <meta name="text:Link 4" content="" />
  68. <meta name="text:Link 5 URL" content="" />
  69. <meta name="text:Link 5" content="" />
  70. <meta name="text:Link 6 URL" content="" />
  71. <meta name="text:Link 6" content="" />
  72. <meta name="text:Link 7 URL" content="" />
  73. <meta name="text:Link 7" content="" />
  74. <meta name="text:Link 8 URL" content="" />
  75. <meta name="text:Link 8" content="" />
  76.  
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips();
  83. });
  84. })(jQuery);
  85. </script>
  86.  
  87. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  88.  
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar {width: 7px; height: 4px; background: #ffffff; }
  93. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  94.  
  95.  
  96. body {
  97. background:{color:background};
  98. color:{color:text};
  99. font-family:courier;
  100. font-size:9.5px;
  101. text-transform:uppercase;
  102. word-wrap: break-word;
  103. text-align: justify;margin:0;
  104. line-height:16px;
  105. }
  106.  
  107.  
  108. a {
  109. color:{color:link};
  110. text-decoration:none;
  111. -moz-transition-duration: 0.4s;
  112. -webkit-transition-duration: 0.4s;
  113. -o-transition-duration: 0.4s;
  114. }
  115.  
  116. a:hover {
  117. color:{color:hover};
  118. -moz-transition-duration: 0.4s;
  119. -webkit-transition-duration: 0.4s;
  120. -o-transition-duration: 0.4s;
  121. }
  122.  
  123. b,strong{
  124. color:{color:bold};
  125. }
  126.  
  127. i,em{
  128. color:{color:italic};
  129. }
  130.  
  131. u{
  132. color:{color:underline};
  133. }
  134.  
  135. blockquote {
  136. padding:5px 0 5px 30px;
  137. border-left:1px solid {color:link};
  138. margin-left:30px;
  139. }
  140.  
  141. {block:IfHeader}
  142. #head {
  143. margin-top:200px;
  144. margin-left:-280px;
  145. margin-bottom:150px;
  146. position:absolute;
  147. }
  148.  
  149. #head img {
  150. width:1000px;
  151. height:500px;
  152. padding:30px;
  153. background:#fff;
  154. }
  155. {/block:IfHeader}
  156.  
  157. {block:IfNotHeader}
  158. #head{
  159. display:none;
  160. }
  161.  
  162. .head img{
  163. display:none;
  164. }
  165. {/block:IfNotHeader}
  166.  
  167. #sidebar {
  168. margin-left:-220px;
  169. margin-top:450px;
  170. width:400px;
  171. position:fixed;
  172. }
  173.  
  174. #sidebarim {
  175. margin-bottom:20px;
  176. }
  177.  
  178. #sidebarim img {
  179. width:80px;
  180. height:80px;
  181. margin-top:20px;
  182. float:left;
  183. padding:5px;
  184. padding-left:5px;
  185. border-radius:10px;
  186. }
  187.  
  188. #desc {
  189. width:300px;    
  190. padding:10px;
  191. padding-left:5px;
  192. padding-right:5px;
  193. word-spacing:1px;
  194. letter-spacing:1px;
  195. font-size:9px;
  196. text-transform:uppercase;
  197. text-align:left;
  198. }
  199.  
  200. .desc {
  201. line-height:180%;
  202. background:{color:desc BG};
  203. color:{color:desc text};
  204. }
  205.  
  206. #topbar {
  207. top:0px;
  208. left:0px;
  209. width:100%;
  210. height:60px;
  211. background:{color:background};
  212. z-index:1;
  213. position:fixed;
  214. }
  215.  
  216. #links {
  217. line-height:16px;
  218. margin-top:30px;
  219. margin-left:50px;
  220. }
  221.  
  222. #links a {
  223. margin-left:20px;
  224. background:{color:background};
  225. text-transform:uppercase;
  226. text-align:center;
  227. }
  228.  
  229. #links a:hover{
  230. color:{color:hover};    
  231. }
  232.  
  233. #sehun {
  234. left:50%;
  235. margin-left:-250px;
  236. position:absolute;
  237. }
  238. {block:IfHeader}
  239.  
  240. #entries {
  241. margin-top:980px;
  242. width:500px;
  243. }
  244. {block:IfHeader}
  245.  
  246. {block:IfNotHeader}
  247. #entries{
  248. margin-top:200px;
  249. }
  250. {/block:IfNotHeader}
  251.  
  252.  
  253. #posts {
  254. background:{color:post bg};
  255. border:1px solid {color:border};
  256. padding:20px;
  257. width:500px;
  258. margin-bottom:75px;
  259. margin-left:200px;
  260. }
  261.  
  262. #posts img {
  263. max-width:500px;
  264. }
  265.  
  266. #titlequote {
  267. text-align:left;
  268. font-size:14px;
  269. line-height:18px;
  270. font-weight:bold;
  271. }
  272.  
  273. #source {
  274. margin-top:15px;
  275. margin-left:15px;
  276. }
  277.  
  278. .question {
  279. margin-bottom:10px;
  280. font-style:italic;
  281. padding:3px;
  282. background-color:#F6F6F6;
  283. }
  284.  
  285. .answer {
  286. margin-top:10px;
  287. }
  288.  
  289. .player {
  290. width:25px;
  291. height:25px;
  292. overflow:hidden;
  293. position:absolute;
  294. background:white;
  295. }
  296.  
  297. .audioinfo {
  298. margin-left:50px;
  299. }
  300.  
  301. .chat ol {
  302. padding:0;
  303. list-style:none;
  304. }
  305.  
  306. .line {
  307. padding:5px 0;
  308. border-bottom:1px solid {color:border};
  309. }
  310.  
  311. {block:IfShowCaptions}
  312. #captions {
  313. margin-top: 10px;
  314. padding:5px;
  315. text-align:left;
  316. background: {color:Caption bg};
  317. border: 1px solid {color:Caption border};
  318. color:{color:Caption};
  319. }
  320. {/block:IfShowCaptions}
  321.  
  322. {block:IfNotShowCaptions}
  323. #captions {
  324. display:none;
  325. }
  326. {/block:IfNotShowCaptions}
  327.  
  328. {block:IfShowTags}
  329. #tags{
  330. text-align:right;
  331. color:{color:text};
  332. word-spacing:2px;
  333. font-style:italic;
  334. }
  335. {/block:IfShowTags}
  336.  
  337. {block:IfNotShowTags}
  338. #tags{
  339. display:none;
  340. }
  341. {block:IfNotShowTags}
  342.  
  343. #permaout {
  344. border-bottom:1px solid {color:Border};
  345. padding:5px;
  346. font-size:9px;
  347. color:{color:link};
  348. text-transform:normal;
  349. font-style:normal;
  350. letter-spacing:2px;
  351. text-align:right;
  352. -moz-transition-duration:0.5s;
  353. -webkit-transition-duration:0.5s;
  354. -o-transition-duration:0.5s;
  355. }
  356.  
  357. .note li {
  358. list-style-type:none;
  359. padding:10px 25px 10px 25px;
  360. text-align:left;
  361. margin:0px;
  362. border-bottom:1px solid {color:border};
  363. -moz-transition-duration:0.5s;
  364. -webkit-transition-duration:0.5s;
  365. -o-transition-duration:0.5s;
  366. }
  367.  
  368. .notes img {
  369. display:none!important;
  370. }
  371.  
  372. #ani {
  373. position:fixed;
  374. left:10px;
  375. bottom:10px;
  376. text-transform:uppercase;
  377. font-size:15px;
  378. letter-spacing:1px;
  379. padding:5px;
  380. -webkit-transition: all 0.3s ease;
  381. -moz-transition: all 0.3s ease;
  382. -ms-transition: all 0.3s ease;
  383. -o-transition: all 0.3s ease;
  384. transition: all 0.3s ease;
  385. }
  386.  
  387. #s-m-t-tooltip {
  388. z-index: 9999;
  389. background: {color:LinkTitleBG};
  390. font-size: 10px;
  391. line-height: 11px;
  392. font-family: arial;
  393. letter-spacing: 1px;
  394. text-transform: normal;
  395. color: {color:LinkTitleText};
  396. max-width: 150px;
  397. word-wrap: break-word;
  398. padding: 2px 5px 2px 6px;
  399. display: block;
  400. margin: 24px 14px 7px 12px;
  401. -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  402. -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  403. box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.10);
  404. }
  405.  
  406. ::selection {
  407. background:{color:selection bg};
  408. color:{color:selection text};
  409. }
  410.  
  411. #jongin {
  412. padding:10px;
  413. width:474px;
  414. text-align:justify;
  415. line-height:15px;
  416. margin-top:10px;
  417. height:auto;
  418. }
  419.  
  420. #scrollToTop:link, #scrollToTop:visited {
  421. display:none;
  422. position:fixed;
  423. bottom: 10px;
  424. right:10px;
  425. }
  426.  
  427. {CustomCSS}
  428.  
  429. </style>
  430.  
  431. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  432.  
  433. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  434. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  435.  
  436. <a href="javascript:;" id="scrollToTop"  title="top"><i style="color:{color:link};"class="fa fa-chevron-up fa-3x"></i></a>
  437.  
  438. </head>
  439.  
  440. <body>
  441.  
  442. <div id="sehun">
  443.  
  444. <div id="head"><div id="headimg"><img src="{image:header Image}"></div></div>
  445.  
  446. <div id="sidebar">
  447.  
  448. <div id="sidebarim"><img src="{image:Sidebar Icon}"></div>
  449.  
  450. <div id="desc"><span class="desc">{Description}</span></div>
  451.  
  452. <div id="topbar">
  453.  
  454. <div id="links">
  455. <center>
  456. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  457. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  458. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  459. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  460. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}
  461. {block:ifLink6}<a href="{text:Link 6 URL}">{text:Link 6}</a>{/block:ifLink6}
  462. {block:ifLink7}<a href="{text:Link 7 URL}">{text:Link 7}</a>{/block:ifLink7}
  463. {block:ifLink8}<a href="{text:Link 8 URL}">{text:Link 8}</a>{/block:ifLink8}
  464. </center>
  465.  
  466. </div>  
  467.  
  468. </div>
  469.  
  470. </div>
  471.  
  472. <div id="entries">
  473.  
  474. <div class="autopagerize_page_element">
  475.  
  476. {block:Posts}
  477.  
  478. <div id="posts">
  479.  
  480. {block:Quote}
  481. <div id="titlequote">“{Quote}”</div>
  482. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  483. {/block:Quote}
  484.  
  485.  
  486. {block:Text}
  487. {block:Title}
  488. <div style="font-size:20px;" id="title">{Title}</div>{/block:Title}
  489. {Body}
  490. {/block:Text}
  491.  
  492. {block:Link}
  493. <div style="font-size:20px;"id="title"><a href="{URL}">{Name}
  494. <i style=" color:{color:link};"class="fa fa-arrow-right"></i>
  495. </a>
  496. </div>
  497. {block:Description}
  498. {Description}
  499. {/block:Description}
  500. {/block:Link}
  501.  
  502. {block:Chat}
  503. {block:Title}
  504. <h1>{Title}</h1>
  505. {/block:Title}
  506. <div class="chat">
  507. <ol>{block:Lines}
  508. <li class="line {Alt}">
  509. {block:Label}
  510. <span class="label">
  511. <b>{Label}</b></span>
  512. {/block:Label}{Line}</li>
  513. {/block:Lines}
  514. </ol></div>
  515. {/block:Chat}
  516.  
  517. {block:Photo}
  518. <a href="{Permalink}">
  519. <center>
  520. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/</a>
  521. </center>  
  522. {block:IndexPage}
  523. {block:Caption}
  524. <div id="captions">
  525. {Caption}</div>
  526. {/block:Caption}
  527. {/block:IndexPage}
  528. {/block:Photo}
  529.  
  530. {block:Photoset}
  531. <center>
  532. {Photoset-500}
  533. {block:IndexPage}
  534. {block:Caption}
  535. <div id="captions">
  536. {Caption}</div>
  537. {/block:Caption}
  538.  
  539. {block:IfNotShowCaptions}
  540. {block:PermalinkPage}
  541. {block:Caption}
  542. <div id="captions">
  543. {Caption}</div>
  544. {/block:Caption}
  545. {/block:PermalinkPage}
  546. {/block:IfNotShowCaptions}
  547. </center>  
  548. {/block:IndexPage}
  549. {/block:Photoset}
  550.  
  551. {block:Video}
  552. {Video-500}
  553. {/block:Video}
  554.  
  555. {block:Audio}
  556. <div style="margin-top:15px;" class="player">{AudioPlayerWhite}</div><div class="audioinfo">
  557. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<p>
  558. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<p>
  559. <b>Plays:</b> {PlayCount}
  560. </a></div>
  561. {/block:Audio}
  562.  
  563. {block:Answer}
  564. <div class="ask">
  565. <img src="http://media.tumblr.com/da6ec800b306286814b56c85c065973c/tumblr_inline_n2aigp3RjV1r7v6wt.png">
  566. {Asker} whispered:</div><p>
  567. <div class="question">
  568. <div style="background:{color:ask bg};">{Question}</div></div>
  569. <div class="answer">{Answer}</div>
  570. {/block:Answer}
  571.  
  572. {block:IndexPage}
  573. <div id="permaout"><a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} with {NoteCountWithLabel}</a>
  574. </div>
  575.  
  576. {block:IfShowTags}
  577. <div id="tags">
  578. {block:HasTags}
  579. <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
  580. Tagged under:
  581. {block:Tags}
  582. <a href="{TagURL}">#{Tag}</a>
  583. {/block:Tags}
  584. {/block:HasTags}
  585. </div>
  586. {/block:IfShowTags}
  587.  
  588. {block:IndexPage}
  589. {block:PermalinkPage}
  590. {block:Date}
  591. <div id="jongin">
  592. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<br>
  593. <img src="http://static.tumblr.com/3yblkz0/bWKn2c3l1/plan.png">
  594. <b>Date:</b> {ShortMonth} {DayOfMonthWithZero}, {Year}<br>
  595. {block:NoteCount}
  596. <img src="http://media.tumblr.com/9395b2e212e1433fceeb8f2fe727e88e/tumblr_inline_n2ajerV2ro1r7v6wt.png">
  597. <b>Notes:</b> {NoteCount}<br>
  598. {/block:NoteCount}
  599. {block:RebloggedFrom}
  600. <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  601. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  602. {/block:RebloggedFrom}
  603. {block:ContentSource}
  604. <img src="http://static.tumblr.com/3yblkz0/Eifn2c23d/w2.png">
  605. <b>Source:</b> <a href="{SourceURL}">{SourceTitle}</a><br>
  606. {/block:ContentSource}
  607. {block:HasTags}
  608. <img src="http://static.tumblr.com/3yblkz0/wfTn2c29g/tag.png">
  609. <b>Tagged under:</b>
  610. {block:Tags}
  611. <a href="{TagURL}">#{Tag}</a>
  612. {/block:Tags}
  613. {/block:HasTags}
  614. </div>
  615. {/block:Date}
  616. <div class="note">
  617. {block:PostNotes}{PostNotes}{/block:PostNotes}
  618. </div>
  619. {/block:PermalinkPage}
  620. </div>
  621.  
  622. {/block:Posts}
  623.  
  624. </div>
  625.  
  626. </div>
  627.  
  628. {block:ContentSource}
  629. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  630. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  631. {/block:SourceLogo}
  632. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  633. {/block:ContentSource}
  634.  
  635. </div>
  636.  
  637. <div id="ani">
  638.  
  639. <a href="http://kaiguk.tumblr.com/" title="theme by Ani">KG</a>
  640.  
  641. </div>
  642.  
  643. </body>
  644.  
  645. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement