Advertisement
alicescreed

TUMBLR THEME 016 by lutherwest.tumblr.com

May 25th, 2013
4,177
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.92 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "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}</title>
  7.  
  8. <!--[theme by lutherwest.tumblr.com don't steal!]-->
  9.  
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />
  14.  
  15. <meta name="color:bg" content="#ffffff">
  16. <meta name="color:text" content="#826f6f">
  17. <meta name="color:nav link" content="#826f6f">
  18. <meta name="color:link" content="#826f6f">
  19. <meta name="color:border" content="#d8d8d8">
  20.  
  21. <meta name="image:sidebar" content="">
  22.  
  23. <meta name="text:link1 url" content="/">
  24. <meta name="text:link1 title" content="une">
  25.  
  26. <meta name="text:link2 url" content="/">
  27. <meta name="text:link2 title" content="deux">
  28.  
  29. <meta name="text:link3 url" content="/">
  30. <meta name="text:link3 title" content="trois">
  31.  
  32. <meta name="text:link4 url" content="/">
  33. <meta name="text:link4 title" content="quatre">
  34.  
  35. <style type="text/css">
  36.  
  37. body {
  38. background-color: {color:bg};
  39. font-family: consolas;
  40. font-size: 7pt;
  41. line-height: 9pt;
  42. text-align: justify;
  43. color: {color:text};
  44. }
  45.  
  46. #nav a {
  47. color: {color:nav link};
  48. text-decoration: none;
  49. padding: 5px;
  50. text-transform: uppercase;
  51. transition-duration: 0.6s;
  52. -moz-transition-duration: 0.6s;
  53. -webkit-transition-duration: 0.6s;
  54. -o-transition-duration: 0.6s;
  55. }
  56.  
  57. #nav a:hover {
  58. background-color: transparent;
  59. transition-duration: 0.6s;
  60. -moz-transition-duration: 0.6s;
  61. -webkit-transition-duration: 0.6s;
  62. -o-transition-duration: 0.6s;
  63. font-family: georgia;
  64. font-style: italic;
  65. text-transform: lowercase;
  66. }
  67.  
  68. a {
  69. color: {color:link};
  70. text-decoration: none;
  71. padding: 5px;
  72. text-transform: uppercase;
  73. }
  74.  
  75. a:hover {
  76. background-color: transparent;
  77. transition-duration: 0.6s;
  78. -moz-transition-duration: 0.6s;
  79. -webkit-transition-duration: 0.6s;
  80. -o-transition-duration: 0.6s;
  81. font-family: georgia;
  82. font-style: italic;
  83. text-transform: lowercase;
  84. }
  85.  
  86. #side {
  87. margin-top: 250px;
  88. position: fixed;
  89. margin-left: 100px;
  90. }
  91.  
  92. #sidebar {
  93. width: 150px;
  94. height: 210px;
  95. padding: 10px;
  96. border: 1px solid {color:border};
  97. }
  98.  
  99. #blogtitle {
  100. border-bottom: 1px solid {color:border};
  101. font-size: 12pt;
  102. margin-top: -230px;
  103. margin-left: 180px;
  104. width: 150px;
  105. letter-spacing: 1px;
  106. font-family: georgia;
  107. font-style: italic;
  108. padding: 10px;
  109. }
  110.  
  111. #description {
  112. width: 150px;
  113. padding: 10px;
  114. border-bottom: 1px solid {color:border};
  115. margin-left: 180px;
  116. }
  117.  
  118. #nav {
  119. border-bottom: 1px solid {color:border};
  120. border-top: 1px solid {color:border};
  121. padding: 10px;
  122. text-align: center;
  123. width:150px;
  124. margin-top: 20px;
  125. }
  126.  
  127. #posts {
  128. margin-left: 500px;
  129. margin-top: 50px;
  130. }
  131.  
  132. #post {
  133. margin-bottom: 50px;
  134. border: 1px solid {color:border};
  135. width: 500px;
  136. padding: 10px;
  137. }
  138.  
  139. #quote {
  140. font-family: georgia;
  141. font-size: 11pt;
  142. letter-spacing: 1px;
  143. font-style: italic;
  144. line-height: 12pt;
  145. }
  146.  
  147. #asker {
  148. width: 460px;
  149. background-color: {color:border};
  150. padding: 20px;
  151. font-family: georgia;
  152. font-style: italic;
  153. letter-spacing: 1px;
  154. text-align: center;
  155. }
  156.  
  157. #source {
  158. line-height: 14pt;
  159. text-align: center;
  160. }
  161.  
  162. blockquote {
  163. border-left: 2px solid {color:border};
  164. padding-left: 5px;
  165. }
  166.  
  167. #info {
  168. line-height: 8pt;
  169. border-top: 1px solid {color:border};
  170. text-align: center;
  171. padding: 5px;
  172. }
  173.  
  174. #caption {
  175. margin-top: 55px;
  176. }
  177.  
  178. #audioplayer {
  179. width: 25px;
  180. height: 25px;
  181. overflow:hidden;
  182. position:absolute;
  183. margin-left: 40px;
  184. margin-top: 35px;
  185. border-radius: 10px;
  186. opacity: 0.8;
  187. filter:alpha(opacity=80);
  188. -moz-opacity: 0.8;
  189. -khtml-opacity: 0.8;
  190. }
  191.  
  192. #albumart {
  193. float:left;
  194. margin: 0px 7px;
  195. border: 1px solid {color:border};
  196. background-color: {color:sidebar};
  197. padding: 10px;
  198. }
  199.  
  200. #musicinfo {
  201. margin-left: 10px;
  202. margin-top: 30px;
  203. }
  204.  
  205. </style>
  206.  
  207. </head>
  208.  
  209. <body>
  210.  
  211. <div id="side">
  212.  
  213. <div id="sidebar"><img src="{image:sidebar}"></div>
  214. <div id="blogtitle">{title}</div>
  215.  
  216. <div id="description">{description}</div>
  217.  
  218. <div id="nav"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">archive</a> <a href="http://lutherwest.tumblr.com/">©</a><br>
  219. <a href="{text:link1 url}">{text:link1 title}</a> <a href="{text:link2 url}">{text:link2 title}</a> <a href="{text:link3 url}">{text:link3 title}</a> <a href="{text:link4 url}">{text:link4 title}</a>
  220. </div>
  221.  
  222. </div>
  223.  
  224. <div id="posts">{block:Posts}<div id="post">
  225.  
  226. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  227.  
  228. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}
  229.  
  230. {Caption}{/block:Caption}{/block:Photo}
  231.  
  232. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}
  233.  
  234. {/block:Photoset}
  235.  
  236. {block:Quote}<div id="quote">{Quote}</div>{block:Source} <div id="source">—{Source}</div>{/block:Source}{/block:Quote}
  237.  
  238. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}
  239.  
  240. {Description}{/block:Description}{/block:Link}
  241.  
  242. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>
  243.  
  244. {Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  245.  
  246. {block:Audio}
  247. <div id="audioplayer">{AudioPlayerWhite}</div>
  248. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="70">{/block:AlbumArt}</div>
  249. {block:TrackName}
  250. <b>Name:</b> {TrackName}<br>
  251. {/block:TrackName}
  252. {block:Artist}
  253. <b>Artist:</b> {Artist}<br>
  254. {/block:Artist}
  255. {block:Album}
  256. <b>Album:</b> {Album}<br>
  257. {/block:Album}
  258. {PlayCountWithLabel}
  259. {block:caption}<div id="caption">{Caption}</div>{/block:caption}
  260. {/block:Audio}
  261.  
  262. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  263.  
  264. {block:Answer}<div id="asker">{Asker} wondered,<br>
  265. "{Question}"
  266. </div>
  267. {Answer}{/block:Answer}
  268.  
  269. <div id="info">
  270. {block:Date}{TimeAgo}{/block:Date} <a href="{Permalink}">
  271. <b>with {NoteCountWithLabel}</b></a>{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"
  272. title="{ReblogParentTitle}"><b>{ReblogParentName}</b></a> source: <a
  273.  
  274. href="{ReblogRootURL}"title="{ReblogRoottitle}"><b>{ReblogRootName}</b></a>
  275.  
  276. {/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>
  277.  
  278. {/block:Tags}{/block:HasTags}</div>
  279.  
  280. </div>
  281. {block:PostNotes}{PostNotes}{/block:PostNotes}
  282. {/block:Posts}</div>
  283.  
  284. </body>
  285.  
  286. </body>
  287.  
  288. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement