API tools faq
paste
ducktaile

THEME 04 BY GWENSTACYS

ducktaile
Feb 16th, 2013
636
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.47 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME 04 'LIONHEART' BY BY GWENSTACYS http://gwenstacys.tumblr.com/
  3. DO NOT REMOVE CREDITS
  4. DO NOT CLAIM AS YOUR OWN
  5. THANKS FOR USING MY THEMES AND ENJOY !-->
  6.  
  7. <meta name="color:Background" content="#ffffff"/>
  8. <meta name="color:Text" content="#838282"/>
  9. <meta name="color:Link" content="#818181"/>
  10. <meta name="color:Hover" content="#dfdfdf"/>
  11. <meta name="color:Border" content="#dfdfdf"/>
  12. <meta name="color:Sidelink Hover" content="#838282"/>
  13. <meta name="color:Sidelink Hover BG" content="#838282"/>
  14. <meta name="color:Scrollbar" content="#d6d3d4"/>
  15. <meta name="color:Scroll BG" content="#ffffff"/>
  16.  
  17.  
  18. <meta name="text:Link1" content="" />
  19. <meta name="text:Link1 Title" content="" />
  20. <meta name="text:Link2" content="" />
  21. <meta name="text:Link2 Title" content="" />
  22. <meta name="text:Link3" content="" />
  23. <meta name="text:Link3 Title" content="" />
  24. <meta name="text:Link4" content="" />
  25. <meta name="text:Link4 Title" content="" />
  26.  
  27. <meta name="image:sidebar" content=""/>
  28. <meta name="image:background" content=""/>
  29.  
  30. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  31. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  32. <head><title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:600,900,600italic' rel='stylesheet' type='text/css'>
  39.  
  40. <link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
  41.  
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. ::-webkit-scrollbar {height: auto;width: 8px;}
  49. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  50. ::-webkit-scrollbar-track{background-color:{color:scroll bg};}
  51.  
  52.  
  53. body {
  54. background-position:fixed;
  55. background-repeat:repeat;
  56. text-align:justify;
  57. font-family: 'Scada', sans-serif;
  58. font-size:9px;
  59. background-color:{color:background};
  60. color:{color:text};
  61. background-attachment:fixed;
  62. }
  63.  
  64. a {
  65. text-decoration:none;
  66. outline:none;
  67. -moz-outline-style:none;
  68. color:{color:link};
  69. -webkit-transition: all 0.5s ease;
  70. -moz-transition: all 0.5s ease;
  71. -o-transition: all 0.5s ease
  72. }
  73.  
  74. img {
  75. border:none;
  76. }
  77.  
  78. blockquote blockquote {
  79. padding-left:5px;
  80. border-left:1px solid;
  81. }
  82.  
  83. h1 {
  84. font-size:12px;
  85. font-family: 'Open Sans Condensed', sans-serif;
  86. text-transform:uppercase;
  87. }
  88.  
  89. a:hover {
  90. opacity:10;
  91. color:{color:hover};
  92. -webkit-transition: all 0.7s ease;
  93. -moz-transition: all 0.7s ease;
  94. -o-transition: all 0.7s ease
  95. }
  96.  
  97. small{
  98. font-size:8px;
  99. line-height:110%
  100. }
  101.  
  102. big {
  103. font-size:12px;
  104. line-height:110%
  105. }
  106.  
  107. b, strong{
  108. color:{color:text}
  109. }
  110. i, em {
  111. color:{color:text}
  112. }
  113. p{
  114. margin-top:5px;
  115. margin-bottom:5px
  116. }
  117. blockquote {
  118. padding:0px;
  119. padding-left:5px;
  120. margin:5px;
  121. border-left:1px dotted {color:text}
  122. }
  123.  
  124. blockquote img {
  125. max-width:300px
  126. }
  127.  
  128. ul, li img {
  129. max-with:250px
  130. }
  131.  
  132.  
  133. .audio {width:500px;height:160px;}
  134. .albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
  135. .albumart img {width:150px;height:150px;float:left;}
  136. .playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
  137. .player {margin-left:36px;margin-top:36px;width:25px;height:25px;
  138. overflow:hidden;background-color:white;}
  139. .audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
  140.  
  141. #entries {
  142. padding:10px;
  143. width:500px;
  144. margin-left:250px;
  145. margin-top:35px;
  146. }
  147.  
  148.  
  149. #post {
  150. width:500px;
  151. padding-bottom:3px;
  152. font-family:Anaheim;
  153. opacity:1;
  154. }
  155.  
  156. #sidebar {
  157. width:160px;
  158. position:fixed;
  159. margin-left:880px;
  160. margin-top:105px;
  161. opacity:1;
  162. }
  163.  
  164.  
  165. #sidebarimage {
  166. width 160px;
  167.  
  168. }
  169.  
  170. #sidebarimage img {
  171. width:160px;
  172. padding:3px;
  173. -webkit-transition: all 0.5s ease;
  174. -moz-transition: all 0.5s ease;
  175. -o-transition: all 0.5s ease
  176. }
  177.  
  178. #sidebar:hover .links {
  179. opacity:.8;
  180. margin-left:170px;
  181. -moz-transition-duration:1s;
  182. -webkit-transition-duration:1s;
  183. -o-transition-duration:1s;
  184. }
  185.  
  186. #sidebar:hover .desc{
  187. opacity:1;
  188. margin-left:170px;
  189. -moz-transition-duration:1s;
  190. -webkit-transition-duration:1s;
  191. -o-transition-duration:1s;
  192. }
  193.  
  194. #sidebar:hover .title{
  195. opacity:.9;
  196. -moz-transition-duration:1s;
  197. -webkit-transition-duration:1s;
  198. -o-transition-duration:1s;
  199. }
  200.  
  201. .links {
  202. padding: 1px;
  203. position:fixed;
  204. text-align:center;
  205. width:50px;
  206. margin-left:5px;
  207. margin-top: 10px;
  208. opacity:0;
  209. -moz-transition-duration:1s;
  210. -webkit-transition-duration:1s;
  211. -o-transition-duration:1s;
  212. }
  213.  
  214. .links a {
  215. text-transform:uppercase;
  216. font-size:7px;
  217. letter-spacing:2px;
  218. font-weight:none;
  219. display:block;
  220. padding-top:1px;
  221. padding-bottom:2px;
  222. padding-left:2px;
  223. margin-top:-5px;
  224. width:55px;
  225. padding:5px;
  226. display:inline-block;
  227. text-align:center;
  228. margin-top: 5px;
  229. color:{color:text}
  230. -moz-transition-duration:1s;
  231. -webkit-transition-duration:1s;
  232. -o-transition-duration:1s;
  233. }
  234.  
  235. .links a:hover {
  236. color:{color: sidelink hover};
  237. background:{color:sidelink hover bg};
  238. text-decoration:none;
  239. }
  240.  
  241.  
  242. #description {
  243. margin-top:6px;
  244. line-height:15px;
  245. padding:1px;
  246. text-transform:uppercase;
  247. font-size:7px;
  248. letter-spacing:1px;
  249. font-weight:none;
  250. font-family:Anaheim
  251. }
  252.  
  253. #pagination {
  254. font-size:8px;
  255. text-align:center;
  256. color:{color:link};
  257. text-align: center;
  258. font-style:italic;
  259. font-family: Anaheim;
  260. letter-spacing:2px;
  261. margin-left:11px;
  262. }
  263.  
  264. #info {
  265. text-align:right;
  266. padding:5px;
  267. margin-top:5px;
  268. margin-bottom:50px;
  269. text-transform: uppercase;
  270. border-top: 1px dotted {color:border};
  271. font-family: 'Open Sans Condensed', sans-serif;
  272. font-size:10px;
  273. }
  274.  
  275. #tags {
  276. font-family: 'Source Sans Pro', sans-serif;
  277. letter-spacing:0px;
  278. font-style:italic;
  279. text-transform:lowercase;
  280. font-size:10px;
  281. margin-top:-7px;
  282. }
  283.  
  284. #tags
  285. a {display:inline; background-color:{color:linkb};
  286. padding:-4px;
  287. text-align:right;
  288. -webkit-transition: all 0.6s ease-in-out;
  289. -moz-transition: all 0.6s ease-in-out;
  290. -o-transition: all 0.6s ease-in-out;
  291. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  292.  
  293. #asker {
  294. padding:6px;
  295. text-align:left;
  296. background-color:{color:sidelink hover bg};
  297. }
  298.  
  299. #asked {
  300. font-family:calibri;
  301. text-transform:lowercase;
  302. letter-spacing:1px;
  303. padding-bottom:3px;
  304. }
  305.  
  306. #notes {
  307. font-family:calibri;
  308. text-transform:lowercase;
  309. font-size:9px;
  310. }
  311.  
  312. #question {
  313. font-family:calibri;
  314. font-style:italic;
  315. font-size:10px;
  316. }
  317.  
  318. #answer {
  319. font-family:calibri;
  320. text-transform:uppercase;
  321. font-size:9px;
  322. }
  323.  
  324. {CustomCSS}</style></head><body>
  325.  
  326.  
  327.  
  328. <div id="sidebar">
  329.  
  330.  
  331. <div class="links">
  332. <a href="/">index</a>
  333. <a href="/ask">mssg</a>
  334. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  335. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  336. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  337. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  338. </div>
  339.  
  340.  
  341. <a href="/"><div id="sidebarimage"><img src="{image:sidebar}"></div></a>
  342.  
  343. <div id="description">{Description}</div>
  344.  
  345.  
  346. <br>
  347. <center><i>{block:Pagination}
  348. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  349. &mdash;
  350. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  351. {/block:Pagination}</i></center>
  352. </div>
  353.  
  354. <div id="entries">{block:Posts}<div id="post">
  355.  
  356. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  357.  
  358. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  359.  
  360. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  361.  
  362. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  363.  
  364. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  365.  
  366. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  367.  
  368. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  369. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  370. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  371. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  372. {/block:Audio}
  373.  
  374. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  375.  
  376. {block:Answer}<div id="asker"><span style="font-family: 'Open Sans Condensed', sans-serif; text-transform:uppercase;font-size:11px;font-style:bold">{Asker}:</span> {Question}</div><br>{Answer}{/block:Answer}
  377.  
  378. <div id="info"><a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} / <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}{block:IndexPage}{/block:IndexPage} / <a href="{ReblogParentURL}">{ReblogParentName}</a>
  379. {block:ContentSource}&emsp;&copy; <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}<div style="margin-top:5px"></div><div id="tags" st>
  380. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  381. {/block:Posts}
  382. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  383. {/block:Posts}</div></div></div>
  384.  
  385. <div style="position:fixed;bottom:3px; right:3px; font-size:9px; font-style:bold; letter-spacing:2px;"><a href="http://gwenstacys.tumblr.com/"><b> GWENSTACYS</b></a></center></div>
  386.  
  387. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!