ameliasdreams

theme 6 - illuminate

Jan 5th, 2014
403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.49 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 #6 BY CLAFHLIN(.tumblr.com)
  6.  
  7. - DO NOT REMOVE THE CREDIT
  8. - DO NOT TOUCH THE CREDIT IN ANY WAY
  9. - DO NOT MOVE THE CREDIT TO A SECONDARY PAGE
  10. - DO NOT STEAL THIS CODE AND REDISTRIBUTE AS YOUR OWN
  11. - DO NOT USE THIS AS A BASE CODE
  12. - AND LASTLY, DO NOT TAKE PARTS OF THE CODE, AS THAT IS ALSO STEALING
  13.  
  14. but please DO like or reblog the post! :) enjoy the theme! <3
  15.  
  16. --->
  17.  
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head>
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27.  
  28. <meta name="color:Text" content="#bbbbbb"/>
  29. <meta name="color:SidebarLinks" content="" />
  30. <meta name="color:Link" content="#aaaaaa"/>
  31. <meta name="color:Tags" content="#cccccc"/>
  32. <meta name="color:Hover" content="#f1f1f1"/>
  33.  
  34. <meta name="text:linkA" content="">
  35. <meta name="text:linkA url" content="/">
  36. <meta name="text:linkB" content="">
  37. <meta name="text:linkB url" content="/">
  38. <meta name="text:linkC" content="">
  39. <meta name="text:linkC url" content="/">
  40. <meta name="text:linkD" content="">
  41. <meta name="text:linkD url" content="/">
  42. <meta name="text:linkE" content="">
  43. <meta name="text:linkE url" content="/">
  44.  
  45. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  46. <style>
  47. div#qTip {
  48. padding: 5px;
  49. display: none;
  50. text-align: center;
  51. position: absolute;
  52. font-size:8px;
  53. margin-left:10px;
  54. margin-top:-2px;
  55. line-height:9px;
  56. font-family:calibri light;
  57. font-style:none;
  58. z-index:9999999999999999999999999;
  59. border-bottom: 1px solid #ccc;
  60. background-color:#eee;
  61. color: #111;
  62. text-transform:uppercase;
  63. letter-spacing: 3px;
  64. }
  65. </style>
  66.  
  67. <style type="text/css">
  68.  
  69. ::-webkit-scrollbar{height: 5px;
  70. width: 7px;
  71. -webkit-border-radius: 0px;
  72. background-color:#ddd}
  73. ::-webkit-scrollbar-thumb{background-color:#222;}
  74.  
  75.  
  76. body {
  77. background:{color:background};
  78. margin:0px;
  79. color:{color:text};
  80. font-family:calibri light;
  81. font-size:9px;
  82. line-height:100%;
  83. }
  84.  
  85. a {
  86. text-decoration:none;
  87. -moz-outline-style:none;
  88. color:{color:link};
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95.  
  96. h1 {
  97. font-size:12px;
  98. text-transform:uppercase;
  99. }
  100.  
  101. blockquote {
  102. padding-left:5px;
  103. border-left:2px solid #aaa;
  104. }
  105.  
  106. blockquote blockquote {
  107. padding-left:5px;
  108. border-left:2px solid #aaa;
  109. }
  110.  
  111.  
  112. a:hover {
  113. opacity:1;
  114. color:{color:hover};
  115. -webkit-transition: all 0.5s ease;
  116. -moz-transition: all 0.5s ease;
  117. -o-transition: all 0.5s ease
  118. }
  119.  
  120. #sidebar {
  121. position:fixed;
  122. width:180px;
  123. margin-left:300px;
  124. margin-top:250px;
  125. opacity:1;
  126. }
  127.  
  128. #title {
  129. font-size:27.5px;
  130. width:180px;
  131. text-align:left;
  132. color:#000;
  133. font-weight:bold;
  134. font-style:italic;
  135. text-transform:lowercase;
  136. -webkit-transition-duration:0.5s;
  137. -moz-transition-duration:0.5s;
  138. -o-transition-duration:0.5s;
  139. }
  140.  
  141. #title a {
  142. color:#000;
  143. }
  144.  
  145. #title a:hover {
  146. color:#000;
  147. -webkit-transition-duration:0.5s;
  148. -moz-transition-duration:0.5s;
  149. -o-transition-duration:0.5s;
  150. }
  151.  
  152. .desc {
  153. position:fixed;
  154. margin-top:30px;
  155. font-family:calibri light;
  156. line-height:150%;
  157. font-size:9px;
  158. font-style:italic;
  159. width:180px;
  160. padding-top:9px;
  161. text-align:justify;
  162. color:{color:text};
  163. -webkit-transition-duration:0.5s;
  164. -moz-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.  
  168. .links {
  169. position:fixed;
  170. text-align:center;
  171. line-height:170%;
  172. width:180px;
  173. padding-top:10px;
  174. }
  175.  
  176. .links a{
  177. background-color:{color:sidebarlinks};
  178. z-index:1000000;
  179. padding-left:18px;
  180. padding-right:18px;
  181. text-align:center;
  182. letter-spacing:2px;
  183. -moz-transition-duration:0.5s;
  184. -webkit-transition-duration:0.5s;
  185. -o-transition-duration:0.5s;
  186. }
  187.  
  188. .links a:hover {
  189. color:{color:Hover}
  190. padding-left:;
  191. }
  192.  
  193. #pagi {
  194. text-align:center;
  195. margin-top:50px;
  196. font-size:15px;
  197. line-height:15px;
  198. width:400px;
  199. margin-left:225px;
  200.  
  201. }
  202. #pagi a {
  203. margin:0 15px;
  204. }
  205.  
  206.  
  207. #all {
  208. padding:10px;
  209. width:400px;
  210. margin-top:50px;
  211. font-size:10px;
  212. margin-left:225px;
  213. }
  214.  
  215.  
  216.  
  217. #posts {
  218. width:400px;
  219. padding-bottom:20px;
  220. padding:10px;
  221. margin-top:20px;
  222. background-color:{color:Post};
  223. }
  224.  
  225.  
  226. #details {
  227. text-align:center;
  228. text-transform:uppercase;
  229. font-size:8px;
  230. font-style:none;
  231. width:400px;
  232. background-color:#f4f4f4;
  233. padding-bottom:13px;
  234. margin-top:10px;
  235. }
  236.  
  237. .caption {
  238. width:400px;
  239. text-align:left;
  240. }
  241.  
  242.  
  243. #tags {
  244. font-family:calibri light;
  245. letter-spacing:0px;
  246. text-transform:none;
  247. font-size:8px;
  248. font-style:italic;
  249. margin-top:2px;
  250. text-align:center;
  251. background-color:#f4f4f4;
  252. }
  253.  
  254. #tags a {
  255. display:inline-block;
  256. padding:-3px;
  257. text-align:right;
  258. color:{color:Tags};
  259. -webkit-transition: all 0.6s ease-in-out;
  260. -moz-transition: all 0.6s ease-in-out;
  261. -o-transition: all 0.6s ease-in-out;
  262. -ms-transition: all 0.6s ease-in-out;
  263. -transition: all 0.6s ease-in-out;
  264. }
  265.  
  266.  
  267. #question {
  268. padding:12px;
  269. font-family:calibri light;
  270. letter-spacing:2px;
  271. text-align:left;
  272. font-style:italic;
  273. color:{color:Text};
  274. background-color:#f6f6f6;
  275. border-bottom:1px solid #ddd;
  276. }
  277.  
  278. #answer {
  279. letter-spacing:2px;
  280. text-align:left;
  281. color:{color:Text};
  282. }
  283.  
  284. #quotepost {
  285. font-size:18px;
  286. font-weight:bold;
  287. font-style:italic;
  288. }
  289.  
  290. #source {
  291. font-size:12px;
  292. font-style:italic;
  293. }
  294.  
  295. #credit {
  296. margin-bottom:100px;
  297. margin-top:5px;
  298. text-transform:uppercase;
  299. font-size:8px;
  300. letter-spacing:2px;
  301. text-align:center;
  302. width:400px;
  303. margin-left:225px;
  304. }
  305.  
  306. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  307.  
  308. {CustomCSS}</style></head><body>
  309.  
  310. <div id="sidebar">
  311. <div id="title"><a href="/">{Title};</a></div>
  312. <div class="desc">
  313. {Description}
  314. </div>
  315. <div class="links">
  316. {block:IfLinkA}
  317. <a div style="opacity:1" href="{text:linkA url}" title="{text:linkA}"></a>
  318. {/block:IfLinkA}
  319. {block:IfLinkB}
  320. <a div style="opacity:.8" href="{text:linkB url}" title="{text:linkB}"></a>
  321. {/block:IfLinkB}
  322. {block:IfLinkC}
  323. <a div style="opacity:.6" href="{text:linkC url}" title="{text:linkC}"></a>
  324. {/block:IfLinkC}
  325. {block:IfLinkD}
  326. <a div style="opacity:.4" href="{text:linkD url}" title="{text:linkD}"></a>
  327. {/block:IfLinkD}
  328. {block:IfLinkE}
  329. <a div style="opacity:.2" href="{text:linkE url}" title="{text:linkE}"></a>
  330. {/block:IfLinkE}
  331. </div>
  332. </div>
  333.  
  334. <center><div id="all">{block:Posts}<div id="posts">
  335.  
  336. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption">{Body}</div>{/block:Text}
  337.  
  338. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  339.  
  340. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  341.  
  342. {block:Photoset}{Photoset-400}{block:Caption}
  343. <div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  344.  
  345. {block:Quote}<div id="quotepost">"{Quote}"</div><p>
  346. {block:Source}<div id="source">—{Source}</div>{/block:Source}
  347. {/block:Quote}
  348.  
  349. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  350. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  351. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  352. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} calibri light
  353. {/block:Audio}
  354.  
  355. {block:Video}{Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  356.  
  357. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  358.  
  359.  
  360. {block:Answer}<div id="question">{Asker}— {Question}</div>
  361. <div id="answer">{Answer}</div>{/block:Answer}
  362.  
  363. <div id="details">
  364. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  365. {block:HasTags}<div id="tags">tags:{block:Tags} +<a href="{TagURL}"><u>{Tag}</u></a> {/block:Tags}</div>{/block:HasTags}</div></div>
  366. {/block:Posts}
  367. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  368. {/block:Posts}</div></div>
  369.  
  370. <center>
  371. {block:Pagination}
  372. <div id="pagi">
  373. {block:PreviousPage}
  374. <a href="{PreviousPage}">-</a>
  375. {/block:PreviousPage}
  376. {block:NextPage}
  377. <a href="{NextPage}">+</a>
  378. {/block:NextPage}
  379. </div>
  380. {/block:Pagination}
  381.  
  382.  
  383. <div id="credit">
  384. <a href="http://clafhlin.tumblr.com" target="_blank">©clafhlin</a>
  385. </center>
  386.  
  387. </div>
  388.  
  389.  
  390. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment