API tools faq
paste
topshopandtea

THEME 3 v1

topshopandtea
Jul 29th, 2013
199
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.07 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2. THEME BY hogwat (Katrina) please follow the rules or I will steal your precious WIFI forever :}
  3. ----------------------------------------------------------------------->
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  6. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{favicon}">
  12. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  13.  
  14. <meta name="color:background" content="#ffffff" />
  15. <meta name="color:posts title" content="#aaa" />
  16. <meta name="color:text" content="#9b9898" />
  17. <meta name="color:bold" content="#6f6e6e" />
  18. <meta name="color:italic" content="#b9b8b8" />
  19. <meta name="color:description" content="#b9b8b8" />
  20. <meta name="color:navigation links" content="#aaa" />
  21. <meta name="color:hyperlinks" content="#a2a2a2"/>
  22. <meta name="color:posts border" content="#f5f5f5" />
  23. <meta name="color:info bg" content="#fafafa" />
  24.  
  25.  
  26. <meta name="text:Link1" content="/" />
  27. <meta name="text:Link1 Title" content="" />
  28.  
  29. <meta name="text:Link2" content="/" />
  30. <meta name="text:Link2 Title" content="" />
  31.  
  32. <meta name="text:Link3" content="/" />
  33. <meta name="text:Link3 Title" content="" />
  34.  
  35. <meta name="text:Link4" content="/" />
  36. <meta name="text:Link4 Title" content="" />
  37.  
  38. <meta name="image:sidebar" content="" />
  39.  
  40.  
  41.  
  42. <style type="text/css">
  43.  
  44. iframe#tumblr_controls {
  45. right:0px !important;
  46. position:fixed !important;
  47. }
  48.  
  49. ::-webkit-scrollbar-track {background-color:#fff;}
  50. ::-webkit-scrollbar-thumb {background-color:#fafafa;}
  51. ::-webkit-scrollbar {width:5px;height:5px;}
  52.  
  53. body{
  54. background-color: {color:background};
  55. font-family:calibri;
  56. line-height:100%;
  57. color:{color:text};
  58. word-wrap: break-word;
  59. font-size:10px;
  60. text-align:justify;}
  61.  
  62. a { text-decoration:none;
  63. cursor:pointer;
  64. color:{color:hyperlinks};}
  65.  
  66. a:link, a:active, a:visited {
  67. color: {color:hyperlinks};}
  68.  
  69. a:hover {
  70. color:{color:hyperlinks hover};}
  71.  
  72. b, strong {
  73. font-weight:heavy;
  74. color:{color:bold};}
  75.  
  76. i, em {
  77. font-weight:light;
  78. color:{color:italic};}
  79.  
  80. blockquote {
  81. margin: 5px;
  82. padding:0px 3px 0px 3px;
  83. line-height:90%;;
  84. border-left: 1px solid #ddd;}
  85.  
  86. pre, xmp, plaintext, listing {
  87. display: block;
  88. white-space: pre;
  89. padding: 5px;
  90. word-wrap: break-word;
  91. font-size: 10px;}
  92.  
  93.  
  94. #sidebar { width:500px; margin-left:410px; margin-top:10px; opacity:1; border-bottom:2px solid #eee; background-color:#fff; }
  95.  
  96.  
  97. #sidebarimage img { width:75px; margin-left:200px; margin-bottom:15px; margin-top:15px; padding:3px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  98.  
  99. #description { width:280px; font-family:serif; padding:5px; font-size:9px; opacity: 0.8; text-align:justify; margin-top:-2px; margin-left:100px; margin-bottom:10px;}
  100.  
  101. #title{
  102. width:280px;
  103. text-align:center;
  104. font-family:baskerville;
  105. font-size:20px;
  106. margin-top:-10px;
  107. margin-left:100px;
  108. }
  109.  
  110. #links { width:280px;
  111. font-family:baskerville;
  112. font-size:12px;
  113. opacity:1;
  114. text-align:center;
  115. padding-top:4px;
  116. letter-spacing:1px;
  117. text-transform:lowercase;
  118. padding-bottom:10px;
  119. margin-top:10px;
  120. margin-left:100px;
  121. margin-bottom:2px;
  122. color:{color:sblinks};
  123. font-style:italic;
  124. }
  125.  
  126. #links a:hover { color:#fff; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease }
  127.  
  128.  
  129.  
  130.  
  131. #pagination { font-size:8px; text-align:center; color:{color:link}; font-family:serif; letter-spacing:2px; margin-left:-10px; margin-top:-10px; }
  132.  
  133. #entry{
  134. margin-top: 70px;
  135. margin-bottom: 70px;
  136. margin-left:400px;
  137. width:500px;}
  138.  
  139. #posts{
  140. line-height:90%;
  141. background:#fff;
  142. width:500px;
  143. padding:20px;
  144. margin-bottom:20px;}
  145.  
  146.  
  147. .info {
  148. position:absolute;
  149. margin-top:10px;
  150. width:490px;
  151. text-transform:uppercase;
  152. text-align: center;
  153. letter-spacing:1px;
  154. font-family: consolas;
  155. font-size:8px;
  156. color:#777;
  157. border-top:1px solid #f5f5f5;
  158. padding:6px;
  159. background:{color:info bg};}
  160.  
  161. .pnotes {
  162. background:transparent;
  163. max-height:250px;
  164. width:500px;
  165. text-align: left;
  166. overflow:auto;
  167. line-height:15px;
  168. padding:5px;
  169. margin-left: -20px;}
  170.  
  171. .pnotes img{width:16px;}
  172.  
  173. .pnotes li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;}
  174.  
  175. ol.notes {margin: 25px 0px;}
  176.  
  177. img.avatar {
  178. vertical-align: -4px;
  179. width: 16px;
  180. height: 16px;
  181. padding: 1px;}
  182.  
  183. .posttitle{
  184. color:{color:posts title};
  185. font-family: cambria;
  186. font-style:oblique;
  187. line-height: 100%;
  188. font-size:25px;}
  189.  
  190. #asker {
  191. font-family:calibri;
  192. text-transform: lowercase;
  193. line-height: 100%;
  194. text-align:left;
  195. padding:7px;
  196. font-size:15px;}
  197.  
  198. #questions {
  199. text-align:justify;
  200. color: {color:text};
  201. padding:10px;
  202. font-family:calibri;
  203. font-size:10px;
  204. background:#fafafa;}
  205.  
  206. #quote {
  207. font-family: cambria;
  208. font-style:oblique;
  209. font-size: 18px;
  210. letter-spacing:1px;
  211. line-height: 100%;
  212. padding: 10px;
  213. text-align:left;
  214. margin-bottom: 10px;}
  215.  
  216. #source {font-size: 9px; text-align: right;font-family:calibri;}
  217.  
  218. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  219. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  220. .chat li{
  221. list-style-type: none;
  222. margin-top:2px;
  223. padding:8px;}
  224.  
  225. .audio {height:47px;margin-bottom:10px;}
  226. .audio-player{height:26px;width:26px; margin-top: 7px; margin-left: 7px;overflow:hidden;opacity:0.6;border: 3px solid #f9f9f9; position:absolute; z-index:2; }
  227. .audio-album { position:absolute; width:32px; border: 7px solid #efefef;}
  228. .audio-info { height: 30px;margin-left:45px; padding:10px 10px 10px 10px;text-align:left; font-family:calibri;font-size:9px;line-height:110%;}
  229.  
  230. </style>
  231.  
  232. </head>
  233. <body>
  234.  
  235.  
  236.  
  237. <div id="sidebar">
  238. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  239. <div id="title">wishers and dreamers</div>
  240. <div id="links">
  241. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  242. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  243. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  244. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  245. </div>
  246.  
  247. <div id="description">{Description}</div>
  248.  
  249. {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}</div>{/block:Pagination}
  250. </div>
  251.  
  252.  
  253. <div id="entry">
  254. {block:Posts}
  255. <div id="posts">
  256.  
  257. {block:Quote}
  258. <div id="quote">"{Quote}"<br><div id="source">---{Source}</small></div></div>
  259. {block:indexpage}
  260. <div class="info">
  261. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  262. {block:NoteCount}{NoteCount}{/block:NoteCount}
  263. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  264. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  265. {/block:indexpage}
  266. {/block:Quote}
  267.  
  268. {block:Photo}
  269. {block:indexpage}
  270. <center><img src="{PhotoURL-500}" style="max-width:500px;"/></center>
  271. {block:Caption}{Caption}{/block:Caption}
  272. <div class="info">
  273. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  274. {block:NoteCount}{NoteCount}{/block:NoteCount}
  275. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  276. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  277. {/block:indexpage}
  278. {block:permalinkpage}
  279. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  280. {block:Caption}{Caption}{/block:Caption}
  281. {/block:permalinkpage}
  282. {/block:Photo}
  283.  
  284. {block:Photoset}
  285. {block:indexpage}
  286. <center>{Photoset-500}</center>
  287. {block:Caption}{Caption}{/block:Caption}
  288. <div class="info">
  289. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  290. {block:NoteCount}{NoteCount}{/block:NoteCount}
  291. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  292. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  293. {/block:indexpage}
  294. {block:permalinkpage}
  295. <center>{Photoset-500}</center>
  296. {block:Caption}{Caption}{/block:Caption}
  297. {/block:permalinkpage}
  298. {/block:Photoset}
  299.  
  300. {block:Link}
  301. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
  302. {block:Description}{Description}{/block:Description}
  303. {block:indexpage}
  304. <div class="info">
  305. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  306. {block:NoteCount}{NoteCount}{/block:NoteCount}
  307. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  308. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  309. {/block:indexpage}
  310. {block:Link}
  311.  
  312. {block:Chat}
  313. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  314. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  315. {/block:Label}
  316. {block:indexpage}
  317. <div class="info">
  318. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  319. {block:NoteCount}{NoteCount}{/block:NoteCount}
  320. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  321. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  322. {/block:indexpage}
  323. {/block:Chat}
  324.  
  325. {block:Audio}
  326. <div class="audio">
  327. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:32px;">{/block:AlbumArt}
  328. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  329. <div class="audio-info">
  330. {block:TrackName} {TrackName}<br>{/block:TrackName}
  331. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
  332. </div></div>
  333. {block:Caption}{Caption}{/block:Caption}
  334. {block:indexpage}
  335. <div class="info">
  336. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  337. {block:NoteCount}{NoteCount}{/block:NoteCount}
  338. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  339. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  340. {/block:indexpage}
  341. {/block:Audio}
  342.  
  343. {block:Text}
  344. {block:Title}
  345. <div class="posttitle">{Title}</div>
  346. {/block:Title}
  347. {Body}
  348. {block:indexpage}
  349. <div class="info">
  350. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  351. {block:NoteCount}{NoteCount}{/block:NoteCount}
  352. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  353. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  354. {/block:indexpage}
  355. {/block:Text}
  356.  
  357. {block:Video}
  358. {Video-500}
  359. {block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  360. {block:indexpage}
  361. <div class="info">
  362. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  363. {block:NoteCount}{NoteCount}{/block:NoteCount}
  364. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  365. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  366. {/block:indexpage}
  367. {block:permalinkpage}
  368. <center>{Video-500}</center>
  369. {block:Caption}{Caption}{/block:Caption}
  370. {/block:permalinkpage}
  371. {block:Video}
  372.  
  373. {block:Answer}
  374. <div id="asker">{Asker}:</div><div id="questions">{Question}</div>{Answer}
  375. {block:indexpage}
  376. <div class="info">
  377. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  378. {block:NoteCount}{NoteCount}{/block:NoteCount}
  379. {block:RebloggedFrom} <a href="{ReblogParentURL}">{ReblogParentName}</a> <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  380. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  381. {/block:indexpage}
  382. {/block:Answer}
  383.  
  384.  
  385. {block:permalinkpage}
  386. <p>
  387. {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}
  388. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  389. {block:ContentSource}source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  390. {block:HasTags}
  391. {block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}{/block:HasTags}
  392. {block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}
  393.  
  394. <div class="pnotes">
  395. {block:PostNotes}
  396. {PostNotes-16}
  397. {/block:PostNotes}
  398. </div>{/block:permalinkpage}</div>
  399.  
  400. {/block:Posts}
  401. </div>
  402.  
  403.  
  404.  
  405. <div style="font-family:pathway gothic one; font-size: 25px; letter-spacing: 1px; float: left; position: fixed; bottom: 5px; left: 5px; text-transform:uppercase; width:20px; height:20px; color:#5897a7;"><a href="javascript:scroll(0,0)">▲</a></div>
  406.  
  407. <div style="font-family:baskerville; font-size: 15px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase; width:30px; height:20px; color:#5897a7;"><a href="http://hogwat.tumblr.com/">hgt</a></div>
  408.  
  409. </body>
  410. </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!