Advertisement
jessewertsson

theme 01 by starponds

Aug 18th, 2012
12,111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.52 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--THEME 001 by hholms.tumblr.com (do not claim this theme as your own, and please leave the theme credit where it is)-->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:Link hover" content="#616161"/>
  14. <meta name="color:Ask bg" content="#fafafa" />
  15. <meta name="color:Post border" content="#f2f2f2"/>
  16. <meta name="color:Scrollbar" content="#999999">
  17. <meta name="image:Sidebar" content=""/>
  18. <meta name="if:Show title" content=""/>
  19.  
  20. <meta name="text:Home link" content="home" />
  21. <meta name="text:Ask link" content="ask" />
  22. <meta name="text:Link 1" content="link" />
  23. <meta name="text:Link 1 URL" content="/" />
  24. <meta name="text:Link 2" content="link" />
  25. <meta name="text:Link 2 URL" content="/" />
  26. <meta name="text:Link 3" content="link" />
  27. <meta name="text:Link 3 URL" content="/" />
  28. <meta name="text:Link 4" content="link" />
  29. <meta name="text:Link 4 URL" content="/" />
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34.  
  35. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:5px;}
  36. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar};height:5px!important;}
  37. ::-webkit-scrollbar {background-color:{color:Background};height:5px;width:6px;}
  38.  
  39.  
  40. body {
  41. background:{color:Background};
  42. margin:0px;
  43. color:{color:text};
  44. font-family:calibri;
  45. font-size:10px;
  46. line-height:100%;
  47. }
  48.  
  49. a {
  50. text-decoration:none;
  51. outline:none;
  52. -moz-outline-style:none;
  53. color:{color:Link};
  54. padding:1px;
  55. -webkit-transition: all 0.7s ease;
  56. -moz-transition: all 0.7s ease;
  57. -o-transition: all 0.7s ease;
  58. }
  59.  
  60. a:hover {
  61. color: {color:Link hover};
  62. font-size:9px;
  63. text-decoration:none;
  64. -webkit-transition: all 0.7s ease;
  65. -moz-transition: all 0.7s ease;
  66. -o-transition: all 0.7s ease;
  67. }
  68.  
  69.  
  70.  
  71. img {
  72. border:none;
  73. }
  74.  
  75. blockquote {
  76. padding-left:5px;
  77. border-left:2px solid;
  78. }
  79.  
  80. blockquote blockquote {
  81. padding-left:5px;
  82. border-left:2px solid;
  83. }
  84.  
  85. h1 {
  86. font-size:12px;
  87. }
  88.  
  89. h1 a {-webkit-transition: all 0.7s ease;
  90. -moz-transition: all 0.7s ease;
  91. -o-transition: all 0.7s ease;}
  92.  
  93. h1 a:hover {font-size:11px; -webkit-transition: all 0.7s ease;
  94. -moz-transition: all 0.7s ease;
  95. -o-transition: all 0.7s ease;}
  96.  
  97. .quote {font-size:12px; font-style:italic;}
  98.  
  99. .source {font-size:10px; font-style:normal;}
  100.  
  101.  
  102. .entries {
  103. padding:10px;
  104.  
  105. margin-left:200px;
  106. margin-top:50px;
  107. margin-bottom:50px;
  108. }
  109.  
  110. .post {
  111. width:500px;
  112. padding-bottom:0px;
  113. padding-top: 5px;
  114. }
  115.  
  116.  
  117. #sidebar {
  118. width:180px;
  119. position:fixed;
  120. margin-left:770px;
  121. margin-top:200px;
  122. }
  123.  
  124.  
  125.  
  126. .title {
  127. font-size:10px;
  128. text-align:center;
  129. margin-bottom:5px;
  130. font-weight:normal;
  131. text-transform:uppercase;
  132. }
  133.  
  134. #sidebarimage {
  135. width 160px;
  136. text-align:center;
  137. opacity:1;
  138. -webkit-transition: all 0.7s ease;
  139. -moz-transition: all 0.7s ease;
  140. -o-transition: all 0.7s ease;
  141. }
  142.  
  143. #sidebarimage:hover {opacity:0.85;
  144. -webkit-transition: all 0.9s ease;
  145. -moz-transition: all 0.9s ease;
  146. -o-transition: all 0.9s ease;
  147. }
  148.  
  149. #sidebarimage img {
  150. width:160px;
  151.  
  152. -webkit-transition: all 0.7s ease;
  153. -moz-transition: all 0.7s ease;
  154. -o-transition: all 0.7s ease;
  155.  
  156. }
  157.  
  158. #sidebarimage img:hover {
  159. border-radius: 50px;
  160. -webkit-transition: all 0.9s ease;
  161. -moz-transition: all 0.9s ease;
  162. -o-transition: all 0.9s ease;
  163.  
  164. }
  165.  
  166. .description {
  167. padding:5px 0px 0px 0px;
  168. text-align:center;
  169. }
  170.  
  171. .sidelinks {
  172. text-align:center;
  173. padding:5px 0px 0px 0px;
  174. line-height:12px;
  175. }
  176.  
  177. .sidelinks a {
  178. color:{color:Link};
  179. margin-left:1px;
  180. margin-right:1px;
  181. text-transform:lowercase;
  182. text-decoration:underline;
  183. font-size:10px;
  184. }
  185.  
  186. .sidelinks a:hover {font-size:9px;
  187. color:{color:Link hover};
  188. }
  189.  
  190.  
  191. #pagination {
  192. font-size:11px;
  193. text-align:center;
  194. margin-top:10px;
  195. }
  196.  
  197. #info {
  198. text-align:right;
  199. margin-top:10px;
  200. padding-top: 4px;
  201. border-top: 1px solid {color:Post border};
  202. margin-bottom:20px;
  203. }
  204.  
  205.  
  206. .tags {
  207. text-align:right;
  208. margin-top:1px;
  209. padding-bottom: 20px;
  210. font-size:10px;
  211. padding-left:15px;
  212. text-transform:lowercase;
  213. }
  214.  
  215. .tags a {text-decoration:underline;}
  216.  
  217.  
  218. .reblogsource {
  219. text-align:left;
  220. float:left;
  221. font-weight:bold;
  222. }
  223.  
  224. .reblogsource a {text-decoration:none;
  225. font-weight:normal;
  226. }
  227.  
  228. .plus {font-weight:normal;}
  229.  
  230. .notecount {
  231. text-align:left;
  232. float:left;
  233.  
  234. }
  235.  
  236. .datetime {
  237. text-align:right;
  238. }
  239.  
  240.  
  241. .portrait {
  242. float:left;
  243. background-color:none;
  244. }
  245.  
  246. .asker {text-transform:uppercase;
  247. font-weight:bold;
  248. }
  249.  
  250. .question {
  251. background-color:{color:Ask bg};
  252. padding:10px;
  253. margin-left:27px;
  254. }
  255.  
  256. .answer {margin-left:0px;}
  257.  
  258.  
  259. #credit {
  260. position:fixed;
  261. right:0px;
  262. bottom:0px;
  263. padding:5px;
  264. text-transform:uppercase;
  265. }
  266.  
  267. .notes img{
  268. width:16px;
  269. }
  270.  
  271. .notes ol, .notes li{
  272. list-style:none;
  273. }
  274.  
  275.  
  276. {CustomCSS}</style></head><body>
  277.  
  278. <div id="sidebar">
  279.  
  280. {block:IfShowTitle}<div class="title">{Title}</div>{/block:IfShowTitle}
  281.  
  282. {block:IfSidebarImage}<div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>{/block:IfSidebarImage}
  283.  
  284. <div class="sidelinks">
  285. <a href="/">{text:Home link}</a> +
  286. <a href="/ask">{text:Ask link}</a>
  287. {block:IfLink1}+ <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:IfLink1}
  288. {block:IfLink2}+ <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:IfLink2}
  289. {block:IfLink3}+ <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:IfLink3}
  290. {block:IfLink4}+ <a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:IfLink4}
  291. </div>
  292.  
  293. <div class="description">{Description}</div>
  294.  
  295. <div id="pagination">
  296. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}
  297. {block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}{/block:Pagination}
  298. </div>
  299.  
  300. </div>
  301.  
  302. <div class="entries">{block:Posts}<div class="post">
  303.  
  304. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  305.  
  306. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  307.  
  308. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  309.  
  310. {block:Quote}<div class="quote">{Quote}{block:Source} —<span class="source">{Source}</span>{/block:Source}</div>{/block:Quote}
  311.  
  312. {block:Link}<h1>&raquo; <a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  313.  
  314. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  315.  
  316. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  317.  
  318. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  319.  
  320. {block:Answer}<div class="portrait"><img src="{AskerPortraitURL-24}"></div><div class="question"><span class="asker">{Asker}</span> whispered:<br>{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  321.  
  322.  
  323. {block:ContentSource}
  324. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  325. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  326. {/block:SourceLogo}
  327. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  328. {/block:ContentSource}
  329.  
  330.  
  331. <div id="info">
  332. <div class="notecount"><a href="{Permalink}">
  333. {NoteCountWithLabel}</a></div>
  334.  
  335. <div class="datetime">
  336. {block:Date}{TimeAgo}{/block:Date}</div>
  337.  
  338. <div class="reblogsource">{block:RebloggedFrom}via: <a href="{ReblogParentURL}"
  339. title="{ReblogParentTitle}">{ReblogParentName}</a>&nbsp;<span class="plus">+</span>&nbsp;source: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
  340.  
  341.  
  342.  
  343. <div class="tags">
  344. {block:HasTags}ϟ{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  345.  
  346.  
  347.  
  348.  
  349. </div>
  350. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  351. {/block:Posts}</div>
  352.  
  353. <div id="credit">theme by <a href="http://www.starponds.tumblr.com" target="_blank">starponds</a> ©</div>
  354.  
  355. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement