Advertisement
dec0der

Supernatural Theme

Mar 17th, 2012
1,383
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.85 KB | None | 0 0
  1. <!--
  2. Revised: (c) 2012 | dec0der
  3. Theme #1: Supernatural Theme
  4.  
  5. Please do not remove the credit! Thank you.
  6. -->
  7.  
  8. <title>{Title}{block:PostSummary} // {PostSummary}{/block:PostSummary}</title>
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13. <meta name="color:Background" content="#C4C2B1" />
  14. <meta name="color:Box" content="#FFFFFF" />
  15. <meta name="color:Text" content="#000000" />
  16. <meta name="color:Links" content="#4c0000" />
  17. <meta name="color:Links Hover" content="#C4C2B1" />
  18. <meta name="color:Chat" content="#ffffff" />
  19.  
  20. <meta name="image:200pxPortrait" content=""/>
  21. <meta name="image:Background" content="" />
  22.  
  23. <meta name="text:Title Size" content="15"/>
  24. <meta name="text:Text Size" content="10"/>
  25.  
  26. <style type="text/css">
  27.  
  28. img { border:0px; }
  29. body {
  30. margin:0px;
  31. background: url('{image:Background}') fixed repeat {color:Background};
  32. background-position:top left;
  33. color: {color:Text};
  34. font-family:Cambria;
  35. font-size: {text:Text Size}px;
  36. padding:0px;
  37. }
  38.  
  39. p {line-height:13px;}
  40.  
  41. a, a:link, a:visited {
  42. color: {color:Links};
  43. text-decoration: none;
  44. }
  45.  
  46. a:hover {
  47. color: {color:Links Hover};
  48. text-decoration:none;
  49. }
  50.  
  51. .title, .title a {
  52. font-family: Cambria;
  53. font-size: {text:Title Size}px;
  54. line-height: {text:Title Size}px;
  55. letter-spacing:-1px;
  56. }
  57.  
  58. .blogname, .blogname a {
  59. font-family: Cambria;
  60. font-size: {text:Title Size}px;
  61. letter-spacing:-1px;
  62. }
  63.  
  64. .permalinks {
  65. font-family:Cambria;
  66. font-size:9px; line-height:9px;
  67. float: right;
  68. }
  69.  
  70. a:focus { outline: none; }
  71.  
  72. div.main {
  73. width: 717px;
  74. padding: 0px;
  75. text-align: left;
  76. overflow: auto;
  77. background-color:{color:Box};
  78. }
  79.  
  80. div.side {
  81. float:left;
  82. width:200px;
  83. background-color: {color:Box};
  84. position:fixed;
  85. padding:4px;
  86. height:100%;
  87. text-align:justify;
  88. padding-top:30px;
  89. overflow:hidden;
  90. border-right: 1px solid #3d3d3d;
  91. }
  92. .side img {max-width:200px;}
  93.  
  94. .whatchutalkingabout {
  95. font-size: {text:Text Size}px;
  96. line-height: {text:Text Size}px;
  97. }
  98.  
  99. div.content {
  100. float:right;
  101. width:504px;
  102. text-align:left;
  103. padding:0px;
  104. margin-top:5px;
  105. overflow:hidden;
  106. }
  107.  
  108. .post{
  109. background-color:{color:Box};
  110. width:500px;
  111. padding:0px;
  112. padding-bottom:10px;
  113. overflow:hidden;
  114. }
  115. .post img {width:500px;}
  116.  
  117. blockquote{
  118. padding:0px 0px 2px 5px;
  119. margin:0px 0px 2px 1px;
  120. border-left: 1px dashed {color:Text};
  121. }
  122.  
  123. blockquote p, ul{
  124. margin:0px;
  125. padding:0px;
  126. }
  127.  
  128. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  129. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  130. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  131. .notes img{width:10px; position:relative; top:3px;}
  132.  
  133. .sub, .sub a { font-family: Cambria; }
  134. .sub img { vertical-align: text-bottom; }
  135. .odd { }
  136. .even {background-color: {color:Chat};}
  137. .audioplayer {background-color:#000}
  138.  
  139. small{font-size: 9px;}
  140.  
  141. .asker {
  142. margin: 0px 0 0 0;
  143. padding: 0px;
  144. background-color:{color:Asker Background};
  145. }
  146.  
  147. .askerlink, .askerlink a {
  148. border: none;
  149. }
  150.  
  151. </style>
  152. <style type="text/css">{CustomCSS}</style>
  153. </head>
  154. <body>
  155. <div align="left">
  156. <div class="main">
  157.  
  158.  
  159.  
  160.  
  161. <div class="side">
  162. <center><a href="/" class="blogname">{Title}</a></center>
  163.  
  164. {block:If200pxPortraitImage}<img src="{image:200pxPortrait}" /><P> {/block:If200pxPortraitImage}
  165.  
  166. <center><form ACTION=URI>
  167. <select name=lissamenu3
  168. onchange="location.href=(form.lissamenu3.options[form.lissamenu3.selectedIndex].value)">
  169. <option value="0">links</option>
  170. <option value="/">home</option>
  171. <option value="http://{Name}.tumblr.com/ask">ask</option>
  172. <option value="http://{Name}.tumblr.com/archive">archive</option>
  173. <option value="http://www.tumblr.com/liked/by/{Name}">likes</option>
  174. <option value="http://{Name}.tumblr.com/submit">submit</option>
  175. <option value="http://kakodaimones.tumblr.com/">credit</option>
  176. </select>
  177. </form></center>
  178. <div class="whatchutalkingabout">{block:Description}<center>{Description}</center>{/block:Description}</div>
  179.  
  180.  
  181. <center><BR>
  182. <div class="link">
  183.  
  184. {block:Pagination}
  185. {block:PreviousPage}<a href="{PreviousPage}">forth</a>{/block:PreviousPage}
  186. | {block:NextPage}<a href="{NextPage}">back</a>{/block:NextPage}
  187. {/block:Pagination}</div></center></div>
  188.  
  189.  
  190.  
  191. <div class="content">
  192. {block:Posts}
  193.  
  194. <div class="post">
  195. {block:Text}{block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}{Body}
  196. <div class="permalinks">
  197. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  198. </div>{/block:Text}
  199.  
  200. {block:Photo}
  201. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  202. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  203. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0px">
  204. {block:IndexPage}</a>{/block:IndexPage}
  205. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  206. {block:IfShowCaption}{Caption}{/block:IfShowCaption}
  207. {/block:Photo}
  208.  
  209. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  210. <div class="permalinks">
  211. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  212. </div>{/block:Photoset}
  213.  
  214. {block:Quote}<div class="title"><a href="{Permalink}">{Quote}"</a></div> {block:Source} {Source}<BR>{/block:Source}
  215. <div class="permalinks">
  216. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  217. </div>{/block:Quote}
  218.  
  219. {block:Link}<div class="title"><a href="{URL}" class="post_title" target="_blank"> {Name} ←</a></div> {block:Description}{Description}{/block:Description}
  220. <div class="permalinks">
  221. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  222. </div>{/block:Link}
  223.  
  224. {block:Chat}{block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title} {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}<BR>
  225. <div class="permalinks">
  226. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  227. </div>{/block:Chat}
  228.  
  229. {block:Audio}
  230. <div style="width:500px; background-color:#e7e7e7; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:8px; float:right;"><small>
  231. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</small></div></div>
  232. {block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}<br>
  233. {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions}
  234. <div class="permalinks">
  235. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  236. </div>
  237. {/block:Audio}
  238.  
  239. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}
  240. <div class="permalinks">
  241. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  242. </div>{/block:Video}
  243.  
  244. {block:Answer}
  245. <div class="asker"><span class="askerlink">{Asker} </span>said: {Question}</div>
  246. <i>{Answer}</i>
  247. <div class="permalinks">
  248. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;{/block:NoteCount}
  249. </div>
  250. {/block:Answer}
  251.  
  252.  
  253. {block:PostNotes}
  254. <div class="post">
  255. <center>{block:IfShowRebloggedFrom}Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:IfShowRebloggedFrom}
  256. <text align="left">{block:ContentSource}
  257. OP: <a href="{SourceURL}">
  258. {block:SourceLogo}
  259. <img src="{BlackLogoURL}" width="{LogoWidth}"
  260. height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}
  261. {block:HasTags} Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}{/block:HasTags}
  262. <BR><BR>
  263. {PostNotes}</div>
  264. {/block:PostNotes}</div>{/block:Posts}
  265.  
  266. <br><center><small>themed by: <a href="http://www.dec0der.tumblr.com">dec0der</a></small></center>
  267.  
  268. </div></div></div>
  269. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement