1. <!----© THEME BY slutjensen.tumblr.com, base theme by enterprizer @ tumblr, for public use-----DON'T REMOVE CREDIT--->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <!---- base theme by enterprizer @ tumblr, for public use --->
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#838282"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="text:first title" content="something"/>
  18. <meta name="color:first title colour" content="#B38992"/>
  19. <meta name="color:second title colour" content="#BA2337"/>
  21. <meta name="text:Link 1 url" content=""/>
  22. <meta name="text:Link 1" content=""/>
  23. <meta name="text:Link 2 url" content=""/>
  24. <meta name="text:Link 2" content=""/>
  25. <meta name="text:Link 3 url" content=""/>
  26. <meta name="text:Link 3" content=""/>
  27. <meta name="text:Link 4 url" content=""/>
  28. <meta name="text:Link 4" content=""/>
  29. <meta name="text:Link 5 url" content=""/>
  30. <meta name="text:Link 5" content=""/>
  31. <meta name="text:Link 6 url" content=""/>
  32. <meta name="text:Link 6" content=""/>
  37. <link href='http://fonts.googleapis.com/css?family=Allura|Cinzel' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  41. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  42. <style>
  44. div#qTip {
  45. padding: 3px;
  46. font-style:italic;
  47. display: none;
  48. max-width:300px;
  49. text-align: center;
  50. font-style: normal;
  51. position: absolute;
  52. font-size:9px;
  53. margin-left:10px;
  54. margin-top:-2px;
  55. line-height:9px;
  56. font-family:arial;
  57. font-style:italic;
  58. z-index: 1000;
  59. border: 1px double #D9D9D9;
  60. background-color:#eee;
  61. color: #989898;
  62. text-transform:lowercase;
  63. letter-spacing: 1px;
  64. opacity:1;
  65. }
  66. </style>
  68. <style type="text/css">
  71. a {
  72. color:#b1b1b1;
  73. text-decoration:none;
  74. -moz-transition-duration:0.5s;
  75. -webkit-transition-duration:0.5s;
  76. -o-transition-duration:0.5s;
  77. }
  78. a:hover {
  79. color:#f2f2f2;
  80. text-decoration:none;
  81. -moz-transition-duration:0.5s;
  82. -webkit-transition-duration:0.5s;
  83. -o-transition-duration:0.5s;
  84. }
  86. ::-webkit-scrollbar {background-color:#fff; height:8px; width:5px}
  87. ::-webkit-scrollbar-thumb:vertical {background-color:#D6D5D5; height:50px}
  88. ::-webkit-scrollbar-thumb:horizontal {background-color:#D6D5D5; height:8px!important}
  91. *, body, a {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
  93. body {
  94. background:{color:background};
  95. margin:0px;
  96. color:{color:text};
  97. font-family:Calibri;
  98. font-size:10px;
  99. line-height:100%;
  100. }
  102. a {
  103. text-decoration:none;
  104. outline:none;
  105. -moz-outline-style:none;
  106. color:{color:link};
  107. }
  109. img {
  110. border:none;
  111. }
  113. blockquote {
  114. padding-left:5px;
  115. border-left:2px solid;
  116. }
  118. blockquote blockquote {
  119. padding-left:5px;
  120. border-left:2px solid;
  121. }
  123. h1 {
  124. font-size:15px;
  125. }
  127. #entries {
  128. font-family:times;
  129. font-style:italic;
  130. padding:10px;
  131. width:500px;
  132. margin-left:500px;
  133. margin-top:40px;
  134. text-align:left;
  135. border-bottom:1px double #eee;
  136. padding-bottom:5px;
  137. letter-spacing:1px;
  138. }
  140. #post {
  141. width:500px;
  142. padding-bottom:20px;
  143. }
  145. #sidebar {
  146. width:200px;
  147. height:250px;
  148. position:fixed;
  149. margin-left:200px;
  150. margin-top:170px;
  153. }
  155. #firsttitle {
  156. position:fixed;
  157. font-size:15px;
  158. text-align:justify;
  159. width:140px;
  160. opacity:1;
  161. margin-top:179px;
  162. z-index:1;
  163. margin-left:11px;
  164. color:{color:first title colour};
  165. padding:5px;
  166. -moz-transition-duration:0.6s;
  167. -webkit-transition-duration:0.6s;
  168. -o-transition-duration:0.6s;
  169. font-family: 'Cinzel', serif;
  170. }
  173. #title {
  174. position:fixed;
  176. margin-top:195px;
  177. margin-left:63px;
  178. color:{color:second title colour};
  179. opacity:1;
  180. font-family: 'Allura', cursive;
  181. font-size:35px;
  182. text-align:center;
  183. margin-bottom:5px;
  184. -moz-transition-duration:0.6s;
  185. -webkit-transition-duration:0.6s;
  186. -o-transition-duration:0.6s;
  187. }
  191. #sidebarimage {
  192. width 250px;
  193. }
  196. #sidebar:hover #firsttitle {
  197. opacity:0;
  198. -webkit-transition: all 0.5s ease-in-out;
  199. -moz-transition: all 0.5s ease-in-out;
  200. -o-transition: all 0.5s ease-in-out;
  202. }
  204. #sidebar:hover #title {
  205. opacity:0;
  206. -webkit-transition: all 0.5s ease-in-out;
  207. -moz-transition: all 0.5s ease-in-out;
  208. -o-transition: all 0.5s ease-in-out;
  210. }
  212. #sidebarimage img {
  213. position:Fixed;
  214. width:170px;
  215. margin-top:16px;
  216. margin-left:16px;
  217. }
  219. #links{
  220. z-index:0;
  221. position:fixed;
  222. opacity:0;
  223. letter-spacing:1px;
  224. margin-left:35px;
  225. margin-top:196px;
  226. font-size: 15px;
  227. font-style:italic;
  228. font-family:times;
  229. color:#000;
  231. padding-bottom:2px;
  232. -moz-transition-duration:0.6s;
  233. -webkit-transition-duration:0.6s;
  234. -o-transition-duration:0.6s;
  235. }
  239. #sidebar:hover #links {
  240. opacity:1;
  241. -webkit-transition: all 0.6s ease-in-out;
  242. -moz-transition: all 0.6s ease-in-out;
  243. -o-transition: all 0.6s ease-in-out;
  245. }
  250. #description {
  251. line-height: 0.8;
  252. font-size:10px;
  253. text-align:justify;
  254. width:165px;
  255. opacity:1;
  256. margin-top:210px;
  257. margin-left:11px;
  258. color:#989898;
  259. padding:5px;
  260. border-top:1;
  261. }
  263. #border {
  264. position:Fixed;
  265. width:175px;
  266. opacity: 1;
  267. margin-top:210px;
  268. margin-left:11px;
  269. color:#000;
  270. border-bottom:1px solid #eee;
  271. }
  273. #pagination {
  274. width:20px;
  275. text-align:justify;
  276. font-style:italic;
  277. margin-top:60px;
  278. font-size:13px;
  279. margin-left:85px;
  280. text-align:center;
  281. }
  283. #credit {
  284. font-size:8px;
  285. font-family:cambria;
  286. font-style:italic;
  287. letter-spacing:1px;
  288. -moz-transition-duration:0.5s;
  289. -webkit-transition-duration:0.5s;
  290. -o-transition-duration:0.5s;
  291. }
  293. #credit a {
  294. background-color:#fff;
  295. padding:5px;
  296. border:1px solid #e9e9e9;
  297. position:fixed;
  298. right:7px;
  299. bottom:9px
  303. }
  306. #credit a:hover {
  308. opacity:0;
  309. -moz-transition-duration:0.5s;
  310. -webkit-transition-duration:0.5s;
  311. -o-transition-duration:0.5s;
  312. background-color:#fff;
  313. -moz-transition-duration:0.5s;
  314. -webkit-transition-duration:0.5s;
  315. -o-transition-duration:0.5s;
  317. }
  320. #info {
  321. text-align:center;
  322. margin-top:10px;
  323. }
  325. #asker {
  326. float:left;
  327. margin-right:5px;
  328. }
  330. {CustomCSS}</style></head><body>
  332. <div id="sidebar">
  334. <div id="title">{Title}</div>
  337. <div id="firsttitle">{text:first title}</div>
  339. <div id="links">
  342. <a href="{text:Link 1 url}" title="{text:Link 1}">I.</a>
  343. <a href="{text:Link 2 url}" title="{text:Link 2}">II.</a>
  344. <a href="{text:Link 3 url}" title="{text:Link 3}">III.</a>
  345. <a href="{text:Link 4 url}" title="{text:Link 4}">IV.</a>
  346. <a href="{text:Link 5 url}" title="{text:Link 5}">V.</a>
  347. <a href="{text:Link 6 url}" title="{text:Link 6}">VI.</a>
  351. </div>
  354. <div id="border"></div>
  356. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  358. <div id="description">{Description}</div>
  360. <div id="pagination">
  361. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  362. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  363. </div>
  365. </div>
  367. <div id="entries">{block:Posts}<div id="post">
  369. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  371. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  373. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  375. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  377. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  379. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  381. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  383. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  385. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  387. <div id="info">
  388. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  389. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  390. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  392. </div>
  393. {block:PostNotes}{PostNotes}{/block:PostNotes}
  394. {/block:Posts}</div>
  396. <div id="credit"><a href="http://slutjensen.tumblr.com">dear cas</div>
  398. </body></html>

Evanescent - dear cas themes