ponderism

theme # 9

Dec 13th, 2013
487
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.27 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. <!--
  4.  
  5. THEME 9 by PONDERISM
  6. do not repost/claim as your own/remove the credit
  7. base theme used from WOLVERWHORE
  8. ENJOY!
  9.  
  10. -->
  11.  
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head><title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#838282"/>
  22. <meta name="color:Link" content="#b8b8b8"/>
  23. <meta name="color:Description" content="#faf0f0"/>
  24. <meta name="color:Hover" content="#f2f2f2"/>
  25. <meta name="color:Answer" content="#f8f8f8"/>
  26. <meta name="text:Link 1" content="" />
  27. <meta name="text:Link 1 Text" content="" />
  28. <meta name="text:Link 2" content="" />
  29. <meta name="text:Link 2 Text" content="" />
  30. <meta name="text:Link 3" content="" />
  31. <meta name="text:Link 3 Text" content="" />
  32. <meta name="text:Link 4" content="" />
  33. <meta name="text:Link 4 Text" content="" />
  34. <meta name="text:Link 5" content="" />
  35. <meta name="text:Link 5 Text" content="" />
  36. <meta name="color:scrollbarbg" content="ffffff"/>
  37.  
  38. <style type="text/css">
  39. @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);
  40.  
  41.  
  42. /* --- SCROLLBAR ---*/
  43.  
  44. ::-webkit-scrollbar {
  45. width: 5px;height: 5px;}
  46. ::-webkit-scrollbar-button:start:decrement,
  47. ::-webkit-scrollbar-button:end:increment {
  48. height: 6px;display: block;background-color: {color:white};}
  49. ::-webkit-scrollbar-track-piece {
  50. background-color: {color:scrollbarbg};}
  51. ::-webkit-scrollbar-thumb:vertical {
  52. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  53.  
  54.  
  55.  
  56. /* --- BODY ---*/
  57.  
  58.  
  59. body {
  60. background:{color:background};
  61. margin:0px;
  62. color:{color:text};
  63. font-family:'libre baskerville';
  64. font-size:9px;
  65. line-height:120%;
  66. }
  67.  
  68. a {
  69. text-decoration:none;
  70. outline:none;
  71. -moz-outline-style:none;
  72. color:{color:link};
  73. }
  74.  
  75. img {
  76. border:none;
  77. }
  78.  
  79. blockquote {
  80. padding-left:5px;
  81. border-left:2px solid;
  82. }
  83.  
  84. blockquote blockquote {
  85. padding-left:5px;
  86. border-left:2px solid;
  87. }
  88.  
  89. h1 {
  90. font-size:9px;
  91. text-transform:uppercase;
  92. }
  93.  
  94. a:hover {
  95. opacity:10;
  96. color:{color:hover};
  97. -webkit-transition: all 0.7s ease;
  98. -moz-transition: all 0.7s ease;
  99. -o-transition: all 0.7s ease
  100. }
  101.  
  102. /* --- POST ENTRIES ---*/
  103.  
  104.  
  105. #entries {
  106. padding:10px;
  107. width:520px;
  108. margin-left:auto;
  109. margin-right:auto;
  110. margin-top:00px;
  111. font-size:10px;
  112. font-family: 'libre baskerville';
  113. }
  114.  
  115. /* --- BODY: POSTS ---*/
  116.  
  117.  
  118. #post {
  119. width:500px;
  120. padding-bottom:20px;
  121. padding:20px;
  122. margin-top:15px;
  123. background-color:{color:Post};
  124. }
  125.  
  126.  
  127. /* --- HEADER IMAGE ---*/
  128.  
  129.  
  130. #header {
  131. width:600px;
  132. text-align:center;
  133. margin-left:auto;
  134. margin-right:auto;
  135. margin-top:0px;
  136. margin-bottom:-20px;
  137. padding:70px 0px 40px 0px;
  138. }
  139.  
  140.  
  141. .post:hover{
  142. border-radius: 1px;
  143. -webkit-transition: .8s ease-in-out;
  144. -moz-transition: .8s ease-in-out;
  145. -o-transition: .8s ease-in-out; }
  146.  
  147.  
  148.  
  149. /* --- SIDEBAR LINKS ---*/
  150.  
  151. #slinks {
  152. width: 600px;
  153. background-color: #000;
  154. font-size: 25px;
  155. padding: 50px 5px 50px 5px;
  156. margin-top: 20px;
  157. word-spacing: 10px;
  158. font-style: italic;
  159. font-family:'libre baskerville';
  160. }
  161.  
  162. /* --- DESCRIPTION ---*/
  163.  
  164. #description {
  165. width:350px;
  166. text-align:center;
  167. font-size:9px;
  168. padding: 20px;
  169. margin-top: -20px;
  170. margin-left:auto;
  171. margin-right:auto;
  172. line-height:120%;
  173. font-family:'libre baskerville';
  174.  
  175. }
  176.  
  177.  
  178. /* --- POST INFO ---*/
  179.  
  180.  
  181. #info {
  182. text-align:center;
  183. margin-top:10px;
  184. font-family: 'arial';
  185. text-transform:uppercase;
  186. font-size:8px;
  187. padding: 0px;
  188. border-top: solid 1px;
  189. border-color:{color:scrollbarbg};
  190.  
  191. }
  192. /* --- POST TAGS---*/
  193.  
  194.  
  195. #tags {
  196. font-family:'libre baskerville';
  197. letter-spacing:1px;
  198. text-transform:lowercase;
  199. font-size:8px;
  200. font-style:italic;
  201. margin-top:4px;
  202. padding-bottom: 0px;
  203. text-align:center;
  204. }
  205.  
  206. #tags
  207. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  208. -webkit-transition: all 0.6s ease-in-out;
  209. -moz-transition: all 0.6s ease-in-out;
  210. -o-transition: all 0.6s ease-in-out;
  211. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  212.  
  213.  
  214. /* --- QUESTIONS ---*/
  215.  
  216.  
  217. #asker {
  218. padding:5px;
  219. margin-top: 5px;
  220. font-family:'arial';
  221. letter-spacing:1px;
  222. padding: 10px;
  223. text-align:left;
  224. font-size: 10px;
  225. line-height: 130%;
  226. margin-left:0px;
  227. margin-bottom: 5px;
  228. color: #fff;
  229. background-color: #000;
  230. }
  231.  
  232. #credit {
  233. width: 0px;
  234. padding: 7px 15px 7px 10px;
  235. background-color: #000000;
  236. position:fixed;
  237. margin-right: 5px;
  238. bottom:5px;
  239. right:5px;
  240. font-size:11px;
  241. letter-spacing:2px;
  242. border: 3px double;
  243. color: #ffffff
  244. font-family:calibri;
  245. }
  246.  
  247.  
  248. {CustomCSS}</style></head><body>
  249.  
  250. <div id="header">
  251.  
  252. <div id="slinks">
  253. <a href="{text:Link 1}" title="{text:Link 1 Text}">i.</a>
  254. <a href="{text:Link 2}" title="{text:Link 2 Text}">ii.</a>
  255. <a href="{text:Link 3}" title="{text:Link 3 Text}">iii.</a>
  256. <a href="{text:Link 4}" title="{text:Link 4 Text}">iv.</a>
  257. <a href="{text:Link 5}" title="{text:Link 5 Text}">v.</a>
  258.  
  259. {block:Pagination}
  260. {block:PreviousPage} <a href="{PreviousPage}">&#171;</a>{/block:PreviousPage}
  261.  
  262.  
  263. {block:CurrentPage}<span class={PageNumber}</span>{/block:CurrentPage}
  264.  
  265. {block:JumpPage} <a class= href="{URL}">{PageNumber}</a>{/block:JumpPage}
  266.  
  267. {/block:JumpPagination}
  268.  
  269. {block:NextPage}<a href="{NextPage}">&#187;</a>{/block:NextPage}
  270. {/block:Pagination}
  271. </div></div><br><br>
  272.  
  273. <div id="description">{Description}</div><br>
  274. </div>
  275.  
  276. <div id="entries">{block:Posts}<div id="post">
  277.  
  278. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  279.  
  280. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  281.  
  282. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  283.  
  284. <p align=center>{block:Quote}<big><big><big><i>"{Quote}"</i></big></big></big>{/block:Quote}</p>
  285. <p align=left>{block:Source}- {Source}{/block:Source}</p>
  286.  
  287. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  288.  
  289. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  290.  
  291. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="90px" height="90px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  292. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  293. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  294. {/block:ExternalAudio}<br /><b>Played:</b> {PlayCount} times
  295. {/block:Audio}
  296.  
  297. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  298.  
  299. {block:Answer}<div id="asker"><span style="font-family:arial; font-size:10px;font-style:normal; color: #fff; text-transform:uppercase;"> <b>{Asker}:</b> </span>{Question}</div><left><font face="arial">{Answer}</font>{/block:Answer}
  300.  
  301. <div id="info">
  302. <br />
  303. <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}">+ ©</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} // <a href="{Permalink}">{NoteCountWithLabel}</a>
  304. <br />
  305. {block:HasTags}<div id="tags">filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  306. {/block:Posts}
  307. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  308. {/block:Posts}</div></div></div>
  309.  
  310. <div id="credit">
  311. <a href="http://ponderism.tumblr.com/">P</a></center></div>
  312.  
  313.  
  314. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment