Advertisement
teruteru

Sta.sh - 【 THEME 9 by Anomaly ☽】

Jan 17th, 2016
249
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.54 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. sta.sh theme by anomaly betrayus http://betrayus.tumblr.com/
  7. base by http://animecharacter.tumblr.com/
  8. please dont remove the credit otherwise have fun!!
  9.  
  10. ----->
  11.  
  12. <meta charset="utf-8">
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{image:Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  23.  
  24. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  25.  
  26. <meta name="image:favicon" content=""/>
  27. <meta name="image:top icon" content=""/>
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:background" content=""/>
  30.  
  31. <meta name="color:background" content="#fff"/>
  32. <meta name="color:posts" content="#fff"/>
  33. <meta name="color:permalink" content="#ccc"/>
  34. <meta name="color:text" content="#000"/>
  35. <meta name="color:links" content="#999"/>
  36. <meta name="color:hover" content="#ccc"/>
  37. <meta name="color:blockquote" content="#000"/>
  38. <meta name="color:top bar" content="#ccc"/>
  39. <meta name="color:sidebar" content="#fff"/>
  40. <meta name="color:sidebar border" content="#ccc"/>
  41.  
  42. <meta name="text:title" content="i eat poo"/>
  43. <meta name="text:stash title" content="kittystuff's sta.sh"/>
  44. <meta name="text:link1 title" content="link 1"/>
  45. <meta name="text:link1" content="/"/>
  46. <meta name="text:link2 title" content="link 2"/>
  47. <meta name="text:link2" content="/"/>
  48. <meta name="text:link3 title" content="link 3"/>
  49. <meta name="text:link3" content="/"/>
  50. <meta name="text:link4 title" content="link 4"/>
  51. <meta name="text:link4" content="/"/>
  52. <meta name="text:link5 title" content="link 5"/>
  53. <meta name="text:link5" content="/"/>
  54. <meta name="text:previous page title" content="prev"/>
  55. <meta name="text:next page title" content="next"/>
  56. <meta name="text:tag symbol" content="x"/>
  57.  
  58. <meta name="if:full bg" content="0"/>
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. /*
  64. general text styles, fonts and colours
  65. */
  66.  
  67. body {
  68. margin:0px;
  69. background:{color:background};
  70. background-image: url("{image:background}");
  71. background-attachment: fixed;
  72. background-repeat: repeat;
  73. {block:iffullbg}
  74. background-size: cover;
  75. {/block:iffullbg}
  76. font-family: helvetica, sans-serif;
  77. font-size:12px;
  78. line-height:140%;
  79. color: {color:text};
  80. }
  81.  
  82. p{
  83. margin:0 0 10px 0;
  84. padding:0;
  85. }
  86.  
  87. pre {
  88. white-space: pre-wrap;
  89. white-space: -moz-pre-wrap;
  90. white-space: -pre-wrap;
  91. white-space: -o-pre-wrap;
  92. word-wrap: break-word;
  93. }
  94.  
  95. a{
  96. color:{color:links};
  97. }
  98.  
  99. a:hover{
  100. color:{color:hover};
  101. }
  102.  
  103. li{
  104. margin-left:-15px;
  105. }
  106.  
  107. #topbar{
  108. position:fixed;
  109. width:100%;
  110. height:45px;
  111. top:0px;
  112. background:{color:top bar};
  113. }
  114.  
  115. #topicon{
  116. margin-left:10px;
  117. margin-top:6px;
  118. }
  119.  
  120. #toptxt{
  121. font-family:helvetica;
  122. font-size:25px;
  123. margin-left:75px;
  124. margin-top:-26px;
  125. padding:0px;
  126. }
  127.  
  128. #wrapper{
  129. width:500px;
  130. margin:50px auto;
  131. }
  132.  
  133.  
  134. #title{
  135. width:200px;
  136. position:fixed;
  137. right:25px;
  138. font-family:helvetica;
  139. font-size:25px;
  140. text-align:center;
  141. top:225px;
  142. }
  143.  
  144. #sidebar{
  145. width:200px;
  146. position:fixed;
  147. right:25px;
  148. top:250px;
  149. background-color:{color:sidebar};
  150. border:1px solid {color:border};
  151. padding:5px;
  152. border-radius: 5px;
  153. -webkit-border-radius: 5px;
  154. -moz-border-radius: 5px;
  155. -o-border-radius: 5px;
  156. }
  157.  
  158. #content{
  159. width:700px;
  160. overflow:hidden;
  161. color:{color:text};
  162. }
  163.  
  164. .post{
  165. width:500px;
  166. margin:0 0 15px 0px;
  167. overflow:hidden;
  168. background-color:{color:posts};
  169. border:1px solid transparent;
  170. padding:15px;
  171. }
  172.  
  173. #sidebar img, .post img{
  174. max-width:100%;
  175. }
  176.  
  177. #nav{
  178. margin:50px 0 0 0;
  179. }
  180.  
  181.  
  182. /*
  183. content in the body of the posts - quotes, asks, etc
  184. "media" contains photos, photosets, videos, audio posts
  185. */
  186. .media{
  187. margin:0 0 10px 0;
  188. }
  189.  
  190. .title{
  191. font-weight:normal;
  192. font-size:18px;
  193. margin:0 0 10px 0;
  194. }
  195.  
  196. .quote{
  197. font-weight:normal;
  198. font-size:16px;
  199. font-style:italic;
  200. margin:0 0 10px 0;
  201. }
  202.  
  203. .question{
  204. margin-bottom:10px;
  205. }
  206.  
  207. blockquote{
  208. margin:0 0 10px 10px;
  209. padding:0 0 0 10px;
  210. border-left:solid 1px {color:blockquote};
  211. }
  212.  
  213. /*
  214. post footers - date, tags, via and source
  215. */
  216. .post .footer{
  217. margin:5px;
  218. background-color:{color:permalink};
  219. text-align:center;
  220. padding:3px;
  221. }
  222.  
  223. /*
  224. post notes
  225. */
  226. ol.notes{
  227. list-style-type:none;
  228. padding:0;
  229. margin:0;
  230. }
  231.  
  232. ol.notes li.note img{
  233. width:16px;
  234. height:16px;
  235. }
  236.  
  237. ol.notes li.note{
  238. margin:0px;
  239. }
  240.  
  241. .credit {
  242. position:fixed;
  243. bottom:4px;
  244. left:8px;
  245. font: 9px consolas;
  246. text-transform:uppercase;
  247. letter-spacing: 0px;
  248. padding: 2px;
  249. }
  250.  
  251. {CustomCSS}
  252. </style>
  253. </head>
  254.  
  255. <body>
  256. <div id="topbar"><div id="topicon"><img style="width:30px" src="{image:top icon}"></div><div id="toptxt">{text:stash title}</div></div>
  257. <div id="wrapper">
  258.  
  259. <div id="title">{text:Title}</div>
  260. <div id="sidebar">
  261. <center><img src="{image:sidebar}"></center>
  262. {block:Description}
  263. <p>{Description}</p>
  264. {/block:Description}
  265. <center>
  266. <a href="/">home</a> <a href="/ask">ask</a> <a href="/submit">submit</a><br>
  267. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a>{/block:iflink1} {block:iflink2}<a href="{text:link2}">{text:link2 title}</a>{/block:iflink2}
  268. {block:iflink3}<a href="{text:link3}">{text:link3 title}</a>{/block:iflink3}
  269. {block:iflink4}<a href="{text:link4}">{text:link4 title}</a>{/block:iflink4}
  270. {block:iflink5}<a href="{text:link5}">{text:link5 title}</a>{/block:iflink5}
  271. </center>
  272. </div>
  273.  
  274.  
  275.  
  276. <div id="content">
  277. {block:Posts}
  278.  
  279. <div class="post">
  280.  
  281. {block:Text}
  282. {block:Title}
  283. <div class="title">{Title}</div>
  284. {/block:Title}
  285. {Body}
  286. {/block:Text}
  287.  
  288. {block:Photo}
  289. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  290. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  291. {/block:Photo}
  292.  
  293. {block:Photoset}
  294. <div class="media">{Photoset-500}</div>
  295. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  296. {/block:Photoset}
  297.  
  298. {block:Quote}
  299. <div class="quote">"{Quote}"</div>
  300. {block:Source}
  301. <div class="quotesource">{Source}</div>
  302. {/block:Source}
  303. {/block:Quote}
  304.  
  305. {block:Link}
  306. <div class="title"><a href="{URL}">{Name}</a></div>
  307. {block:Description}
  308. <div class="description">{Description}</div>
  309. {/block:Description}
  310. {/block:Link}
  311.  
  312. {block:Chat}
  313. {block:Title}
  314. <div class="title">{Title}</div>
  315. {/block:Title}
  316.  
  317. {block:Lines}
  318. <div class="{Alt} user_{UserNumber}">
  319. {block:Label}
  320. <b>{Label}</b>{/block:Label}
  321. &nbsp;{Line}
  322. </div>
  323. {/block:Lines}
  324. {/block:Chat}
  325.  
  326. {block:Video}
  327. <div class="media">{Video-500}</div>
  328. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  329. {/block:Video}
  330.  
  331. {block:Audio}
  332. <div class="media">
  333. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  334. {AudioPlayerWhite}
  335. {block:TrackName}{TrackName}<br>{/block:TrackName}
  336. {block:Artist}{Artist}<br>{/block:Artist}
  337. {block:Album}{Album}{/block:Album}
  338. </div>
  339. {block:Caption}{Caption}{/block:Caption}
  340. {/block:Audio}
  341.  
  342. {block:Answer}
  343. <div class="question">{Asker}: {Question}</div>
  344. <div class="caption">{Answer}</div>
  345. {/block:Answer}
  346.  
  347.  
  348. {block:Date}
  349. <div class="footer">
  350. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  351. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{text:tag symbol} {Tag}</a> {/block:Tags}{/block:HasTags}
  352. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  353. {block:ContentSource}<br><a href="{SourceURL}">{lang:Source}: {SourceTitle}</a>{/block:ContentSource}
  354. </div>
  355.  
  356. {block:PermalinkPage}
  357. {block:NoteCount}
  358. {block:PostNotes}{PostNotes}{/block:PostNotes}
  359. {/block:NoteCount}
  360. {/block:PermalinkPage}
  361. {/block:Date}
  362.  
  363. </div>
  364. {/block:Posts}
  365.  
  366. {block:Pagination}
  367. <div id="nav">
  368. {block:PreviousPage}<a href="{PreviousPage}">{text:previous page title}</a>{/block:PreviousPage}
  369.  
  370. {block:NextPage}<a href="{NextPage}">{text:next page title}</a>{/block:NextPage}
  371. </div>
  372. {/block:Pagination}
  373. </div>
  374. </div>
  375.  
  376. <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></div>
  377.  
  378. </div>
  379.  
  380. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  381. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  382.  
  383. </body>
  384. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement