Advertisement
Guest User

Simple Theme

a guest
Nov 25th, 2014
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.56 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <head profile="http://gmpg.org/xfn/11">
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6. <meta name="viewport" content="width=550">
  7.  
  8. <meta name="color:Background" content="#ffffff" />
  9. <meta name="color:Text" content="#000000" />
  10. <meta name="color:Link" content="#0000FF" />
  11. <meta name="color:Link Hover" content="#0000FF" />
  12. <meta name="color:Title Link" content="#000000" />
  13. <meta name="color:Title Link Hover" content="#000000" />
  14. <meta name="color:Chat name one" content="#000000" />
  15. <meta name="color:Chat name two" content="#0000FF" />
  16.  
  17. <meta name="font:Typeface" content="Times New Roman, serif"/ >
  18. <meta name="image:Bg image" content=""/>
  19. <meta name="text:Permalink Icon" content="#" />
  20.  
  21.  
  22.  
  23.  
  24. <meta name="if:Show title" content="1" />
  25. <meta name="if:Show commas" content="1" />
  26. <meta name="if:Show archive and RSS links" content="1" />
  27. <meta name="if:Underline links" content="1" />
  28.  
  29. <meta name="if:Show date" content="0" />
  30. <meta name="if:European style date and time" content="1" />
  31. <meta name="if:Show tags" content="1" />
  32. <meta name="if:Show reblogs" content="0" />
  33.  
  34. <meta name="if:Left align everything" content="0" />
  35. <meta name="if:Center text posts" content="0" />
  36. <meta name="if:Center photos" content="0" />
  37. <meta name="if:Center quotes" content="0" />
  38. <meta name="if:Italicize quotes" content="1" />
  39. <meta name="if:Center links" content="0" />
  40. <meta name="if:Center chats" content="0" />
  41. <meta name="if:Center audio posts" content="0" />
  42. <meta name="if:Center video posts" content="0" />
  43. <meta name="if:Center answer posts" content="0" />
  44. <meta name="if:Center permalink icon" content="1" />
  45.  
  46. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47.  
  48. <title>{Title}</title>
  49.  
  50. <link rel="shortcut icon" href="{Favicon}">
  51. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52.  
  53. <style type="text/css">
  54.  
  55. /* base elements */
  56.  
  57. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote { margin:0; padding:0; }
  58. body { font: .88em {font:Typeface}; color: {color:Text}; background-color: {color:Background}; background-image: url('{image:Bg image}'); }
  59. a { color: {color:Link}; }
  60. a:hover { color: {color:Link Hover}; }
  61. {block:IfUnderlineLinks} a { text-decoration: underline; } {/block:IfUnderlineLinks}
  62. {block:IfNotUnderlineLinks} a { text-decoration:none; } {/block:IfNotUnderlineLinks}
  63.  
  64. #container { width: 500px; {block:IfNotLeftAlignEverything} margin: 0 auto; {/block:IfNotLeftAlignEverything} margin-top: 25px; margin-bottom: 25px; {block:IfLeftAlignEverything} margin-left: 25px; {/block:IfLeftAlignEverything} }
  65.  
  66.  
  67. /* header */
  68.  
  69. #top { margin-bottom: 15px; {block:IfNotLeftAlignEverything} text-align: center; {/block:IfNotLeftAlignEverything} }
  70. #top h1 a { color: {color:Title Link}; text-decoration: none; }
  71. #top h1 a:hover { color: {color:Title Link Hover}; text-decoration: none; }
  72. .arch-rss-links { margin-top: 10px; }
  73.  
  74. /* posts */
  75. .post { line-height: 1.5em; margin-bottom: 20px; padding-bottom: 25px; clear: both; }
  76. .post h3 { font-size: 1em; }
  77. .post p { padding-bottom: 10px; }
  78. .caption blockquote { padding-left: 20px; }
  79. {block:IfCenterPermalinkIcon} .permalink-icon { text-align: center; } {/block:IfCenterPermalinkIcon}
  80.  
  81. /* kinds of posts */
  82. .text-post { {block:IfNotCenterTextPosts} text-align: justify; {/block:IfNotCenterTextPosts} {block:IfCenterTextPosts} text-align: center; {/block:IfCenterTextPosts} }
  83. .text-post img { max-width: 100%; }
  84.  
  85. .photo-post { margin-bottom: 5px; {block:IfNotCenterPhotos} text-align: justify; {/block:IfNotCenterPhotos} {block:IfCenterPhotos} text-align: center; {/block:IfCenterPhotos} }
  86. .photo-post img { border: 0; }
  87.  
  88.  
  89. .quote-post { {block:IfNotCenterQuotes} text-align: justify; {/block:IfNotCenterQuotes} {block:IfCenterQuotes} text-align: center; {/block:IfCenterQuotes} }
  90.  
  91. {block:IfItalicizeQuotes}
  92. .quote-post q { font-style: italic; }
  93. .quote-post i { font-style: normal; }
  94. {/block:IfItalicizeQuotes}
  95.  
  96. .quote-post .source { font-size: .82em; }
  97.  
  98.  
  99. .link-post { {block:IfNotCenterLinks} text-align: justify; {/block:IfNotCenterLinks} {block:IfCenterLinks} text-align: center; {/block:IfCenterLinks} }
  100.  
  101. .chat-post { {block:IfNotCenterChats} text-align: justify; {/block:IfNotCenterChats} {block:IfCenterChats} text-align: center; {/block:IfCenterChats} }
  102. .chat-post ul, .chat-post li { margin: 0; padding: 0; }
  103. .chat li { list-style-type: none; }
  104. li span.user_1 { font-weight: bold; color: {color:Chat name one}; }
  105. li span.user_2 { font-weight: bold; color: {color:Chat name two}; }
  106.  
  107. .audio-post { {block:IfNotCenterAudioPosts} text-align: justify; {/block:IfNotCenterAudioPosts} {block:IfCenterAudioPosts} text-align: center; {/block:IfCenterAudioPosts} }
  108.  
  109. .video-post { {block:IfNotCenterVideoPosts} text-align: justify; {/block:IfNotCenterVideoPosts} {block:IfCenterVideoPosts} text-align: center; {/block:IfCenterVideoPosts} }
  110.  
  111.  
  112. .answer-post { {block:IfNotCenterAnswerPosts} text-align: justify; {/block:IfNotCenterAnswerPosts} {block:IfCenterAnswerPosts} text-align: center; {/block:IfCenterAnswerPosts} }
  113. .question { margin-bottom: 10px; }
  114. .answered { margin-top: 10px; }
  115.  
  116. /* post metadata */
  117. #post-info { margin-top: 15px; }
  118. .all-notes { margin-top: 10px; }
  119. ol.notes { margin-left: 1em; padding-left: 1em; }
  120.  
  121. /* navigation */
  122. .navigation { padding-bottom: 25px; }
  123. .alignright { float: right; }
  124. .alignleft { float: left; }
  125.  
  126.  
  127. /* footer */
  128. #footer { text-align: center; margin-top: 25px; font-size: .82em; }
  129.  
  130. /*custom css */
  131. {CustomCSS}
  132.  
  133. </style>
  134. </head>
  135.  
  136. <body>
  137.  
  138.  
  139.  
  140. <div id="container">
  141.  
  142. <div id="top">
  143.  
  144. {block:IfShowTitle}<h1><a href="/">{Title}</a></h1>
  145. <br />{/block:IfShowTitle}
  146. <p><em>{Description}</em></p>
  147.  
  148.  
  149.  
  150. <div class="arch-rss-links">
  151.  
  152. {block:HasPages}
  153. {block:Pages}<a href="{URL}">{Label}</a>{block:IfShowCommas},{/block:IfShowCommas} {/block:Pages}
  154. {/block:HasPages}
  155. {block:AskEnabled}
  156. <a href="/ask">{AskLabel}</a>{block:IfShowCommas},{/block:IfShowCommas}
  157. {/block:AskEnabled}
  158. {block:SubmissionsEnabled}
  159. <a href="/submit">{SubmitLabel}</a>{block:IfShowCommas},{/block:IfShowCommas}
  160. {/block:SubmissionsEnabled}
  161. {block:IfShowArchiveAndRSSLinks}<a href="/archive">archive</a>{block:IfShowCommas},{/block:IfShowCommas} <a href="{RSS}">rss</a>{/block:IfShowArchiveAndRSSLinks}
  162. </div>
  163.  
  164.  
  165.  
  166. <br />
  167.  
  168. </div>
  169.  
  170.  
  171. <div id="content">
  172.  
  173.  
  174. {block:Posts}
  175. <div class="post">
  176. {block:Text}
  177. <div class="text-post">
  178. <h3>{Title}</h3>
  179. {Body}
  180. </div>
  181. {/block:Text}
  182. {block:Photo}
  183. <div class="photo-post">
  184. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  185. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  186. </div>
  187. {/block:Photo}
  188. {block:Photoset}
  189. <div class="photo-post">
  190. {Photoset-500}
  191. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  192. </div>
  193. {/block:Photoset}
  194. {block:Quote}
  195. <div class="quote-post">
  196. <q class="{Length}">{Quote}</q>
  197. {block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}
  198. </div>
  199. {/block:Quote}
  200. {block:Link}
  201. <div class="link-post">
  202. <h3><a href="{URL}" {Target}>{Name}</a></h3>
  203. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  204. </div>
  205. {/block:Link}
  206. {block:Chat}
  207. <div class="chat-post">
  208. {block:Title}
  209. <h3><a href="{Permalink}">{Title}</a></h3>
  210. {/block:Title}
  211.  
  212. <ul class="chat">
  213. {block:Lines}
  214. <li class="{Alt}">
  215. <span class="user_{UserNumber}">
  216. {block:Label}
  217. <span class="label">{Label}</span>
  218. {/block:Label}
  219. </span>
  220. {Line}
  221. </li>
  222. {/block:Lines}
  223. </ul>
  224. </div>
  225. {/block:Chat}
  226. {block:Audio}
  227. <div class="audio-post">
  228. {AudioPlayerBlack}
  229. {block:Caption}<div class="caption">{Caption} ({PlayCountWithLabel})</div>{/block:Caption}
  230. </div>
  231. {/block:Audio}
  232. {block:Video}
  233. <div class="video-post">
  234. {Video-500}
  235. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  236. </div>
  237. {/block:Video}
  238. {block:Answer}
  239. <div class="answer-post">
  240. <div class="question"><strong>{Asker} asks:</strong> <em>{Question}</em></div>
  241. <div class="answered">{Answer}</div>
  242. </div>
  243. {/block:Answer}
  244.  
  245.  
  246. {block:IndexPage}
  247. <div class="permalink-icon"><h3><a href="{Permalink}" rel="bookmark">{text:Permalink Icon}</a></h3></div>
  248. {/block:IndexPage}
  249.  
  250.  
  251. {block:PermalinkPage}
  252.  
  253. <div id="post-info">
  254.  
  255. {block:IfShowDate}
  256. {block:Date}
  257. <div class="post-date">
  258. <strong>posted:</strong> {block:IfEuropeanStyleDateAndTime}{DayOfMonth} {Month} {Year} @ {24HourWithZero}:{Minutes}{/block:IfEuropeanStyleDateAndTime} {block:IfNotEuropeanStyleDateAndTime}{Month} {DayOfMonth}, {Year} @ {12HourWithZero}:{Minutes}{/block:IfNotEuropeanStyleDateAndTime}
  259. </div>
  260. {/block:Date}
  261. {/block:IfShowDate}
  262.  
  263. {block:IfShowTags}
  264. {block:HasTags}
  265. <div class="tags">
  266. <strong>tags:</strong> {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  267. </div>
  268. {/block:HasTags}
  269. {/block:IfShowTags}
  270.  
  271.  
  272. {block:IfShowReblogs}
  273. {block:RebloggedFrom}
  274. <div class="reblogged-from">
  275. <strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  276. </div>
  277. {/block:RebloggedFrom}
  278.  
  279. {block:NoteCount}<div class="note-count"><strong># of notes:</strong> {NoteCount}</div>
  280. {/block:NoteCount}
  281.  
  282. {block:PostNotes}
  283. <div class="all-notes">
  284. <strong>notes</strong>
  285. {PostNotes}
  286. </div>
  287. {/block:PostNotes}
  288.  
  289. {/block:IfShowReblogs}
  290.  
  291.  
  292. </div>
  293.  
  294. {/block:PermalinkPage}
  295.  
  296. </div>
  297. {/block:Posts}
  298.  
  299. </div>
  300.  
  301.  
  302. {block:Pagination}
  303. <div class="navigation">
  304. {block:NextPage}
  305. <div class="alignleft"><a href="{NextPage}">&laquo; Back in time</a></div>
  306. {/block:NextPage}
  307. {block:PreviousPage}
  308. <div class="alignright"><a href="{PreviousPage}">Forward in time &raquo;</a></div>
  309. {/block:PreviousPage}
  310. </div>
  311. {/block:Pagination}
  312.  
  313.  
  314.  
  315.  
  316. </div>
  317.  
  318.  
  319. </body>
  320. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement