API tools faq
paste
yuukithemes

Milk Revamped 5/17/14

yuukithemes
Jun 22nd, 2013
5,773
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.03 KB | None | 0 0
raw download clone embed print report
  1. <!--- MILK THEME REVAMPED BY @MEROKU.TUMBLR.COM
  2. D O N T REMOVE CREDITS PLEASE. --->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7.  
  8. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  9. <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>
  10.  
  11. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <meta name="color:Background" content="#ffffff" />
  22. <meta name="color:Bold Text" content="#505050"/>
  23. <meta name="color:Border" content="#F0F0F0" />
  24. <meta name="color:Italic Text" content="#DDD"/>
  25. <meta name="color:Link" content="#CCC" />
  26. <meta name="color:askerbackground" content="#FAFAFA" />
  27. <meta name="color:Link Hover" content="#FFF" />
  28. <meta name="color:Text" content="#AAA" />
  29. <meta name="color:Perma Border" content="#dddddd" />
  30. <meta name="color:Perma Background" content="#ffffff" />
  31. <meta name="color:Sidebar Background" content="#ffffff" />
  32. <meta name="image:Background" content=""/>
  33. <meta name="color:navigation" content="#000" />
  34. <meta name="color:navigation hover" content="#fff" />
  35. <meta name="image:sideimage" content=""/>
  36. <meta name="image:render" content=""/>
  37.  
  38. <meta name="if:ShowCaptions" content="1">
  39. <meta name="if:250px" content="0"/>
  40. <meta name="if:400px" content="1"/>
  41. <meta name="if:ShowTags" content="1" />
  42.  
  43. <meta name="text:link1" content="url" />
  44. <meta name="text:link2" content="url" />
  45. <meta name="text:link3" content="url" />
  46. <meta name="text:title1" content="hover title" />
  47. <meta name="text:title2" content="hover title" />
  48. <meta name="text:title3" content="hover title" />
  49.  
  50. <style type="text/css">
  51.  
  52. iframe#tumblr_controls {
  53. top:0%!important;
  54. right:0%!important;
  55. position:fixed!important;
  56. z-index:99999999!important;
  57. opacity:1;
  58. -webkit-filter:invert(100%);
  59. -moz-filter:invert(100%);
  60. -o-filter:invert(100%);
  61. -ms-filter:invert(100%);
  62. filter:invert(100%);
  63. }
  64.  
  65. body {background: {color:Background} url('{image:Background}');background-attachment: fixed;color: {color:Text};font-family: arial;font-size:10px;margin-top: -10px; text-align:justify;}
  66.  
  67. a {color:{color:Link};text-decoration: none;}
  68.  
  69. a:hover {color:{color:Link Hover}; text-decoration:underline;}
  70.  
  71. b, strong {color:{color:Bold Text};}
  72.  
  73. i, em {color:{color:Italic Text};}
  74.  
  75.  
  76. #content {padding:20px;
  77. margin: auto;
  78. margin-left:300px;
  79. {block:IndexPage}
  80. {block:If250px}width:290px;{/block:If250px}
  81. {block:If400px}width:440px;{/block:If400px}
  82. {/block:IndexPage}
  83. {block:PermalinkPage}
  84. margin:auto;width:440px;
  85. {/block:PermalinkPage}}
  86.  
  87. .post {
  88. {block:IndexPage}
  89. {block:if250px}
  90. width:270px;
  91. {/block:if250px}
  92. {block:if400px}
  93. width:420px;
  94. {/block:if400px}
  95. {/block:IndexPage}
  96. {block:PermalinkPage}
  97. width:420px;
  98. {/block:PermalinkPage}
  99. margin-bottom:0px;
  100. padding:5px;
  101. margin-top:40px;
  102. border: 1px solid {color:Border};
  103. background-color:#ffffff;
  104. }
  105.  
  106. .posts {
  107. {block:IndexPage}
  108. {block:if250px}
  109. width:250px;
  110. {/block:if250px}
  111. {block:if400px}
  112. width:400px;
  113. {/block:if400px}
  114. {/block:IndexPage}
  115. {block:PermalinkPage}
  116. width:400px;
  117. {/block:PermalinkPage}
  118. padding:10px;
  119. background-color:{color:Posts};
  120. color:{color:Text};
  121. font-family:arial;
  122. font-size:10px;
  123. text-align:justify;
  124. word-wrap:break-word;
  125. }
  126.  
  127. #info {
  128. padding:4px;
  129. background-color:{color:Perma Background};
  130. border-top:1px solid {color:Perma Border};
  131. color:{color:Text};
  132. font-family:verdana;
  133. font-size:8px;
  134. text-transform:uppercase;
  135. text-align:center;
  136. }
  137.  
  138. #info a {
  139. color:{color:text};
  140. }
  141.  
  142. #info a:hover {
  143. color:{color:link hover};
  144. text-decoration:underline;
  145. }
  146.  
  147. #notes {
  148. width:400px;
  149. font-family:arial;
  150. font-size:7.5px;
  151. letter-spacing:1px;
  152. text-transform:uppercase;
  153. }
  154.  
  155. #notes img {
  156. display:none!important;
  157. }
  158.  
  159. #notes ol li {
  160. list-style-type:none;
  161. padding:2px;
  162. background:white;
  163. }
  164.  
  165.  
  166.  
  167. #photo img {
  168. max-width:100%;
  169. display:block;
  170. {block:IndexPage}
  171. {/block:IndexPage}
  172. }
  173.  
  174. #photoset, #video {
  175. margin-bottom:4px;
  176. {block:IndexPage}
  177. {/block:IndexPage}
  178. }
  179.  
  180. .title {
  181. font-size:15px;
  182. font-family:arial;
  183. font-weight:bold;}
  184.  
  185. blockquote {
  186. border-left: 2px solid #F4F4F4;
  187. background: transparent;
  188. display: block;
  189. font-family:arial;
  190. text-align:left;
  191. margin: 5px 0px 5px 0pc;
  192. padding: 1px 1px 1px 10px;
  193. overflow: auto;
  194. {block:IfNotShowCaptions}
  195. {block:IndexPage}
  196. display: none;
  197. {/block:IndexPage}
  198. {/block:IfNotShowCaptions}}
  199.  
  200. .sehun{
  201. width:140px;
  202. height:10px;
  203. margin-left:6px;
  204. position:inline;
  205. background:transparent;
  206. }
  207.  
  208. .sehun a{
  209. width:25px;
  210. height:6px;
  211. margin-right:0px;
  212. display:inline-block;
  213. background-color:{color:navigation};
  214. transition-duration: 0.4s;
  215. -moz-transition-duration: 0.4s;
  216. -webkit-transition-duration: 0.4s;
  217. -o-transition-duration: 0.4s;
  218. }
  219.  
  220.  
  221. .sehun a:hover {
  222. background-color:{color:Navigation Hover};
  223. }
  224.  
  225. .description {
  226. padding: 10px;
  227. width: 150px;
  228. font-size: 9px;
  229. position:fixed;
  230. letter-spacing: 1px;
  231. color: #999;
  232. top:50px;
  233. left:100px;
  234. font-family:arial;
  235. text-align: center;
  236. background:{color:sidebar background};
  237. border: 1px solid {color:border};
  238. -webkit-border-radius: 0px;
  239. -moz-border-radius: 0px;
  240. border-radius: 0px; }
  241.  
  242.  
  243. .sidetitle {
  244. margin-bottom:6px;
  245. width: 170px;
  246. top:30px;
  247. left:100px;
  248. position:fixed;
  249. line-height: 12px;
  250. text-align:center;
  251. height: auto;
  252. color: #a2a2a2;
  253. font: 9px arial;
  254. text-transform: uppercase;
  255. letter-spacing: 2px; }
  256.  
  257. .sidebar { margin-top: 5px; margin-left: 9px; width: 120px; height: 150px; border: 1px dotted {color:border}; padding: 5px; background:white;}
  258.  
  259. .sidebar img { opacity:.7; width: 120px; height: 150px;}
  260.  
  261.  
  262.  
  263. /* QUESTION */
  264.  
  265. #asker {
  266. color:{color:Ask};
  267. font-family:cambria;
  268. font-size:12px;
  269. line-height:12px;
  270. background-color:{color:info background;}
  271. font-weight:bold;
  272. font-style:normal;
  273. text-transform:justify;
  274. }
  275.  
  276. #asker a {
  277. color:{color:Ask};
  278. }
  279.  
  280. #question {
  281. padding:10px;
  282. background-color:{color:askerbackground};
  283. font-style:italic;
  284. text-align:center;
  285. }
  286.  
  287. #permalink{
  288. text-align:center;
  289. padding:10px;
  290. border-bottom:1px solid {color:Border};}
  291.  
  292. #s-m-t-tooltip{
  293. max-width:80px;
  294. margin-top:25px;
  295. margin-left:15px;
  296. padding-left:4px;
  297. padding-right:2px;
  298. z-index:1000;
  299. background-color:white;
  300. color:gray;
  301. font-family:verdana;
  302. font-size:8px;
  303. letter-spacing:1px;
  304. font-style:none;
  305. text-transform:lowercase;
  306. line-height:14px;
  307. border:1px solid {color:border};
  308. }
  309.  
  310. .user_1 .label {color:{color:bold}; font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  311. .user_2 .label {color:{color:italic}; font-weight:bold;font-style: italic;letter-spacing:1px;font-size:10px;text-transform:lowercase;}
  312. .user_3 .label {color:{color:bold}; font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  313. .user_4 .label {color:{color:italic}; font-weight:bold;font-style: italic;font-style: italic;letter-spacing:1px;font-size:10px;text-transform:lowercase;}
  314. .user_5 .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  315. .user_6 .label {color:{color:italic}; font-weight:bold;font-style: italic;letter-spacing:1px;font-size:10px;text-transform:lowercase;}
  316.  
  317. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  318.  
  319. .chat li {
  320. list-style-type:none;
  321. margin-top:2px;
  322. padding:4px; border: 1px solid #f5f5f5;
  323. background-color:#fafafa;}
  324.  
  325. ul {list-style-type:hiragana }
  326.  
  327.  
  328. #quote {
  329. color:{color:Quote};
  330. font-family:arial;
  331. font-size:12px;
  332. padding:5px;
  333. line-height:16px;
  334. margin-top:-10px;
  335. text-align:left;
  336. font-style:italic;
  337. }
  338.  
  339. #titles {
  340. font-size:15px;
  341. text-align:center;
  342. margin-top:-20px;
  343. }
  344.  
  345. #source {
  346. font-family:tahoma;
  347. font-size:8px;
  348. margin-top:5px;
  349. padding:5px;
  350. background-color:#fbfbfb;
  351. letter-spacing:1px;
  352. text-align:right;
  353. text-transform:uppercase;
  354. }
  355.  
  356. #render {
  357. max-height:500%;
  358. right:-10px;
  359. bottom:0;
  360. position:fixed;}
  361.  
  362. #credit {
  363. right:7px;
  364. bottom:5px;
  365. position:fixed;
  366. opacity:1;
  367. font-size:8px;
  368. padding:5px;
  369. background:white;
  370. border: 1px solid {color:Border};
  371. font-family:arial;
  372. text-transform:justify;
  373. letter-spacing:2px;
  374. }
  375.  
  376. #credit a{
  377. text-decoration:none;
  378. color:gray;
  379. }
  380.  
  381.  
  382. </style>
  383. </head>
  384.  
  385.  
  386. <a href="/"><div class="sidetitle"><span style="text-align:center;background-color: white; padding: 5px;">{Title}</span></div></a>
  387. <div class="description">{Description}</center>
  388. <div class="sidebar">
  389. <img src="{image:sideimage}"/>
  390. </div>
  391. <div class="sehun">
  392. <a style="opacity:1.0" title="home" href="/"></a>
  393. <a style="opacity:0.7" title="message" href="/ask"></a>
  394. <a style="opacity:0.5" title="{text:title1}" href="{text:link1}"></a>
  395. <a style="opacity:0.2" title="{text:title2}" href="{text:link2}"></a>
  396. <a style="opacity:0.1" title="{text:title3}" href="{text:link3}"></a>
  397. </div>
  398.  
  399.  
  400. </div>
  401.  
  402. <div id="render"><img src="{image:render}"/></div>
  403.  
  404.  
  405.  
  406. <div id="content">
  407. {block:Posts}
  408. <div class="post">
  409. <div class="posts">
  410.  
  411. {block:ContentSource}
  412. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  413. {/block:SourceLogo}
  414. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  415. {/block:ContentSource}
  416.  
  417. <!-- do not do not do not remove this!!!!! -->
  418. <div id="credit">
  419. <a href="http://meroku.tumblr.com" title="credit">THEME</a>
  420. </div>
  421.  
  422.  
  423. {block:Photo}
  424. {block:IndexPage}
  425. <div id="photo">
  426. {LinkOpenTag}
  427. <img src="{PhotoURL-400}" alt='{PhotoAlt}'/>
  428. {LinkCloseTag}
  429. </div>
  430. {/block:IndexPage}
  431. {block:PermalinkPage}
  432. <div id="photo">
  433. {LinkOpenTag}
  434. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  435. {LinkCloseTag}
  436. </div>
  437. {/block:PermalinkPage}
  438. {/block:Indexpage}{/block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}
  439. {/block:Photo}
  440.  
  441.  
  442. {block:Photoset}
  443. <div id="photoset">
  444. {block:IndexPage}
  445. {block:if250px}
  446. {Photoset-250}
  447. {/block:if250px}
  448. {block:if400px}
  449. {Photoset-400}
  450. {/block:if400px}
  451. {/block:IndexPage}
  452. {block:PermalinkPage}
  453. {Photoset-400}
  454. {/block:PermalinkPage}
  455. </div>
  456. {block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  457. {block:PermalinkPage}{/block:PermalinkPage}
  458. {/block:Photoset}
  459.  
  460.  
  461. {block:Video}
  462. <div id="video">
  463. {block:IndexPage}
  464. {block:if250px}
  465. <center>{Video-250}</center>
  466. {/block:if250px}
  467. {block:if400px}
  468. <center>{Video-400}</center>
  469. {/block:if400px}
  470. {/block:IndexPage}
  471. {block:PermalinkPage}
  472. <center>{Video-400}</center>
  473. {/block:PermalinkPage}
  474. </div>
  475. {block:Caption}{Caption}{/block:Caption}{/block:Indexpage}
  476. {block:PermalinkPage}{/block:PermalinkPage}
  477. {/block:Video}
  478.  
  479.  
  480. {block:Audio}
  481. <table border="0" cellpadding="0" cellspacing="2" ><tr>
  482. <div id="player">{AudioPlayerBlack}</div>
  483. </td>
  484. </tr>
  485. </table>
  486. {block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}
  487. {block:PermalinkPage}{/block:PermalinkPage}
  488. {/block:Audio}
  489.  
  490.  
  491.  
  492. {block:Link}
  493. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}{block:IndexPage}{/block:IndexPage}
  494. {/block:Link}
  495.  
  496. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  497. {/block:Chat}
  498.  
  499.  
  500. {block:Answer}
  501. <div id="question"><div id="asker">{Asker} whispered:</div> {Question}</div>
  502. {Answer}
  503. {/block:Answer}
  504. </div>
  505.  
  506. {block:Text}
  507. {block:Title}<div id="titles">{Title}</div>{/block:Title}
  508. {Body}
  509. {/block:Text}
  510.  
  511.  
  512. {block:Quote}
  513. <div id="quote">"{Quote}"</div>
  514. {block:Source}<div id="source">★ {Source}</div>{/block:Source}
  515. {/block:Quote}
  516.  
  517. <div id="info">
  518. {block:IndexPage}
  519. {block:Date}<a href="{Permalink}">{12hour}{AmPm}</a>{/block:Date}
  520. {block:NoteCount} ★ {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} ★ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ★ <a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a>{/block:RebloggedFrom} ★ <a href="{ReblogURL}" >reblog</a>{block:ifShowTags}
  521. {block:HasTags}<br>↳ <u>TAGGED:</u> {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}{/block:ifShowTags}
  522. {/block:IndexPage}
  523. {block:PermalinkPage}
  524. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a> ★ {DayOfWeek}, {DayOfMonth}. {ShortMonth}, {Year}{/block:Date}
  525. {block:NoteCount} ★ {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} ★ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> ★ <a href="{ReblogRootURL}" title="{ReblogRootName}">Origin</a>{/block:RebloggedFrom}
  526. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  527. {/block:PermalinkPage}
  528.  
  529. </div>
  530. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  531. </div>
  532.  
  533. {/block:Posts}
  534.  
  535. </div>
  536. </div>
  537.  
  538.  
  539.  
  540. </div>
  541. </body>
  542. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!