Advertisement
mirkwoodling

Mirkwoodling Theme #04

May 22nd, 2013
682
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.76 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.  
  3. <!-- @ - mirkwoodling.tumblr.com | theme #04
  4.  
  5. please do not use as a base code, claim as your own or remove the credit.
  6.  
  7. -->
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head>
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1 " />
  14.  
  15. <title>{Title} - {block:PostTitle}{PostTitle}{/block:PostTitle}</title>
  16.  
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <link rel="shortcut icon" href="{Favicon}" />
  20.  
  21. <meta name="color:Background" content="#ffffff">
  22. <meta name="color:Text" content="#6f6f6f">
  23. <meta name="color:Sidebar Links" content="#383737">
  24. <meta name="color:Sidebar Text" content="#777676">
  25. <meta name="color:Links" content="#949191">
  26. <meta name="color:Hover" content="#966f6f">
  27. <meta name="color:Image Border" content="#dddddd">
  28.  
  29. <meta name="image:Sidebar" content="">
  30.  
  31. <meta name="text:Link 1" content="">
  32. <meta name="text:Link 1 Name" content="">
  33. <meta name="text:Link 2" content="">
  34. <meta name="text:Link 2 Name" content="">
  35. <meta name="text:Link 3" content="">
  36. <meta name="text:Link 3 Name" content="">
  37.  
  38. <style type="text/css">
  39.  
  40. body{
  41. margin:0px;
  42. padding:0px;
  43. background:{color:background};
  44. padding-bottom:40px;
  45. }
  46.  
  47. a {
  48. color:{color:links};
  49. text-decoration:none;
  50. -moz-transition-duration:0.5s;
  51. -webkit-transition-duration:0.5s;
  52. -o-transition-duration:0.5s;
  53. }
  54.  
  55. a:hover {
  56. color:{color:hover};
  57. text-decoration: none;
  58. }
  59.  
  60. #sidebar{
  61. position:fixed;
  62. width:200px;
  63. margin-left:220px;
  64. padding:0px;
  65. margin-top:150px;
  66. }
  67.  
  68. #sidebartext{
  69. position:fixed;
  70. width:300px;
  71. margin-left:100px;
  72. margin-top:300px;
  73. padding:0px;
  74. font-size:10px;
  75. font-family:calibri;
  76. text-align:center;
  77. color:{color:Sidebar Text};
  78. }
  79.  
  80. #sidebarimage {
  81. width:200px;
  82. }
  83.  
  84. #sidebarimage img{
  85. width:200px;
  86. height:200px;
  87. border:1px solid;
  88. border-color:{color:Image Border};
  89. padding:5px;
  90. }
  91.  
  92. #post{
  93. font-family:cambria;
  94. width:500px;
  95. padding:5px;
  96. color:{color:Text};
  97. margin-left:550px;
  98. top:100px;
  99. padding-top:70px;
  100. font-size:11px;
  101. }
  102.  
  103. #post a{
  104. color:{color:Text};
  105. text-decoration:none;
  106. }
  107.  
  108.  
  109. h1 {
  110. font: 11px calibri;
  111. text-align:left;
  112. text-transform:uppercase;
  113. letter-spacing:1px;
  114. }
  115.  
  116.  
  117. #info {
  118. padding-top:10px;
  119. font-size:10px;
  120. letter-spacing:0px;
  121. font-family:calibri;
  122. border-top:1px solid;
  123. border-color:{color:Image Border};
  124. }
  125.  
  126. #info a {
  127. color:{color:Links};
  128. }
  129.  
  130. #info a:hover {
  131. color:{color:Hover};
  132. }
  133.  
  134. #nav {
  135. font-family:calibri;
  136. font-size:10px;
  137. text-align:center;
  138. padding-left:10px;
  139. padding-top:10px;
  140. color:{color:Text};
  141.  
  142. }
  143.  
  144.  
  145. #sidebarlinks {
  146. font-family:calibri;
  147. padding-top:10px;
  148. padding-left:10px;
  149. text-transform:uppercase;
  150. color:{color:Sidebar Links};
  151. font-size:8.5px;
  152. letter-spacing:1px;
  153. text-align:center;
  154. }
  155.  
  156. #sidebarlinks a {
  157. color:{color:Sidebar Links};
  158. padding:3px;
  159. }
  160.  
  161. #sidebarlinks a:hover {
  162. color:{color:hover};
  163. }
  164.  
  165. #desc {
  166. font-family:calibri;
  167. padding-top:10px;
  168. padding-left:10px;
  169. font-size:10px;
  170. color:{color:Sidebar Text};
  171. text-align:center;
  172.  
  173. }
  174.  
  175. #tags {
  176. margin-top:-10px;
  177. padding-top:5px;
  178. opacity:0;
  179. padding-left:10px;
  180. -webkit-transition-duration:0.7s;
  181. -moz-transition-duration: 0.7s;
  182. }
  183.  
  184. #tags a {
  185. padding:5px;
  186. font-size:9px;
  187. text-transform:uppercase;
  188. letter-spacing:1px;
  189. -webkit-transition-duration:0.7s;
  190. -moz-transition-duration: 0.7s;
  191. }
  192.  
  193. #tags a:hover{
  194. color:{color:hover};
  195. }
  196.  
  197. #post:hover #tags {
  198. margin-top:7px;
  199. opacity:1;
  200. -webkit-transition-duration:0.7s;
  201. -moz-transition-duration: 0.7s;
  202. }
  203.  
  204. #credit {
  205. position:fixed;
  206. right:10px;
  207. bottom:6px;
  208. font:8px calibri;
  209. color: {color:Text};
  210. letter-spacing:1px;
  211. text-transform:uppercase;
  212. }
  213.  
  214. #quote {
  215. font-family:georgia;
  216. font-size:10px;
  217. font-style:italic;
  218. }
  219.  
  220. </style>
  221.  
  222. </head>
  223.  
  224. <body>
  225.  
  226. <div id="sidebar">
  227.  
  228. <div id="sidebarimage"><img src="{image:Sidebar}" /></div>
  229.  
  230. <div id="sidebarlinks">
  231.  
  232. <a href="/">Home</a>
  233. <a href="/ask">Ask</a>
  234. {block:ifLink1}
  235. <a href="{text:Link 1}">{text:Link 1 Name}</a>
  236. {/block:ifLink1}
  237. {block:ifLink2}
  238. <a href="{text:Link 2}">{text:Link 2 Name}</a>
  239. {/block:ifLink2}
  240. {block:ifLink3}
  241. <a href="{text:Link 3}">{text:Link 3 Name}</a>
  242. {/block:ifLink3}<br>
  243. </div>
  244.  
  245. <div id="desc">
  246. {block:Description}{Description}{/block:Description}
  247. </div>
  248.  
  249. <div id="nav">
  250. {block:Pagination}
  251.  
  252. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  253.  
  254. {CurrentPage}/{TotalPages}
  255.  
  256. {block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}
  257.  
  258. {/block:Pagination}
  259. </div>
  260.  
  261. </div>
  262.  
  263.  
  264.  
  265.  
  266.  
  267. {block:Posts}
  268.  
  269. <div id="post">
  270.  
  271. {block:Text}{block:Title}<h1><b>{Title}</b></h1>{/block:Title}{/block:Text}
  272.  
  273. {block:Photo}<img src="{PhotoURL-500}">{block:Caption}{caption}{/block:Caption}{/block:Photo}
  274.  
  275. {block:Photoset}{Photoset-500}{block:Caption}{caption}{/block:Caption}{/block:Photoset}
  276.  
  277. {block:Quote}<div id="quote">{Quote}</div>{block:Source} - {Source}{/block:Source}<br><br>{/block:Quote}
  278.  
  279. {block:Link}<h1><a href="{URL" target"{Target}"><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  280.  
  281. {block:Chat}
  282. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  283. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  284.  
  285. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  286.  
  287. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  288.  
  289. {block:Answer}
  290. {Asker} said: {Question}<br>
  291. {Answer}
  292. {/block:Answer}
  293.  
  294. <div id="info">
  295.  
  296. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} + <a href=”{ReblogURL}” target=”_blank” class=”details”>Reblog</a> <div style="float: right;"> {block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (© <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)
  297. {/block:RebloggedFrom}</div>
  298.  
  299. <div id="tags">
  300. {block:HasTags}
  301. {block:Tags}<a href="{TagURL}"># {Tag}</a> {/block:Tags}{/block:HasTags}
  302. {/block:HasTags}
  303. </div>
  304. </div>
  305.  
  306. {block:PostNotes}
  307. <br>
  308. <br>
  309. {PostNotes}
  310. {/block:PostNotes}
  311. </div>
  312.  
  313.  
  314.  
  315.  
  316. {/block:Posts}
  317.  
  318. <div id="credit"><a href="http://mirkwoodling.tumblr.com">mirkwoodling</a></div>
  319.  
  320.  
  321.  
  322. </body>
  323.  
  324. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement