API tools faq
paste
teruteru

Tragic Bells - 【 THEME 15 by Anomaly ☽】

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