API tools faq
paste
Elevenhour

Everlasting Light #17

Elevenhour
Oct 2nd, 2013
927
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.84 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <!-- THEME BY DRACULAHS.TUMBLR.COM
  6.  
  7. message for you:
  8. Alter the code however you want, but keep the credit where it is. That means no moving to another page or only crediting for inspiration and stuff
  9. drop me a question if you wonder anything! cheers.
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <head>
  16.  
  17.  
  18. <title>{Title}</title>
  19.  
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27.  
  28.  
  29. <meta name="color:background" content="#ffffff"/>
  30. <meta name="color:links" content="#000000"/>
  31. <meta name="color:text" content="#000000"/>
  32. <meta name="color:border" content="#525151"/>
  33. <meta name="color:sidebar links" content="#000000"/>
  34. <meta name="color:linksbg" content="#ffffff"/>
  35. <meta name="color:linkshover" content="#FFFF00"/>
  36.  
  37. <meta name="if:tardis" content="1"/>
  38.  
  39. <meta name="color:posts" content="#ffffff"/>
  40. <meta name="image:sidebar" content=""/>
  41.  
  42.  
  43. <meta name="image:background" content=""/>
  44.  
  45. <meta name="text:link1" content="">
  46. <meta name="text:link1 url" content="/">
  47. <meta name="text:link2" content="">
  48. <meta name="text:link2 url" content="/">
  49. <meta name="text:link3" content="">
  50. <meta name="text:link3 url" content="/">
  51. <meta name="text:link4" content="">
  52. <meta name="text:link4 url" content="/">
  53.  
  54. <style type="text/css">
  55. ::-webkit-scrollbar-thumb:vertical {background-color:black;height:100px; border:1px solid #C7C7C7; -webkit-transition: all 0.8s ease;
  56. -moz-transition: all 0.8s ease;
  57. transition: all 0.8s ease;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb:horizontal {background-color:yellow;border:1px solid #C7C7C7;height:10px !important; -webkit-transition: all 0.8s ease;
  61. -moz-transition: all 0.8s ease;
  62. transition: all 0.8s ease;}
  63.  
  64. ::-webkit-scrollbar { height:10px;width:10px; }
  65.  
  66. ::-webkit-scrollbar:hover{#fff;border:1px solid #C7C7C7;
  67. -webkit-transition: all 0.8s ease;
  68. -moz-transition: all 0.8s ease;
  69. transition: all 0.8s ease;
  70.  
  71.  
  72. }
  73. body{
  74. background-image:url('{image:background}');
  75. background-attachment: fixed;
  76. background-repeat: no-repeat;
  77. background-position:left bottom;
  78.  
  79. background-color: {color:background};
  80. margin-left:0px;
  81. margin-top:0px;
  82. color:{color:text};
  83. font-family:times;
  84. font-size:10px;
  85. line-height:100%;
  86. }
  87.  
  88. a{
  89. text-decoration:none;
  90. color:{color:links};
  91.  
  92. }
  93. a:hover{
  94.  
  95.  
  96. }
  97.  
  98. img{
  99. border:none;
  100. }
  101.  
  102. blockquote{
  103. padding-left:1px;
  104. border-left:1px solid #cccccc;
  105. background-color:#ffffff;
  106. padding:4px;
  107. overflow:auto;
  108.  
  109. }
  110.  
  111. #sidebar {
  112. color:{color:text};
  113. position:fixed;
  114. width:350px;
  115. background-color:{color:background};
  116. padding:5px;
  117. padding-bottom:30px;
  118. padding-top:100px;
  119. padding-left:100px;
  120. margin-top:-210px;
  121. margin-left:-20px;
  122. height:auto;
  123. text-align:left;
  124. z-index:1;
  125.  
  126.  
  127. }
  128.  
  129. #sidebar img {
  130. width:100px;
  131. margin-left:80px;
  132.  
  133. margin-top: -15px;
  134.  
  135. border-radius:50px;
  136.  
  137. }
  138.  
  139.  
  140. .links {
  141. margin-left:-73px;
  142. font-size:9px;
  143. width:410px;
  144. background-color: {color:linksbg};
  145. text-align:center;
  146. margin-top:0px;
  147. padding-top:0px;
  148. text-transform:lowercase;
  149. position:fixed;
  150. opacity:1;
  151. font-style:italic;
  152. word-spacing:15px;
  153. font-family: times;
  154. -webkit-transition: all .9s ease;
  155.  
  156.  
  157. }
  158.  
  159. .links a {
  160. color:{color:sidebar links};
  161.  
  162. }
  163.  
  164. .links:hover{
  165.  
  166.  
  167. opacity:1;
  168. }
  169.  
  170. .links a:hover{
  171.  
  172. background-color: {color:linkshover};
  173. }
  174. #title {
  175. font-size:12px;
  176. text-transform:lowercase;
  177. text-align:left;
  178. padding:1px;
  179. width:200px;
  180. font-style:italic;
  181. word-spacing:4px;
  182.  
  183. margin-top:-15px;
  184. margin-left:-0px;
  185. position:fixed;
  186. color:{color:title};
  187. font-family: baskervilles;
  188. color:{color:titleh};
  189.  
  190.  
  191.  
  192. }
  193.  
  194. .desc {
  195. width:410px;
  196. padding:5px;
  197. margin-top: 10px;
  198. margin-left:-80px;
  199. position:fixed;
  200. font-family:times;
  201. text-transform:lowercase;
  202. text-align:center;
  203. font-size:10px;
  204. color:{color:text};
  205. line-height:140%;
  206. background-color:{color:background};
  207. border-bottom:1px solid {color:border};
  208. }
  209.  
  210.  
  211. #credit {
  212. position:fixed;
  213. font-size:9.5px;
  214. font-weight:normal;
  215. line-height:150%;
  216. letter-spacing:0px;
  217. right:10px;
  218. bottom:10px;
  219. text-align:center;
  220. }
  221.  
  222. #credit a {
  223. padding:3px;
  224. color:{color:link};
  225. background-color:{color:background};
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229.  
  230.  
  231. }
  232.  
  233.  
  234. #postmargin{
  235. margin-top:50px;
  236.  
  237. margin:0 auto;
  238. padding-top: 140px;
  239. width:400px;
  240.  
  241. }
  242.  
  243. #posts{
  244. width:400px;
  245. padding:10px;
  246. margin-top:140px;
  247. background-color:{color:posts};
  248. max-width:100%;
  249. line-height:140%;
  250. word-spacing:1px;
  251. -webkit-filter: grayscale(0%);
  252.  
  253. z-index:-1;
  254. -moz-transition-duration:0.5s;
  255. -webkit-transition-duration:0.5s;
  256. -o-transition-duration:0.5s;
  257. }
  258.  
  259. #posts:hover { -webkit-filter: grayscale(0%);
  260. -moz-transition-duration:0.5s;
  261. -webkit-transition-duration:0.5s;
  262. -o-transition-duration:0.5s;
  263. }
  264.  
  265.  
  266. .posts img{
  267. max-width:400px;
  268.  
  269. }
  270. .posts iframe{
  271. max-width:100%;
  272. }
  273.  
  274. #quote{
  275. font-size:12px;
  276. margin-bottom:5px;
  277. }
  278.  
  279. #link{
  280. text-align:center;
  281. font-size:12px;
  282. }
  283.  
  284. #permalink{
  285. width:100%;
  286. margin-top:10px;
  287. padding-top:5px;
  288. z-index:-1;
  289. -webkit-filter: grayscale(0%);
  290.  
  291. padding-bottom:5px;
  292. height:auto;
  293. font-size:9px;
  294. text-align:left;
  295. opacity: 0;
  296. filter: alpha(opacity=1);
  297. z-index: 10;
  298. -webkit-transition: all 0.8s ease;
  299. -moz-transition: all 0.8s ease;
  300. transition: all 0.8s ease;
  301. }
  302.  
  303.  
  304. #posts:hover #permalink {
  305. /* Opacity is maximum to show tags */
  306. opacity: 1;
  307.  
  308. filter: alpha(opacity=100);
  309. }
  310.  
  311. .pagination {
  312. font-family: times, sans serif;
  313. font-size:9px;
  314. width:400px;
  315. text-transform:uppercase;
  316. letter-spacing:2px;
  317. font-style:normal;
  318. text-align:center;
  319. margin-bottom:50px;
  320. margin-top:50px;
  321. background-color:{color:posts};
  322. padding:10px;
  323.  
  324. }
  325.  
  326. .pagination a {
  327. color:{color:link};}
  328.  
  329. .pagination a:hover {
  330. color:{color:hover};}
  331.  
  332.  
  333.  
  334. .note {
  335. text-transform:lowercase;
  336. font-style:normal;
  337. letter-spacing:0px;
  338. font-size: 11px;
  339. text-align:left;
  340. line-height:90%;
  341. margin-left:0px;
  342. padding-bottom:30px;
  343. }
  344.  
  345. .note li {
  346. list-style-type:none;
  347. padding:10px 25px 10px 25px;
  348. text-align:left;
  349. margin:0px;
  350. -moz-transition-duration:0.5s;
  351. -webkit-transition-duration:0.5s;
  352. -o-transition-duration:0.5s;
  353. }
  354.  
  355.  
  356. {CustomCSS}</style></head><body>
  357.  
  358.  
  359. <div id="postmargin">
  360. <div id="sidebar">
  361.  
  362. <img src="{image:sidebar}">
  363.  
  364. <div class="links">
  365.  
  366. <a href="/">home</a>
  367. <a href="/ask">message</a>
  368. <a href="/archive">archive</a>
  369. <a href="/about"><b>a</b>bout</a>
  370.  
  371.  
  372. {block:IfLink1}
  373. <a href="{text:link1 url}">{text:link1}</a>
  374. {/block:IfLink1}
  375. {block:IfLink2}
  376. <a href="{text:link2 url}">{text:link2}</a>
  377. {/block:IfLink2}
  378. {block:IfLink3}
  379. <a href="{text:link3 url}">{text:link3}</a>
  380. {/block:IfLink3}
  381. {block:IfLink4}
  382. <a href="{text:link4 url}">{text:link4}</a>
  383. {/block:IfLink4}
  384.  
  385.  
  386.  
  387. </div>
  388.  
  389. <div class="desc"><div id="title"> <b> </b> </div>
  390.  
  391. {Description}
  392. </div>
  393.  
  394.  
  395.  
  396. </div>
  397. {block:Posts}<div id="posts">
  398.  
  399. {block:Text}
  400. <div id="link">
  401. {block:Title}{Title}{/block:Title}
  402. </div>
  403. {Body}
  404. {/block:Text}
  405.  
  406. {block:Photo}
  407. {LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}
  408. {block:Caption}{caption}{/block:Caption}
  409. {/block:Photo}
  410.  
  411. {block:Photoset}
  412. {Photoset-400}
  413. {block:Caption}{caption}{/block:Caption}
  414. {/block:Photoset}
  415.  
  416. {block:Quote}
  417. <div id="quote">
  418. {Quote}
  419. </div>
  420. {block:Source} —{Source}{/block:Source}
  421. {/block:Quote}
  422.  
  423. {block:Link}
  424. <div id="link">
  425. <a href="{URL}" {Target}>{Name}</a>
  426. </div>
  427. {block:Description}{Description}{/block:Description}
  428. {/block:Link}
  429.  
  430. {block:Chat}
  431. {block:Title}<t>{Title}</t>{/block:Title}
  432. {block:Lines}
  433. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  434. {/block:Lines}
  435. {/block:Chat}
  436.  
  437. {block:Audio}
  438. {AudioPlayerWhite}
  439. {block:Caption}{caption}{/block:Caption}
  440. {/block:Audio}
  441.  
  442. {block:Video}
  443. {Video-400}
  444. {block:Caption}{caption}{/block:Caption}
  445. {/block:Video}
  446.  
  447. {block:Answer}
  448. <i>{Asker} said: <b>{Question}</b></i><br><br>{Answer}
  449. {/block:Answer}
  450.  
  451.  
  452. <div id="permalink">
  453.  
  454. {block:Date}
  455. <a href="{Permalink}">
  456.  
  457. {block:iftardis}
  458. <img src="http://f.kth.se/fadderiet/files/2013/04/tardis.jpg" width="18px" align="left" top="5px">{/block:iftardis} &nbsp;
  459. <span style="background-color: #f3f3f3"><font color=black>
  460.  
  461. &nbsp;posted
  462.  
  463.  
  464. </font color></span>&nbsp;
  465. {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}</a>
  466. <a href="{Permalink}"></a>
  467. {/block:Date}
  468.  
  469. {block:NoteCount} &nbsp;
  470. <a href="{Permalink}"><span style="background-color: #f3f3f3"><font color=black>
  471.  
  472. &nbsp;notes
  473.  
  474.  
  475. </font color></span>&nbsp;{NoteCount}</a>
  476.  
  477. {/block:NoteCount} &nbsp;
  478.  
  479. {block:RebloggedFrom}
  480. <span style="background-color: #f3f3f3"><font color=black>
  481.  
  482. &nbsp;source
  483.  
  484.  
  485. </font color></span>&nbsp;<a href="{ReblogRootURL}">here</a> &nbsp; <span style="background-color: #f3f3f3" align="right"><font color=black>
  486.  
  487. &nbsp;from
  488.  
  489.  
  490. </font color></span><a href="{ReblogParentURL}">
  491.  
  492. &nbsp;here
  493.  
  494.  
  495. </a>
  496. {/block:RebloggedFrom}<br>{block:HasTags}
  497. <div id="tags"> &nbsp; <span style="background-color: #f3f3f3"><font color=black>
  498.  
  499. &nbsp;tagged as
  500.  
  501. </font color></span>
  502. {block:Tags}<a href="{TagURL}">&nbsp;&nbsp;&nbsp;#{Tag}</small></i></a>{/block:Tags}
  503. </div>
  504. {/block:HasTags}
  505.  
  506. </div>
  507. </div>{/block:Posts}
  508.  
  509.  
  510. {block:PostNotes}
  511. {PostNotes}
  512. {/block:PostNotes}
  513.  
  514. {block:Pagination}
  515. <div class="pagination">
  516. {block:PreviousPage}
  517. <a href="{PreviousPage}"> <span style="background-color: #f1f1f1"> previous</span></a>&nbsp;&nbsp;/
  518. {/block:PreviousPage}
  519. {block:NextPage}
  520. &nbsp;&nbsp;<a href="{NextPage}"><span style="background-color: #f1f1f1"> next</span></a>
  521. {/block:NextPage}
  522. </div>
  523. {/block:Pagination}
  524.  
  525. </div>
  526. <div id="credit"><b><a href="http://draculahs.tumblr.com/">
  527. <br><b>D</b>raculahs</b></a></div>
  528.  
  529.  
  530.  
  531. </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!