API tools faq
paste
Advertisement
teruteru

Unicorn Milk - 【 THEME 19 by Anomaly ☽】

teruteru
May 31st, 2016
708
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. theme 19: unicorn milk by anomaly betrayus
  7. base code by animecharacter
  8. dont remove the credit otherwise have fun!
  9.  
  10. ----->
  11.  
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{image:favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  23.  
  24. <meta name="color:background" content="">
  25. <meta name="color:posts" content="#FFFFCC">
  26. <meta name="color:border" content="#FFFFCC">
  27. <meta name="color:text" content="#D2ABEA">
  28. <meta name="color:link" content="#A697E8">
  29. <meta name="color:hover" content="#FFBFEB">
  30. <meta name="color:blockquote" content="#FFDFDC">
  31. <meta name="color:menu background" content="#FFBFEB">
  32.  
  33. <meta name="text:tag symbol" content="">
  34. <meta name="text:previous title" content="back">
  35. <meta name="text:next title" content="next">
  36. <meta name="text:ask text" content="whispered">
  37. <meta name="text:about link" content="/about">
  38. <meta name="text:about text" content="about me">
  39. <meta name="text:menu title" content="links" content="">
  40. <meta name="text:link 1 url" content="url">
  41. <meta name="text:link 1" content="link 1">
  42. <meta name="text:link 2 url" content="url">
  43. <meta name="text:link 2" content="link 2">
  44. <meta name="text:link 3 url" content="url">
  45. <meta name="text:link 3" content="link 3">
  46. <meta name="text:link 4 url" content="url">
  47. <meta name="text:link 4" content="link 4">
  48. <meta name="text:link 5 url" content="url">
  49. <meta name="text:link 5" content="link 5">
  50.  
  51. <meta name="image:favicon" content="">
  52. <meta name="image:lace" content="">
  53. <meta name="image:background" content="">
  54. <meta name="image:cursor" content="">
  55. <meta name="image:icon 1" content="">
  56. <meta name="image:icon 2" content="">
  57. <meta name="image:icon 3" content="">
  58. <meta name="image:about" content="">
  59. <meta name="image:permalink" content="">
  60. <meta name="image:previous page" content="">
  61. <meta name="image:next page" content="">
  62.  
  63. <meta name="if:bg cover" content="1">
  64. <meta name="if:about pixel" content="1">
  65.  
  66. <meta name="text:lace height" content="">
  67.  
  68. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. /*
  74. general text styles, fonts and colours
  75. */
  76.  
  77. body, a, a:hover {cursor: url('{image:cursor}'), progress;}
  78.  
  79. body {
  80. margin:0px;
  81. background:{color:background};
  82. background-image: url({image:Background});
  83. background-attachment:fixed;
  84. background-repeat:repeat;
  85. {block:ifbgcover}
  86. background-size: cover;
  87. {/block:ifbgcover}
  88. font-family:ms pgothic;
  89. font-size:12px;
  90. line-height:140%;
  91. color:{color:text};
  92. }
  93.  
  94. p{
  95. margin:0 0 10px 0;
  96. padding:0;
  97. }
  98.  
  99. pre {
  100. white-space: pre-wrap;
  101. white-space: -moz-pre-wrap;
  102. white-space: -pre-wrap;
  103. white-space: -o-pre-wrap;
  104. word-wrap: break-word;
  105. }
  106.  
  107. a{
  108. color:{color:link};
  109. }
  110.  
  111. a:hover{
  112. color:{color:hover};
  113. }
  114.  
  115. li{
  116. margin-left:-15px;
  117. }
  118.  
  119. #top{
  120. position:fixed;
  121. margin-top:-50px;
  122. margin-left:-450px;
  123. width:200%;
  124. height:{text:lace height}px;
  125. background-image: url('{image:lace}');
  126. z-index:2;
  127. }
  128. /*
  129. containers etc
  130. */
  131. #wrapper{
  132. width:600px;
  133. margin:50px auto;
  134. }
  135.  
  136. #sidebar{
  137. width:200px;
  138. position:fixed;
  139. margin-top:150px;
  140. margin-left:700px;
  141. background-color:{color:posts};
  142. border:1px solid {color:border};
  143. padding:5px;
  144. }
  145.  
  146. #icon{
  147. margin-left:-150px;
  148. width:160px;
  149. margin-top:50px;
  150. position:fixed;
  151. -webkit-mask-image: url(http://i.imgur.com/E9XmCjb.png);
  152. }
  153.  
  154. #icon2{
  155. margin-left:-150px;
  156. margin-top:200px;
  157. width:160px;
  158. position:fixed;
  159. -webkit-mask-image: url(http://i.imgur.com/E9XmCjb.png);
  160. }
  161.  
  162. #icon3{
  163. margin-left:-150px;
  164. margin-top:350px;
  165. width:160px;
  166. position:fixed;
  167. -webkit-mask-image: url(http://i.imgur.com/E9XmCjb.png);
  168. }
  169.  
  170.  
  171. #content{
  172. width:600px;
  173. margin-left:100px;
  174. overflow:hidden;
  175. }
  176.  
  177. .post{
  178. width:500px;
  179. background-color:{color:posts};
  180. border:1px solid {color:border};
  181. padding:5px;
  182. margin:0 0 50px 0;
  183. overflow:hidden;
  184. }
  185.  
  186. #sidebar img, .post img{
  187. max-width:100%;
  188. }
  189.  
  190. #nav{
  191. margin:50px 0 0 0;
  192. }
  193.  
  194.  
  195. /*
  196. content in the body of the posts - quotes, asks, etc
  197. "media" contains photos, photosets, videos, audio posts
  198. */
  199. .media{
  200. margin:0 0 10px 0;
  201. }
  202.  
  203. .title{
  204. font-weight:normal;
  205. font-size:18px;
  206. margin:0 0 10px 0;
  207. }
  208.  
  209. .quote{
  210. font-weight:normal;
  211. font-size:16px;
  212. font-style:italic;
  213. margin:0 0 10px 0;
  214. }
  215.  
  216. .question{
  217. margin-bottom:10px;
  218. }
  219.  
  220. blockquote{
  221. margin:0 0 10px 10px;
  222. padding:0 0 0 10px;
  223. border-left:solid 1px {color:blockquote};
  224. }
  225.  
  226. /*
  227. post footers - date, tags, via and source
  228. */
  229. .post .footer{
  230. margin:0;
  231. text-align:left;
  232. }
  233.  
  234. /*
  235. post notes
  236. */
  237. ol.notes{
  238. list-style-type:none;
  239. padding:0;
  240. margin:0;
  241. }
  242.  
  243. ol.notes li.note img{
  244. width:16px;
  245. height:16px;
  246. }
  247.  
  248. ol.notes li.note{
  249. margin:0px;
  250. }
  251.  
  252. .credit {
  253. position:fixed;
  254. bottom:4px;
  255. left:8px;
  256. font: 9px consolas;
  257. text-transform:uppercase;
  258. letter-spacing: 0px;
  259. padding: 2px;
  260. }
  261.  
  262. {CustomCSS}
  263. </style>
  264. </head>
  265.  
  266. <body>
  267. <div id="wrapper">
  268. <div id="top"></div>
  269.  
  270. <div id="icon">
  271. <a href="/" title="home"><img src="{image:icon 1}" width="160px"></a>
  272. </div>
  273.  
  274. <div id="icon2">
  275. <a href="/ask" title="ask"><img src="{image:icon 2}" width="160px"></a>
  276. </div>
  277.  
  278. <div id="icon3">
  279. <a href="/submit" title="submit"><img src="{image:icon 3}" width="160px"></a>
  280. </div>
  281.  
  282. <div id="sidebar">
  283. {block:ifaboutpixel}<center><a href="{text:about link}" title="{text:about text}"><img src="{image:about}"></a></center><br>{/block:ifaboutpixel}
  284. {block:Description}
  285. <p>{Description}</p>
  286. {/block:Description}
  287. <select style="width: 195px; border: 0px solid; padding: 3px; color: {color:text}; background-color: {color:menu background}; font-family: ms pgothic; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
  288. <option value="/">{text:menu title}</option>
  289. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  290. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  291. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  292. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  293. {block:iflink5}<option value="{text:link 5 url}">{text:link 5}</option>{/block:iflink5}
  294. </select><br>
  295. {block:Pagination}
  296. {block:PreviousPage}<center><a title="{text:previous title}" href="{PreviousPage}"><img src="{image:previous page}"></a>{/block:PreviousPage} {block:NextPage}<a title="{text:next title}" href="{NextPage}"><img src="{image:next page}"></a></center>
  297. {/block:NextPage}
  298. {/block:Pagination}
  299. </div>
  300.  
  301.  
  302.  
  303. <div id="content">
  304. {block:Posts}
  305.  
  306. <div class="post">
  307.  
  308. {block:Text}
  309. {block:Title}
  310. <div class="title">{Title}</div>
  311. {/block:Title}
  312. {Body}
  313. {/block:Text}
  314.  
  315. {block:Photo}
  316. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  317. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  318. {/block:Photo}
  319.  
  320. {block:Photoset}
  321. <div class="media">{Photoset-500}</div>
  322. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  323. {/block:Photoset}
  324.  
  325. {block:Quote}
  326. <div class="quote">"{Quote}"</div>
  327. {block:Source}
  328. <div class="quotesource">{Source}</div>
  329. {/block:Source}
  330. {/block:Quote}
  331.  
  332. {block:Link}
  333. <div class="title"><a href="{URL}">{Name}</a></div>
  334. {block:Description}
  335. <div class="description">{Description}</div>
  336. {/block:Description}
  337. {/block:Link}
  338.  
  339. {block:Chat}
  340. {block:Title}
  341. <div class="title">{Title}</div>
  342. {/block:Title}
  343.  
  344. {block:Lines}
  345. <div class="{Alt} user_{UserNumber}">
  346. {block:Label}
  347. <b>{Label}</b>{/block:Label}
  348. &nbsp;{Line}
  349. </div>
  350. {/block:Lines}
  351. {/block:Chat}
  352.  
  353. {block:Video}
  354. <div class="media">{Video-500}</div>
  355. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  356. {/block:Video}
  357.  
  358. {block:Audio}
  359. <div class="media">
  360. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  361. {AudioPlayerWhite}
  362. {block:TrackName}{TrackName}<br>{/block:TrackName}
  363. {block:Artist}{Artist}<br>{/block:Artist}
  364. {block:Album}{Album}{/block:Album}
  365. </div>
  366. {block:Caption}{Caption}{/block:Caption}
  367. {/block:Audio}
  368.  
  369. {block:Answer}
  370. <div class="question">{Asker} {text:ask text}: {Question}</div>
  371. <div class="caption">{Answer}</div>
  372. {/block:Answer}
  373.  
  374.  
  375. {block:Date}
  376. <div class="footer">
  377. <center><a href="{Permalink}">{TimeAgo}</a> <img src="{image:permalink}"> <a href="{Permalink}">{NoteCountWithLabel}</a>
  378. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{text:Tag Symbol}{Tag}</a> {/block:Tags}{/block:HasTags}
  379. </center>
  380. </div>
  381.  
  382. {block:PermalinkPage}
  383. {block:NoteCount}
  384. {block:PostNotes}{PostNotes}{/block:PostNotes}
  385. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  386. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  387. {/block:NoteCount}
  388. {/block:PermalinkPage}
  389. {/block:Date}
  390.  
  391. </div>
  392. {/block:Posts}
  393. </div>
  394. </div>
  395.  
  396. </div>
  397.  
  398. <div class="credit"><a href="http://xollyx.tumblr.com/" title="theme"><img src="http://orig04.deviantart.net/151c/f/2015/334/6/e/tumblr_inline_mij52fv1gc1qz4rgp_by_kittystuff-d9il7w5.gif" /></a></div>
  399.  
  400. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  401. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  402.  
  403. </body>
  404. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!