Advertisement
kyupo

Peach Snow Version 2

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