API tools faq
paste
Perfect-Nicholas

Theme #12 - Pure

Perfect-Nicholas
Aug 21st, 2013
523
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.10 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2. T H E M E B Y L L E R M A N S © (T U M B L R . C O M)
  3.  
  4. Theme #12 → DON'T STEAL, I'LL FIND YOU.
  5. → DON'T REMOVE THE CREDIT!
  6. ----------------------------------------------------------------------->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  9. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{favicon}">
  15. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  16.  
  17. <meta name="color:background" content="#ffffff" />
  18. <meta name="color:posts title" content="#aaa" />
  19. <meta name="color:text" content="#9b9898" />
  20. <meta name="color:bold" content="#6f6e6e" />
  21. <meta name="color:italic" content="#b9b8b8" />
  22. <meta name="color:description" content="#b9b8b8" />
  23. <meta name="color:navigation links" content="#aaa" />
  24. <meta name="color:hyperlinks" content="#94adac"/>
  25. <meta name="color:posts border" content="#f5f5f5" />
  26. <meta name="color:info bg" content="#fafafa" />
  27. <meta name="color:description background" content="#eeeeee" />
  28. <meta name="color:hover" content="#6f6e6e" />
  29.  
  30. <meta name="image:topbar" content="" />
  31. <meta name="if:circle icon" content=""/>
  32. <meta name="if:show title" content=""/>
  33.  
  34. <meta name="text:Link1" content="link 1" />
  35. <meta name="text:Link1 Title" content="title 1" />
  36. <meta name="text:Link2" content="link 2" />
  37. <meta name="text:Link2 Title" content="title 2" />
  38. <meta name="text:Link3" content="link 3" />
  39. <meta name="text:Link3 Title" content="title 3" />
  40.  
  41. <style type="text/css">
  42.  
  43. iframe#tumblr_controls {
  44. right:0px !important;
  45. position:fixed !important;
  46. }
  47.  
  48. ::-webkit-scrollbar-track {background-color:#fff;}
  49. ::-webkit-scrollbar-thumb {background-color:#fafafa;}
  50. ::-webkit-scrollbar {width:5px;height:5px;}
  51.  
  52. body{
  53. background-color: {color:background};
  54. font-family:calibri;
  55. line-height:100%;
  56. color:{color:text};
  57. word-wrap: break-word;
  58. font-size:10px;
  59. text-align:justify;}
  60.  
  61. a { text-decoration:none;
  62. cursor:pointer;
  63. color:{color:hyperlinks};}
  64.  
  65. a:link, a:active, a:visited {
  66. color: {color:hyperlinks};}
  67.  
  68. a:hover {color:hover;}
  69.  
  70. b, strong {
  71. font-weight:heavy;
  72. color:{color:bold};}
  73.  
  74. i, em {
  75. font-weight:light;
  76. color:{color:italic};}
  77.  
  78. blockquote {
  79. margin: 5px;
  80. padding:0px 3px 0px 3px;
  81. line-height:90%;;
  82. border-left: 1px solid #ddd;}
  83.  
  84. pre, xmp, plaintext, listing {
  85. display: block;
  86. white-space: pre;
  87. padding: 5px;
  88. word-wrap: break-word;
  89. font-size: 10px;}
  90.  
  91. #entry {
  92. margin:auto;
  93. width:505px;
  94. padding-bottom: 30px;
  95. display: block;
  96. }
  97.  
  98. #posts{
  99. line-height:90%;
  100. background:#fff;
  101. width:500px;
  102. padding:20px;
  103. margin-bottom:30px;}
  104.  
  105. #pagi {
  106. position:fixed;
  107. width:500px;
  108. text-align:center;
  109. margin-top:20px;
  110. font-family:'Cuprum';
  111. font-size:8px;
  112. letter-spacing:3px;
  113. text-transform:uppercase;
  114. font-style:normal;
  115. color:{color:link};
  116. z-index:10000;
  117. background-color:white;
  118. bottom:0;
  119. padding:10px;
  120. border-top:1px solid white;
  121. }
  122.  
  123. #pagi a {
  124. color:{color:hover};
  125. }
  126.  
  127. #title {
  128. font-size:35px;
  129. font-color:{color:border color};
  130. font-family:'bell mt';
  131. font-style:italic;
  132. font-weight:light;
  133. letter-spacing:-2px;
  134. padding: 20px;
  135. padding-top: 0px;
  136. text-shadow: 1px 0px 1px #bebebe;
  137. }
  138.  
  139. #topbar {
  140. margin-top:30px;
  141. text-align: center;
  142. background-color:{color:background};
  143. width:500px;
  144. padding: 20px;
  145. opacity: 0.9;
  146. display: block;
  147. }
  148.  
  149. #topbarimage {display: block;}
  150.  
  151. #topbarimage img {
  152. padding:15px;
  153. background:#fff;
  154. {block:ifNotcircleicon}
  155. max-width:125px!important;
  156. {/block:ifNotcircleicon}
  157. {block:ifcircleicon}
  158. max-width:80px!important;
  159. max-height:80px!important;
  160. border-radius:100%!important;
  161. {/block:ifcircleicon}
  162. }
  163.  
  164. #description {
  165. text-align:justify;
  166. text-transform:lowercase;
  167. font-size:10px;
  168. font-color:{color:text};
  169. font-family:'cambria';
  170. letter-spacing:1px;
  171. padding: 20px 100px 20px 100px;
  172. margin-top: 1px;
  173. display:block;
  174. background-color:{color:description background};
  175. }
  176.  
  177. #navigation{
  178. text-transform: uppercase;
  179. text-decoration:none;
  180. letter-spacing:0px;
  181. text-align:center;
  182. padding: 15px;
  183. font-family:'calibri';
  184. font-size:10px;
  185. display:inline-block;
  186. }
  187.  
  188. #navigation a {
  189. color:{color:text};
  190. padding:5px 10px 5px 10px;
  191. }
  192.  
  193. #navigation a:hover {
  194. color:{color:link hover};
  195. padding:5px 10px 5px 10px;
  196. background-color: {color:background};
  197. opacity:.5;
  198. }
  199.  
  200. #pagination {
  201. padding: 10px;
  202. width:490px;
  203. font-family:'cambria';
  204. font-size:10px;
  205. letter-spacing:1px;
  206. display:block;
  207. }
  208.  
  209. .info {
  210. font-family:'Trebuchet MS';
  211. padding:2px;
  212. border-top:1px solid #f8f8f8;
  213. font-size:7px;
  214. text-transform:uppercase;
  215. text-align:left;
  216. color:{color:links}
  217. }
  218.  
  219. .info a {
  220. text-align:center;
  221. letter-spacing:1px;
  222. color:{color:links}
  223. }
  224.  
  225.  
  226. .tags {
  227. font-family:'Trebuchet MS';
  228. font-size:7px;
  229. text-transform:uppercase;
  230. line-height:8px;
  231. margin-left:-1px;
  232. margin-top:-5px;
  233. letter-spacing:1px;
  234. text-align:left;
  235. padding:3px;
  236. }
  237.  
  238.  
  239. ol.notes {margin: 25px 0px;}
  240.  
  241. img.avatar {
  242. vertical-align: -4px;
  243. width: 16px;
  244. height: 16px;
  245. padding: 1px;}
  246.  
  247. .posttitle{
  248. color:{color:posts title};
  249. font-family: cambria;
  250. font-style:oblique;
  251. line-height: 100%;
  252. font-size:25px;}
  253.  
  254. #asker {
  255. font-family:calibri;
  256. text-transform: lowercase;
  257. line-height: 100%;
  258. text-align:left;
  259. padding:7px;
  260. font-size:15px;}
  261.  
  262. #questions {
  263. text-align:justify;
  264. color: {color:text};
  265. padding:10px;
  266. font-family:calibri;
  267. font-size:10px;
  268. background:#fafafa;}
  269.  
  270. #quote {
  271. font-family: cambria;
  272. font-style:oblique;
  273. font-size: 18px;
  274. letter-spacing:1px;
  275. line-height: 100%;
  276. padding: 10px;
  277. text-align:left;
  278. margin-bottom: 10px;}
  279.  
  280.  
  281. #source {font-size: 9px; text-align: right;font-family:calibri;}
  282.  
  283. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  284. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  285. .chat li{
  286. list-style-type: none;
  287. margin-top:2px;
  288. padding:8px;}
  289.  
  290. .audio {height:47px;margin-bottom:10px;}
  291. .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; }
  292. .audio-album { position:absolute; width:32px; border: 7px solid #efefef;}
  293. .audio-info { height: 30px;margin-left:45px; padding:10px 10px 10px 10px;text-align:left; font-family:calibri;font-size:9px;line-height:110%;}
  294.  
  295. #credit {
  296. position:fixed;
  297. right:10px;
  298. bottom:10px;
  299. text-transform:uppercase;
  300. font:10px 'cambria';
  301. letter-spacing:1px;
  302. padding:5px;
  303. -webkit-transition: all 0.5s ease;
  304. -moz-transition: all 0.5s ease;
  305. -ms-transition: all 0.5s ease;
  306. -o-transition: all 0.5s ease;
  307. transition: all 0.5s ease;}
  308.  
  309. #credit:hover {
  310. position:fixed;
  311. right:10px;
  312. bottom:10px;
  313. text-transform:uppercase;
  314. font:10px 'cambria';
  315. letter-spacing:1px;
  316. padding:5px;
  317. text-shadow: 1px 1px 1px #bebebe;
  318. -webkit-transition: all 0.5s ease;
  319. -moz-transition: all 0.5s ease;
  320. -ms-transition: all 0.5s ease;
  321. -o-transition: all 0.5s ease;
  322. transition: all 0.5s ease;}
  323.  
  324. </style>
  325.  
  326. </head>
  327. <body>
  328.  
  329. <div id="entry">
  330. <div id="content">
  331. <div id="topbar">
  332.  
  333. <div id="topbarimage">
  334. <img src="{image:topbar}">
  335. </div>
  336. {block:ifshowtitle}<div id="title">{Title}</div>{block:ifshowtitle}
  337. <div id="navigation">
  338. <a class="links" href="/">home</a><a class="links" href="/ask">ask</a>
  339. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  340. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  341. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  342. </div>
  343. <div id="description">
  344. {block:Description}{Description}{/block:Description}
  345. </div>
  346. <div id="pagination">
  347. {block:Pagination}
  348. {block:PreviousPage}<a href="{PreviousPage}">&larr; </a>back{/block:PreviousPage}
  349. {block:NextPage}forth<a href="{NextPage}"> &rarr;</a>{/block:NextPage}
  350. {/block:Pagination}
  351. </div>
  352. {block:Pagination}
  353. <div id="pagi">
  354. {block:PreviousPage}
  355. <a href="{PreviousPage}">←</a>
  356. {/block:PreviousPage}
  357.  
  358. {block:JumpPagination length="5"}
  359. {block:CurrentPage}
  360. <span class="current_page">{PageNumber}</span>
  361. {/block:CurrentPage}
  362.  
  363. {block:JumpPage}
  364. <a href="{URL}">{PageNumber}</a>
  365. {/block:JumpPage}
  366. {/block:JumpPagination}
  367.  
  368. {block:NextPage}
  369. <a href="{NextPage}">→</a>
  370. {/block:NextPage}
  371. </div>
  372. {/block:Pagination}
  373.  
  374. </div>
  375. </div>
  376.  
  377. <div id="entry">
  378. {block:Posts}
  379. <div id="posts">
  380.  
  381. {block:Quote}
  382. <div id="quote">"{Quote}"<br><div id="source">{Source}</small></div></div>
  383. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  384.  
  385. {block:indexpage}
  386. <br>
  387. <div class="info">
  388. {block:Date}{TimeAgo} {/block:Date}
  389. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  390. {block:RebloggedFrom} <span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  391. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  392. {/block:indexpage}
  393. {/block:Quote}
  394.  
  395.  
  396. {block:Photo}
  397. {block:indexpage}
  398. <center><img src="{PhotoURL-500}" style="max-width:500px;"/></center>
  399. {block:Caption}{Caption}{/block:Caption}
  400. <br>
  401. <div class="info">
  402. {block:Date}{TimeAgo} {/block:Date}
  403. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  404. {block:RebloggedFrom} <span style="float:right;padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  405. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  406. {/block:indexpage}
  407. {block:permalinkpage}
  408. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  409. {block:Caption}{Caption}{/block:Caption}
  410. <br>
  411. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  412. {/block:permalinkpage}
  413. {/block:Photo}
  414.  
  415. {block:Photoset}
  416. {block:indexpage}
  417. <center>{Photoset-500}</center>
  418. {block:Caption}{Caption}{/block:Caption}
  419. <br>
  420. <div class="info">
  421. {block:Date}{TimeAgo} {/block:Date}
  422. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  423. {block:RebloggedFrom} <span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  424. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  425. {/block:indexpage}
  426. {block:permalinkpage}
  427. <center>{Photoset-500}</center>
  428. {block:Caption}{Caption}{/block:Caption}
  429. <br><br>
  430. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  431. {/block:permalinkpage}
  432. {/block:Photoset}
  433.  
  434. {block:Link}
  435. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
  436. {block:Description}{Description}{/block:Description}
  437. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  438. {block:indexpage}
  439. <br>
  440. <div class="info">
  441. {block:Date}{TimeAgo} {/block:Date}
  442. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  443. {block:RebloggedFrom} <span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  444. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  445. {/block:indexpage}
  446. {block:Link}
  447.  
  448. {block:Chat}
  449. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  450. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  451. {/block:Label}
  452. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  453. {block:indexpage}
  454. <br>
  455. <div class="info">
  456. {block:Date}{TimeAgo} {/block:Date}
  457. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  458. {block:RebloggedFrom} <span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  459. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  460. {/block:indexpage}
  461. {/block:Chat}
  462.  
  463. {block:Audio}<section class="top audio">
  464. <div class="audio">
  465. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:32px;">{/block:AlbumArt}
  466. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  467. <div class="audio-info">
  468. {block:TrackName} {TrackName}<br>{/block:TrackName}
  469. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
  470. </div></div></section>
  471. {block:Caption}{Caption}{/block:Caption}
  472. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  473. {block:indexpage}
  474. <br>
  475. <div class="info">
  476. {block:Date}{TimeAgo} {/block:Date}
  477. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  478. {block:RebloggedFrom}<span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  479. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  480. {/block:indexpage}
  481. {/block:Audio}
  482.  
  483. {block:Text}
  484. {block:Title}
  485. <div class="posttitle">{Title}</div>
  486. {/block:Title}
  487. {Body}
  488. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  489. {block:indexpage}
  490. <br>
  491. <div class="info">
  492. {block:Date}{TimeAgo} {/block:Date}
  493. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  494. {block:RebloggedFrom} <span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  495. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  496. {/block:indexpage}
  497. {/block:Text}
  498.  
  499. {block:Video}
  500. {Video-500}
  501. {block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  502. {block:indexpage}
  503. <br>
  504. <div class="info">
  505. {block:Date}{TimeAgo} {/block:Date}
  506. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  507. {block:RebloggedFrom} <span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  508. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  509. {/block:indexpage}
  510. {block:permalinkpage}
  511. <center>{Video-500}</center>
  512. {block:Caption}{Caption}{/block:Caption}
  513. <br>
  514. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  515. {/block:permalinkpage}
  516. {block:Video}
  517.  
  518. {block:Answer}
  519. <div id="asker">{Asker}:</div><div id="questions">{Question}</div>{Answer}
  520. {block:PostNotes}{PostNotes-16} {/block:PostNotes}
  521. {block:indexpage}
  522. <br>
  523. <div class="info">
  524. {block:Date}{TimeAgo} {/block:Date}
  525. {block:NoteCount}(<a href="{Permalink}">{NoteCount}</a>){/block:NoteCount}
  526. {block:RebloggedFrom}<span style="float:right; padding:2px; left:2px;"><a href="{ReblogParentURL}">{ReblogParentName}</a> / <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom} <br>
  527. {block:HasTags} {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  528. {/block:indexpage}
  529. {/block:Answer}
  530. </div>
  531.  
  532. {/block:Posts}
  533. </div>
  534.  
  535. <div id="credit">
  536. <a href="http://llermans.tumblr.com/">
  537. llmns
  538. </a>
  539. </div>
  540.  
  541. </body>
  542. </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!