API tools faq
paste
ameliasdreams

theme 6 - illuminate (version 2)

ameliasdreams
Jan 5th, 2014
286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.14 KB | None | 0 0
raw download clone embed print report
  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. <meta name="color:Line" content="#f2f2f2"/>
  34. <meta name="color:Border" content="#eeeeee"/>
  35. <meta name="color:scrollbarbg" content="ffffff"/>
  36.  
  37. <meta name="text:linkA" content="">
  38. <meta name="text:linkA url" content="/">
  39. <meta name="text:linkB" content="">
  40. <meta name="text:linkB url" content="/">
  41. <meta name="text:linkC" content="">
  42. <meta name="text:linkC url" content="/">
  43. <meta name="text:linkD" content="">
  44. <meta name="text:linkD url" content="/">
  45. <meta name="text:linkE" content="">
  46. <meta name="text:linkE url" content="/">
  47.  
  48. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  49. <style>
  50. div#qTip {
  51. padding: 5px;
  52. display: none;
  53. text-align: center;
  54. position: absolute;
  55. font-size:8px;
  56. margin-left:10px;
  57. margin-top:-2px;
  58. line-height:9px;
  59. font-family:calibri light;
  60. font-style:none;
  61. z-index:9999999999999999999999999;
  62. border-bottom: 1px solid #ccc;
  63. background-color:#eee;
  64. color: #111;
  65. text-transform:uppercase;
  66. letter-spacing: 3px;
  67. }
  68. </style>
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73.  
  74.  
  75. #bite
  76. #bite a{
  77. display:block
  78. }
  79. #bite .death {
  80. margin-top:-40px;filter: alpha(opacity = 0);
  81. opacity:0;-webkit-transition: all 0.5s ease-out;
  82. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  83. }
  84.  
  85. #bite:hover .death {
  86. margin-top:2px;
  87. -webkit-transition: all 0.8s ease-out;
  88. -moz-transition: all 0.8s ease-out;
  89. transition: all 0.8s ease-out;
  90. filter: alpha(opacity = 100);
  91. filter: alpha(opacity = 100);
  92. opacity:100;
  93. }
  94.  
  95.  
  96.  
  97. ::-webkit-scrollbar{height: 5px;
  98. width: 7px;
  99. -webkit-border-radius: 0px;
  100. background-color:#ddd}
  101. ::-webkit-scrollbar-thumb{background-color:#222;}
  102.  
  103.  
  104. body {
  105. background:{color:background};
  106. margin:0px;
  107. color:{color:text};
  108. font-family:calibri light;
  109. font-size:9px;
  110. line-height:100%;
  111. }
  112.  
  113. a {
  114. text-decoration:none;
  115. -moz-outline-style:none;
  116. color:{color:link};
  117. }
  118.  
  119. img {
  120. border:none;
  121. }
  122.  
  123.  
  124. h1 {
  125. font-size:12px;
  126. text-transform:uppercase;
  127. }
  128.  
  129. blockquote {
  130. padding-left:5px;
  131. border-left:2px solid #aaa;
  132. }
  133.  
  134. blockquote blockquote {
  135. padding-left:5px;
  136. border-left:2px solid #aaa;
  137. }
  138.  
  139.  
  140. a:hover {
  141. opacity:1;
  142. color:{color:hover};
  143. -webkit-transition: all 0.5s ease;
  144. -moz-transition: all 0.5s ease;
  145. -o-transition: all 0.5s ease
  146. }
  147.  
  148. #sidebar {
  149. position:fixed;
  150. width:180px;
  151. margin-left:300px;
  152. margin-top:250px;
  153. opacity:1;
  154. }
  155.  
  156. #title {
  157. font-size:27.5px;
  158. width:180px;
  159. text-align:left;
  160. color:#000;
  161. font-weight:bold;
  162. font-style:italic;
  163. text-transform:lowercase;
  164. -webkit-transition-duration:0.5s;
  165. -moz-transition-duration:0.5s;
  166. -o-transition-duration:0.5s;
  167. }
  168.  
  169. #title a {
  170. color:#000;
  171. }
  172.  
  173. #title a:hover {
  174. color:#000;
  175. -webkit-transition-duration:0.5s;
  176. -moz-transition-duration:0.5s;
  177. -o-transition-duration:0.5s;
  178. }
  179.  
  180. .desc {
  181. position:fixed;
  182. margin-top:30px;
  183. font-family:calibri light;
  184. line-height:150%;
  185. font-size:9px;
  186. font-style:italic;
  187. width:180px;
  188. padding-top:9px;
  189. text-align:justify;
  190. color:{color:text};
  191. -webkit-transition-duration:0.5s;
  192. -moz-transition-duration:0.5s;
  193. -o-transition-duration:0.5s;
  194. }
  195.  
  196. .links {
  197. position:fixed;
  198. text-align:center;
  199. line-height:170%;
  200. width:180px;
  201. padding-top:10px;
  202. }
  203.  
  204. .links a{
  205. background-color:{color:sidebarlinks};
  206. z-index:1000000;
  207. padding-left:18px;
  208. padding-right:18px;
  209. text-align:center;
  210. letter-spacing:2px;
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214. }
  215.  
  216. .links a:hover {
  217. color:{color:Hover}
  218. padding-left:;
  219. }
  220.  
  221. #pagi {
  222. text-align:center;
  223. margin-top:50px;
  224. font-size:15px;
  225. line-height:15px;
  226. width:400px;
  227. margin-left:225px;
  228.  
  229. }
  230. #pagi a {
  231. margin:0 15px;
  232. }
  233.  
  234.  
  235. #all {
  236. padding:10px;
  237. width:400px;
  238. margin-top:50px;
  239. font-size:10px;
  240. margin-left:225px;
  241. }
  242.  
  243.  
  244.  
  245. #posts {
  246. width:400px;
  247. padding-bottom:20px;
  248. padding:10px;
  249. margin-top:20px;
  250. background-color:{color:Post};
  251. }
  252.  
  253.  
  254. #details {
  255. text-align:center;
  256. text-transform:uppercase;
  257. font-size:8px;
  258. font-style:none;
  259. width:400px;
  260. background-color:#f4f4f4;
  261. padding-bottom:13px;
  262. margin-top:10px;
  263. }
  264.  
  265. .caption {
  266. width:400px;
  267. text-align:left;
  268. }
  269.  
  270.  
  271. #tags {
  272. font-family:calibri light;
  273. letter-spacing:0px;
  274. text-transform:none;
  275. font-size:8px;
  276. font-style:italic;
  277. margin-top:2px;
  278. text-align:center;
  279. background-color:#f4f4f4;
  280. }
  281.  
  282. #tags a {
  283. display:inline-block;
  284. padding:-3px;
  285. text-align:right;
  286. color:{color:Tags};
  287. -webkit-transition: all 0.6s ease-in-out;
  288. -moz-transition: all 0.6s ease-in-out;
  289. -o-transition: all 0.6s ease-in-out;
  290. -ms-transition: all 0.6s ease-in-out;
  291. -transition: all 0.6s ease-in-out;
  292. }
  293.  
  294.  
  295. #question {
  296. padding:12px;
  297. font-family:calibri light;
  298. letter-spacing:2px;
  299. text-align:left;
  300. font-style:italic;
  301. color:{color:Text};
  302. background-color:#f6f6f6;
  303. border-bottom:1px solid #ddd;
  304. }
  305.  
  306. #answer {
  307. letter-spacing:2px;
  308. text-align:left;
  309. color:{color:Text};
  310. }
  311.  
  312. #quotepost {
  313. font-size:18px;
  314. font-weight:bold;
  315. font-style:italic;
  316. }
  317.  
  318. #source {
  319. font-size:12px;
  320. font-style:italic;
  321. }
  322.  
  323. #credit {
  324. margin-bottom:100px;
  325. margin-top:5px;
  326. text-transform:uppercase;
  327. font-size:8px;
  328. letter-spacing:2px;
  329. text-align:center;
  330. width:400px;
  331. margin-left:225px;
  332. }
  333.  
  334. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  335.  
  336. {CustomCSS}</style></head><body>
  337.  
  338.  
  339. <div id="sidebar">
  340. <div id="bite">
  341. <div id="title"><a href="/">{Title};</a></div>
  342. <div class="desc">
  343. <div class="death">
  344. {Description}
  345. </div></div></div>
  346. <div class="links">
  347. {block:IfLinkA}
  348. <a div style="opacity:1" href="{text:linkA url}" title="{text:linkA}"></a>
  349. {/block:IfLinkA}
  350. {block:IfLinkB}
  351. <a div style="opacity:.8" href="{text:linkB url}" title="{text:linkB}"></a>
  352. {/block:IfLinkB}
  353. {block:IfLinkC}
  354. <a div style="opacity:.6" href="{text:linkC url}" title="{text:linkC}"></a>
  355. {/block:IfLinkC}
  356. {block:IfLinkD}
  357. <a div style="opacity:.4" href="{text:linkD url}" title="{text:linkD}"></a>
  358. {/block:IfLinkD}
  359. {block:IfLinkE}
  360. <a div style="opacity:.2" href="{text:linkE url}" title="{text:linkE}"></a>
  361. {/block:IfLinkE}
  362. </div>
  363.  
  364.  
  365.  
  366. </div>
  367.  
  368. <center><div id="all">{block:Posts}<div id="posts">
  369.  
  370. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption">{Body}</div>{/block:Text}
  371.  
  372. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  373.  
  374. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  375.  
  376. {block:Photoset}{Photoset-400}{block:Caption}
  377. <div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  378.  
  379. {block:Quote}<div id="quotepost">"{Quote}"</div><p>
  380. {block:Source}<div id="source">—{Source}</div>{/block:Source}
  381. {/block:Quote}
  382.  
  383. {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>
  384. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  385. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  386. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} calibri light
  387. {/block:Audio}
  388.  
  389. {block:Video}{Video-400}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  390.  
  391. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  392.  
  393.  
  394. {block:Answer}<div id="question">{Asker}— {Question}</div>
  395. <div id="answer">{Answer}</div>{/block:Answer}
  396.  
  397. <div id="details">
  398. <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>
  399. {block:HasTags}<div id="tags">tags:{block:Tags} +<a href="{TagURL}"><u>{Tag}</u></a> {/block:Tags}</div>{/block:HasTags}</div></div>
  400. {/block:Posts}
  401. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  402. {/block:Posts}</div></div>
  403.  
  404. <center>
  405. {block:Pagination}
  406. <div id="pagi">
  407. {block:PreviousPage}
  408. <a href="{PreviousPage}">-</a>
  409. {/block:PreviousPage}
  410. {block:NextPage}
  411. <a href="{NextPage}">+</a>
  412. {/block:NextPage}
  413. </div>
  414. {/block:Pagination}
  415.  
  416.  
  417. <div id="credit">
  418. <a href="http://clafhlin.tumblr.com" target="_blank">©clafhlin</a>
  419. </center>
  420.  
  421. </div>
  422.  
  423.  
  424. </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!