API tools faq
paste
Advertisement
Perfect-Nicholas

Theme #15 - A Window to the Past

Perfect-Nicholas
Sep 14th, 2013
1,366
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.09 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <!---- Theme #15 by llermans © tumblr.com --->
  10.  
  11. <meta name="color:Background" content="#ffffff"/>
  12. <meta name="color:Text" content="#838282"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:Link Hover" content="#888787"/>
  15. <meta name="color:scrollbar" content="#d6d5d5"/>
  16.  
  17. <meta name="if:400px posts" content=""/>
  18. <meta name="if:small cursor" content="1"/>
  19. <meta name="image:sidebar" content=""/>
  20.  
  21. <meta name="text:link 1" content="Link 1"/>
  22. <meta name="text:link 1 url" content="/"/>
  23. <meta name="text:link 2" content="Link 2"/>
  24. <meta name="text:link 2 url" content="/"/>
  25.  
  26. <style type="text/css">
  27.  
  28. body {
  29. background:{color:background};
  30. margin:0px;
  31. color:{color:text};
  32. font-family:Calibri;
  33. font-size:10px;
  34. line-height:100%;
  35. {block:ifSmallCursor}
  36. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  37. {/block:ifSmallCursor}
  38. }
  39.  
  40. a {
  41. text-decoration:none;
  42. outline:none;
  43. -moz-outline-style:none;
  44. color:{color:link};
  45. -moz-transition-duration:0.8s;
  46. -webkit-transition-duration:0.8s;
  47. -o-transition-duration:0.8s;
  48. }
  49.  
  50. a:hover {
  51. text-decoration:none;
  52. outline:none;
  53. -moz-outline-style:none;
  54. color:{color:link hover};
  55. {block:ifSmallCursor}
  56. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  57. {/block:ifSmallCursor}
  58. }
  59.  
  60. img {
  61. border:none;
  62. {block:ifNot400pxposts}
  63. max-width:500px!important;
  64. {/block:ifNot400pxposts}
  65. {block:if400pxposts}
  66. max-width:400px!important;
  67. {/block:if400pxposts}x
  68. }
  69.  
  70. blockquote {
  71. padding-left:5px;
  72. border-left:2px solid;
  73. }
  74.  
  75. blockquote blockquote {
  76. padding-left:5px;
  77. border-left:2px solid;
  78. }
  79.  
  80. ::-webkit-scrollbar {
  81. width: 5px;height: 5px;}
  82. ::-webkit-scrollbar-button:start:decrement,
  83. ::-webkit-scrollbar-button:end:increment {
  84. height: 6px;display: block;background-color: {color:white};}
  85. ::-webkit-scrollbar-track-piece {
  86. background-color: {color:scrollbar};}
  87. ::-webkit-scrollbar-thumb:vertical {
  88. height: 9px;background-color: {color:scrollbar};border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  89.  
  90. .caption {
  91. text-align:left;
  92. font-size:10px;
  93. margin-top:5px;
  94. padding:10px 20px 10px 30px;
  95. font-family:helvetica;
  96. display:block;
  97. color:{color:text};
  98. {block:ifNot400pxposts}
  99. max-width:500px!important;
  100. {/block:ifNot400pxposts}
  101. {block:if400pxposts}
  102. max-width:400px!important;
  103. {/block:if400pxposts}
  104. }
  105.  
  106. .caption img {
  107. max-width:360px;
  108. }
  109.  
  110. .caption a {
  111. color:{color:text};
  112. border-bottom:1px solid {color:link};
  113. }
  114.  
  115. #post {
  116. padding-bottom:60px;
  117. {block:ifNot400pxposts}
  118. max-width:500px!important;
  119. {/block:ifNot400pxposts}
  120. {block:if400pxposts}
  121. max-width:400px!important;
  122. {/block:if400pxposts}
  123. }
  124.  
  125. #entries {
  126. padding:10px;
  127. margin-left:550px;
  128. margin-top:40px;
  129. {block:ifNot400pxposts}
  130. max-width:500px!important;
  131. {/block:ifNot400pxposts}
  132. {block:if400pxposts}
  133. margin-left:550px!important;
  134. max-width:400px!important;
  135. {/block:if400pxposts}
  136. }
  137.  
  138. #sidebar {
  139. width:200px;
  140. position:fixed;
  141. margin-left:290px;
  142. margin-top:200px;
  143. }
  144.  
  145. #sidebar:hover #links {
  146. opacity: 1;
  147. margin-top: 5px;
  148. -webkit-transition: all .4s linear;
  149.  
  150. }
  151.  
  152. #sidebarimage {
  153. width: 200px;
  154. }
  155.  
  156. #sidebarimage img {
  157. width:200px;
  158. }
  159.  
  160. #links {
  161. padding:5px;
  162. text-align:center;
  163. word-spacing: 2px;
  164. width:200px;
  165. margin-top:-20px;
  166. margin-left:-5px;
  167. opacity: 0;
  168. text-transform:lowercase;
  169. -webkit-transition: all .4s linear;
  170. }
  171.  
  172. #links a {
  173. letter-spacing: 1px;
  174. }
  175.  
  176. #description {
  177. padding:5px;
  178. text-align:justify;
  179. font-family:cambria;
  180. width:184px;
  181. margin-left: 3px;
  182. margin-top:15px;
  183. letter-spacing: 0px;
  184. line-height: 130%;
  185. }
  186.  
  187. #pagination {
  188. margin-top:15px;
  189. font-size:10px;
  190. text-align:center;
  191. font-family:cambria;
  192. }
  193.  
  194. #info {
  195. padding:5px;
  196. text-align:left;
  197. margin-top:15px;
  198. border-top:1px solid #eeeeee;
  199. }
  200.  
  201. .tags {
  202. margin-top:5px;
  203. }
  204.  
  205. .quote {
  206. font-family:times;
  207. color:{color:title};
  208. font-size:15px;
  209. font-style:italic;
  210. text-align:center;
  211. letter-spacing:0px;
  212. line-height:110%;
  213. padding:10px;
  214. margin-bottom:5px;
  215. }
  216.  
  217. #source {
  218. font-size:9px;
  219. text-align:right;
  220. padding:3px;
  221. }
  222.  
  223. #source a {
  224. color:{color:text};
  225. }
  226.  
  227. .audio {
  228. height:47px;
  229. margin-bottom:10px;
  230. }
  231.  
  232. .audio-player{
  233. height:27px;
  234. width:26px;
  235. margin-top: 28px;
  236. margin-left: 27px;
  237. overflow:hidden;
  238. opacity:0.6;
  239. border: 3px solid #f9f9f9;
  240. position:absolute;
  241. z-index:2;
  242. border-radius:100%;
  243. -webkit-transition: all .4s linear;
  244. }
  245.  
  246. .audio-player:hover {
  247. opacity:1;
  248. }
  249.  
  250. .audio-album {
  251. position:absolute;
  252. width:84px;
  253. box-shadow:2px 2px 2px #666;
  254. }
  255.  
  256. .audio-info {
  257. height: 30px;
  258. margin-left:105px;
  259. padding:15px 10px 10px 10px;
  260. text-align:left;
  261. font-family:cambria;
  262. font-size:16px;
  263. line-height:150%;
  264. letter-spacing: 1px;
  265. font-style:oblique;
  266. font-weight:200;
  267. }
  268.  
  269. #ask {
  270. padding: 3px;
  271. font-style: italic;
  272. font-size:12px;
  273. text-transform: lowercase;
  274. padding-bottom: 5px;
  275. padding-right: 5px;
  276. line-height:115%;
  277. background-color: #fcfcfc;
  278. {block:ifNot400pxposts}
  279. max-width:450px!important;
  280. {/block:ifNot400pxposts}
  281. {block:if400pxposts}
  282. max-width:350px!important;
  283. {/block:if400pxposts}
  284. }
  285.  
  286. #askerportrait {
  287. width: 50px;
  288. height: 40px;
  289. float:left;
  290. {block:ifNot400pxposts}
  291. max-width:500px!important;
  292. {/block:ifNot400pxposts}
  293. {block:if400pxposts}
  294. max-width:400px!important;
  295. {/block:if400pxposts}
  296. }
  297.  
  298. #asker {
  299. margin-top:2px;
  300. width:auto;
  301. font-style:italic;
  302. text-transform:lowercase;
  303. padding:3px;
  304. border-bottom: 2px solid #eeeeee
  305. }
  306.  
  307. #answer {
  308. font-size: 9px;
  309. padding-top: 10px;
  310. margin-left: 7px;
  311. line-height:120%;
  312. {block:ifNot400pxposts}
  313. max-width:480px!important;
  314. {/block:ifNot400pxposts}
  315. {block:if400pxposts}
  316. max-width:380px!important;
  317. {/block:if400pxposts}
  318. }
  319.  
  320. .chat {line-height:12px; list-style:none }
  321. .chat ul {list-style:none; padding:0px; line-height:20px;}
  322. .person1 {background-color:{color:blockquote}; padding-left:6px; padding-right:6px; font-size:10px;}
  323. .person1 .label {font-weight:bold;}
  324. .person2 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  325. .person2 .label {font-weight:bold; color:{color:bold};}
  326. .person3 { background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  327. .person3 .label {font-weight:bold; color:{color:border};}
  328. .person4 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  329. .person4 .label {font-weight:bold; color:{color:bold};}
  330. .person5 {color:{color:blockquote text}; background-color:{color:blockquote}; padding-left:6px; padding-right:6px;font-size:10px;}
  331. .person5 .label {font-weight:bold;}
  332. .person6 {background-color:transparent; padding-left:6px; padding-right:6px;font-size:10px;margin-left:5px;}
  333. .person6 .label {font-weight:bold; color:{color:bold};}
  334.  
  335. #credit {
  336. position:fixed;
  337. right:10px;
  338. bottom:10px;
  339. text-transform:uppercase;
  340. font:10px 'cambria';
  341. letter-spacing:1px;
  342. padding:5px;
  343. -webkit-transition: all 0.5s ease;
  344. -moz-transition: all 0.5s ease;
  345. -ms-transition: all 0.5s ease;
  346. -o-transition: all 0.5s ease;
  347. transition: all 0.5s ease;
  348.  
  349. }
  350.  
  351. #credit:hover {
  352. position:fixed;
  353. right:10px;
  354. bottom:10px;
  355. text-transform:uppercase;
  356. font:10px 'cambria';
  357. letter-spacing:1px;
  358. padding:5px;
  359. text-shadow: 1px 1px 1px #bebebe;
  360. -webkit-transition: all 0.5s ease;
  361. -moz-transition: all 0.5s ease;
  362. -ms-transition: all 0.5s ease;
  363. -o-transition: all 0.5s ease;
  364. transition: all 0.5s ease;
  365.  
  366. }
  367.  
  368.  
  369. {CustomCSS}</style></head><body>
  370.  
  371.  
  372. <div id="sidebar">
  373.  
  374. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  375.  
  376. <div id="description">{description}</div>
  377.  
  378. <div id="links">
  379. <a href="/">Home</a> /
  380. <a href="/ask">Ask</a> /
  381. <a href="{text:link 1 url}">{text:link 1}</a> /
  382. <a href="{text:link 2 url}">{text:link 2}</a>
  383. </a>
  384.  
  385. </div>
  386.  
  387. <div id="pagination">
  388. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  389. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}{/block:Pagination}
  390. </div>
  391.  
  392. </div>
  393.  
  394. <div id="entries">{block:Posts}<div id="post">
  395.  
  396. {block:ContentSource}
  397. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  398. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  399. {/block:SourceLogo}
  400. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  401. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  402.  
  403. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  404.  
  405. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photo}
  406.  
  407. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Photoset}
  408.  
  409. {block:Quote}<div class="quote">❝ {Quote} ❞</div>{block:Source}
  410. <br><div id="source">» &nbsp;&nbsp;{Source}&nbsp;&nbsp;</div>
  411. {/block:Source}{/block:Quote}
  412.  
  413. {block:Link}<h1><a href="{URL}" {Target}><span style="color:#aaa;font-family:cambria;font-style:oblique;line-height:100%;font-size:25px;font-weight:200;">{Name} →</span></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  414.  
  415. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}
  416. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  417.  
  418. {block:Audio}<div class="audio">{block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:84px;">{/block:AlbumArt}
  419. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="audio-info">
  420. {block:TrackName} {TrackName}<br>{/block:TrackName}
  421. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
  422. <span style="font-size:9px;line-height:110%; font-style:normal; float:right;">-{block:Artist} {Artist} {/block:Artist}</span>
  423. </div></div><br><br><br>{/block:Audio}
  424.  
  425. {block:Video}{Video-500}{block:Caption}<span class="caption">{Caption}</span>{/block:Caption}{/block:Video}
  426.  
  427. {block:Answer}<center><div id="askerportrait"><a href="{AskerURL}"><img src="{AskerPortraitURL-40}"></a></div></center><div id="ask">{Question}</div><br></span><div id="answer">{Answer}</div>{/block:Answer}
  428.  
  429. <div id="info">
  430. {block:Date}<span style="text-decoration:underline;">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}</span>{/block:Date} &nbsp;&nbsp; <a href="{Permalink}">
  431. {NoteCountWithLabel}</a>{block:RebloggedFrom} &nbsp;&nbsp; <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}<br> {block:HasTags}<div class="tags">↳{block:Tags} <a href="{TagURL}">{Tag}&nbsp;</a>{/block:Tags}</div>{/block:HasTags}</div>
  432.  
  433. </div>
  434. {block:PostNotes}{PostNotes}{/block:PostNotes}
  435. {/block:Posts}</div>
  436.  
  437. <div id="credit">
  438. <a href="http://llermans.tumblr.com/">llmns</a></div>
  439.  
  440. </body></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!