API tools faq
paste
Advertisement
teruteru

Copycat - 【 THEME 12 by Anomaly ☽】

teruteru
Feb 18th, 2016
383
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.50 KB | None | 0 0
raw download clone embed print report
  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 12: copycat 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. <!--images-->
  18. <meta name="image:Favicon" content=""/>
  19. <meta name="image:Background" content=""/>
  20. <meta name="image:Sidebar" content=""/>
  21. <meta name="image:Permalink" content=""/>
  22. <meta name="image:Divider" content=""/>
  23. <meta name="image:Home" content=""/>
  24. <meta name="image:Ask" content=""/>
  25. <meta name="image:Submit" content=""/>
  26. <meta name="image:About" content=""/>
  27. <meta name="image:Lace" content=""/>
  28. <meta name="image:Cursor" content=""/>
  29. <meta name="image:Render" content=""/>
  30.  
  31. <!--colours-->
  32. <meta name="color:Background" content="#fff" />
  33. <meta name="color:Text" content="#bbb"/>
  34. <meta name="color:Scrollbar" content="#000"/>
  35. <meta name="color:Posts" content="#fff" />
  36. <meta name="color:Border" content="#eee" />
  37. <meta name="color:Light Accents" content="#eee"/>
  38. <meta name="color:Link" content="#aaa"/>
  39. <meta name="color:Link Hover" content="#7bd7c2"/>
  40. <meta name="color:Title" content="#888"/>
  41. <meta name="color:Sidebar Link" content="#aaa"/>
  42.  
  43. <!--link options-->
  44. <meta name="text:Home" content="/"/>
  45. <meta name="text:Home Title" content="home"/>
  46. <meta name="text:Ask" content="/ask"/>
  47. <meta name="text:Ask Title" content="ask"/>
  48. <meta name="text:Submit" content="/submit"/>
  49. <meta name="text:Submit Title" content="submit"/>
  50. <meta name="text:About" content="/about"/>
  51. <meta name="text:About Title" content="about"/>
  52. <meta name="text:Menu Title" content="links"/>
  53. <meta name="text:Link1 Title" content="link 1"/>
  54. <meta name="text:Link1" content="/"/>
  55. <meta name="text:Link2 Title" content="link 2"/>
  56. <meta name="text:Link2" content="/"/>
  57. <meta name="text:Link3 Title" content="link 3"/>
  58. <meta name="text:Link3" content="/"/>
  59. <meta name="text:Link4 Title" content="link 4"/>
  60. <meta name="text:Link4" content="/"/>
  61. <meta name="text:Link5 Title" content="link 5"/>
  62. <meta name="text:Link5" content="/"/>
  63. <meta name="text:Link6 Title" content="link 6"/>
  64. <meta name="text:Link6" content="/"/>
  65. <meta name="text:Link7 Title" content="link 7"/>
  66. <meta name="text:Link7" content="/"/>
  67. <meta name="text:Link8 Title" content="link 8"/>
  68. <meta name="text:Link8" content="/"/>
  69.  
  70. <!--text options-->
  71. <meta name="text:Tag Symbol" content="#"/>
  72. <meta name="text:Ask Text" content="whispered"/>
  73.  
  74. <!--post width options-->
  75. <meta name="if:250px" content="1"/>
  76. <meta name="if:400px" content="0"/>
  77. <meta name="if:500px" content="0"/>
  78.  
  79. <!--font options-->
  80. <meta name="select:Font" content="Arial"/>
  81. <meta name="select:Font" content="Helvetica"/>
  82. <meta name="select:Font" content="Calibri"/>
  83. <meta name="select:Font" content="Consolas"/>
  84. <meta name="select:Font" content="Courier New"/>
  85. <meta name="select:Font" content="Verdana"/>
  86. <meta name="select:Font" content="Tahoma"/>
  87.  
  88. <!--misc options-->
  89. <meta name="if:Full Background" content=""/>
  90. <meta name="if:Infinite Scroll" content=""/>
  91. <meta name="if:Custom Cursor" content=""/>
  92. <meta name="if:Lace" content=""/>
  93. <meta name="if:Sidebar Img" content=""/>
  94. <meta name="if:Render" content=""/>
  95.  
  96. <!--lace options-->
  97. <meta name="text:Lace Height" content="50"/>
  98. <meta name="text:Lace Top" content="60"/>
  99.  
  100. <!--render options-->
  101. <meta name="text:Render Width" content="400"/>
  102. <meta name="text:Render Bottom" content="60"/>
  103. <meta name="text:Render Left" content="600"/>
  104.  
  105. <style type="text/css">
  106.  
  107. iframe#tumblr_controls {
  108. right:2px !important;
  109. position: fixed !important;
  110. -webkit-transition: opacity 0.7s linear;
  111. opacity: 0.16;
  112. -webkit-transition: all 0.8s ease-out;
  113. -moz-transition: all 0.8s ease-out;
  114. transition: all 0.8s ease-out;
  115. -webkit-filter: invert(100%);
  116. }
  117. iframe#tumblr_controls:hover {
  118. -webkit-transition: opacity 0.7s linear;
  119. opacity: 0.16;
  120. -webkit-transition: all 0.4s ease-out;
  121. -moz-transition: all 0.4s ease-out;
  122. transition: all 0.4s ease-out;
  123. -webkit-filter: invert(100%);
  124. }
  125.  
  126. #lace {
  127. position:fixed;
  128. margin-top:-{text:lace top}px;
  129. margin-left:-282px;
  130. width:150%;
  131. height:{text:lace height}px;
  132. background-image: url('{image:lace}');
  133. z-index:2;
  134. }
  135.  
  136. {block:ifcustomcursor} body, a, a:hover{cursor: url('{image:cursor}'), progress;}{/block:ifcustomcursor}
  137.  
  138. body {
  139. color: {color:Text};
  140. background-color: {color:Background};
  141. background-image: url({image:Background});
  142. {block:iffullbackground}
  143. background-size: cover;
  144. {/block:iffullbackground}
  145. font: 11px {select:font};
  146. line-height: 16px;
  147. }
  148. a {
  149. text-decoration: none;
  150. color: {color:Link};
  151. }
  152. a:hover {
  153. color:{color:Link Hover};
  154. cursor: help;
  155. }
  156. h1 {
  157. font-size: 12px;
  158. color: {color:Title};
  159. }
  160. /* scrollbar */
  161. ::-webkit-scrollbar {
  162. width: 3px;
  163. height: 5px;
  164. background: {color:Background};
  165. }
  166. ::-webkit-scrollbar-thumb {
  167. background: {color:Scrollbar};
  168. border-radius: 16px;
  169. border-top: 5px solid {color:Background};
  170. }
  171. /* post customizations */
  172. #content { /* for the whole column of posts */
  173. {block:IndexPage}
  174. {block:if250px} /* post widths */
  175. width: 250px;
  176. {/block:if250px}
  177. {block:if400px}
  178. width: 400px;
  179. {/block:if400px}
  180. {block:if500px}
  181. width: 500px;
  182. {/block:if500px}
  183. {/block:IndexPage}
  184. {block:PermalinkPage}
  185. width: 400px;
  186. {/block:PermalinkPage}
  187. position: relative;
  188. margin-left: 300px;
  189. margin-top: 60px;
  190. }
  191. .entry { /* for individual posts */
  192. margin-bottom: 60px;
  193. background-color:{color:posts};
  194. padding:20px;
  195. padding-bottom:20px;
  196. border:3px double {color:border};
  197. }
  198. }
  199.  
  200. /* permalinks */
  201. #permalink {
  202. display:block;
  203. background:{color:permalink};
  204. margin-bottom:3px;
  205. padding-top:3px;
  206. text-align:center;
  207. border:3px double {color:posts};
  208. }
  209. /* sidebar */
  210. #side {
  211. top: 250px;
  212. left: 26px;
  213. position: fixed;
  214. width: 200px;
  215. background-color:{color:posts};
  216. padding:10px;
  217. padding-bottom:10px;
  218. border:3px double {color:border};
  219. }
  220. #side a{
  221. width:20px;
  222. background-color{color:sidebar link};
  223. color:{color:link};
  224. }
  225. #side a:hover {
  226. border-bottom: 1px solid transparent;
  227. background-color: {color:Sidebar Link Hover};
  228. }
  229. .head {
  230. font-size: 12px;
  231. margin-bottom: 10px;
  232. margin-left: 10px;
  233. color: {color:Title};
  234. letter-spacing: .5px;
  235. }
  236. blockquote {
  237. border-left: 1px solid {color:Light Accents};
  238. margin-left: 6px;
  239. padding-left: 10px;
  240. }
  241. /* permalink page */
  242. img.avatar {display:none; }
  243. ol.notes {
  244. margin-top: 20px;
  245. }
  246.  
  247. .credit {
  248. position:fixed;
  249. bottom:4px;
  250. left:8px;
  251. font: 9px consolas;
  252. text-transform:uppercase;
  253. letter-spacing: 0px;
  254. padding: 2px;
  255. }
  256. </style>
  257. <head>
  258. {block:iflace}<div id="lace"></div>{/block:iflace}
  259. <!---infinite scroll--->{block:ifinfinitescroll}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:ifinfinitescroll}
  260.  
  261. </head>
  262.  
  263. <body>
  264.  
  265. <!--sidebar-->
  266. <div id="side"><div class="head">{block:ifsidebarimg}<center><img style="width:100px" src="{image:Sidebar}"></center>{/block:ifsidebarimg}</div>{Description}<br>
  267. <center>
  268. <img src="{image:home}"></a> <a href="{text:home}" title="{text:home title}"> <img src="{image:ask}"></a> <a href="{text:ask}" title="{text:ask title}"> <img src="{image:submit}"></a> <a href="{text:submit}" title="{text:submit title}"> <img src="{image:about}"></a> <a href="{text:about}" title="{text:about title}"><br>
  269. <center><select style="width: 150px; border: 0px solid; padding: 3px; color: {color:link}; background-color: {color:sidebar link}; font-family: {select:font}; text-transform: uppercase; font-size: 8px; letter-spacing: 1px;" onChange="location.href=this.options[this.selectedIndex].value;">
  270. <option value="/">{text:menu title}</option>
  271. {block:iflink1}<option value="{text:link1}">{text:link1 title}</option>{/block:iflink1}
  272. {block:iflink2}<option value="{text:link2}">{text:link2 title}</option>{/block:iflink2}
  273. {block:iflink3}<option value="{text:link3}">{text:link3 title}</option>{/block:iflink3}
  274. {block:iflink4}<option value="{text:link4}">{text:link4 title}</option>{/block:iflink4}
  275. {block:iflink5}<option value="{text:link5}">{text:link5 title}</option>{/block:iflink5}
  276. {block:iflink6}<option value="{text:link6}">{text:link6 title}</option>{/block:iflink6}
  277. {block:iflink7}<option value="{text:link7}">{text:link7 title}</option>{/block:iflink7}
  278. {block:iflink8}<option value="{text:link8}">{text:link8 title}</option>{/block:iflink8}
  279. </select>
  280. </center>
  281. </div>
  282. <!----->
  283.  
  284. <div id="content">
  285. {block:Posts}
  286.  
  287. <!-- {block:NoRebloggedFrom}
  288. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  289. {/block:NoRebloggedFrom} -->
  290. <div class="entry">
  291.  
  292. <!--permalink-->
  293. {block:IndexPage}<div id="permalink"><center><a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a> <img src="{image:permalink}"> <a href="{ReblogURL}">reblog</a></center></div>{/block:IndexPage}<br>
  294.  
  295.  
  296. {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}
  297.  
  298. {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-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  299.  
  300. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  301.  
  302. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  303.  
  304. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  305.  
  306. {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}
  307.  
  308. {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}
  309.  
  310. {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-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  311.  
  312. {block:Answer}<b>{Asker}</b> {text:ask text}: <br><center><i>{Question}</i></center><p>{Answer}{/block:Answer}
  313.  
  314. <!--permalink page-->
  315. {block:PermalinkPage}
  316. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">{text:tag symbol} {Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
  317. <img src="{image:divider}">
  318. {block:PostNotes}{PostNotes}{/block:PostNotes}
  319. {/block:PermalinkPage}
  320. </div> <!---entry div--->
  321. {/block:Posts}
  322.  
  323. {block:ContentSource}<!-- {SourceURL}
  324. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  325. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  326. {/block:ContentSource}
  327. </div><!---content div--->
  328.  
  329. {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}
  330.  
  331. <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>
  332.  
  333.  
  334. </body>
  335.  
  336. </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!