Advertisement
Sweetnessblog

Minimal theme (02) bysweetness

Jul 28th, 2015
178
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.66 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" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6. <link rel="shortcut icon" href="{Favicon}" />
  7.  
  8. <!----- themes created by sweetness do not modified </----->
  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. <meta name="text:Link1 Url" content="/" />
  31. <meta name="text:Link1 Title" content="Link 1" />
  32. <meta name="text:Link2 Url" content="/" />
  33. <meta name="text:Link2 Title" content="Link 2" />
  34. <meta name="text:Link3 Url" content="/" />
  35. <meta name="text:Link3 Title" content="Link 3" />
  36. <meta name="text:Link4 Url" content="/" />
  37. <meta name="text:Link4 Title" content="Link 4" />
  38. <meta name="text:Link5 Url" content="/" />
  39. <meta name="text:Link5 Title" content="Link 5" />
  40. <meta name="text:Link6 Url" content="/" />
  41. <meta name="text:Link6 Title" content="Link 6" />
  42.  
  43. <style type="text/css">
  44. body{
  45. margin:0px;
  46. padding:0px;
  47. background:{color:background} url('{image:background}') fixed;
  48. }
  49. #sidebar {
  50. position: fixed;
  51. left: 150px;
  52. top: 30px;
  53. width: 150px;
  54. margin:0px;
  55. padding:5px;
  56. font: 11px Consolas, Geneva, Arial, Helvetica, sans-serif;
  57. color: {color:sidebar text};
  58. background:{color:sidebar background} url('{image:sidebar background}');
  59. }
  60. #sidebar img{
  61. max-width:150px;
  62. }
  63. #title a{
  64. display: block;
  65. font-style: italic;
  66. text-decoration: none;
  67. text-transform: uppercase;
  68. color: {color:sidebar title};
  69. border-bottom: 1px solid {color:sidebar title};
  70. }
  71. #title a:hover {
  72. color: {color:sidebar title hover};
  73. }
  74. #description a{
  75. display:block;
  76. padding:0px 3px;
  77. margin:1px;
  78. text-align:right;
  79. text-decoration: none;
  80. text-transform: lowercase;
  81. color: {color:sidebar text};
  82. border-right: 7px solid {color:sidebar link border};
  83. }
  84. #description a:hover{
  85. border-right: 15px solid {color:sidebar link border hover};
  86. }
  87. #post {
  88. opacity: 1;
  89. filter: alpha(opacity=100);
  90. -moz-opacity: 1;
  91. -khtml-opacity: 1;
  92. -o-transition: all 0.5s ease;
  93. -webkit-transition: all 0.5s ease;
  94. -moz-transition: all 0.5s ease;
  95. width:400px;
  96. padding:5px;
  97. margin-left:330px!important;
  98. margin:0px;
  99. font: 11px Consolas, Arial, Helvetica, sans-serif;
  100. color: {color:post text};
  101. background: {color:post background} url('{image:post background}');
  102. }
  103. #post a{
  104. color: {color:post link};
  105. }
  106. h1 {
  107. font: italic 16px Georgia, "Times New Roman", Times, serif;
  108. text-align: center;
  109. }
  110. h1 a{
  111. color: {color:post link};
  112. text-decoration: none;
  113. }
  114. #quote{
  115. font: italic 16px Georgia, "Times New Roman", Times, serif;
  116. text-align: center;
  117. display: block;
  118. }
  119. #audio {
  120. background: #000000;
  121. width: 400px;
  122. display: block;
  123. }
  124. .caption {
  125. text-align: right;
  126. font: italic 9px Georgia, "Times New Roman", Times, serif;
  127. display:block;
  128. border-right:4px solid {color:sidebar background};
  129. padding-right:7px;
  130. }
  131. .caption img {
  132. max-width:400px;
  133. }
  134. #date{
  135. opacity: 0;
  136. filter: alpha(opacity=0);
  137. -moz-opacity: 0;
  138. -khtml-opacity: 0;
  139. -o-transition: all 0.5s ease;
  140. -webkit-transition: all 0.5s ease;
  141. -moz-transition: all 0.5s ease;
  142. position: absolute;
  143. width:400px;
  144. padding:5px;
  145. margin-left:330px!important;
  146. margin-top:5px;
  147. text-transform:uppercase;
  148. font: 9px/8px Consolas, arial, helvetica, sans-serif;
  149. color:{color:date};
  150. background:{color:date background};
  151. text-align: right;
  152. }
  153. #date a{
  154. color:{color:date};
  155. text-decoration:none;
  156. }
  157. #info{
  158. width:400px;
  159. padding:0px 5px;
  160. margin-left:330px!important;
  161. margin:0px;
  162. text-transform:uppercase;
  163. letter-spacing:2px;
  164. font: 8px/8px Consolas, arial, helvetica, sans-serif;
  165. color:{color:notes};
  166. border-top: 3px solid {color:notes border};
  167. }
  168. #info a, #note a{
  169. color:{color:notes link};
  170. text-decoration:none;
  171. }
  172. #note{
  173. width:400px;
  174. padding:0px 5px;
  175. margin-left:330px!important;
  176. margin:0px;
  177. font: 10px/10px Consolas, arial, helvetica, sans-serif;
  178. color:{color:notes};
  179. border-top:2px solid {color:date background};
  180. }
  181. ol.notes {
  182. padding: 0px;
  183. margin: 15px 0px;
  184. list-style-type: none;
  185. }
  186. </style>
  187. <body>
  188. <div id="sidebar">
  189. {block:ifsidebarimage}<img src="{image:sidebar}" />{/block:ifsidebarimage}
  190. <div id="title"><a href="/">{title}</a></div>
  191. <div id="description">
  192. {block:ifshowportrait}<img src="{PortraitURL-30}" style="margin:3px;float:left;"/>{/block:ifshowportrait}
  193. {block:description}{description}{/block:description}
  194. <p>
  195. <a href="/archive">archives</a><a href="/ask">message</a><a href="http://provetemplatesweetness.tumblr.com/">theme</a><a href="text:Link1 Url">text link 1</a><a href="text:Link2 Url">text link 2</a><a href="text:Link3 Url">text link 3</a><a href="text:Link4 Url">text link 4</a><a href="text:Link5 Url">text link 5</a><a href="text:Link6 Url">text link 6</a>
  196. </p>
  197. </div>
  198. </div>
  199.  
  200. {block:Posts}
  201. <div id="date">
  202. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
  203. {block:NoteCount} - <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  204. </div>
  205. <div id="post">
  206.  
  207. {block:Text}
  208. {block:Title}<h1>{Title}</h1>{/block:Title}
  209. {Body}
  210. {/block:Text}
  211.  
  212. {block:Photo}
  213. <img src="{PhotoURL-400}" />
  214. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  215. {/block:Photo}
  216.  
  217. {block:Photoset}
  218. {Photoset-400}
  219. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  220. {/block:Photoset}
  221.  
  222. {block:Quote}
  223. <div id="quote">{Quote}</div>
  224. {block:Source}<div align="center">- {Source}</div>{/block:Source}
  225. {/block:Quote}
  226.  
  227. {block:Link}
  228. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  229. {block:Description}{Description}{/block:Description}
  230. {/block:Link}
  231.  
  232. {block:Chat}
  233. <h1>{block:Title}{Title}{/block:Title}</h1>
  234. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  235. {/block:Chat}
  236.  
  237. {block:Audio}
  238. <div id="audio">{AudioPlayerBlack}</div>
  239. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  240. {/block:Audio}
  241.  
  242. {block:Video}
  243. {Video-400}
  244. {block:caption}<span class="caption">{caption}</span>{/block:caption}
  245. {/block:Video}
  246.  
  247. {block:Answer}
  248. {Asker} asked: {Question}
  249. <p>{Answer}</p>
  250. {/block:Answer}
  251. </div>
  252. <div id="info">
  253.  
  254. {block:RebloggedFrom}
  255. reblog: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  256. origin: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  257. {/block:RebloggedFrom}
  258.  
  259. {block:HasTags}tagged: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  260. </div>
  261.  
  262. {block:PermalinkPage}
  263. {block:PostNotes}
  264. <div id="note">{PostNotes}</div>
  265. {/block:PostNotes}
  266. {/block:permalinkpage}
  267.  
  268. {/block:Posts}
  269. </body>
  270. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement