Advertisement
alicescreed

TUMBLR THEME 015 by lutherwest.tumblr.com

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