Advertisement
anaskips

Scratches

Apr 19th, 2014
1,453
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
  1. <!--
  2. █████╗ ███╗ ██╗ █████╗ ███████╗██╗ ██╗██╗██████╗ ███████╗
  3. ██╔══██╗████╗ ██║██╔══██╗██╔════╝██║ ██╔╝██║██╔══██╗██╔════╝
  4. ███████║██╔██╗ ██║███████║███████╗█████╔╝ ██║██████╔╝███████╗
  5. ██╔══██║██║╚██╗██║██╔══██║╚════██║██╔═██╗ ██║██╔═══╝ ╚════██║
  6. ██║ ██║██║ ╚████║██║ ██║███████║██║ ██╗██║██║ ███████║
  7. ╚═╝ ╚═╝╚═╝ ╚═══╝╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝╚═╝╚═╝ ╚══════
  8. scratch theme by anaskips http://www.anaskips.tumblr.com
  9.  
  10. Terms of Use:
  11. YOU MAY NOT:
  12. -Redistribute this theme
  13. -Claim this theme as your own
  14. -Copy html code/combine with another theme
  15. -Use this theme as a base for your own
  16. -Move theme credit to a secondary page
  17. YOU MAY:
  18. -Edit this theme to your heart's content
  19.  
  20. SEND ME A MESSAGE OFF ANON IF YOU NOTICE ANY PROBLEMS/GLITCHES!!!
  21.  
  22. -->
  23.  
  24. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  25.  
  26. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  27.  
  28. <head>
  29.  
  30. <title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33.  
  34. <meta name="image:Background" content="" />
  35. <meta name="image:Render" content="" />
  36. <meta name="image:Border" content="" />
  37. <meta name="image:Cursor" content="" />
  38.  
  39. <meta name="color:Background" content="#ffffff" />
  40. <meta name="color:Content Background" content="#ffffff" />
  41. <meta name="color:Other Border" content="#ededed" />
  42. <meta name="color:Link" content="#ffb6e7" />
  43. <meta name="color:Link Hover" content="#000000" />
  44. <meta name="color:Bold" content="#000000" />
  45. <meta name="color:Italic" content="#aeaeae" />
  46. <meta name="color:Post Text" content="#6d6d6d" />
  47. <meta name="color:Post Info" content="#e4e4e4" />
  48. <meta name="color:Description" content="#dedede" />
  49. <meta name="color:Titles" content="#000000" />
  50. <meta name="color:Ask Background" content="#f5f5f5" />
  51. <meta name="color:Scrollbar" content="#cacaca" />
  52. <meta name="color:Scrollbar Background" content="#ffffff" />
  53.  
  54. <meta name="if:Show Album Art" content="0" />
  55. <meta name="if:Custom Cursor" content="0" />
  56. <meta name="if:Captions" content="0" />
  57. <meta name="if:Show Tags" content="1" />
  58. <meta name="select:Opacity" content="1" title="opaque" />
  59. <meta name="select:Opacity" content=".9" title=".9" />
  60. <meta name="select:Opacity" content=".8" title=".8" />
  61. <meta name="select:Opacity" content=".7" title=".7" />
  62. <meta name="select:Opacity" content=".6" title=".6" />
  63. <meta name="select:Font" content="Inconsolata" title="Inconsolata" />
  64. <meta name="select:Font" content="Georgia" title="Georgia" />
  65. <meta name="select:Font" content="Arial" title="Arial" />
  66. <meta name="select:Font" content="Calibri" title="Calibri" />
  67. <meta name="select:Font" content="Courier New" title="Courier New" />
  68. <meta name="select:Font" content="Trebuchet MS" title="Trebuchet MS" />
  69. <meta name="select:Font" content="Verdana" title="Verdana" />
  70. <meta name="select:TitleFont" content="Inconsolata" title="Inconsolata" />
  71. <meta name="select:TitleFont" content="Georgia" title="Georgia" />
  72. <meta name="select:TitleFont" content="Arial" title="Arial" />
  73. <meta name="select:TitleFont" content="Calibri" title="Calibri" />
  74. <meta name="select:TitleFont" content="Courier New" title="Courier New" />
  75.  
  76. <meta name="text:Post Width" content="200" />
  77. <meta name="text:Content Width" content="300" />
  78. <meta name="text:Content Left" content="150" />
  79. <meta name="text:Top Bar Width" content="250" />
  80. <meta name="text:Top Bar Left" content="10" />
  81. <meta name="text:Post Font Size" content="10" />
  82. <meta name="text:Render Bottom" content="0" />
  83. <meta name="text:Render Left" content="0" />
  84. <meta name="text:Render Width" content="" />
  85. <meta name="text:Link 1" content="link" />
  86. <meta name="text:Link 2" content="link" />
  87. <meta name="text:Link 3" content="link" />
  88. <meta name="text:Link 1 URL" content="/" />
  89. <meta name="text:Link 2 URL" content="/" />
  90. <meta name="text:Link 3 URL" content="/" />
  91.  
  92. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  93.  
  94. <style type="text/css">
  95.  
  96. /*----------------------------------------------------------------------*/
  97. ::-webkit-scrollbar{width:3px;height:3px;background:{color:Scrollbar Background};border:1px solid {color:Scrollbar};}
  98. ::-webkit-scrollbar-thumb{background-color:{color:ScrollBar};}
  99.  
  100. body{margin:0px;padding:0px;
  101. background-color:{color:Background};background-image:url('{image:Background}');}
  102.  
  103. a{color:{color:Link};font-family:calibri;text-transform:uppercase;text-decoration:none;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
  104. a:hover{color:{color:Link Hover};-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
  105.  
  106. b, strong{color:{color:Bold};font-family:georgia;font-weight:bold;}
  107. i, em{color:{color:Italic};font-family:georgia;font-style:italic;}
  108.  
  109. ul{list-style-type:square;margin-left:-10px;}
  110. blockquote{margin-left:0px;padding:0px;width:{text:Post Width}px;color:{color:Italic};border:1px solid {color:Other Border};background:{color:Ask Background};}
  111.  
  112. {block:ifCustomCursor}
  113. body, a, a:hover {cursor:url('{image:Cursor}'), auto; }
  114. {/block:ifCustomCursor}
  115.  
  116. h1{font:12px {select:TitleFont};text-transform:lowercase;color:{color:Titles};}
  117. h1 a{font:12px {select:TitleFont};text-transform:lowercase;border:0px;}
  118.  
  119. #render{z-index:9999999;position:fixed;left:{text:Render Left}px;bottom:{text:Render Bottom}px;}
  120. #render img{opacity:1;width:{text:Render Width}px;}
  121.  
  122. /*----------------------------------------------------------------------*/
  123. #content{
  124. position:fixed;
  125. top:120px;left:50%;
  126. margin-left:-{text:Content Left}px;
  127. max-width:{text:Content Width}px;
  128. height:640px;
  129. background-image:url('{image:Border}');
  130. font:{text:Post Font Size}px {select:Font};
  131. text-align:justify;
  132. color:{color:Post Text};}
  133.  
  134. #postbox{
  135. max-height:600px;
  136. max-width:{text:Postbox Width}px;
  137. overflow:auto;
  138. margin:20px;
  139. padding-left:15px;
  140. padding-right:17px;
  141. background-color:{color:Content Background};}
  142.  
  143. .post{
  144. width:{text:Post Width}px;
  145. margin:15px 0px;
  146. margin-bottom:25px;
  147. padding:0px;
  148. font:{text:Post Font Size}px {select:Font};
  149. text-align:justify;
  150. color:{color:Post Text};
  151. background:{color:Content Background};
  152. border-image:url('{image:Border}') 0 0 5 0 / 0px 0px 5px 0px repeat;}
  153.  
  154. .post img, .post #img{width:{text:Post Width}px;margin:0px;opacity:{select:Opacity};-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
  155. .post img:hover, .post #img:hover{opacity:1;-webkit-transition: all 0.5s ease-in;-moz-transition: all 0.5s ease-in;-ms-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
  156.  
  157. ol.notes{list-style-type:lower-greek;float:none;clear:none;padding:0px;margin:5px;width:{text:Post Width}px;}
  158. li.note{padding:5px;}
  159. img.avatar{vertical-align: -4px;margin-right:10px;width:15px;height:15px;}
  160.  
  161. #pagination{font:10px calibri;text-transform:uppercase;text-align:center;margin-top:-10px;margin-bottom:20px;}
  162.  
  163. /*----------------------------------------------------------------------*/
  164. #audioplayer{width:{text:Post Width}px;background:#e5e5e5;overflow:hidden;}
  165.  
  166. #source{text-align:right;font:10px calibri;text-transform:uppercase;}
  167.  
  168. .chat ul{margin:0px;}
  169. .chat li{margin:0px;list-style-type:none;}
  170. .chat .line.even{margin:2px;}
  171. .chat .line.odd{margin:2px;}
  172. .chat .label.even{font-size:10px;color:{color:Bold};text-transform:uppercase;}
  173. .chat .label.odd{font-size:10px;color:{color:Italic};text-transform:uppercase;}
  174.  
  175. /*----------------------------------------------------------------------*/
  176. #info{width:{text:Post Width}px;margin-top:2px;margin-bottom:5px;font:8px calibri;letter-spacing:1px;text-transform:uppercase;color:{color:Post Info};border-top:1px dotted {color:Other Border};}
  177. #info a{color:{color:Post Info};font:8px calibri;letter-spacing:1px;}
  178. .linfo{text-align:left;display:inline-block;}
  179. .rinfo{float:right;text-align:right;display:inline;}
  180.  
  181. /*----------------------------------------------------------------------*/
  182. #topbar{
  183. margin-top:-100px;
  184. margin-left:{text:Top Bar Left}px;
  185. position:absolute;
  186. width:{text:Top Bar Width}px;
  187. background-image:url('{image:Border}')}
  188. #desc{
  189. overflow:auto;
  190. max-height:50px;
  191. margin:10px;
  192. padding:5px;
  193. font:8px calibri;
  194. color:{color:Description};
  195. text-transform:uppercase;
  196. background-color:{color:Content Background};}
  197. #ptitle{font:12px {select:TitleFont};text-align:center;color:{color:Bold};letter-spacing:4px;}
  198. #links{text-align:center;margin-bottom:3px;}
  199. #links a{font:9px/5px {select:TitleFont};color:{color:Italic};text-transform:lowercase;margin-right:5px;border-bottom:1px dotted {color:Other Border};}
  200.  
  201. {CustomCSS}
  202. </style>
  203. </head>
  204. <body>
  205.  
  206.  
  207.  
  208. <div id="content">
  209. <div id="render"><img src="{image:Render}"/></div>
  210. <div id="topbar">
  211. <div id="desc">
  212. <div id="ptitle">{Title}</div>
  213. <div id="links">
  214. <a href="/">index</a> <a href="/ask">ask</a>
  215. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  216. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  217. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  218. <a href="http://www.anaskips.tumblr.com">theme</a></div>
  219. {Description}
  220. </div>
  221. </div>
  222. <div id="postbox">
  223. {block:Posts}
  224. <div class="post">
  225.  
  226. {block:Text}
  227. {block:Title}<h1>{Title}</h1>{/block:Title}
  228. {Body}
  229. {/block:Text}
  230.  
  231. {block:Link}
  232. <h1><a href="{URL}">{Name}</a></h1>
  233. {block:Description}{Description}{/block:Description}
  234. {/block:Link}
  235.  
  236. {block:Audio}
  237. {block:ifShowAlbumArt}
  238. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  239. {/block:ifShowAlbumArt}
  240. <div id="audioplayer">{AudioPlayerGrey}</div>
  241. {block:Caption}{Caption}{/block:Caption}
  242. {/block:Audio}
  243.  
  244. {block:Quote}
  245. <h1>"{Quote}"</h1>
  246. {block:Source}<div id="source">&mdash;{Source}</div>{/block:Source}
  247. {/block:Quote}
  248.  
  249. {block:Photo}
  250. <img src="{PhotoURL-500}"/>
  251. {block:IndexPage}
  252. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  253. {/block:IndexPage}
  254. {block:PermalinkPage}
  255. {block:Caption}{Caption}{/block:Caption}
  256. {/block:PermalinkPage}
  257. {/block:Photo}
  258.  
  259. {block:Photoset}
  260. {block:Photos}
  261. <img src="{PhotoURL-500}" width="{text:Post Width}px;"/>
  262. {block:IndexPage}
  263. {block:ifCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifCaptions}
  264. {/block:IndexPage}
  265. {block:PermalinkPage}
  266. {block:Caption}{Caption}{/block:Caption}
  267. {/block:PermalinkPage}
  268. {/block:Photos}
  269. {/block:Photoset}
  270.  
  271. {block:Chat}
  272. {block:Title}<h1>{Title}</h1>{/block:Title}
  273. <div class="chat">
  274. {block:Lines}
  275. <div class="line {Alt}">
  276. {block:Label}<span class="label {Alt}">{Label}</span>{/block:Label}
  277. {Line}</div>
  278. {/block:Lines}
  279. </div>
  280. {/block:Chat}
  281.  
  282. <div id="info">
  283. {block:Date}
  284. <div class="linfo"><a href="{Permalink}">posted {TimeAgo}</a></div>
  285. <div class="rinfo">
  286. {block:RebloggedFrom}
  287. <a href="{ReblogParentURL}">via</a> &{/block:RebloggedFrom}
  288. {block:ContentSource}
  289. <a href="{SourceURL}">©</a> //
  290. {/block:ContentSource}<a href="{ReblogURL}">reblog</a></div><br>
  291. {block:ifShowTags}{block:HasTags}filed under: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</p>{/block:ifShowTags}
  292. {/block:Date}
  293. </div>
  294.  
  295. </div>
  296. {block:PermalinkPage}
  297. {block:PostNotes}{PostNotes}{/block:PostNotes}
  298. {/block:PermalinkPage}
  299. {/block:Posts}
  300. {block:Pagination}
  301. <div id="pagination">
  302. {block:PreviousPage}
  303. <a href="{PreviousPage}">&laquo;</a>
  304. {/block:PreviousPage}
  305. {CurrentPage} / {TotalPages}
  306. {block:NextPage}
  307. <a href="{NextPage}">&raquo;</a>
  308. {/block:NextPage}
  309. </div>
  310. {/block:Pagination}
  311. </div>
  312. </div>
  313.  
  314. </body>
  315. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement