hoopers

combusting

Apr 13th, 2016
509
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.17 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6. theme by: markleesgirlfriend.tumblr.com
  7.  
  8. ----->
  9.  
  10. <meta charset="utf-8">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <title>{Title}</title>
  17. <meta name="color:Background" content="#fff" />
  18. <meta name="color:Body" content="#333" />
  19. <meta name="color:Link" content="#8d8c8d" />
  20. <meta name="color:Link hover" content="#8d8c8d" />
  21. <meta name="text:Link1" content="link" />
  22. <meta name="text:Link1 URL" content="/" />
  23. <meta name="text:Link2" content="link" />
  24. <meta name="text:Link2 URL" content="/" />
  25.  
  26.  
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  30.  
  31. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  32.  
  33. <style type="text/css">
  34.  
  35.  
  36. /*
  37. general text styles, fonts and colours
  38. */
  39.  
  40. body {
  41. margin:0px;
  42. background:{color:background};
  43. font-family:arial;
  44. font-size:12px;
  45. line-height:140%;
  46. color:{color:body};
  47. }
  48.  
  49. p{
  50. margin:0 0 10px 0;
  51. padding:0;
  52. }
  53.  
  54. pre {
  55. white-space: pre-wrap;
  56. white-space: -moz-pre-wrap;
  57. white-space: -pre-wrap;
  58. white-space: -o-pre-wrap;
  59. word-wrap: break-word;
  60. }
  61.  
  62. a{
  63. color:{color:link};
  64. }
  65.  
  66. a:hover{
  67. color:{color:link hover};
  68. }
  69.  
  70. links{
  71. margin:left;
  72. color:black;
  73. padding:px;
  74. }
  75. li{
  76. margin-left:15px;
  77. }
  78.  
  79. /*
  80. containers etc
  81. */
  82. #wrapper{
  83. width:600px;
  84. margin:100px auto;
  85. }
  86.  
  87. #sidebar{
  88. padding:10px;
  89. width:200px;
  90. position:fixed;
  91. }
  92.  
  93.  
  94. #content{
  95. width:400px;
  96. margin-left:400px;
  97. overflow:hidden;
  98. }
  99.  
  100. .post{
  101. width:400px;
  102. margin:0 0 50px 0;
  103. overflow:hidden;
  104. }
  105.  
  106. #sidebar img, .post img{
  107. max-width:100%;
  108. }
  109. #title {
  110. font-weight:bold;
  111. margin-left:-10px;
  112.  
  113. }
  114. #nav{
  115. margin:50px 0 0 0;
  116. }
  117.  
  118.  
  119. /*
  120. content in the body of the posts - quotes, asks, etc
  121. "media" contains photos, photosets, videos, audio posts
  122. */
  123. .media{
  124. margin:0 0 10px 0;
  125. }
  126.  
  127. .title{
  128. font-weight:normal;
  129. font-size:18px;
  130. margin:0 0 10px 0;
  131. }
  132.  
  133. .quote{
  134. font-weight:normal;
  135. font-size:16px;
  136. font-style:italic;
  137. margin:0 0 10px 0;
  138. }
  139.  
  140. .question{
  141. margin-bottom:10px;
  142. }
  143.  
  144. blockquote{
  145. margin:0 0 10px 10px;
  146. padding:0 0 0 10px;
  147. border-left:solid 1px #000;
  148. }
  149.  
  150. /*
  151. post footers - date, tags, via and source
  152. */
  153. .post .footer{
  154. margin:0;
  155. text-align:left;
  156. }
  157.  
  158. /*
  159. post notes
  160. */
  161. ol.notes{
  162. list-style-type:none;
  163. padding:0;
  164. margin:0;
  165. }
  166.  
  167. ol.notes li.note img{
  168. width:16px;
  169. height:16px;
  170. }
  171.  
  172. ol.notes li.note{
  173. margin:0px;
  174. }
  175. #credit a{
  176. position:fixed;
  177. right:3px;
  178. bottom:3px;
  179. padding:4px;
  180. font-size:9px;
  181. font-family:arial;
  182. color:black;
  183. -moz-transition-duration:.5s;
  184. -webkit-transition-duration:.5s;
  185. -o-transition-duration:.5s;
  186. }
  187.  
  188. #credit a:hover {
  189. color:black;
  190. letter-spacing:3px;
  191. -moz-transition-duration:.5s;
  192. -webkit-transition-duration:.5s;
  193. -o-transition-duration:.5s;
  194. }
  195. {CustomCSS}
  196. </style>
  197. </head>
  198.  
  199. <body>
  200. <div id="wrapper">
  201.  
  202.  
  203. <div id="sidebar">
  204. <div id="title">{title}</div>
  205. {block:Description}
  206. <p>{Description}</p>
  207. {/block:Description}
  208. <div id="links">
  209. <a href="/">home</a> /
  210. <a href="/ask">ask</a> /
  211. <a href="{text:Link1 Url}">{text:Link1}</a> /
  212. <a href="{text:Link2 Url}">{text:Link2}</a>
  213. </div>
  214. </div>
  215.  
  216.  
  217.  
  218. <div id="content">
  219. {block:Posts}
  220.  
  221. <div class="post">
  222.  
  223. {block:Text}
  224. {block:Title}
  225. <div class="title">{Title}</div>
  226. {/block:Title}
  227. {Body}
  228. {/block:Text}
  229.  
  230. {block:Photo}
  231. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  232. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  233. {/block:Photo}
  234.  
  235. {block:Photoset}
  236. <div class="media">{Photoset-400}</div>
  237. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  238. {/block:Photoset}
  239.  
  240. {block:Quote}
  241. <div class="quote">"{Quote}"</div>
  242. {block:Source}
  243. <div class="quotesource">{Source}</div>
  244. {/block:Source}
  245. {/block:Quote}
  246.  
  247. {block:Link}
  248. <div class="title"><a href="{URL}">{Name}</a></div>
  249. {block:Description}
  250. <div class="description">{Description}</div>
  251. {/block:Description}
  252. {/block:Link}
  253.  
  254. {block:Chat}
  255. {block:Title}
  256. <div class="title">{Title}</div>
  257. {/block:Title}
  258.  
  259. {block:Lines}
  260. <div class="{Alt} user_{UserNumber}">
  261. {block:Label}
  262. <b>{Label}</b>{/block:Label}
  263. &nbsp;{Line}
  264. </div>
  265. {/block:Lines}
  266. {/block:Chat}
  267.  
  268. {block:Video}
  269. <div class="media">{Video-400}</div>
  270. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  271. {/block:Video}
  272.  
  273. {block:Audio}
  274. <div class="media">
  275. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  276. {AudioPlayerWhite}
  277. {block:TrackName}{TrackName}<br>{/block:TrackName}
  278. {block:Artist}{Artist}<br>{/block:Artist}
  279. {block:Album}{Album}{/block:Album}
  280. </div>
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:Audio}
  283.  
  284. {block:Answer}
  285. <div class="question">{Asker}: {Question}</div>
  286. <div class="caption">{Answer}</div>
  287. {/block:Answer}
  288.  
  289.  
  290. {block:Date}
  291. <div class="footer">
  292. <a href="{Permalink}">{TimeAgo}{block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  293. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  294. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">{lang:Reblogged from ReblogParentName}</a>{/block:RebloggedFrom}
  295.  
  296. </div>
  297.  
  298. {block:PermalinkPage}
  299. {block:NoteCount}
  300. {block:PostNotes}{PostNotes}{/block:PostNotes}
  301. {/block:NoteCount}
  302. {/block:PermalinkPage}
  303. {/block:Date}
  304.  
  305. </div>
  306. {/block:Posts}
  307.  
  308. {block:Pagination}
  309. <div id="nav">
  310. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  311.  
  312. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  313. </div>
  314. {/block:Pagination}
  315. </div>
  316. <div id="credit"> <a href="http://markleesgirlfriend.tumblr.com">thm.</a></div>
  317. </div>
  318.  
  319. </div>
  320.  
  321. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  322. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  323.  
  324. </body>
  325. </html>
Advertisement
Add Comment
Please, Sign In to add comment