Advertisement
keciasthemes

theme: 09

Jul 16th, 2014
368
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.56 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. <!-- THEME 05 (colors) by kecia @
  4. http://asschlin.tumblr.com/
  5. - keep in mind of the rules -
  6. 1. keep credit intact, it's not even that big.
  7. 2. do not use this theme or any of my themes as a base code.
  8. 3. do not repost/claim as your own. -->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13.  
  14. <meta name="color:background" content="#fff">
  15. <meta name="color:link" content="#B8B8B8">
  16. <meta name="color:hover" content="#454545">
  17. <meta name="color:link hover" content="#454545">
  18. <meta name="color:text" content="#9A9A9A">
  19. <meta name="color:scrollbar" content="#D6D5D5">
  20.  
  21. <meta name="image: sidebar" content=""/>
  22.  
  23. <meta name="text:Ask Link" content="/ask" />
  24. <meta name="text:Link 1" content="" />
  25. <meta name="text:Link 1 Text" content="link" />
  26. <meta name="text:Link 2" content="" />
  27. <meta name="text:Link 2 Text" content="link" />
  28. <meta name="text:Link 3" content="" />
  29. <meta name="text:Link 3 Text" content="link" />
  30. <meta name="text:Link 4" content="" />
  31. <meta name="text:Link 4 Text" content="link" />
  32.  
  33.  
  34.  
  35. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  36. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  37. <link rel="shortcut icon" href="{Favicon}" />
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39.  
  40. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:90,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  41. <style type="text/css">
  42.  
  43.  
  44. a {
  45. color:{color:link};
  46. text-decoration:none;
  47. -moz-transition-duration:0.5s;
  48. -webkit-transition-duration:0.5s;
  49. -o-transition-duration:0.5s;}
  50.  
  51. a:hover {
  52. color:{color:hover};
  53. text-decoration:none;
  54. -moz-transition-duration:0.5s;
  55. -webkit-transition-duration:0.5s;
  56. -o-transition-duration:0.5s;}
  57.  
  58.  
  59. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:8px}
  60. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  61. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  62.  
  63. body {
  64. background-color:{color:bg};
  65. font-family:arial;
  66. font-size:9px;
  67. font-weight:normal;}
  68.  
  69. #s-m-t-tooltip {
  70. background-color:{color:background};
  71. color:{color:text};
  72. max-width:300px;
  73. padding:3px;
  74. margin:15px;
  75. z-index:999;
  76. font-size:10px}
  77.  
  78.  
  79. h1 {
  80. font-weight:normal;
  81. font-size:10px;
  82. text-align:center;
  83. font-style:normal;
  84. line-height:80%;
  85. letter-spacing:1px;
  86. text-transform:uppercase;
  87. color:{color:text};
  88. }
  89.  
  90. h2 {
  91. font-family:cambria;
  92. font-style:italic;
  93. font-weight:500;
  94. text-align:left;
  95. line-height:100%;
  96. letter-spacing:-1px;
  97. color:{color:text};
  98. padding:5px;
  99. padding-bottom:2px;
  100. }
  101.  
  102.  
  103. u {text-decoration:none; line-height:12px; border-bottom:1px dotted #bcbcbc;}
  104.  
  105. blockquote {
  106. border-left:2px solid {color:text};
  107. padding-left:5px;
  108. margin:5px;
  109. }
  110.  
  111. #theme {
  112. background-color:{color:bg};
  113. width:700px;
  114. margin: 0 auto -12px auto;
  115. text-align: center;}
  116.  
  117. #sidebar {
  118. text-align:right;
  119. position:fixed;
  120. margin-left:-100px;
  121. margin-top:150px;
  122. width:245px;
  123. }
  124.  
  125. #sidebarim {margin-bottom:6px;}
  126.  
  127. #sidebarim img {width:245px;}
  128.  
  129.  
  130. #links {
  131. margin-top:0px;
  132. margin-left:1px;
  133. line-height:16px;
  134. font-family:arial;
  135. font-size:9px;
  136. text-transform:lowercase;
  137. text-align:center;
  138. }
  139.  
  140. #links a {
  141. margin-right:6px;
  142. display:inline-block;
  143. margin-bottom:0px;
  144. }
  145.  
  146. #links a:hover {
  147. color:{color:link hover};
  148. }
  149.  
  150.  
  151. #description {
  152. margin-top:0px;
  153. margin-left:0px;
  154. text-align:justify;
  155. width:245px;
  156. line-height:13px;
  157. }
  158.  
  159.  
  160. #stuffcontainer {
  161. float:left;
  162. margin-left:200px;
  163. margin-top:45px;
  164. text-align:justify;
  165. background-color:{color:bg};
  166. color:{color:text};
  167. margin-bottom: 35px;}
  168.  
  169.  
  170. #stuff {
  171. width:500px;
  172. margin-top:35px;
  173. text-align:justify;
  174. font-size:11px;
  175. line-height:90%;
  176. letter-spacing:0x;
  177. color:{color:text};}
  178.  
  179. .caption {
  180. width:500px;
  181. text-align:justify;
  182. line-height:120%;
  183. }
  184.  
  185. .ask {
  186. padding:5px;
  187. font-family:cambria;
  188. font-style:italic;
  189. text-align:left;
  190. margin-left:10px;
  191. color:{color:text};}
  192.  
  193. .ans {
  194. text-align:left;
  195. padding:1px;
  196. margin-bottom:-10px;
  197. color:{color:text};}
  198.  
  199. .audio {
  200. width:500px;
  201. padding-bottom:10px;}
  202.  
  203. .albumart {
  204. float:left;
  205. padding:0px 10px 10px 0px;}
  206.  
  207. .albumart img {
  208. width:100px;
  209. height:100px;}
  210.  
  211. .playercontainer {
  212. text-align:left;
  213. padding:10px;
  214. background-color:#ffffff;
  215. width:480px;}
  216.  
  217. .audioinfo {
  218. padding:10px;
  219. color:{color:text};}
  220.  
  221. #postinfo {
  222. color:{color:text};
  223. text-align:left;
  224. font-family:arial;
  225. font-size: 9px;
  226. letter-spacing:0px;
  227. font-style: normal;
  228. margin-top:10px;
  229. border-top: 1px solid #fafafa;
  230. padding:3px;
  231. text-transform:lowercase;}
  232.  
  233. #postinfo a {
  234. color:{color:text};
  235. text-align:center;
  236. letter-spacing:0px;
  237. font-style:normal;}
  238.  
  239. #postinfo a:hover {
  240. color:{color:hover};}
  241.  
  242.  
  243. .note {
  244. font-style:normal;
  245. letter-spacing:0px;
  246. font-size: 9px;
  247. text-align:left;
  248. line-height:90%;
  249. margin-left:5px;
  250. }
  251.  
  252. ol.notes, .notes li {
  253. padding:2px;
  254. list-style:none;
  255. margin-top:10px;
  256. text-align:justify;}
  257.  
  258. .notes img {width:7px;padding-right:2px;}
  259.  
  260. .tags {
  261. margin-top:2px;
  262. font-family:arial;
  263. font-style:normal;
  264. width:500px;
  265. opacity:0;
  266. text-transform:lowercase;
  267. color:{color:text};
  268. letter-spacing:0px;
  269. line-height:120%;
  270. font-size:9px;
  271. text-align:right;
  272. padding:2px;
  273. -moz-transition-duration:0.5s;
  274. -webkit-transition-duration:0.5s;
  275. -o-transition-duration:0.5s;}
  276.  
  277. .tags a {
  278. color:{color:text};
  279. letter-spacing:0px;
  280. padding:1px;}
  281.  
  282. #stuff:hover .tags { opacity: 1; -webkit-transition-duration: .35s;}
  283.  
  284. ul.chat, .chat ol, .chat li {
  285. list-style:none;
  286. margin:0px;
  287. padding:2px;
  288. }
  289.  
  290. .label {
  291. text-decoration:underline;
  292. font-weight:700;
  293. background-color:{color:infobg};
  294. margin-right:5px;
  295. }
  296.  
  297. #cred {
  298. font-family:calibri;
  299. position:fixed;
  300. font-size:8px;
  301. line-height:150%;
  302. letter-spacing:1px;
  303. right:5px;
  304.  
  305. bottom:5px;
  306. text-transform:uppercase;
  307. text-align:center;
  308. }
  309.  
  310. #cred a {
  311. padding:3px;
  312. opacity:.2;
  313. color:{color:link};
  314. -moz-transition-duration:0.5s;
  315. -webkit-transition-duration:0.5s;
  316. -o-transition-duration:0.5s;
  317. }
  318.  
  319. {CustomCSS}
  320.  
  321. </style></head>
  322.  
  323. <body>
  324. <div id="theme">
  325. <div id="sidebar">
  326. <div id="sidebarim"><img src="{image: sidebar}"></div>
  327. <div id="links">
  328. <div style="width:245px; border-bottom:1px dotted #bcbcbc; margin-top:0px; margin-bottom:2px;"></div>
  329. {block:PreviousPage}<a href="{PreviousPage}">-</a> {/block:PreviousPage}
  330. <a href="/">index</a>
  331. <a href="{text:Ask Link}">ask</a>
  332. <a href="{text:Link 1}">{text:Link 1 Text}</a>
  333. <a href="{text:Link 2}">{text:Link 2 Text}</a>
  334. <a href="{text:Link 3}">{text:Link 3 Text}</a>
  335. <a href="{text:Link 4}">{text:Link 4 Text}</a>
  336. {block:NextPage} <a href="{NextPage}">+</a>{/block:NextPage}</div>
  337. <div style="width:245px; border-bottom:1px dotted #bcbcbc; margin-bottom:2px;"></div>
  338. <div id="description">{Description}</div>
  339.  
  340. </div>
  341.  
  342.  
  343. <div id="stuffcontainer">
  344.  
  345. {block:Posts}
  346.  
  347. <div id="stuff">
  348.  
  349.  
  350. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  351.  
  352. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  353.  
  354. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  355. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  356.  
  357. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  358.  
  359. {block:Photoset}<center>{Photoset-500}</center>
  360. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  361.  
  362. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  363.  
  364. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  365.  
  366. {block:Answer}<div class="ask">{Asker}: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  367.  
  368. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  369. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  370. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  371. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  372. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  373.  
  374.  
  375.  
  376. {block:Date}<div id="postinfo"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} with <a href="{Permalink}"><u>{NoteCountWithLabel}</u></a>{/block:NoteCount}
  377.  
  378. <span style="float:right">
  379. {block:RebloggedFrom}
  380. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &
  381. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a> +
  382. {/block:RebloggedFrom}
  383. <a href="{ReblogURL}" target="_blank">reblog</a>
  384. </span></div>{/block:Date}
  385. {block:HasTags}
  386. <div class="tags">
  387. <span style="float:left"></span>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  388. {/block:HasTags}
  389. <div class="note">
  390. {block:PostNotes}{PostNotes}{/block:PostNotes}
  391. </div>
  392. </div>
  393. {/block:Posts}
  394.  
  395. </div>
  396.  
  397. <div id="cred"><a href="http://asschlinthemes.tumblr.com/">asschlin</a></div>
  398.  
  399. </div>
  400. </div>
  401. </div>
  402. </body>
  403. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement