Advertisement
teruteru

Peaches n Cream - 【 THEME 13 by Anomaly ☽】

Feb 21st, 2016
364
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.71 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!-------
  5. theme 13: peaches n cream by anomaly betrayus
  6. base code by rnirae
  7. dont remove the credit otherwise have fun!
  8. <!------>
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{image:Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  16.  
  17. <meta name="image:Favicon" content=""/>
  18. <meta name="image:Background" content=""/>
  19. <meta name="image:Sidebar" content=""/>
  20. <meta name="image:Cursor" content=""/>
  21. <meta name="image:Lace" content=""/>
  22. <meta name="image:Permalink" content=""/>
  23. <meta name="image:Render" content=""/>
  24. <meta name="image:Home" content=""/>
  25. <meta name="image:Ask" content=""/>
  26. <meta name="image:Submit" content=""/>
  27. <meta name="image:About" content=""/>
  28. <meta name="image:Link 1" content=""/>
  29. <meta name="image:Link 2" content=""/>
  30. <meta name="image:Link 3" content=""/>
  31. <meta name="image:Link 4" content=""/>
  32. <meta name="image:Link 5" content=""/>
  33. <meta name="image:Link 6" content=""/>
  34. <meta name="image:Link 7" content=""/>
  35. <meta name="image:Link 8" content=""/>
  36. <meta name="image:Previous Page" content=""/>
  37. <meta name="image:Next Page" content=""/>
  38.  
  39. <meta name="color:Background" content="#fff" />
  40. <meta name="color:Text" content="#bbb"/>
  41. <meta name="color:Posts" content="#fff"/>
  42. <meta name="color:Border" content=""/>
  43. <meta name="color:Scrollbar" content="#000"/>
  44. <meta name="color:Light Accents" content="#eee"/>
  45. <meta name="color:Link" content="#aaa"/>
  46. <meta name="color:Link Hover" content="#7bd7c2"/>
  47. <meta name="color:Sidebar Link" content="#aaa"/>
  48. <meta name="color:Sidebar Link Hover" content="#78c9a1"/>
  49.  
  50. <meta name="text:Message" content=""/>
  51. <meta name="text:Tag Symbol" content=""/>
  52. <meta name="text:Previous Title" content="flight"/>
  53. <meta name="text:Next Title" content="fight"/>
  54. <meta name="text:Ask" content="whispered"/>
  55. <meta name="text:Link 1" content="/"/>
  56. <meta name="text:Link 1 Title" content="link"/>
  57. <meta name="text:Link 2" content="/"/>
  58. <meta name="text:Link 2 Title" content="link"/>
  59. <meta name="text:Link 3" content="/"/>
  60. <meta name="text:Link 3 Title" content="link"/>
  61. <meta name="text:Link 4" content="/"/>
  62. <meta name="text:Link 4 Title" content="link"/>
  63. <meta name="text:Link 5" content="/"/>
  64. <meta name="text:Link 5 Title" content="link"/>
  65. <meta name="text:Link 6" content="/"/>
  66. <meta name="text:Link 6 Title" content="link"/>
  67. <meta name="text:Link 7" content="/"/>
  68. <meta name="text:Link 7 Title" content="link"/>
  69. <meta name="text:Link 8" content="/"/>
  70. <meta name="text:Link 8 Title" content="link"/>
  71. <meta name="text:About Link" content="/abt"/>
  72.  
  73. <meta name="if:bg cover" content="1"/>
  74. <meta name="if:render" content="1"/>
  75. <meta name="text:render width" content="300"/>
  76. <meta name="text:render left" content="300"/>
  77. <meta name="text:render bottom" content="300"/>
  78.  
  79. <meta name="if:250px" content="0"/>
  80. <meta name="if:400px" content="0"/>
  81. <meta name="if:500px" content="1"/>
  82.  
  83. <meta name="text:Lace Height" content="73"/>
  84.  
  85. <style type="text/css">
  86.  
  87. body, a, a:hover {cursor: url('{image:cursor}'), progress;}
  88.  
  89. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/u/54526653/tinytots.TTF');}
  90.  
  91.  
  92. /* follow/dashboard buttons */
  93. iframe#tumblr_controls {
  94. right:2px !important;
  95. position: fixed !important;
  96. -webkit-transition: opacity 0.7s linear;
  97. opacity: 0.16;
  98. -webkit-transition: all 0.8s ease-out;
  99. -moz-transition: all 0.8s ease-out;
  100. transition: all 0.8s ease-out;
  101. -webkit-filter: invert(100%);
  102. }
  103. iframe#tumblr_controls:hover {
  104. -webkit-transition: opacity 0.7s linear;
  105. opacity: 0.16;
  106. -webkit-transition: all 0.4s ease-out;
  107. -moz-transition: all 0.4s ease-out;
  108. transition: all 0.4s ease-out;
  109. -webkit-filter: invert(100%);
  110. }
  111.  
  112. #top{
  113. position:fixed;
  114. margin-top:-60px;
  115. margin-left:-282px;
  116. width:150%;
  117. height:{text:lace height}px;
  118. background-image: url('{image:lace}');
  119. z-index:2;
  120. }
  121.  
  122. /* basic styles */
  123. body {
  124. color: {color:Text};
  125. background-color: {color:Background};
  126. background-image: url({image:Background});
  127. background-attachment:fixed;
  128. background-repeat:repeat;
  129. {block:ifbgcover}
  130. background-size: cover;
  131. {/block:ifbgcover}
  132. font: 11px consolas;
  133. line-height: 16px;
  134. }
  135. a {
  136. text-decoration: none;
  137. color: {color:Link};
  138. }
  139. a:hover {
  140. color:{color:Link Hover};
  141. }
  142. h1 {
  143. font-size: 12px;
  144. color: {color:Title};
  145. }
  146. /* scrollbar */
  147. ::-webkit-scrollbar {
  148. width: 7px;
  149. height: 5px;
  150. background: {color:Background};
  151. }
  152. ::-webkit-scrollbar-thumb {
  153. background: {color:Scrollbar};
  154. border-top: 5px solid {color:Background};
  155. }
  156. /* post customizations */
  157. #content { /* for the whole column of posts */
  158. {block:IndexPage}
  159. {block:if250px} /* post widths */
  160. width: 250px;
  161. {/block:if250px}
  162. {block:if400px}
  163. width: 400px;
  164. {/block:if400px}
  165. {block:if500px}
  166. width: 500px;
  167. {/block:if500px}
  168. {/block:IndexPage}
  169. {block:PermalinkPage}
  170. width: 500px;
  171. {/block:PermalinkPage}
  172. position: relative;
  173. margin-left: 300px;
  174. margin-top: 60px;
  175. }
  176. .entry { /* for individual posts */
  177. margin-bottom: 60px;
  178. background:{color:posts};
  179. border:1px solid {color:border};
  180. padding:10px;
  181. }
  182.  
  183. /* permalinks */
  184. #perma {
  185. position: absolute;
  186. right: -125px;
  187. text-align:justify;
  188. width:100px;
  189. line-height:10px;
  190. letter-spacing: .5px;
  191. font-family:tinytots;
  192. font-size:8px;
  193. text-transform: lowercase;
  194. }
  195. /* sidebar */
  196. #side {
  197. top: 150px;
  198. left: 26px;
  199. position: fixed;
  200. width: 180px;
  201. background:{color:posts};
  202. border:1px solid {color:border};
  203. padding:10px;
  204. }
  205. #side a{
  206. color: {color:Sidebar Link};
  207. }
  208. #side a:hover {
  209. color: {color:Sidebar Link Hover};
  210. }
  211. .head {
  212. font-size: 12px;
  213. margin-bottom: 10px;
  214. margin-left: 10px;
  215. color: {color:Title};
  216. letter-spacing: .5px;
  217. }
  218. blockquote {
  219. border-left: 1px solid {color:Light Accents};
  220. margin-left: 6px;
  221. padding-left: 10px;
  222. }
  223. /* permalink page */
  224. img.avatar {display:none; }
  225. ol.notes {
  226. margin-top: 20px;
  227. }
  228.  
  229. .credit {
  230. position:fixed;
  231. bottom:4px;
  232. left:8px;
  233. font: 9px consolas;
  234. text-transform:uppercase;
  235. letter-spacing: 0px;
  236. padding: 2px;
  237. }
  238.  
  239. </style>
  240.  
  241.  
  242. </head>
  243.  
  244. <div id="top"></div>
  245.  
  246. <body>
  247.  
  248. <!--sidebar-->
  249. <div id="side"><center><a title="{text:message}"><img src="{image:sidebar}"></a><br>
  250. <a href="/"><img src="{image:Home}" title="home"></a> <a href="/ask"><img src="{image:Ask}" title="ask"></a> <a href="/submit"><img src="{image:Submit}" title="submit"></a> <a href="{text:about link}"><img src="{image:About}" title="about"></a><br>
  251. {description}
  252. {block:iflink1}<br><a href="{text:Link 1}"><img src="{image:Link 1}" title="{text:Link 1 Title}"></a>{/block:iflink1} {block:iflink2}<a href="{text:Link 2}"><img src="{image:Link 2}" title="{text:Link 2 Title}"></a>{/block:iflink2} {block:iflink3}<a href="{text:Link 3}"><img src="{image:Link 3}" title="{text:Link 3 Title}"></a>{/block:iflink3} {block:iflink4}<a href="{text:Link 4}"><img src="{image:Link 4}" title="{text:Link 4 Title}"></a><br>{/block:iflink4}
  253. {block:iflink5}<a href="{text:Link 5}"><img src="{image:Link 5}" title="{text:Link 5 Title}"></a>{/block:iflink5} {block:iflink6}<a href="{text:Link 6}"><img src="{image:Link 6}" title="{text:Link 6 Title}"></a>{/block:iflink6} {/block:iflink7}<a href="{text:Link 7}"><img src="{image:Link 7}" title="{text:Link 7 Title}"></a>{/block:iflink7} {block:iflink8}<a href="{text:Link 8}"><img src="{image:Link 8}" title="{text:Link 8 Title}"></a><br>{/block:iflink8}
  254. {block:Pagination}
  255. {block:PreviousPage}<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>
  256. {/block:NextPage}
  257. {/block:Pagination}
  258. </center>
  259. </div>
  260. <!----->
  261.  
  262. <div id="content">
  263. {block:Posts}
  264.  
  265. <!-- {block:NoRebloggedFrom}
  266. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  267. {/block:NoRebloggedFrom} -->
  268. <div class="entry">
  269. <!--permalink-->
  270. {block:IndexPage}<div id="perma"><a href="{Permalink}"><img src="{image:permalink}" title="perma"><br>{block:HasTags}{block:Tags}<a href="{TagURL}">{text:Tag Symbol} {Tag} </a><br>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  271.  
  272.  
  273. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  274.  
  275. {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  276.  
  277. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  278.  
  279. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  280.  
  281. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  282.  
  283. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  284.  
  285. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  286.  
  287. {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  288.  
  289. {block:Answer}<b>{Asker}</b> {text:ask} : <center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  290.  
  291. <!--permalink page-->
  292. {block:PermalinkPage}
  293. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">{text:Tag Symbol} {Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
  294. {block:PostNotes}{PostNotes}{/block:PostNotes}
  295. {/block:PermalinkPage}
  296. </div> <!---entry div--->
  297. {/block:Posts}
  298.  
  299. {block:ContentSource}<!-- {SourceURL}
  300. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  301. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  302. {/block:ContentSource}
  303. </div><!---content div--->
  304.  
  305. </div>
  306.  
  307. {block:ifrender}<div style="position:fixed; left:{text:render left}px; bottom:{text:render bottom}px; z-index:1;"><img src="{image:render}" width="{text:render width}"></div>{/block:ifrender}
  308.  
  309. <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>
  310.  
  311.  
  312. </body>
  313.  
  314. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement