demigodish

theme 10 by demigodish

Aug 31st, 2013
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.12 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!-- theme by demigodish -->
  5. <!-- do not remove credit please thanks -->
  6.  
  7. <head>
  8. <html xmlns = "http://www.w3.org/1999/xhtml">
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Text" content="#9B9B9B"/>
  16. <meta name="color:Link" content="#b8b8b8"/>
  17. <meta name="color:border" content="#F2F2F2"/>
  18. <meta name="color:pagination" content="#B9B9B9"/>
  19. <meta name="color:bg" content="#FFFFFF">
  20. <meta name="color:Link Hover" content="#eeeeee"/>
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:link 1" content="Link 3"/>
  25. <meta name="text:link 1 url" content="/"/>
  26. <meta name="text:link 2" content="Link 2"/>
  27. <meta name="text:link 2 url" content="/"/>
  28. <meta name="text:link 3" content="Link 3"/>
  29. <meta name="text:link 3 url" content="/"/>
  30. <meta name="text:link 4" content="Link 4"/>
  31. <meta name="text:link 4 url" content="/"/>
  32.  
  33. <style type="text/css">
  34.  
  35. h1 {
  36. font-weight:normal;
  37. font-size:13px;
  38. text-align:center;
  39. font-style:normal;
  40. line-height:50%;
  41. letter-spacing:1px;
  42. text-transform:normal;
  43. color:{color:text};
  44. }
  45.  
  46. h2 {
  47. font-size:10px;
  48. text-align:center;
  49. line-height:50%;
  50. letter-spacing:-0.5px;
  51. color:{color:text};
  52. font-weight:bold;
  53. text-transform:uppercase;
  54. padding:5px;
  55. padding-bottom:2px;
  56. }
  57.  
  58.  
  59. blockquote {
  60. border-left:2px solid {color:text};
  61. padding-left:5px;
  62. margin:5px;
  63. }
  64.  
  65.  
  66. body {
  67. background:{color:background};
  68. margin:0px;
  69. color:{color:text};
  70. font-family:calibri;
  71. font-size:10px;
  72. line-height:120%;
  73. }
  74.  
  75. a {
  76. text-decoration:none;
  77. outline:none;
  78. -moz-outline-style:none;
  79. color:{color:link};
  80. -moz-transition-duration:0.5s;
  81. -webkit-transition-duration:0.5s;
  82. -o-transition-duration:0.5s;
  83. }
  84.  
  85. a:hover {
  86. text-decoration:none;
  87. outline:none;
  88. -moz-outline-style:none;
  89. color:{color:link hover};
  90. }
  91.  
  92. img {
  93. border:none;
  94. }
  95.  
  96. blockquote {
  97. padding-left:5px;
  98. border-left:2px solid;
  99. }
  100.  
  101. blockquote blockquote {
  102. padding-left:5px;
  103. border-left:2px solid;
  104. }
  105.  
  106. #post {
  107. width:500px;
  108. padding-bottom:30px;
  109. margin-top:15px;
  110. }
  111.  
  112. #entries {
  113. padding:10px;
  114. width:500px;
  115. margin-left:600px;
  116. margin-top:40px;
  117. }
  118.  
  119. #sidebar {
  120. width:300px;
  121. position:fixed;
  122. margin-left:260px;
  123. margin-top:85px;
  124. }
  125.  
  126. #sidebarimage {
  127. width: 300px;
  128. height:300px;
  129. }
  130.  
  131. #sidebarimage img {
  132. width:110px;
  133. height:110px;
  134. padding:5px;
  135. opacity:0.7;
  136. }
  137.  
  138. #sidebar #links {
  139. margin-top:-350px;
  140. opacity:0;
  141. -moz-transition-duration:1s;
  142. -webkit-transition-duration:1s;
  143. -o-transition-duration:1s;
  144. }
  145.  
  146. #sidebar:hover #links {
  147. margin-top:-275px;
  148. opacity:1;
  149. -moz-transition-duration:1s;
  150. -webkit-transition-duration:1s;
  151. -o-transition-duration:1s;
  152.  
  153. }
  154.  
  155. #links {
  156. display:block;
  157. position:absolute;
  158. margin-top:-275px;
  159. margin-left:35px;
  160. text-align:center;
  161. text-transform:lowercase;
  162. font-size:10px;
  163. width:110px;
  164. font-family:calibri;
  165. }
  166.  
  167. #links a {
  168. display:block;
  169. letter-spacing: 1px;
  170. padding-bottom:1px;
  171. width:49px;
  172. opacity:0.8;
  173. background-color:white;
  174. line-height:170%;
  175. color:black;
  176. }
  177.  
  178. #links a:hover {
  179. background-color:black;
  180. opacity:0.8;
  181. letter-spacing:2px;
  182. color:white;
  183. -moz-transition-duration:.6s;
  184. -webkit-transition-duration:.5s;
  185. -o-transition-duration:.5s;
  186. }
  187.  
  188. #description {
  189. width:110px;
  190. padding:5px;
  191. opacity:1;
  192. color: #666666;
  193. margin-left:0px;
  194. margin-top:-188px;
  195. font-family:calibri;
  196. text-transform:none;
  197. position:center;
  198. font-size:10px;
  199. line-height:100%;
  200. }
  201.  
  202.  
  203. .pagi {
  204. position:fixed;
  205. text-align:center;
  206. opacity:1;
  207. margin-top:-180px;
  208. margin-left:-5px;
  209. font-family:calibri;
  210. font-size:10px;
  211. font-style:normal;
  212. letter-spacing:1px;
  213. text-transform:lowercase;
  214. padding:10px;
  215. color:#fff;
  216. -moz-transition-duration:0.4s;
  217. -webkit-transition-duration:0.4s;
  218. -o-transition-duration:0.4s;
  219. }
  220.  
  221. .pagi a {
  222. color:{color:pagination};
  223. line-height:150%;
  224. padding-top:5px;
  225. }
  226.  
  227. .pagi a:hover {
  228. color:black;
  229. -moz-transition-duration:0.4s;
  230. -webkit-transition-duration:0.4s;
  231. -o-transition-duration:0.4s;
  232. }
  233.  
  234. #info {
  235. font-family:calibri;
  236. width:500px;
  237. margin-top:3px;
  238. padding:1px;
  239. padding-top:5px;
  240. font-size:8px;
  241. color:{color:text};
  242. text-transform:lowercase;
  243. font-style:normal;
  244. letter-spacing:0px;
  245. text-align:right;
  246. border-top:1px solid #e1e1e1;
  247. -moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;
  250. }
  251.  
  252. #info a {
  253. color:{color:link};
  254. text-align:right;
  255. letter-spacing:0px;
  256. font-style:normal;
  257. }
  258.  
  259. #info a:hover {
  260. color:{color:hover};
  261. }
  262.  
  263. .tags {
  264. font-family:calibri;
  265. font-style:normal;
  266. width:500px;
  267. text-transform:normal;
  268. font-style:normal;
  269. color:{color:link};
  270. letter-spacing:0px;
  271. line-height:120%;
  272. font-size:8px;
  273. text-align:right;
  274. padding-top:0px;
  275. -moz-transition-duration:0.2s;
  276. -webkit-transition-duration:0.2s;
  277. -o-transition-duration:0.2s;
  278. }
  279.  
  280. #post .tags {
  281. width:500px;
  282. opacity:0;
  283. -moz-transition-duration:1s;
  284. -webkit-transition-duration:1s;
  285. -o-transition-duration:1s;
  286. }
  287.  
  288. #post:hover .tags {
  289. width:500px;
  290. opacity:1;
  291. -moz-transition-duration:1s;
  292. -webkit-transition-duration:1s;
  293. -o-transition-duration:1s;
  294.  
  295. }
  296.  
  297.  
  298. .question {
  299. padding:10px;
  300. padding-top:13px;
  301. text-align:left;
  302. color:{color:text};
  303. background-color: #f9f9f9;
  304. border-bottom:1px solid #e3e3e3;
  305. border-left:3px solid #e3e3e3;
  306. }
  307.  
  308. .answer {
  309. text-align:left;
  310. padding:7px;
  311. color:{color:text};
  312. }
  313.  
  314.  
  315. #credit {
  316. font-size:8.5px;
  317. font-family:arial;
  318. font-style:normal;
  319. letter-spacing:1px;
  320. background-color:#fff;
  321. border:1px solid #e9e9e9;
  322. padding:5px;
  323. position:fixed;
  324. right:10px;
  325. bottom:3px
  326. }
  327.  
  328. {CustomCSS}</style></head><body>
  329.  
  330. <div id="sidebar">
  331.  
  332. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  333.  
  334. <div id="links">
  335. <a href="{text:link 1 url}">{text:link 1}</a>
  336. <a href="{text:link 2 url}">{text:link 2}</a>
  337. <a href="{text:link 3 url}">{text:link 3}</a>
  338. <a href="{text:link 4 url}">{text:link 4}</a>
  339. </a>
  340.  
  341. </div>
  342.  
  343. <div id="description">{description}</div>
  344.  
  345. {block:Pagination}<div class="pagi">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
  346.  
  347. </div>
  348.  
  349. </div>
  350.  
  351. <div id="entries">{block:Posts}<div id="post">
  352.  
  353. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  354.  
  355. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  356.  
  357. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  358.  
  359. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  360.  
  361. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  362.  
  363. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  364.  
  365. {block:Audio}{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  366. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times<br><left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span><br></br><br></br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  367.  
  368.  
  369. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  370.  
  371. {block:Answer}<div class="question">{Asker} whispered: {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  372.  
  373. {block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  374. {block:ContentSource} | © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}{/block:Date}</div>
  375. {block:HasTags}
  376. <div class="tags">
  377. {block:Tags} #<a href="{TagURL}"> {Tag}</a>{/block:Tags}</div>
  378. {/block:HasTags}
  379. <div class="postnote">
  380. {block:PostNotes}{PostNotes}{/block:PostNotes}
  381. </div>
  382. </div>
  383. {/block:Posts}
  384.  
  385.  
  386. </div>
  387.  
  388. </body>
  389.  
  390. <div id="credit"><a href="http://demigodish.tumblr.com/">demigodish</a></div>
  391.  
  392. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment