API tools faq
paste
Trevania

Darkest Nights to Brightened Days

Trevania
Jul 19th, 2013
1,321
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.37 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Noto+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9. <title>{Title}</title>
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!-- DEFAULTS -->
  13. <meta name="color:background" content="#ffffff">
  14. <meta name="color:posts" content="#fcfcfc">
  15. <meta name="color:info" content="#fdfdfd">
  16. <meta name="color:tag" content="#fdfdfd">
  17. <meta name="color:text" content="#c0bdb8" />
  18. <meta name="color:link hover" content="#fdfdfd" />
  19. <meta name="color:link" content="#c0bdb8" />
  20. <meta name="color:scrollbar" content="#c0bdb8" />
  21. <meta name="color:scrollbg" content="#ffffff" />
  22. <meta name="color:fade" content="#000000" />
  23.  
  24. <meta name="color:bold" content="#ffffff" />
  25. <meta name="color:italic" content="#ffffff" />
  26. <meta name="color:underline" content="#ffffff" />
  27.  
  28.  
  29. <meta name="color:border1" content="#050c51" />
  30. <meta name="color:border2" content="#ffffff" />
  31. <meta name="color:border3" content="#ff0303" />
  32.  
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="LINK1" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="LINK2" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="LINK3" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="LINK4" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="LINK5" />
  44.  
  45.  
  46. </head>
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52. ::-webkit-scrollbar-thumb:vertical {
  53. background-color:{color:scrollbar};
  54. height:100px;
  55. }
  56.  
  57. ::-webkit-scrollbar-thumb:horizontal {
  58. background-color:{color:scrollbar};
  59. height:10px !important;
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. background-color:{color:background};
  64. height:7px;
  65. width:7px;
  66.  
  67. }
  68.  
  69. .ask {
  70. align:right;
  71. background: {color:bold};
  72. margin:7px 0px 5px 66px;
  73. padding:10px;
  74. position: relative;
  75. -moz-border-radius:5px;
  76. -webkit-border-radius:5px;
  77. border-radius:5px;
  78. color:white;
  79. }
  80.  
  81. .ask a:link {
  82. color:#000;
  83. }
  84.  
  85.  
  86. .ask p {
  87. margin:1px 0px;
  88. }
  89.  
  90. .ask span {
  91. display:block;
  92. position:absolute;
  93. width:1px;
  94. height:1px;
  95. font-size: 0;
  96. line-height: 1px;
  97. left:-10px;
  98. top:10px;
  99. border-top:7px solid transparent;
  100. border-bottom:7px solid transparent;
  101. border-right:10px solid {color:bold};
  102. }
  103.  
  104. .askborder {
  105. float: left;
  106. margin: 1px 4px 0 0;
  107. padding: 2px;
  108. background:{color:italic};
  109. }
  110.  
  111. #askbg a {
  112. color:white;
  113. font-weight:bold;
  114. }
  115.  
  116. ::-moz-selection {
  117. background-color:{color:scrollbg};
  118. color: {color:scrollbar};
  119. }
  120.  
  121. ::selection {
  122. background-color:{color:scrollbg};
  123. color: {color:scrollbar};
  124. }
  125.  
  126. body {color:{color:text};
  127. background-color:{color:background};
  128. background-image: url('{image:Background}');
  129. background-attachment:fixed;
  130. font-family:calibri;
  131. font-color: {color:text};
  132. font-size:11px;
  133. line-height:110%;
  134. text-align:justify;
  135. }
  136.  
  137. a:link, a:active, a:visited{
  138. color: {color:link};
  139. text-decoration:none;
  140. -webkit-transition: all 0.4s ease;
  141. -moz-transition: all 0.4s ease;
  142. -o-transition: all 0.4s ease;
  143. }
  144.  
  145. a:hover {
  146. color:{color:link hover};
  147. -webkit-transition: all 0.4s ease;
  148. -moz-transition: all 0.4s ease;
  149. -o-transition: all 0.4s ease;
  150. }
  151.  
  152. color:{color:title};font-style:auto;
  153. -webkit-transition: all 0.4s ease-in;
  154. -moz-transition: all 0.4s ease-in;
  155. -o-transition: all 0.4s ease-in;
  156. transition: all 0.4s ease-in;
  157. }
  158.  
  159. small{font-size:auto}
  160. big{font-size:auto}
  161. b, strong{color:{color:bold};}
  162. i, em {color:{color:italic};}
  163. u{color{color:underline};}
  164. p{margin-top:6px; margin-bottom:6px}
  165. blockquote {padding:0px;
  166. padding-left:10px;
  167. margin:8px;
  168. border-left:2px solid {color:bold};}
  169.  
  170. img a{
  171. border:none;
  172. width:100%;
  173. }
  174.  
  175.  
  176. #border {
  177. position: fixed;
  178. width: 100%;
  179. z-index:3px;
  180. margin-left:-8px;
  181. }
  182. .border1 {
  183. background-color: {color:border1};
  184. height: 8px;
  185. width:10%;
  186. float:left;
  187. }
  188. .border2 {
  189. background-color: {color:border2};
  190. height: 8px;
  191. width:10%;
  192. float:left;
  193. }
  194. .border3 {
  195. background-color: {color:border3};
  196. height: 8px;
  197. width:10%;
  198. float:left;
  199. }
  200.  
  201.  
  202. #container {
  203. background-color:transparent;
  204. width: 800px;
  205. text-align: center;
  206. margin: 0px auto -10px auto;
  207. }
  208.  
  209. #entries {
  210. margin: 22px 0 -10px 260px;
  211. margin-right:180px;
  212. float:right;
  213. text-align: justify;
  214. }
  215.  
  216. #posts {
  217. margin: 0px 0 20px 0;
  218. width: 470px;
  219. text-align: justify;
  220. padding: 10px;
  221. }
  222.  
  223. #wrap {
  224. float:left;
  225. margin-top:0px;
  226. margin-left:-260px;
  227. height:100%;
  228. position:fixed;
  229. }
  230.  
  231. #links {
  232. font:9px 'Calibri', serif;
  233. font-weight:bold;
  234. color:{color:border2};
  235. letter-spacing: 1px;
  236. width:200px;
  237. text-align:center;
  238. padding-bottom:0px;
  239. text-transform:uppercase;
  240. margin-left:100px;
  241. margin-top:175px;
  242. position:fixed;
  243.  
  244. }
  245.  
  246. #links a{
  247. -webkit-transition: all 0.4s ease;
  248. -moz-transition: all 0.4s ease;
  249. -o-transition: all 0.4s ease;
  250. }
  251.  
  252. #links a:hover {
  253. font-style:italic;
  254. -webkit-transition: all 0.4s ease;
  255. -moz-transition: all 0.4s ease;
  256. -o-transition: all 0.4s ease;
  257. }
  258.  
  259. #aviwrap {
  260. padding:0px 10px 5px 0px;
  261. float:left;
  262. }
  263.  
  264. #avi {
  265. float:left;
  266. width: 64px;
  267. height: 64px;
  268. padding:5px;
  269. border: 1px solid {color:scrollbar};
  270. }
  271.  
  272. #description {
  273. background-color:#fff;
  274. text-align:justify;
  275. display:block;
  276. width:200px;
  277. height:auto;
  278. font-family: 'Noto Serif', serif;
  279. font-size: 8px;
  280. padding:0px;
  281. text-transform:none;
  282. border-top: solid 1px #f5f5f5;
  283. padding-top:10px;
  284. position:absolute;
  285. margin-left:100px;
  286. margin-top:200px;
  287. }
  288.  
  289. #addlinks {
  290. font:7px 'Calibri', serif;
  291. width:200px;
  292. color:{color:border2}
  293. letter-spacing: 1px;
  294. text-align:center;
  295. text-transform:uppercase;
  296. margin-top:5px;
  297. position:fixed;
  298. }
  299.  
  300. #addlinks a {
  301.  
  302. -webkit-transition: all 0.4s ease;
  303. -moz-transition: all 0.4s ease;
  304. -o-transition: all 0.4s ease;
  305. }
  306.  
  307. #addlinks a:hover {
  308.  
  309. -webkit-transition: all 0.4s ease;
  310. -moz-transition: all 0.4s ease;
  311. -o-transition: all 0.4s ease;
  312. }
  313.  
  314. #pagination {
  315. float:left;
  316. font-family: 'Calibri', serif;
  317. text-align:center;
  318. margin-left:-100px;
  319. margin-top:400px;
  320. font-size: 12px;
  321. position:fixed;
  322. text-transform:uppercase;
  323. }
  324.  
  325. #credit{
  326. position:fixed;
  327. bottom:10px;
  328. right:10px;
  329. font-size:6px;
  330. font-family: 'Noto Serif', serif;
  331. color:{color:text};
  332. text-transform:uppercase;
  333. letter-spacing: 0px;
  334. font-style:normal;
  335. }
  336.  
  337.  
  338. h1{
  339. color:{color:title};
  340. font-family:{font:text};
  341. font-size:12px;
  342. line-height:12px;
  343. letter-spacing:0px;
  344. font-weight:italic;
  345. text-transform:uppercase;
  346. margin:0px;
  347. padding:0px;
  348. text-align:center;
  349. }
  350.  
  351. h2{
  352. color:{color:text};
  353. font-family:{font:link};
  354. font-size:12px;
  355. line-height:12px;
  356. letter-spacing:0px;
  357. font-weight:normal;
  358. text-transform:none;
  359. margin:0px;
  360. padding:0px;
  361. margin-bottom:-5px;
  362. text-align:center;
  363. }
  364.  
  365. #info{
  366. color:{color:tag};
  367. width:500px;
  368. font-size:8px;
  369. font-family: 'Noto Serif', serif;
  370. text-align:right;
  371. text-transform:uppercase;
  372. border-top: 1px solid #e7e7e7;
  373. }
  374.  
  375. #notes {
  376. position: absolute;
  377. float:left;
  378. text-align:center;
  379. margin-left:520px;
  380. font: 16px 'Noto Serif', serif;
  381. border-bottom: 1px solid {color:bold};
  382. }
  383.  
  384. #notes a {
  385. color:{color:fade};
  386. }
  387.  
  388. #stuff {
  389. position: absolute;
  390. float:left;
  391. margin-top:30px;
  392. margin-left:520px;
  393. }
  394.  
  395. #date {
  396. float:right;
  397. text-align:right;
  398. width:80px;
  399. font: 8px 'Calibri', serif;
  400. text-transform:uppercase;
  401. margin-top:-10px;
  402. }
  403.  
  404. #date a {
  405. color: {color:link hover};
  406. }
  407.  
  408. #date a:hover {
  409. color: {color:tag};
  410. }
  411.  
  412. #tags {
  413. font-style:italic;
  414. float:left;
  415. margin-top:-10px;
  416. margin-left:0px;
  417. width:375px;
  418. text-align:left;
  419. text-transform:lowercase;
  420. font-size:10px;
  421. font-family: 'Calibri', serif
  422. }
  423.  
  424. #tags a {
  425. color: {color:tag};
  426. }
  427.  
  428. #tags a:hover {
  429. color: {color:fade};
  430. }
  431.  
  432.  
  433. #questions {
  434. background-color:{color:info};
  435. color: {color:text};
  436. padding:2px;
  437. margin-top: 6px;
  438. margin-bottom:2px;
  439. font-family:calibri;
  440. font-size:11px;
  441. text-transform:lowercase;
  442. border-bottom:1px {color:text};
  443. text-align:center;
  444. }
  445.  
  446. #questions a {
  447. color:{color:link};
  448. }
  449.  
  450. #permalink {
  451. padding:5px;
  452. }
  453.  
  454. .player{
  455. overflow:hidden;
  456. position:absolute;
  457. opacity:1;
  458. padding:12px 0px 0px 170px;
  459. margin-top:-50px;
  460. }
  461.  
  462. .playerback{
  463. background-color:white;
  464. height:50px;
  465. width:500px;
  466. }
  467.  
  468. .cover{
  469. height:50px;
  470. width:50px;
  471. position:absolute;
  472. border-right:2px solid white;
  473. }
  474.  
  475. .cover img{
  476. width:50px !important;
  477. }
  478.  
  479.  
  480. .user_1 .label {color:{color:link}; font-weight:bold}
  481. .user_2 .label {color:{color:text}; font-weight:bold}
  482. .user_3 .label {color:{color:link}; font-weight:bold}
  483. .user_4 .label {color:{color:text}; font-weight:bold}
  484.  
  485. ul.chat, .chat ol, .chat li {
  486. list-style:none;
  487. margin:0px;
  488. padding:0px;
  489. }
  490.  
  491. .notes img{
  492. width:10px;
  493. position:relative;
  494. top:1px;
  495. }
  496.  
  497. ol.notes, .notes li{
  498. width:490px;
  499. list-style:none;
  500. margin:0px 0 -1px 5px;
  501. padding:0px;
  502. }
  503.  
  504. #tumblr_controls{
  505. opacity: 0.2;
  506. -webkit-filter: invert(100%);
  507. -webkit-transition: all 2s ease;
  508. -moz-transition: all 2s ease;
  509. -ms-transition: all 2s ease;
  510. -o-transition: all 2s ease;
  511. transition: all 2s ease;
  512. }
  513.  
  514. </style>
  515. <style type="text/css">{CustomCSS}</style>
  516.  
  517.  
  518.  
  519. </head>
  520. <body>
  521.  
  522. <div id="container">
  523. <div id="wrap">
  524. <div id="links">
  525. <center>
  526. {block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}
  527. &nbsp; &nbsp;
  528. <a href="/" title="Home">home</a>&nbsp;
  529. <a href="/ask" title="Ask">Ask</a>&nbsp;
  530. <a href="/archive" title="Archive">Archive</a>&nbsp; &nbsp;
  531. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  532. </center>
  533.  
  534. <p>
  535. </div>
  536. <div id="description">
  537. <div id="aviwrap">
  538. <div id="avi"><a href="/"><img src="{PortraitURL-64}"></a></div>
  539. </div>
  540. {Description}<br><br>
  541.  
  542. <div id="addlinks">
  543. <center>
  544. {block:ifLink1}
  545. <a href="{text:Link1}">
  546. {text:Link1 Title}</a>
  547. {/block:ifLink1}&nbsp;
  548.  
  549. |
  550.  
  551. &nbsp;{block:ifLink2}
  552. <a href="{text:Link2}">
  553. {text:Link2 Title}</a>
  554. {/block:ifLink2}&nbsp;
  555.  
  556. |
  557.  
  558. &nbsp;{block:ifLink3}
  559. <a href="{text:Link3}">
  560. {text:Link3 Title}</a>
  561. {/block:ifLink3}&nbsp;
  562.  
  563. |
  564.  
  565. &nbsp;{block:ifLink4}
  566. <a href="{text:Link4}">
  567. {text:Link4 Title}</a>
  568. {/block:ifLink4}&nbsp;
  569.  
  570. |
  571.  
  572. &nbsp;{block:ifLink5}
  573. <a href="{text:Link5}">
  574. {text:Link5 Title}</a>
  575. {/block:ifLink5}&nbsp;
  576.  
  577. </center>
  578.  
  579. </div>
  580. </div>
  581.  
  582. </div>
  583.  
  584. <div id="credit">
  585. <a href="http://tomhardies.tumblr.com/">©</a>
  586. </div>
  587.  
  588.  
  589. <div id="entries">
  590.  
  591. {block:posts}
  592.  
  593. <div id="posts">
  594.  
  595. <div id="notes"><center>{block:NoteCount}<a href="{Permalink}">{NoteCount}</a></center>{/block:NoteCount}</div>
  596.  
  597. <div id="stuff">
  598. {block:RebloggedFrom}
  599. <a title="via: {ReblogParentName}" href="{ReblogParentURL}">
  600. <img src="{ReblogParentPortraitURL-16}"></a>&nbsp;
  601. <a title="source: {ReblogRootName}" href="{ReblogRootURL}">
  602. <img src="{ReblogRootPortraitURL-16}"></a>
  603. {/block:RebloggedFrom}</div>
  604.  
  605. {block:Text}
  606. {block:Title}<h1><b>{Title}</b></h1>{/block:Title}
  607. {Body}{/block:Text}
  608.  
  609.  
  610. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  611.  
  612. {block:Link}
  613. <a href="{URL}"><h1>{Name}</h1>
  614. </a>
  615.  
  616. {block:Description}
  617. <p>{Description}</p>
  618. {/block:Description}
  619. {/block:Link}
  620.  
  621. {block:Photo}<center>
  622. <img src="{PhotoURL-500}"/></center>
  623. {block:Caption}{Caption}{/block:Caption}
  624. {/block:Photo}
  625.  
  626. {block:Photoset}<center>
  627. {Photoset-500}</center>
  628. {block:Caption}{Caption}
  629. {/block:Caption}{/block:Photoset}
  630.  
  631. {block:Chat}<ul class="chat">
  632. {block:Lines}<li class="user_{UserNumber}">
  633. {block:Label}<span class="label">{Label}</span>
  634. {/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  635.  
  636. {block:Video}{Video-500}
  637. {block:Caption}{Caption}
  638. {/block:Caption}{/block:Video}
  639.  
  640. {block:Answer}<img src="{AskerPortraitURL-40}" align="center" class="askborder"><div class="ask">
  641. <div id="askbg">
  642. <span></span>{Asker}: {Question}&nbsp;</div></div>
  643. <br>
  644. <blockquote>{Answer}{/block:Answer}</blockquote>
  645.  
  646. {block:Audio}
  647. <div class="playerback">
  648. <div class="cover">
  649. <img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>
  650. {block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>
  651. {/block:AlbumArt}</div>
  652. <div class="player">{AudioPlayerWhite}</div>
  653. {Caption}
  654. {/block:Audio}
  655.  
  656.  
  657.  
  658. <br>
  659. <div id="info">
  660. <div id="permalink">
  661. {block:PermalinkPage}
  662. {/block:PermalinkPage}
  663. </div>
  664. <div id="date">{block:Date}<a href="{Permalink}">{timeago}</a>{/block:Date}</div>
  665. </div>
  666.  
  667.  
  668. <div id="tags">
  669. {block:HasTags}{block:Tags}<b>#</b> <a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}</div></div>
  670. <br />
  671.  
  672.  
  673. {/block:Posts}
  674.  
  675. {block:PostNotes}{PostNotes}{/block:PostNotes}<br />
  676.  
  677. </div>
  678. </div>
  679.  
  680. <div id="border">
  681. <div class="border3"> </div>
  682. <div class="border2"> </div>
  683. <div class="border1"> </div>
  684. <div class="border3"> </div>
  685. <div class="border2"> </div>
  686. <div class="border1"> </div>
  687. <div class="border3"> </div>
  688. <div class="border2"> </div>
  689. <div class="border1"> </div>
  690. <div class="border3"> </div>
  691.  
  692. </div>
  693.  
  694. </body>
  695. </html>
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!