API tools faq
paste
Advertisement
luhans

Quotation

luhans
Oct 8th, 2012
4,287
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.41 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!—THEME CODED BY HKTHEMES-->
  6.  
  7. <head> <!-- DEFAULT VARIABLES -->
  8. <title>{Title}</title>
  9. <meta name="color:background" content="#FFFFFF" />
  10. <meta name="color:text" content="#BEBBA8" />
  11. <meta name="color:link" content="#acac9b" />
  12. <meta name="color:info" content="#f4efe0" />
  13. <meta name="color:highlight" content="#f4efe0" />
  14. <meta name="color:nav color" content="#f4efe0" />
  15. <meta name="color:nav hover" content="#FAFAFA" />
  16. <meta name="color:taglinks" content="#FAFAFA" />
  17. <meta name="color:audio info" content="#F7F7F7" />
  18. <meta name="color:entries" content="#FFFFFC"/>
  19. <meta name="color:source" content="#F8F8F8" />
  20. <meta name="color:link hover" content="#F8F8F8" />
  21. <meta name="color:title" content="#8a7e69" />
  22. <meta name="font:body" content="arial"/>
  23. <meta name="font:sidebar title" content="courier new"/>
  24. <meta name="font:title" content="arial"/>
  25. <meta name="font:audio info" content="arial"/>
  26. <meta name="text:link one url" content="http://">
  27. <meta name="text:link one name" content="one">
  28. <meta name="text:link two url" content="http://">
  29. <meta name="text:link two name" content="two">
  30. <meta name="text:link three url" content="http://">
  31. <meta name="text:link three name" content="three">
  32. <meta name="text:link four url" content="http://">
  33. <meta name="text:link four name" content="four">
  34.  
  35. <link rel="shortcut icon" href="{Favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <title>{Title}</title>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  44.  
  45. <style type="text/css">
  46. body{
  47. background:{color:Background};
  48. background-image:url('{image:background}');
  49. background-repeat:repeat;
  50. background-attachment:fixed;
  51. background-position:bottom right;
  52. line-height:100%;
  53. font-family: {font:body};
  54. font-size: 11px;
  55. letter-spacing: px;
  56. color:{color:text};}
  57.  
  58. @font-face{
  59. font-family: WebSymbolsRegular;
  60. src: url('http://static.tumblr.com/rzl30kg/t0Qmbgn5o/websymbols-regular-webfont.eot') format('eot')
  61. url('http://static.tumblr.com/rzl30kg/G3wmbgn77/websymbols-regular-webfont.woff') format('woff'),
  62. url('http://static.tumblr.com/rzl30kg/fQpmbgn8a/websymbols-regular-webfont.ttf') format('truetype'),
  63. url('http://static.tumblr.com/rzl30kg/dinmbgn8q/websymbols-regular-webfont.svg') format('svg');
  64. }
  65. a {
  66. text-decoration:none;
  67. color:{color:link};
  68. }
  69. a:hover{
  70. text-decoration:none;
  71. color:{color:link hover};
  72. -o-transition: all 0.4s ease-out;
  73. -webkit-transition: all 0.4s ease-out;
  74. -moz-transition: all 0.4s ease-out;
  75. }
  76.  
  77. a img{
  78. border:none;}
  79.  
  80. blockquote{
  81. padding:0px;
  82. padding-left:5px;
  83. margin:5px;
  84. border-left:1px solid {color:font};}
  85.  
  86. blockquote img{
  87. display:block;}
  88.  
  89. blockquote p{
  90. padding:0px;
  91. margin:0px;}
  92.  
  93. blockquote blockquote{
  94. position:relative;
  95. left:-5px;
  96. margin-top:0px;
  97. margin-right:0px;
  98. padding-right:0px;}
  99.  
  100. ul.chat, .chat ol, .chat li {
  101. list-style:none;
  102. margin:0px;
  103. padding:0px}
  104.  
  105. #container3{
  106. margin-left:133px;
  107. margin-top:130px;
  108. z-index:1;
  109. padding:50px;
  110. position:fixed;
  111. padding:15px;}
  112.  
  113. #entry{
  114. width:500px;
  115. padding: 20px;
  116. display: block;
  117. background-color: {color:entries};
  118. overflow:hidden;
  119. border:1px solid #F7F7F7;
  120. margin:20px 3px 3px 3px;}
  121.  
  122. #post{
  123. margin-left: 480px;
  124. width:650px;
  125. overflow:hidden;
  126. padding:22px;
  127. background-color:#;
  128. Margin-top:0px;}
  129.  
  130. #sidebar{
  131. width: 212px;
  132. padding: 19px;
  133. background-image:url('');
  134. font-family:georgia;
  135. font-size:9px;
  136. text-align:center;
  137. background-color: {color:background};}
  138.  
  139. b {
  140. font-weight:
  141. bold;color: {color:text};}
  142.  
  143. i, em {
  144. font-weight:italic;
  145. color: {color:text};}
  146.  
  147. u {
  148. font-weight:none;
  149. color: {color:underline};}
  150.  
  151. .asker {
  152. width: 485px;
  153. background-color: {color:audio info};
  154. padding: 10px;
  155. font-size: 11px;
  156. font-weight: bold;
  157. text-transform: uppercase;
  158. line-height: 11px; }
  159.  
  160. .asker img{
  161. float: left;
  162. padding: 0px 5px 0px 0px;}
  163.  
  164. .asker a{
  165. font-size: 11px;
  166. font-weight: bold;
  167. color:{color:link};
  168. line-height: 11px;
  169. padding: 0;
  170. margin: 0;}
  171.  
  172. .question {
  173. font-size: 10px;
  174. font-weight: normal;
  175. color:{color:text};
  176. padding:20px
  177. overflow:hidden;
  178. text-transform: none;}
  179.  
  180. .answer {
  181. padding-left: 4px;
  182. padding-right: 4px;
  183. padding-top: 4px;}
  184.  
  185. .answer img {
  186. max-width: 470px;}
  187.  
  188. #acont{
  189. z-index:2;
  190. display:block;
  191. width: 100px;
  192. height:100px;
  193. background-color:#ffffff;
  194. opacity:0.7;
  195. position:absolute;
  196. }
  197.  
  198. #acont:hover{
  199. -webkit-transition: all 0.2s ease-in-out;
  200. -moz-transition: all 0.2s ease-in-out;
  201. -o-transition: all 0.2s ease-in-out;
  202. transition: all 0.2s ease-in-out;
  203. opacity:0.6;}
  204.  
  205. #audioplayer{
  206. width:20px;
  207. height:20px;
  208. overflow:hidden;
  209. margin: 38px 0px 0px 35px;
  210. background-color:transparent;}
  211.  
  212. .atext {
  213. background-color:{color:audio info};
  214. font-family: {font:body}!important;
  215. font-size: 8px;
  216. line-height: 7px;
  217. letter-spacing: 2px;
  218. color: {color:link}!important;
  219. margin-bottom: 1px;
  220. margin-left: 101px;
  221. text-transform:;
  222. height:18px;
  223. text-decoration: none;
  224. display: block;
  225. padding: 41px 5px 41px 6px;
  226. width:390px;
  227. text-align:center;}
  228.  
  229. .atext:hover {
  230. color:{color:link};
  231. background-color:{color:entries};
  232. -webkit-transition: opacity 0.7s linear;
  233. opacity: 0.9s;
  234. -webkit-transition: all 0.6s ease-out;
  235. -moz-transition: all 0.6s ease-out;
  236. transition: all 0.6s ease-out;
  237. }
  238.  
  239. .audio{
  240. position:absolute;
  241. width:40px;
  242. height:40px;}
  243.  
  244. .aimg{
  245. width:100px;
  246. height:100px;
  247. position:absolute;}
  248.  
  249. .aimg img{
  250. float:left;
  251. opacity:0.6;
  252. width:100px;
  253. }
  254.  
  255. #pagination {
  256. text-align:center;
  257. font-family:georgia;
  258. font-size:10px;
  259. text-align:justify;
  260. }
  261.  
  262. iframe#tumblr_controls {
  263. top: 0% !important;
  264. right:0% !important;
  265. position: fixed !important;}
  266.  
  267. #infobox {
  268. font-family:georgia;
  269. text-transform: lowercase;
  270. font-size:9px;
  271. text-align:justify;
  272. letter-spacing:px;
  273. margin-left:3px;
  274. width:542px;
  275. background-color: transparent;
  276. }
  277.  
  278. .tags a{
  279. text-align:center;
  280. text-transform:uppercase;
  281. letter-spacing:1px;
  282. font-size:9px;
  283. letter-spacing:px;
  284. font-family:courier new;
  285. display:;
  286. margin-left:2px;
  287. margin-top:1px;
  288. background-color:{color:taglinks};}
  289.  
  290. .tags img{
  291. margin-top:20px;
  292. float:left;
  293. margin-left: 5px;}
  294. .tagsymbol{
  295. font-family:'WebSymbolsRegular';
  296. color:{color:font};
  297. line-height:8px;
  298. font-size:9px;}
  299. .quotesymbol{
  300. font-family: arial bold;
  301. margin-top:18px;
  302. font-size:60px;
  303. opacity:.3;
  304. color: {color:link};
  305. position: absolute;
  306. }
  307.  
  308. </style>
  309.  
  310. <style type="text/css">{CustomCSS}</style>
  311.  
  312. <body>
  313. <div id="container3">
  314.  
  315. <font style="font-family:times; font-size:150px; position:absolute; margin-top:75px;opacity:.16;margin-left:-15px;">“</font>
  316. <div id="sidebar"><a href="/">home</a> <a href="/ask">msg</a> {block:IfLinkOneurl}<a href="{text:link one url}">{text:link one name}</a>{/block:IfLinkOneurl} {block:IfLinkTwourl}<a href="{text:link two url}">{text:link two name}</a>{/block:IfLinkTwourl} {block:IfLinkThreeurl}<a href="{text:link Three url}">{text:link Three name}</a>{/block:IfLinkThreeurl} {block:IfLinkFoururl}<a href="{text:link Four url}">{text:link Four name}</a>{/block:IfLinkFoururl}
  317. <p>{description}</p>
  318.  
  319. </div>
  320. <div id="pagination"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div>
  321. </div>
  322.  
  323. <br>
  324. <div id="post">
  325. {block:Posts}
  326. <div id="entries">
  327.  
  328. {block:Text}
  329. <div id="entry">
  330. <div class="quotesymbol">“</div>
  331. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;">
  332. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{title}</font>{/block:Title}{Body}
  333. </div></div>
  334. {/block:Text}
  335.  
  336. {block:Photo}
  337. <div id="entry">
  338. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  339. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  340. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="500" title"Photo"/>
  341. {block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  342. {block:Caption}{Caption}{/block:Caption}
  343. </div>{/block:Photo}
  344.  
  345. {block:Photoset}
  346. <div id="entry">
  347. {Photoset-500}
  348. {block:Caption}{Caption}{/block:Caption}
  349. </div>
  350. {/block:Photoset}
  351.  
  352. {block:ContentSource}
  353. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  354. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  355. {/block:SourceLogo}
  356. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  357. {/block:ContentSource}
  358.  
  359. {block:Quote}
  360. <div id="entry">
  361. <div class="quotesymbol">“</div>
  362. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;"><span class="quote"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}, serif;font-style:italic;">{quote}</font><br>
  363. {block:Source}— <FONT style="FONT-WEIGHT: normal; FONT-SIZE: 5pt; TEXT-TRANSFORM: uppercase; COLOR: {color:link}; font-style:; LINE-HEIGHT: 8pt; LETTER-SPACING: 3pt; text-transform:;">{Source}</font>{/block:Source}
  364. </div>
  365. </div>
  366. {/block:Quote}
  367.  
  368. {block:Link}
  369. <div id="entry">
  370. <div class="quotesymbol">“</div>
  371. <div style="border-left:1px solid #F1F1F1; margin-left:37px; padding:9px;">
  372. <div class="h2"><a href="{URL}" title="{name}"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body};font-style:italic;">{name}</font></a></div>{block:Description}{Description}{/block:Description}
  373. </div></div>
  374. {/block:Link}
  375.  
  376. {block:Chat}
  377. <div id="entry">
  378. {block:Title}<font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{title}</font>{/block:Title}<br>
  379. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  380. </div>
  381. {/block:Chat}
  382.  
  383. {block:Audio}
  384. <div id="entry">
  385. <div class="audio"><div id="acont"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  386. <div class="aimg"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg"></div>{block:AlbumArt}<div class="aimg"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  387. <span class="atext"><font style="FONT-WEIGHT: normal; COLOR: {color:title}; font:normal 15px {font:body}">{block:TrackName}{TrackName}{/block:TrackName}</font><br>
  388. {block:Artist}{Artist}{/block:Artist} ♫ {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</span>
  389. <br>
  390. {block:Caption}{Caption}{/block:Caption}
  391. </div>
  392. {/block:Audio}
  393.  
  394. {block:Answer}
  395. <div id="entry">
  396. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
  397. <div class="question">{Question}</div></div>
  398. <div class="answer">{Answer}</div>
  399. </div>
  400. {/block:Answer}
  401.  
  402. {block:Video}
  403. <div id="entry">
  404. {Video-500}
  405. {block:Caption}{Caption}{/block:Caption}
  406. </div>
  407. {/block:Video}
  408.  
  409. <div id="infobox">
  410. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  411. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  412. <div style="float:right;">{block:RebloggedFrom}reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}<div style="text-align:right;">(source <a href="{SourceURL}">{SourceLink}</a>)</div>{/block:ContentSource}</div>
  413. <br>
  414. {block:HasTags}<span class="tagsymbol">,</span> {block:Tags}<span class="tags"><a href="{TagURL}" title="{Tag}">{Tag}</a> </span></a>{/block:Tags}{/block:HasTags}
  415. </div>
  416. {block:PostNotes}
  417. {PostNotes}
  418. {/block:PostNotes}
  419. </div>
  420. {/block:Posts}
  421. </div>
  422. </div>
  423. </div>
  424. <div style="position:fixed; bottom:5px; right:5px;"><a href="http://hkthemes.tumblr.com" titile=”(c) hkthemes”>&mdash; theme</a></div>
  425. </body>
  426. </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!