Advertisement
ettudisthemes

tutorial series part 4 base

Mar 9th, 2012
1,810
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.67 KB | None | 0 0
  1. <!-- base code by Ans @ Ettudis-->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. <head>
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8. <link rel="shortcut icon" href="{Favicon}" />
  9.  
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="color:date" content="#ADADAD" />
  12. <meta name="color:date background" content="#f8f8f8" />
  13. <meta name="color:notes" content="#454545" />
  14. <meta name="color:notes border" content="#eeff2e" />
  15. <meta name="color:notes link" content="#000000" />
  16. <meta name="color:post background" content="#FFFFFF" />
  17. <meta name="color:post link" content="#999999" />
  18. <meta name="color:post text" content="#565656" />
  19. <meta name="color:sidebar background" content="#000000" />
  20. <meta name="color:sidebar text" content="#FFFFFF" />
  21. <meta name="color:sidebar title" content="#FFFFFF" />
  22. <meta name="color:sidebar title hover" content="#333333" />
  23. <meta name="color:sidebar link border" content="#eeff2e" />
  24. <meta name="color:sidebar link border hover" content="#FFFFFF" />
  25. <meta name="image:background" content="http://subtlepatterns.com/patterns/noise_pattern_with_crosslines.png"/>
  26. <meta name="image:post backround" content=""/>
  27. <meta name="image:sidebar background" content=""/>
  28. <meta name="image:sidebar" content="http://static.tumblr.com/38tkyuw/ovxm0ksqi/48e4e038t6xgldh1.png"/>
  29. <meta name="if:showportrait" content="0"/>
  30.  
  31. <style type="text/css">
  32. body{
  33. margin:0px;
  34. padding:0px;
  35. background:{color:background} url('{image:background}') fixed;
  36. }
  37. #sidebar {
  38. position: fixed;
  39. left: 150px;
  40. top: 30px;
  41. width: 150px;
  42. margin:0px;
  43. padding:5px;
  44. font: 11px Consolas, Geneva, Arial, Helvetica, sans-serif;
  45. color: {color:sidebar text};
  46. background:{color:sidebar background} url('{image:sidebar background}');
  47. }
  48. #sidebar img{
  49. max-width:150px;
  50. }
  51. #title a{
  52. display: block;
  53. font-style: italic;
  54. text-decoration: none;
  55. text-transform: uppercase;
  56. color: {color:sidebar title};
  57. border-bottom: 1px solid {color:sidebar title};
  58. }
  59. #title a:hover {
  60. color: {color:sidebar title hover};
  61. }
  62. #description a{
  63. display:block;
  64. padding:0px 3px;
  65. margin:1px;
  66. text-align:right;
  67. text-decoration: none;
  68. text-transform: lowercase;
  69. color: {color:sidebar text};
  70. border-right: 7px solid {color:sidebar link border};
  71. }
  72. #description a:hover{
  73. border-right: 15px solid {color:sidebar link border hover};
  74. }
  75. #post {
  76. width:400px;
  77. padding:5px;
  78. margin-left:330px!important;
  79. margin:0px;
  80. font: 11px Consolas, Arial, Helvetica, sans-serif;
  81. color: {color:post text};
  82. background: {color:post background} url('{image:post background}');
  83. }
  84. #post a{
  85. color: {color:post link};
  86. }
  87. h1 {
  88. font: italic 16px Georgia, "Times New Roman", Times, serif;
  89. text-align: center;
  90. }
  91. h1 a{
  92. color: {color:post link};
  93. text-decoration: none;
  94. }
  95. #quote{
  96. font: italic 16px Georgia, "Times New Roman", Times, serif;
  97. text-align: center;
  98. display: block;
  99. }
  100. #audio {
  101. background: #000000;
  102. width: 400px;
  103. display: block;
  104. }
  105. .caption {
  106. text-align: right;
  107. font: italic 9px Georgia, "Times New Roman", Times, serif;
  108. display:block;
  109. border-right:4px solid {color:sidebar background};
  110. padding-right:7px;
  111. }
  112. .caption img {
  113. max-width:400px;
  114. }
  115. #date{
  116. width:400px;
  117. padding:5px;
  118. margin-left:330px!important;
  119. margin-top:5px;
  120. text-transform:uppercase;
  121. font: 9px/8px Consolas, arial, helvetica, sans-serif;
  122. color:{color:date};
  123. background:{color:date background};
  124. text-align: right;
  125. }
  126. #date a{
  127. color:{color:date};
  128. text-decoration:none;
  129. }
  130. #info{
  131. width:400px;
  132. padding:0px 5px;
  133. margin-left:330px!important;
  134. margin:0px;
  135. text-transform:uppercase;
  136. letter-spacing:2px;
  137. font: 8px/8px Consolas, arial, helvetica, sans-serif;
  138. color:{color:notes};
  139. border-top: 3px solid {color:notes border};
  140. }
  141. #info a, #note a{
  142. color:{color:notes link};
  143. text-decoration:none;
  144. }
  145. #note{
  146. width:400px;
  147. padding:0px 5px;
  148. margin-left:330px!important;
  149. margin:0px;
  150. font: 10px/10px Consolas, arial, helvetica, sans-serif;
  151. color:{color:notes};
  152. border-top:2px solid {color:date background};
  153. }
  154. ol.notes {
  155. padding: 0px;
  156. margin: 15px 0px;
  157. list-style-type: none;
  158. }
  159. </style>
  160. <body>
  161. <div id="sidebar">
  162. {block:ifsidebarimage}<img src="{image:sidebar}" />{/block:ifsidebarimage}
  163. <div id="title"><a href="/">{title}</a></div>
  164. <div id="description">
  165. {block:ifshowportrait}<img src="{PortraitURL-30}" style="margin:3px;float:left;"/>{/block:ifshowportrait}
  166. {block:description}{description}{/block:description}
  167. <p>
  168. <a href="/archive">archives</a><a href="/ask">message</a><a href="http://ettudis.three-words.net">theme</a>
  169. </p>
  170. </div>
  171. </div>
  172.  
  173. {block:Posts}
  174. <div id="date">
  175. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
  176. {block:NoteCount} - <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  177. </div>
  178. <div id="post">
  179.  
  180. {block:Text}
  181. {block:Title}<h1>{Title}</h1>{/block:Title}
  182. {Body}
  183. {/block:Text}
  184.  
  185. {block:Photo}
  186. <img src="{PhotoURL-400}" />
  187. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  188. {/block:Photo}
  189.  
  190. {block:Photoset}
  191. {Photoset-400}
  192. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  193. {/block:Photoset}
  194.  
  195. {block:Quote}
  196. <div id="quote">{Quote}</div>
  197. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  198. {/block:Quote}
  199.  
  200. {block:Link}
  201. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  202. {block:Description}{Description}{/block:Description}
  203. {/block:Link}
  204.  
  205. {block:Chat}
  206. <h1>{block:Title}{Title}{/block:Title}</h1>
  207. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  208. {/block:Chat}
  209.  
  210. {block:Audio}
  211. <div id="audio">{AudioPlayerBlack}</div>
  212. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  213. {/block:Audio}
  214.  
  215. {block:Video}
  216. {Video-400}
  217. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  218. {/block:Video}
  219.  
  220. {block:Answer}
  221. {Asker} asked: {Question}
  222. <p>{Answer}</p>
  223. {/block:Answer}
  224. </div>
  225. <div id="info">
  226.  
  227. {block:RebloggedFrom}
  228. reblog: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  229. origin: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  230. {/block:RebloggedFrom}
  231.  
  232. {block:HasTags}tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  233. </div>
  234.  
  235. {block:PermalinkPage}
  236. {block:PostNotes}
  237. <div id="note">{PostNotes}</div>
  238. {/block:PostNotes}
  239. {/block:permalinkpage}
  240.  
  241. {/block:Posts}
  242. </body>
  243. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement