Advertisement
kyupo

Peach Snow Theme

Nov 6th, 2015
2,027
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.64 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. Peach Snow Theme by kyupu.tumblr.com
  7.  
  8.  
  9.  
  10. this theme is created under Creative Commons Liscence NC-ND 4.0,
  11. which means:
  12.  
  13. - You must not remove credit or claim as your own.
  14.  
  15. - You are free to remix, transform, or build upon the material,
  16. but you may not distribute the modified material or any parts of it.
  17.  
  18.  
  19.  
  20. other than that, have fun!
  21.  
  22. I'd love to see how you use my theme! ^_~
  23.  
  24.  
  25. -->
  26.  
  27. <html>
  28. <head>
  29.  
  30.  
  31.  
  32. <link rel="shortcut icon" href="{Favicon}" />
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  34. <title>{Title}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36.  
  37.  
  38. <meta name="color:Background" content="#ffffff">
  39. <meta name="color:Box Background" content="#ffffff">
  40. <meta name="color:Sidebar Background" content="" />
  41. <meta name="color:Icon Background" content="#c0bdb8" />
  42. <meta name="color:Text" content="#c0bdb8" />
  43. <meta name="color:Link" content="#c0bdb8" />
  44. <meta name="color:Scrollbar Color" content="#ddd" />
  45.  
  46. <meta name="image:Icon" content=""/>
  47. <meta name="image:Perma Icon" content=""/>
  48. <meta name="image:Background" content=""/>
  49. <meta name="image:Box Background" content=""/>
  50. <meta name="image:Sidebar Background" content="" />
  51.  
  52. <meta name="text:Font Size" content="" />
  53. <meta name="text:Font" content="" />
  54. <meta name="text:Title Font" content="" />
  55. <meta name="text:Permalink Text" content="/"/>
  56.  
  57. <meta name="if:Show Title" content="" />
  58. <meta name="if:Rounded" content="" />
  59. <meta name="if:Search Bar" content="" />
  60. <meta name="if:Full Size Background" content="" />
  61. <meta name="if:Icon Background" content="" />
  62. <meta name="if:Icon Border" content="" />
  63. <meta name="if:Box Shadow" content="" />
  64.  
  65. <meta name="color:Border" content="" />
  66. <meta name="text:Border Size" content="1" />
  67. <meta name="select:Border Style" content="solid" title="Solid">
  68. <meta name="select:Border Style" content="dashed" title="Dashed">
  69. <meta name="select:Border Style" content="dotted" title="Dotted">
  70. <meta name="select:Border Style" content="double" title="Double">
  71.  
  72. <meta name="if:Text Links" content="" />
  73. <meta name="text:Link 1" content=""/>
  74. <meta name="image:Link 1" content=""/>
  75. <meta name="text:Link 1 URL" content="" />
  76. <meta name="text:Link 2" content=""/>
  77. <meta name="image:Link 2" content=""/>
  78. <meta name="text:Link 2 URL" content="" />
  79. <meta name="text:Link 3" content=""/>
  80. <meta name="image:Link 3" content=""/>
  81. <meta name="text:Link 3 URL" content="" />
  82. <meta name="text:Link 4" content=""/>
  83. <meta name="image:Link 4" content=""/>
  84. <meta name="text:Link 4 URL" content="" />
  85.  
  86.  
  87. </head>
  88.  
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. ::-webkit-scrollbar {width: 10px; background-color: transparent;}
  94.  
  95. ::-webkit-scrollbar-thumb {border-radius: 3px; background: {color:Scrollbar Color};}
  96.  
  97.  
  98. body {
  99. color:{color:text};
  100. background-color:{color:background};
  101. background-image:url('{image:Background}');
  102. {block:ifFullSizeBackground}background-size:100%; background-attachment: fixed;{/block:ifFullSizeBackground}
  103. font-family:{text:Font};
  104. font-size:{text:Font Size}px;
  105. line-height:17px;
  106. text-align:justify;
  107. }
  108.  
  109. h1 {font-size:35px; font-family:{text:Title Font}; line-height:30px;}
  110.  
  111. p {margin-top:6px; margin-bottom:6px}
  112.  
  113. blockquote {padding:0px; padding-left:10px; margin:8px; border-left:2px solid {color:text}}
  114.  
  115. img a {border:none; width:100%;}
  116.  
  117.  
  118. #container {
  119. width:600px;
  120. height:650px;
  121. margin:50px 33%;
  122. position;fixed;
  123. overflow:auto;
  124. text-align: justify;
  125. border: {text:Border Size}px {select:Border Style} {color:Border};
  126. background:{color:Box Background};
  127. background-image:url('{image:Box Background}');
  128. {block:ifRounded}border-radius:10px;{/block:ifRounded}
  129. {block:ifBoxShadow}box-shadow: 0px 0px 5px 6px rgba(0, 0, 0, 0.3);{block:ifBoxShadow}
  130. }
  131.  
  132. #icon img {
  133. max-height:150px;
  134. padding:8px;
  135. margin-bottom:10px;
  136. {block:ifRounded}border-radius:10px;{/block:ifRounded}
  137. {block:IfIconBackground}background-color:{color:Icon Background};{/block:IfIconBackground}
  138. {block:ifIconBorder}
  139. border: {text:Border Size}px {select:Border Style} {color:Border};
  140. {/block:ifIconBorder}
  141. }
  142.  
  143. #side{
  144. margin-top:30px;
  145. margin-left:14%;
  146. position:fixed;
  147. width:200px;
  148. max-height:640px;
  149. text-align: justify;
  150. padding: 12px;
  151. border: {text:Border Size}px {select:Border Style} {color:Border};
  152. background:{color:Sidebar Background};
  153. background-image:url('{image:Sidebar Background}');
  154. {block:ifRounded}border-radius:10px;{/block:ifRounded}
  155. {block:ifBoxShadow}box-shadow: 0px 0px 5px 6px rgba(0, 0, 0, 0.2);{block:ifBoxShadow}
  156. }
  157.  
  158. #links{padding:22px 0px; text-align:center;}
  159. #links img{margin:5px 8px;}
  160.  
  161. #posts {
  162. margin:50px auto;
  163. width: 460px;
  164. padding:40px 20px 20px 20px;
  165. height:auto;
  166. text-align: justify;
  167. border-radius:6px;
  168. background-color:#fff;
  169. }
  170.  
  171. #posts img {max-width:100%;}
  172.  
  173. #next{
  174. position:fixed;
  175. margin-left:74%;
  176. bottom:50px;
  177. padding:10px 20px;
  178. font-family:{text:Font};
  179. font-size:22px;
  180. text-align: center;
  181. border: {text:Border Size}px {select:Border Style} {color:Border};
  182. background:{color:Box Background};
  183. background-image:url('{image:Box Background}');
  184. {block:ifRounded}border-radius:10px;{/block:ifRounded}
  185. {block:ifBoxShadow}box-shadow: 0px 0px 5px 6px rgba(0, 0, 0, 0.3);{block:ifBoxShadow}}
  186.  
  187. #back{
  188. position:fixed;
  189. margin-left:24%;
  190. bottom:50px;
  191. padding:10px 20px;
  192. font-family:{text:Font};
  193. font-size:22px;
  194. text-align: center;
  195. border: {text:Border Size}px {select:Border Style} {color:Border};
  196. background:{color:Box Background};
  197. background-image:url('{image:Box Background}');
  198. {block:ifRounded}border-radius:10px;{/block:ifRounded}
  199. {block:ifBoxShadow}box-shadow: 0px 0px 5px 6px rgba(0, 0, 0, 0.3);{block:ifBoxShadow}}
  200.  
  201.  
  202.  
  203.  
  204. #kyupu{position:fixed; bottom:10px; right:15px; font-size:12px; font-family:{text:Font}; color:{color:text}; border-radius:100px; padding:6px; }
  205.  
  206. .search {width:150px; padding:7px;margin:20px 0 -10px 0; border-radius:4px; font-size:{text:Font Size}px; font-family:{text:Font};}
  207. .go {width:40px; height:32px; background-color: {color:Box Background};
  208. border-radius:4px;font-size:{text:Font Size}px; font-family:{text:Font};}
  209.  
  210. #perma{margin-top:20px; padding:6px; display:block; width:auto; font-size:{text:Font Size}; font-family:{text:Font}; background-color:{color:Scrollbar Color};{block:ifRounded}border-radius:6px;{/block:ifRounded}}
  211.  
  212. .chat li {list-style:none; color:{color:text}; margin-left:-44px; padding:6px; }
  213.  
  214. ol.notes, .notes li { max-width: 410px; max-height:500px; overflow:auto; margin:auto; padding:15px; border-radius:6px; background-color:#ffffff;
  215. ol.notes li.note img.avatar {width: 0px;}
  216.  
  217.  
  218. </style>
  219.  
  220.  
  221.  
  222. <body>
  223.  
  224. <div id="side"><center>
  225. {block:ifShowTitle}<h1><a href="/">{Title}</h1></a>{/block:ifShowTitle}
  226. <p><div id="icon"><a href="/"><img src="{image:Icon}"></a></div>
  227.  
  228. <center>
  229. {description}
  230.  
  231. {block:ifSearchBar}
  232. <form action="/search" method="get">
  233. <input class="search" type="text" placeholder="Search..." name="q" value="" style="outline:none;">
  234. </form>
  235. {/block:ifSearchBar}
  236.  
  237. <div id="links">
  238. {block:ifLink1}
  239. <a href="{text:Link 1 URL}" title="{Text:Link 1}">
  240. <img src="{image:Link 1}">
  241. {block:ifTextLinks}{Text:Link 1}{/block:ifTextLinks}</a>{/block:ifLink1}
  242.  
  243. {block:ifLink2}
  244. <a href="{text:Link 2 URL}" title="{Text:Link 2}">
  245. <img src="{image:Link 2}">
  246. {block:ifTextLinks}{Text:Link 2}{/block:ifTextLinks}</a>{/block:ifLink2}
  247.  
  248. {block:ifLink3}
  249. <a href="{text:Link 3 URL}" title="{Text:Link 3}">
  250. <img src="{image:Link 3}">
  251. {block:ifTextLinks}{Text:Link 3}{/block:ifTextLinks}</a>{/block:ifLink3}
  252.  
  253. {block:ifLink4}
  254. <a href="{text:Link 4 URL}" title="{Text:Link 4}">
  255. <img src="{image:Link 4}">
  256. {block:ifTextLinks}{Text:Link 4}{/block:ifTextLinks}</a>{/block:ifLink4}
  257. </div>
  258.  
  259. </div></center>
  260.  
  261. <div id="kyupu"><a href="http://kyupu.tumblr.com/" title="credit">🍤</a></div>
  262.  
  263. <div id="container">
  264. {block:posts}<div id="posts">
  265.  
  266. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  267.  
  268. {block:Photo}<center>
  269. <img src="{PhotoURL-400}"/></center>
  270. {block:Caption}{Caption}{/block:Caption}
  271. {/block:Photo}
  272.  
  273. {block:Photoset}<center>
  274. {Photoset-400}</center>
  275. {block:Caption}{Caption}{/block:Caption}
  276. {/block:Photoset}
  277.  
  278. {block:Video}<center>
  279. {Video-400}</center>
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:Video}
  282.  
  283. {block:Quote}<div class="quote"><h2>
  284. "{Quote}"</h2><p><div class="source">- {Source}
  285. </div></div>{/block:Quote}
  286.  
  287. {block:Link}<a href="{URL}">
  288. <h2>➜ {Name}</h2></a>
  289. {block:Description}<p>{Description}</p>{/block:Description}
  290. {/block:Link}
  291.  
  292. {block:Chat}<ul class="chat">
  293. {block:Lines}<li class="user_{UserNumber}"><div class="{Alt}">
  294. {block:Label}<b>{Label}</b>&nbsp;{/block:Label}{Line}
  295. </li>{/block:Lines}
  296. </ul>{/block:Chat}
  297.  
  298. {block:Answer}
  299. <img src="{AskerPortraitURL-30}"> {Asker} asked: {Question}
  300. <center><p><br><br>{Answer}</center>
  301. {/block:Answer}
  302.  
  303. {block:Audio}
  304. {block:AlbumArt}<center><img src="{AlbumArtURL}" width="200" border-radius="100px"></center>{/block:AlbumArt}
  305. {block:AudioPLayer}{AudioPlayerWhite}{/block:AudioPLayer}
  306. <center>{block:Artist}<b>{Artist}</b>{/block:Artist} /
  307. {block:TrackName}<i>{TrackName}</i>{/block:TrackName} ♫</center>
  308. {Caption}
  309. {/block:Audio}
  310.  
  311. {block:PermalinkPage}
  312. {block:HasTags}<center>
  313. #:</u>{block:Tags}<a href="{TagURL}">{Tag}, </a> {/block:Tags}{/block:HasTags}
  314. <br />{/block:HasTags}
  315. {block:PostNotes}<center>
  316. <h2>{NoteCountWithLabel} <img src="{image:Perma Icon}"></a>{/block:NoteCount}</h2></center>{PostNotes}
  317. {/block:PostNotes}<br />
  318. {/block:PermalinkPage}
  319.  
  320. <a href="{Permalink}"><center><div id="perma">
  321. {block:Date}{12HourWithZero}:{Minutes} {CapitalAmPm}{/block:Date}
  322. <img src="{image:Perma Icon}">{text:Permalink Text}
  323. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  324. </center><p></a>
  325.  
  326. {block:HasTags}<p><center>
  327. #: {block:Tags}<a href="{TagURL}">{Tag}, </a> {/block:Tags}
  328. {/block:HasTags}
  329.  
  330. </div>
  331.  
  332. {/block:Posts}
  333.  
  334.  
  335. </div>
  336.  
  337. {block:Pagination}
  338. {block:PreviousPage}<div id="back">
  339. <a href="{PreviousPage}"> << </a></u>
  340. {/block:PreviousPage}</div>
  341.  
  342. {block:NextPage}<div id="next">
  343. <a href="{NextPage}"> >> </a>
  344. {/block:NextPage}</div>
  345. {/block:Pagination}
  346.  
  347. </div>
  348.  
  349.  
  350. </body>
  351. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement