ponderism

theme # 14

Feb 9th, 2014
978
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.90 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 # 14 by AMAL (sherlckholme)
  6. Please do not steal this code/use as a base
  7.  
  8. -->
  9.  
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head><title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="text:minititle" content=""/>
  19. <meta name="color:Text" content="#838282"/>
  20. <meta name="color:Link" content="#b8b8b8"/>
  21. <meta name="color:Hover" content="#f2f2f2"/>
  22. <meta name="color:Answer" content="#f8f8f8"/>
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 1 Text" content="" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 2 Text" content="" />
  28. <meta name="text:Link 3" content="" />
  29. <meta name="text:Link 3 Text" content="" />
  30. <meta name="text:Link 4" content="" />
  31. <meta name="text:Link 4 Text" content="" />
  32. <meta name="text:Link 5" content="" />
  33. <meta name="text:Link 5 Text" content="" />
  34.  
  35. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  36.  
  37. <style type="text/css">
  38. @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);
  39.  
  40.  
  41. /* --- SCROLLBAR ---*/
  42.  
  43. ::-webkit-scrollbar {
  44. width: 5px;height: 5px;}
  45. ::-webkit-scrollbar-button:start:decrement,
  46. ::-webkit-scrollbar-button:end:increment {
  47. height: 6px;display: block;background-color: {color:white};}
  48. ::-webkit-scrollbar-track-piece {
  49. background-color: {color:scrollbarbg};}
  50. ::-webkit-scrollbar-thumb:vertical {
  51. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  52.  
  53. body {
  54. background:{color:background};
  55. margin:0px;
  56. color:{color:text};
  57. font-family:Calibri;
  58. font-size:9px;
  59. line-height:100%;
  60. }
  61.  
  62. a {
  63. text-decoration:none;
  64. outline:none;
  65. -moz-outline-style:none;
  66. color:{color:link};
  67. -webkit-transition: all 0.7s ease;
  68. -moz-transition: all 0.7s ease;
  69. -o-transition: all 0.7s ease
  70. }
  71.  
  72. img {
  73. border:none;
  74. }
  75.  
  76. blockquote {
  77. padding-left:5px;
  78. border-left:2px solid;
  79. }
  80.  
  81. blockquote blockquote {
  82. padding-left:5px;
  83. border-left:2px solid;
  84. }
  85.  
  86. h1 {
  87. font-size:9px;
  88. text-transform:uppercase;
  89. }
  90.  
  91. a:hover {
  92. opacity:10;
  93. color:{color:hover};
  94. -webkit-transition: all 0.7s ease;
  95. -moz-transition: all 0.7s ease;
  96. -o-transition: all 0.7s ease
  97. }
  98.  
  99. #title {
  100. font-style: italic;
  101. margin-left: auto;
  102. margin-right: auto;
  103. font-family: 'libre baskerville';
  104. font-size: 20px;
  105. }
  106.  
  107. #minititle{
  108. margin-top: 10px;
  109. font-size: 10px;
  110. font-family: 'libre baskerville';
  111. }
  112.  
  113. #entries {
  114. width: 500px;
  115. margin-left:auto;
  116. margin-right:auto;
  117. margin-top:0px;
  118. font-size:11px;
  119. line-height: 120%;
  120. font-family: 'arial';
  121. }
  122.  
  123. #post {
  124. width:500px;
  125. padding:2px;
  126. margin-top: 50px;
  127. padding-bottom:50px;
  128. margin-bottom: 50px;
  129. }
  130.  
  131. #post:hover #info {
  132. opacity: 1;
  133. -webkit-transition: all 0.7s ease;
  134. -moz-transition: all 0.7s ease;
  135. -o-transition: all 0.7s ease
  136. }
  137.  
  138. #sidebar {
  139. text-align:center;
  140. margin-left:auto;
  141. margin-right:auto;
  142. margin-top:0px;
  143. margin-bottom:-20px;
  144. padding:30px 20px 35px 0px;
  145. }
  146.  
  147. #sidebarimage {
  148. width 150px;
  149. }
  150.  
  151. #sidebarimage img {
  152. width:150px;
  153. padding:6px 6px 20px 6px;
  154. opacity: 1;
  155. margin-bottom: 10px;
  156. background-color:{color:Sidebar};
  157. }
  158.  
  159. .post:hover{
  160. border-radius: 1px;
  161. -webkit-transition: .8s ease-in-out;
  162. -moz-transition: .8s ease-in-out;
  163. -o-transition: .8s ease-in-out; }
  164.  
  165. .links {
  166. width: 147px;
  167. font-size: 10px;
  168. margin-top: -10px;
  169. padding: 0px 0px 00px 00px;
  170. margin-right: auto;
  171. margin-left: auto;
  172. word-spacing: 15px;
  173. font-family:'arial';
  174. }
  175.  
  176. .links a {
  177. width: 1px;
  178. height: 1px;
  179. margin-right: auto;
  180. margin-left: auto;
  181. display: inline-block;
  182. font-size: 9px;
  183. padding: 4px;
  184. margin-bottom: 10px;
  185. border: 1px solid #ccc;
  186. }
  187.  
  188. .links a:hover {
  189. background: #000;
  190. }
  191.  
  192. #description {
  193. width:400px;
  194. font-style: italic;
  195. text-align:justify;
  196. font-size:11px;
  197. padding: 20px 20px 20px 20px;
  198. margin-top: 0px;
  199. margin-left:auto;
  200. margin-right:auto;
  201. line-height:120%;
  202. font-family:'libre baskerville';
  203. }
  204.  
  205. #info {
  206. float:left;
  207. width: 480px;
  208. text-align: center;
  209. font-family: 'arial';
  210. text-transform:uppercase;
  211. font-size:9px;
  212. padding: 0px 10px 10px 10px;
  213. border-top: solid 4px;
  214. border-color: #848185;
  215. opacity: 0;
  216. -webkit-transition: all 0.7s ease;
  217. -moz-transition: all 0.7s ease;
  218. -o-transition: all 0.7s ease
  219. }
  220.  
  221. #chat {
  222. top: 300px;
  223. background: #000;
  224. padding: 0px 0px 0px 30px;
  225. }
  226.  
  227. #tags {
  228. font-family:'arial';
  229. letter-spacing:1px;
  230. text-transform:lowercase;
  231. font-size:8px;
  232. font-style:italic;
  233. margin-top:4px;
  234. padding-bottom: 0px;
  235. text-align:center;
  236. }
  237.  
  238. #tags
  239. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  240. -webkit-transition: all 0.6s ease-in-out;
  241. -moz-transition: all 0.6s ease-in-out;
  242. -o-transition: all 0.6s ease-in-out;
  243. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  244.  
  245. #pagination {
  246. font-family: 'libre baskerville';
  247. font-style: italic;
  248. text-align: center;
  249. font-size: 15px;
  250. text-transform: lowercase;
  251. padding-bottom: 20px;
  252. margin-top: 0px;
  253. margin-right: auto;
  254. margin-left: auto;
  255. -webkit-transition: all 0.7s ease;
  256. -moz-transition: all 0.7s ease;
  257. -o-transition: all 0.7s ease
  258. }
  259.  
  260. #pagination a:hover {
  261. color: #fff;
  262. letter-spacing: 10px;
  263. -webkit-transition: all 0.7s ease;
  264. -moz-transition: all 0.7s ease;
  265. -o-transition: all 0.7s ease
  266. }
  267.  
  268. #credit {
  269. padding: 10px;
  270. background-color: #000000;
  271. position:fixed;
  272. margin-right: 5px;
  273. bottom:5px;
  274. right:2px;
  275. font-size:10px;
  276. }
  277.  
  278. #credit a {
  279. color: #ccc;
  280. line-height: 00%;
  281. font-family: 'serif';
  282. }
  283.  
  284.  
  285. .tumblr_audio_player { width: 500px; }
  286.  
  287. {CustomCSS}</style></head><body>
  288.  
  289. <div id="sidebar">
  290. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  291. <div id="title">{Title}</div>
  292. <div id="minititle">{text:minititle}</div>
  293.  
  294. <style>
  295. div#qTip {
  296. padding: 4px;
  297. display: none;
  298. font-style:none;
  299. text-align: center;
  300. position: absolute;
  301. border-radius:0px;
  302. font-size:9px;
  303. line-height:10px;
  304. font-family: 'arial';
  305. z-index: 1000;
  306. background: #000;
  307. border: 1px solid #fff;
  308. z-index: 9999999;
  309. color: #fff;
  310. letter-spacing: 0px;
  311. }
  312. </style>
  313.  
  314. </div></div><br><br>
  315.  
  316. <div class="links">
  317. <a href="{text:Link 1}" title="{text:Link 1 Text}"></a>
  318. <a href="{text:Link 2}" title="{text:Link 2 Text}"></a>
  319. <a href="{text:Link 3}" title="{text:Link 3 Text}"></a>
  320. <a href="{text:Link 4}" title="{text:Link 4 Text}"></a>
  321. <a href="{text:Link 5}" title="{text:Link 5 Text}"></a></div>
  322.  
  323. <div id="description">{Description}</div><br></div></div></div>
  324.  
  325. <div id="entries">{block:Posts}<div id="post">
  326.  
  327. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  328.  
  329. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  330.  
  331. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  332.  
  333. <p align=center>{block:Quote}"<i><FONT FACE="libre baskerville"><big>{Quote}</big></FONT></i>"{/block:Quote}</p>
  334. <p align=center>{block:Source}- {Source}{/block:Source}</p>
  335.  
  336. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  337.  
  338. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<p>{/block:Chat}
  339.  
  340. {block:Audio}<div class="audio_container">{block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}</div>
  341. {block:Caption}<div class="caption">{Caption}</div>
  342. {/block:Caption}{/block:Audio}
  343.  
  344. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  345.  
  346. {block:Answer}
  347. <table style="width: 500px;padding-bottom:5px;padding-top:5px;margin-bottom:5px;background:#EDEDED">
  348. <tr>
  349. <td style="vertical-align:top; padding-left: 10px;"><strong>{Asker} asked:</strong> {Question}</td>
  350. </tr>
  351. </table>
  352. {Answer}
  353. {/block:Answer}
  354.  
  355. <div id="info">
  356. <br/>
  357. <a href="{Permalink}">{24HourWithZero}.{Minutes}.{Seconds}</a> {block:RebloggedFrom} // <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource} // <a href="{Permalink}">{NoteCount}</a>
  358. <br />
  359. {block:HasTags}<div id="tags">filed under:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  360. {/block:Posts}
  361. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  362. {/block:Posts}</div></div></div></div></div>
  363.  
  364. {block:Pagination}
  365. <div id="pagination">
  366. {block:PreviousPage}<a href="{PreviousPage}">FORTH</a>{/block:PreviousPage}
  367. - {block:NextPage}<a href="{NextPage}">BACK</a>{/block:NextPage}
  368. </div>
  369. {/block:Pagination}
  370.  
  371. {block:CurrentPage}<span class={PageNumber}</span>{/block:CurrentPage}
  372.  
  373. {block:JumpPage} <a class= href="{URL}">{PageNumber}</a>{/block:JumpPage}
  374.  
  375. {/block:JumpPagination}
  376.  
  377. {block:NextPage}<a href="{NextPage}">&#187;</a>{/block:NextPage}</div>
  378. {/block:Pagination}
  379.  
  380. <div id="credit">
  381. <a href="http://sherlckholme.tumblr.com/"><span style="font-size: 13px;"><i>amal's</i></span><br><b>CODES</b></a></center></div>
  382.  
  383. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment