Advertisement
lucitor

hm

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