Advertisement
blomkvist

Theme #10

Apr 17th, 2014
957
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.68 KB | None | 0 0
  1. <!-- THEME BY BLOMKVIST.TUMBLR.COM -->
  2.  
  3. <html>
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/rgmwec0/slEn47hmi/sf5ow940.css">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12. </head>
  13.  
  14. <!-- DEFAULTS -->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Font" content="#5e5e5e">
  18. <meta name="color:Link" content="#5e5e5e">
  19. <meta name="color:Post Link Hover" content="#a80000">
  20. <meta name="color:Nav Font" content="#5e5e5e">
  21. <meta name="color:Nav Bg" content="#ffffff">
  22. <meta name="color:Nav Hover Font" content="#a80000">
  23. <meta name="color:Nav Hover Bg" content="#ffffff">
  24. <meta name="color:Date Link" content="#5e5e5e">
  25. <meta name="color:Date Link Hover" content="#5e5e5e">
  26. <meta name="color:Tags" content="#5e5e5e">
  27. <meta name="color:Tag Link" content="#5e5e5e">
  28. <meta name="color:Tag Link Bg" content="#ffffff">
  29. <meta name="color:Tag Link Hover" content="#ffffff">
  30. <meta name="color:Tag Hover Bg" content="#5e5e5e">
  31. <meta name="color:Divider" content="#eeeeee">
  32. <meta name="color:Pagination Divider" content="#eeeeee">
  33. <meta name="color:Question Bg" content="#eeeeee">
  34. <meta name="color:Blockquote" content="#eeeeee">
  35.  
  36. <meta name="text:Link1" content="archive" />
  37. <meta name="text:Link1 URL" content="/archive" />
  38. <meta name="text:Link2" content="ask" />
  39. <meta name="text:Link2 URL" content="/ask" />
  40. <meta name="text:Link3" content="Link 3" />
  41. <meta name="text:Link3 URL" content="/" />
  42. <meta name="text:Link4" content="Link 4" />
  43. <meta name="text:Link4 URL" content="/" />
  44. <meta name="text:Link5" content="Link 5" />
  45. <meta name="text:Link5 URL" content="/" />
  46. <meta name="text:Link6" content="Link 6" />
  47. <meta name="text:Link6 URL" content="/" />
  48. <meta name="text:Link7" content="Link 7" />
  49. <meta name="text:Link7 URL" content="/" />
  50. <meta name="text:Link8" content="Link 8" />
  51. <meta name="text:Link8 URL" content="/" />
  52.  
  53. <meta name="text:Font" content="Helvetica">
  54. <meta name="text:Font Size" content="8pt">
  55. <meta name="text:Spacer Height" content="30px">
  56. <meta name="text:Top Margin" content="30px">
  57.  
  58. <meta name="if:250px" content="0">
  59. <meta name="if:400px" content="0">
  60. <meta name="if:Alternative Style" content="0">
  61. <meta name="if:Back to Top Link" content="1">
  62. <meta name="if:Numbered Date" content="1">
  63. <meta name="if:Show Date" content="1">
  64. <meta name="if:Show Searchbar" content="1">
  65. <meta name="if:Show Tags" content="0">
  66. <meta name="if:Show Time" content="1">
  67. <meta name="if:Show Title" content="0">
  68. <meta name="if:Toggle Notes" content="1">
  69. <meta name="if:White Audio Player" content="0">
  70.  
  71.  
  72.  
  73. <style>
  74. body {
  75. background:{color:Background};
  76. font-family:{text:Font};
  77. font-size:{text:Font Size};
  78. color:{color:Font};
  79. line-height:140%;
  80. font-weight:400;
  81. }
  82. blockquote {
  83. padding:0 0 0 10px;
  84. border-left:3px solid {color:Blockquote};
  85. }
  86. blockquote, small, h1, h2, h3, h4, sup, sub {
  87. font-size:{text:Font Size} !important;
  88. }
  89. a {
  90. color:{color:Link};
  91. text-decoration:none;
  92. }
  93. a:hover {
  94. color:{color:Post Link Hover};
  95. text-decoration:none;
  96. }
  97. img, a img, a:hover img, #header img, #header img a {
  98. border:0;
  99. }
  100. #container {
  101. {block:IfNot400px}{block:IfNot250px}width:650px;{/block:IfNot250px}{/block:IfNot400px}
  102. {block:If400px}width:550px;{/block:If400px}
  103. {block:If250px}width:400px;{/block:If250px}
  104. margin:25px auto;
  105. }
  106. #header {
  107. width:140px;
  108. margin-top:{text:Top Margin};
  109. text-align:left;
  110. float:left;
  111. position:fixed;
  112. }
  113. #pagination {
  114. border-top:1px solid {color:Pagination Divider};
  115. padding:5px 0;
  116. {block:IfAlternativeStyle}line-height:150%;{/block:IfAlternativeStyle}
  117. {block:IfNotAlternativeStyle}line-height:140%;{/block:IfNotAlternativeStyle}
  118. }
  119. .left {
  120. float:left;
  121. }
  122. .right {
  123. float:right;
  124. }
  125. #pagination a {
  126. text-decoration:none;
  127. }
  128. #content {
  129. {block:IfNot400px}{block:IfNot250px}width:500px;{/block:IfNot250px}{/block:IfNot400px}
  130. {block:If400px}width:400px;{/block:If400px}
  131. {block:If250px}width:250px;{/block:If250px}
  132. float:right;
  133. }
  134. #navigation {
  135. background-color:{color:Nav Bg};
  136. margin:0;
  137. padding:5px 0;
  138. {block:IfAlternativeStyle}line-height:150%;{/block:IfAlternativeStyle}
  139. {block:IfNotAlternativeStyle}line-height:140%;{/block:IfNotAlternativeStyle}
  140. }
  141. #navigation a, #pagination a {
  142. color:{color:Nav Font};
  143. background-color:{color:Nav Bg};
  144. {block:IfAlternativeStyle}text-transform:uppercase;
  145. font-weight:700;
  146. padding:1px 2px;
  147. {/block:IfAlternativeStyle}
  148. }
  149. #navigation a:hover, #pagination a:hover {
  150. background-color:{color:Nav Hover Bg};
  151. color:{color:Nav Hover Font};
  152. }
  153. {block:IfNotAlternativeStyle}#navigation a:hover {
  154. font-weight:700;
  155. }{/block:IfNotAlternativeStyle}
  156. .spacer {
  157. background:transparent;
  158. width:1px;
  159. height:{text:Spacer Height};
  160. }
  161.  
  162. /* Posts */
  163. #posts {
  164. {block:IfNot400px}{block:IfNot250px}width:500px;{/block:IfNot250px}{/block:IfNot400px}
  165. {block:If400px}width:400px;{/block:If400px}
  166. {block:If250px}width:250px;{/block:If250px}
  167. }
  168. .entry, .quotes, .searchresults {
  169. text-align:justify;
  170. }
  171. .searchresults {
  172. padding-bottom:10px;
  173. }
  174. .searchresults, .searchresults a {
  175. {block:IfAlternativeStyle}font-size:7pt;
  176. text-transform:uppercase;
  177. font-weight:700;{/block:IfAlternativeStyle}
  178. }
  179. .entry img {
  180. {block:IfNot400px}{block:IfNot250px}max-width:500px;{/block:IfNot250px}{/block:IfNot400px}
  181. {block:If400px}max-width:400px;{/block:If400px}
  182. {block:If250px}max-width:250px;{/block:If250px}
  183. }
  184. .photo img {
  185. {block:IfNot400px}{block:IfNot250px}width:500px;{/block:IfNot250px}{/block:IfNot400px}
  186. {block:If400px}width:400px;{/block:If400px}
  187. {block:If250px}width:250px;{/block:If250px}
  188. height:auto;
  189. }
  190. .quotes {
  191. margin:10px 0 0 0px;
  192. font-style:italic;
  193. }
  194. .source {
  195. padding:0 5px;
  196. text-align:right;
  197. }
  198. .caption {
  199. text-align:justify;
  200. padding:5px 0;
  201. }
  202. .caption img {
  203. {block:IfNot400px}{block:IfNot250px}max-width:400px;{/block:IfNot250px}{/block:IfNot400px}
  204. {block:If400px}max-width:200px;{/block:If400px}
  205. {block:If250px}max-width:160px;{/block:If250px}
  206. }
  207. .music {
  208. min-height:84px;
  209. padding-top:5px;
  210. }
  211. .question {
  212. padding:10px;
  213. background:{color:Question Bg};
  214. }
  215.  
  216. /* Tags */
  217. #tags {
  218. color:{color:Tags};
  219. {block:IfNot400px}{block:IfNot250px}width:500px;{/block:IfNot250px}{/block:IfNot400px}
  220. {block:If400px}width:400px;{/block:If400px}
  221. {block:If250px}width:250px;{/block:If250px}
  222. text-align:justify;
  223. }
  224. #tags a {
  225. color:{color:Tag Link};
  226. {block:IfAlternativeStyle}font-size:7pt;
  227. text-transform:uppercase;
  228. padding:1px 2px;{/block:IfAlternativeStyle}
  229. }
  230. #tags a:hover {
  231. color:{color:Tag Link Hover};
  232. background:{color:Tag Hover Bg};
  233. }
  234.  
  235. /* Date and Notes */
  236. #notes {
  237. {block:IfNot400px}{block:IfNot250px}width:500px;{/block:IfNot250px}{/block:IfNot400px}
  238. {block:If400px}width:400px;{/block:If400px}
  239. {block:If250px}width:250px;{/block:If250px}
  240. padding-top:3px;
  241. border-top:1px solid {color:Divider};
  242. {block:IfAlternativeStyle}font-size:7pt;{/block:IfAlternativeStyle}
  243. }
  244. #notes a {
  245. color:{color:Link};
  246. font-weight:700;
  247. {block:IfAlternativeStyle}font-size:7pt;{/block:IfAlternativeStyle}
  248. }
  249. #notes a:hover {
  250. color:{color:Date Link Hover};
  251. }
  252. span.date {
  253. text-transform:uppercase;
  254. }
  255. .sources {
  256. float:right;
  257. }
  258. ol {
  259. list-style-type:none;
  260. }
  261. ol.notes li {
  262. {block:IfNot400px}{block:IfNot250px}width:500px;{/block:IfNot250px}{/block:IfNot400px}
  263. {block:If400px}width:400px;{/block:If400px}
  264. {block:If250px}width:250px;{/block:If250px}
  265. padding-bottom:10px;
  266. margin-left:-40px;
  267. }
  268. ol.notes li img {
  269. display:none;
  270. }
  271.  
  272. #top-link {
  273. display:none;
  274. font-size:7pt;
  275. {block:IfAlternativeStyle}text-transform:uppercase;{/block:IfAlternativeStyle}
  276. color:{color:Nav Link};
  277. background:{color:Nav Bg};
  278. padding:1px 2px;
  279. }
  280.  
  281. #top-link:hover {
  282. color:{color:Nav Hover Font};
  283. background:{color:Nav Hover Bg};
  284. }
  285.  
  286. input {
  287. font-family:{text:Font};
  288. font-size:7pt;
  289. border:1px solid {color:Divider};
  290. width:75%;
  291. padding:3px;
  292. }
  293.  
  294. </style>
  295.  
  296. <body>
  297. <!-- JQUERY/JAVASCRIPT! DON'T TOUCH! -->
  298. <script src='http://static.tumblr.com/ix8jftx/KOLmgg5nc/jquery.js'></script>
  299. <script src="http://static.tumblr.com/rgmwec0/V1Jn3yfby/scrollto.js"></script>
  300. <script src="http://static.tumblr.com/rgmwec0/2fYn3ydzz/top.js"></script>
  301. <script src="http://static.tumblr.com/rgmwec0/576n3ye37/notes.js"></script>
  302. <script type="text/javascript" src="http://static.tumblr.com/rgmwec0/wlZn47i0i/jvm.js"></script>
  303. <!-- END -->
  304. <div id="container">
  305. <div id="header">
  306. <br><br>
  307. <div id="navigation">
  308. <a href="/">{block:IfNotShowTitle}home</a>{/block:IfNotShowTitle}{block:IfShowTitle}{title}</a><br>{/block:IfShowTitle}{block:ifLink1}<br><a href="{text:Link1 URL}">{text:Link1}</a>{/block:ifLink1}{block:ifLink2}<br><a href="{text:Link2 URL}">{text:Link2}</a>{/block:ifLink2}{block:ifLink3}<br><a href="{text:Link3 URL}">{text:Link3}</a>{/block:ifLink3}{block:ifLink4}<br><a href="{text:Link4 URL}">{text:Link4}</a>{/block:ifLink4}{block:ifLink5}<br><a href="{text:Link5 URL}">{text:Link5}</a>{/block:ifLink5}{block:ifLink6}<br><a href="{text:Link6 URL}">{text:Link6}</a>{/block:ifLink6}{block:ifLink7}<br><a href="{text:Link7 URL}">{text:Link7}</a>{/block:ifLink7}{block:ifLink8}<br><a href="{text:Link8 URL}">{text:Link8}</a>{/block:ifLink8}
  309. </div>
  310. {block:Description}<br>{Description}<br><br>{/block:Description}
  311. {block:IndexPage}
  312. <div id="pagination">
  313. {block:PreviousPage}
  314. <a href="{PreviousPage}">back</a><br>
  315. {/block:PreviousPage}
  316. {block:NextPage}
  317. <a href="{NextPage}">next</a></span>
  318. {/block:NextPage}
  319. {block:IfShowSearchbar}<br><br>
  320. <form action="/search" method="get">
  321. <input type="text" name="q" placeholder="search a tag..."/>
  322. </form><br>{/block:IfShowSearchbar}
  323. {block:IfBackToTopLink}<a href="#top" id="top-link">▲</a>{/block:IfBackToTopLink}
  324. </div>
  325. {/block:IndexPage}
  326. </div>
  327.  
  328. <div id="content">
  329. <div id="posts">
  330. {block:SearchPage}
  331. <div class="searchresults"><center>showing results for <a href="/tagged/{SearchQuery}">#{SearchQuery}</center><br><br></a>{block:NoSearchResults}No results for "{SearchQuery}".{/block:NoSearchResults}</div>
  332. {/block:SearchPage}
  333. {block:Posts}
  334. {block:Text}
  335. <div class="entry">
  336. <div class="item">{block:Title}
  337. <h3><a href="{Permalink}">{Title}</a></h3>
  338. </div>
  339. {/block:Title}
  340. {Body}
  341. {/block:Text}
  342.  
  343. {block:Photo}
  344. <div class="photo">
  345. <div class="item"><a href="{Permalink}"><img src="{block:IfNot400px}{block:IfNot250px}{PhotoURL-500}{/block:IfNot250px}{/block:IfNot400px}
  346. {block:If400px}{PhotoURL-400}{/block:If400px}
  347. {block:If250px}{PhotoURL-250}{/block:If250px}"/></a>
  348. </div>
  349. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  350. {/block:Photo}
  351.  
  352. {block:Photoset}
  353. <div class="photoset">
  354. <div class="item">{block:IfNot400px}{block:IfNot250px}{Photoset-500}{/block:IfNot250px}{/block:IfNot400px}
  355. {block:If400px}{Photoset-400}{/block:If400px}
  356. {block:If250px}{Photoset-250}{/block:If250px}</div>
  357. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  358. {/block:Photoset}
  359.  
  360. {block:Quote}
  361. <div class="quote">
  362. <div class="quotes">{Quote}</div>
  363. <br>
  364. {block:Source}<div class="source">– {Source}</div>{/block:Source}<br>
  365. {/block:Quote}
  366.  
  367. {block:Link}
  368. <div class="link">
  369. <a href="{URL}" class="link" {Target}><b>{Name}</b></a>
  370. {block:Description}
  371. <div class="caption">{Description}</div>
  372. {/block:Description}
  373. {/block:Link}
  374.  
  375. {block:Chat}
  376. <div class="chat">
  377. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  378. <ul class="chat">
  379. {block:Lines}
  380. <div class="{Alt} user_{UserNumber}">
  381. {block:Label}
  382. <span class="label"><b>{Label}</b></span>
  383. {/block:Label}
  384. {Line}
  385. {/block:Lines}
  386. </ul>
  387. </div>
  388. {/block:Chat}
  389.  
  390. {block:Video}
  391. <div class="video">
  392. <div class="item">{block:IfNot400px}{block:IfNot250px}{Video-500}{/block:IfNot250px}{/block:IfNot400px}
  393. {block:If400px}{Video-400}{/block:If400px}
  394. {block:If250px}{Video-250}{/block:If250px}</div>
  395. {block:Caption}
  396. <div class="caption">{Caption}</div>
  397. {/block:Caption}
  398. {/block:Video}
  399.  
  400. {block:Answer}
  401. <div class="entry">
  402. <div class="question"><b>{Asker}</b> said: {Question}</div>
  403. {Answer}
  404. {/block:Answer}
  405.  
  406. {block:Audio}
  407. <div class="audio">
  408. <div class="music">
  409. {block:AlbumArt}
  410. <img src="{AlbumArtURL}" align="right" style="padding:0 0 0 5px; max-width:64px;">
  411. {/block:AlbumArt}
  412. {block:IfNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:IfNotWhiteAudioPlayer}{block:IfWhiteAudioPlayer}{AudioPlayerWhite}{/block:IfWhiteAudioPlayer}<br>
  413. {block:TrackName}
  414. <b>Track:</b> {TrackName}<br>
  415. {/block:TrackName}
  416. {block:Artist}
  417. <b>Artist:</b> {Artist}<br>
  418. {/block:Artist}
  419. {block:Album}
  420. <b>Album:</b> {Album}<br>
  421. {/block:Album}
  422. {block:Caption}<br>
  423. <div class="caption">{Caption}</div>
  424. {/block:Caption}
  425. </div>
  426. {/block:Audio}
  427. <div id="notes">
  428. {block:Date}
  429. {block:IfShowDate}<span class="date"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{block:IfNumberedDate}{DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:IfNumberedDate}{block:IfNotNumberedDate}{DayOfMonth} {ShortMonth} {ShortYear}{/block:IfNotNumberedDate}</a></span>{/block:IfShowDate} {block:IfShowTime}{block:IfShowDate}@ {/block:IfShowDate}<a href="{Permalink}">{12HourWithZero}:{Minutes} {CapitalAmPm}</a>{/block:IfShowTime} {block:PermalinkPage}{block:RebloggedFrom} (<a href="{ReblogParentURL}" style="display:none;"></a><a href="{ReblogRootURL}">© {ReblogRootName}</a>){/block:RebloggedFrom}{/block:PermalinkPage}
  430.  
  431. {/block:Date}
  432. <span class="sources">{block:NoteCount}<a href="{Permalink}">{block:IfAlternativeStyle}{NoteCount} N.{/block:IfAlternativeStyle}{block:IfNotAlternativeStyle}{NoteCountWithLabel}{/block:IfNotAlternativeStyle}</a>{/block:NoteCount}
  433. </span>
  434. </div>
  435.  
  436. {block:IfShowTags}<div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp; {/block:Tags}{/block:HasTags} </div>{/block:IfShowTags}
  437.  
  438. {block:IfNotShowTags}{block:PermalinkPage}<div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> &nbsp; {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}{/block:IfNotShowTags}
  439.  
  440. </div>
  441.  
  442. <br>
  443.  
  444. {block:PostNotes}
  445. {block:IfToggleNotes}
  446. <center><a id="displayNotes" href="javascript:toggle();" style="font:10px {text:Font}; text-transform:uppercase; color:{color:Font}; letter-spacing:2px; font-weight:400;">show notes</a></center>
  447. <div id="toggleNotes" style="display:none;">
  448. {/block:IfToggleNotes}
  449. {block:IfNotToggleNotes}
  450. <div style="display:inline;">
  451. {/block:IfNotToggleNotes}
  452. {PostNotes}
  453. </div>
  454. <br><br>
  455. {/block:PostNotes}
  456. {block:IndexPage}
  457. <div class="spacer">&nbsp;</div>
  458. {/block:IndexPage}
  459. {/block:Posts}
  460. {block:ContentSource}
  461. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  462. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  463. {/block:SourceLogo}
  464. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  465. {/block:ContentSource}
  466. </div>
  467. </div>
  468. </div>
  469. </div>
  470. </body>
  471. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement