API tools faq
paste
Advertisement
nithith

fleur

nithith
Aug 31st, 2014
252
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.61 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. <html>
  5. <head>
  6.  
  7.  
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14. <script type="text/javascript"
  15. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  16.  
  17. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  18.  
  19. <style>
  20.  
  21. div#qTip {
  22. padding: 7px;
  23. display: none;
  24. margin-top:6px;
  25. margin-left:10px;
  26. font-size:8px;
  27. font-family:courier new;
  28. z-index: 99999999;
  29. letter-spacing: 3px;
  30. font-weight: bold;
  31. background: #c3cece;
  32. box-shadow: 2px 2px 7px #a5bfc8;
  33. color: #a5bfc8;
  34. text-transform: none;
  35. position: absolute;
  36. text-transform: uppercase;
  37. }
  38. </style>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. a {
  45. color:#86a3ae;
  46. text-decoration:none;
  47. -moz-transition-duration:0.5s;
  48. -webkit-transition-duration:0.5s;
  49. -o-transition-duration:0.5s;
  50. }
  51.  
  52. a:hover {
  53. color:#86a3ae;
  54. text-shadow: 1px 1px 0px #86a3ae;
  55. -moz-transition-duration:0.5s;
  56. -webkit-transition-duration:0.5s;
  57. -o-transition-duration:0.5s;
  58. }
  59.  
  60. ::-webkit-scrollbar {
  61. height: 0px;
  62. width: 5px;
  63. background:#a5bfc8;
  64. border-left:2px solid transparent;
  65. border-right:2px solid transparent;
  66. }
  67.  
  68. ::-webkit-scrollbar-thumb {
  69. background:#c3cece;
  70. border:1px solid #a5bfc8;
  71. }
  72.  
  73.  
  74.  
  75. body {
  76. background: #a5bfc8 url('http://i.imgur.com/vbKdmYY.gif')
  77. top left fixed repeat;
  78. font-family:cambria;
  79. font-weight:normal;
  80. }
  81.  
  82.  
  83.  
  84.  
  85. h1 {
  86. font-weight:normal;
  87. font-size:10px;
  88. text-align:center;
  89. font-style:normal;
  90. line-height:80%;
  91. letter-spacing:3px;
  92. text-transform:uppercase;
  93. color:#a5bfc8;
  94. }
  95.  
  96. h2 {
  97. font-size:18px;
  98. text-align:center;
  99. line-height:100%;
  100. letter-spacing:3px;
  101. font-family: times;
  102. color:#a5bfc8;
  103. padding:5px;
  104. padding-left: 15px;
  105. padding-bottom:2px;
  106. text-transform: uppercase;
  107. font-weight: bold;
  108. }
  109.  
  110.  
  111.  
  112.  
  113. blockquote {
  114. border-left:3px solid #f4ecd2;
  115. padding-left:10px;
  116. margin-left:10px;
  117. border-radius:6px;
  118. }
  119.  
  120.  
  121.  
  122. #sidebar {
  123. position:fixed;
  124. margin-left:898px;
  125. width: 190px;
  126. margin-top:158px;
  127. background-color: transparent;
  128. padding:0px 5px 0px;
  129. }
  130.  
  131.  
  132. .pagination {
  133. margin-top:25px;
  134. text-align:center;
  135. font-size:11px;
  136. font-weight: bold;
  137. text-transform: uppercase;
  138. width:380px;
  139. margin-left: auto;
  140. margin-right: auto;
  141. color:#86a3ae;
  142. }
  143.  
  144. .pagination a{color:#55707a;}
  145.  
  146.  
  147.  
  148. img {
  149. max-width:350px;
  150. margin-left: 10px;
  151. }
  152.  
  153.  
  154. .links {
  155. margin-top:85px;
  156. font-size: 16px;
  157. font-family: times;
  158. text-transform: uppercase;
  159. line-height: 340%;
  160. text-align: center;
  161. width: 400px;
  162. margin-left: -90px;
  163. margin-right: auto;
  164. }
  165.  
  166. .links a {
  167. padding-left: 10px;
  168. color: #e7e7e7;
  169. opacity: 0.8;
  170. width: 70px;
  171. -webkit-transition:all .5s ease-in-out;
  172. -moz-transition:all .5s ease-in-out;
  173. transition:all .5s ease-in-out;
  174. }
  175.  
  176. .links a:hover {
  177. padding-left: 10px;
  178. color:#86a3ae;
  179. text-shadow: 0px 0px 13px #86a3ae;
  180. -webkit-transition:all .5s ease-in-out;
  181. -moz-transition:all .5s ease-in-out;
  182. transition:all .5s ease-in-out;
  183. }
  184.  
  185.  
  186.  
  187. #container {
  188. float:left;
  189. margin-left:517px;
  190. margin-top:253px;
  191. text-align:justify;
  192. color:#473634;
  193. overflow: scroll;
  194. height: 320px;
  195. width: 430px;
  196. border-radius: 15px;
  197. }
  198.  
  199.  
  200. #post {
  201. width:380px;
  202. margin-top:5px;
  203. text-align:justify;
  204. font-size:11px;
  205. line-height:130%;
  206. letter-spacing:1px;
  207. color:#fff;
  208. margin-bottom: 30px;
  209. margin-left: auto;
  210. margin-right: auto;
  211. padding: 5px;
  212. border-radius: 0px;
  213. }
  214.  
  215. small, sub {font-size: 11px;}
  216.  
  217. .caption {
  218. width:380px;
  219. text-align:justify;
  220. line-height:120%;
  221. }
  222.  
  223. .asker {
  224. padding:3px;
  225. font-family:cambria;
  226. letter-spacing:1px;
  227. text-align:left;
  228. text-transform:lowercase;
  229. }
  230.  
  231. .ans {
  232. text-align:left;
  233. padding:10px;
  234. }
  235.  
  236. .audio {
  237. width:380px;
  238. padding-bottom:10px;
  239. }
  240.  
  241. .albumart {
  242. float:left;
  243. padding:0px 10px 10px 0px;
  244. }
  245.  
  246. .albumart img {
  247. width:45px;
  248. height:45px;
  249. }
  250.  
  251. .playercontainer {
  252. text-align:left;
  253. padding:10px;
  254. width:380px;
  255. }
  256.  
  257. .audioinfo {
  258. padding:10px;
  259. color:#86a3ae;
  260. }
  261.  
  262. #postinfo {
  263. width:380px;
  264. padding:5px;
  265. font-size:8px;
  266. color:#55707a;
  267. text-transform:uppercase;
  268. font-style:normal;
  269. letter-spacing:2px;
  270. text-align:center;
  271. -moz-transition-duration:0.5s;
  272. -webkit-transition-duration:0.5s;
  273. -o-transition-duration:0.5s;
  274. background:#f4ecd2;
  275. opacity: 0.3;
  276. }
  277.  
  278. #postinfo a {
  279. color:#55707a;
  280. text-align:center;
  281. letter-spacing:1px;
  282. font-style:normal;
  283. }
  284.  
  285. #postinfo a:hover {
  286. color:#86a3ae;
  287. }
  288.  
  289. .note {
  290. text-transform:uppercase;
  291. font-style:normal;
  292. letter-spacing:0px;
  293. font-size: 9px;
  294. text-align:left;
  295. line-height:90%;
  296. margin-left:-40px;
  297. }
  298.  
  299. .note li {
  300. list-style-type:none;
  301. padding:10px 25px 10px 25px;
  302. text-align:left;
  303. margin:0px;
  304. -moz-transition-duration:0.5s;
  305. -webkit-transition-duration:0.5s;
  306. -o-transition-duration:0.5s;
  307. }
  308.  
  309. .tags {
  310. font-style:normal;
  311. width:380px;
  312. margin-left: auto;
  313. margin-right: auto;
  314. text-transform:uppercase;
  315. font-style:normal;
  316. color:#55707a;
  317. letter-spacing:2px;
  318. line-height:120%;
  319. font-size:8px;
  320. text-align:left;
  321. padding:2px;
  322. -moz-transition-duration:0.5s;
  323. -webkit-transition-duration:0.5s;
  324. -o-transition-duration:0.5s;
  325. }
  326.  
  327. .tags a {
  328. color:#55707a;
  329. letter-spacing:1px;
  330. padding:1px;
  331. opacity: 0.3;
  332. }
  333.  
  334. .tags a:hover {
  335. color:#55707a;
  336. text-shadow: 0px 0px 0px;
  337. opacity: 1;
  338. }
  339.  
  340. ul.chat, .chat ol, .chat li {
  341. list-style:none;
  342. margin:0px;
  343. padding:2px;
  344. }
  345.  
  346. .label {
  347. text-decoration:underline;
  348. font-weight:700;
  349. margin-right:5px;
  350. }
  351.  
  352.  
  353.  
  354.  
  355. {CustomCSS}
  356. </style>
  357. </head>
  358.  
  359. <div id="sidebar">
  360.  
  361. <div class="links">
  362. <a href="/" title="volterra">i</a><br>
  363. <a href="/ask" title="query">ii</a><br>
  364. <a href="/read" title="laws">iii</a><br>
  365. <a href="/verses" title="verses">iv</a><br>
  366. <a href="/nav" title="explore">v</a><br>
  367. <a href="http://lionwithin.tumblr.com" title="theme">vi</a>
  368. </div>
  369.  
  370.  
  371.  
  372. </div>
  373.  
  374. <div id="container">
  375.  
  376. {block:Posts}
  377.  
  378. <div id="post">
  379.  
  380. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  381.  
  382. {block:Quote}<h3>“{Quote}”</h3><h1>{Source}</h1>{/block:Quote}
  383.  
  384. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  385. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  386.  
  387. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  388.  
  389. {block:Photoset}<center>{Photoset-400}</center>
  390. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  391.  
  392. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  393.  
  394. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  395.  
  396. {block:Answer}<div id="asker" style="margin-left:-5px;width:400px;"><span style="font-family:cambria;font-size:12px;font-style:italic; margin-left:15px;text-transform:lowercase;"><B>{Asker}</B> whispered: {Question}</span></div><br><left><font face="cambria"><span style="font-family:cambria;font-size:10px; marging-left:5px;">{Answer}</span></font>{/block:Answer}
  397.  
  398. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  399. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  400. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  401. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  402. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  403.  
  404. <p>
  405.  
  406. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}">{24Hour}:{Minutes}</a>{block:NoteCount} • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} • <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  407. {block:ContentSource} • <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  408. {block:HasTags}
  409. <div class="tags">
  410. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  411. {/block:HasTags}
  412. <div class="note">
  413. {block:PostNotes}{PostNotes}{/block:PostNotes}
  414. </div>
  415. </div>
  416. {/block:Posts}
  417.  
  418.  
  419. <div class="pagination">
  420. {block:Pagination}
  421. {block:PreviousPage}<a href="{PreviousPage}"><b>-rise</b> </a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}"><b> fall+</b></a>
  422. {/block:NextPage}
  423. {/block:Pagination}
  424. </div>
  425. </div>
  426. </div>
  427.  
  428.  
  429. </body>
  430.  
  431.  
  432. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!