API tools faq
paste
thewisepotato

Call Me Newt Tumblr Theme

thewisepotato
Nov 16th, 2014
5,914
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Header BG" content="#000000"/>
  12. <meta name="color:Header BG 2" content="#444444"/>
  13. <meta name="color:Header Text" content="#ffffff"/>
  14.  
  15. <meta name="color:Post Text" content="#ffffff"/>
  16. <meta name="color:Post BG" content="#000000"/>
  17. <meta name="color:Post BG 2" content="#444444"/>
  18.  
  19. <meta name="text:Description Title" content="About Me"/>
  20.  
  21. <meta name="image:Background" content=""/>
  22. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  23. <meta name="image:Sidebar" content=""/>
  24.  
  25. <meta name="if:Infinite Scroll" content="0"/>
  26. <meta name="if:Stretch Background Image" content="0"/>
  27. <meta name="if:500px posts" content="0"/>
  28.  
  29. {block:ifInfiniteScroll}
  30. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  31. {/block:ifInfiniteScroll}
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Oswald:300,700' rel='stylesheet' type='text/css'>
  34.  
  35. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  36.  
  37. <style type="text/css">
  38.  
  39. *, *:after, *:before {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
  40.  
  41. body {background:{color:Background} url({image:Background}) fixed; {block:ifStretchBackgroundImage}background-size:100% 100%;{/block:ifStretchBackgroundImage} font-family:Helvetica, sans-serif; font-size:80%;}
  42.  
  43. a {text-decoration:none; color:{AccentColor};}
  44.  
  45. a:hover {text-decoration:underline;}
  46.  
  47. h1, h2, h3, h4, h5, h6 {font-family:Oswald,sans-serif; text-transform:uppercase;}
  48.  
  49. /*--------*/
  50.  
  51. #head {background:{color:Background} url({image:Background}) fixed; padding:10px 10px 0 10px; color:{color:Header Text}; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; z-index:99; position:fixed; top:0; left:0; width:100%; height:90px;}
  52.  
  53. #head h1 {background:{color:Header BG}; padding:25px; letter-spacing:5px; line-height:30px; margin:0;}
  54.  
  55. #sbi {position:fixed; top:100px; left:10px; height:230px; width:230px; border:solid 10px {color:Header BG};}
  56.  
  57. #desc {position:fixed; top:360px; left:10px; width:220px; padding:15px; background:{color:Header BG}; color:{color:Header Text}; font-weight:lighter; line-height:150%; text-align:justify;}
  58.  
  59. #desc h2:before {content:'»'; margin-right:1em; color:{AccentColor};}
  60.  
  61. #desc h2 {margin:5px 0 0 0;}
  62.  
  63. div.de {margin:10px 0 5px 0; max-height:75px; overflow:auto;}
  64.  
  65. div.de p:first-child {margin-top:0;}
  66.  
  67. div.de p:last-child {margin-bottom:0;}
  68.  
  69. #pg {position:absolute; top:100%; left:0; margin-top:10px; width:230px; padding:10px; background:{color:Header BG};}
  70.  
  71. #pg a {background:{color:Header BG 2}; padding:10px 0; text-align:center; width:110px; color:{color:Header Text}; text-transform:uppercase; letter-spacing:2px; font-family:oswald, sans-serif;}
  72.  
  73. #pg a:hover {background:{AccentColor}; text-decoration:none;}
  74.  
  75. #pg a.p {float:left;}
  76.  
  77. #pg a.n {float:right;}
  78.  
  79. #pn {display:none;}
  80.  
  81. #links {position:fixed; top:100px; right:10px; width:230px; padding:10px; background:{color:Header BG}; font-family:oswald, sans-serif;}
  82.  
  83. #links a {display:block; margin-bottom:10px; text-align:center; text-transform:uppercase; color:{color:Header Text}; background:{color:Header BG 2}; padding:8px 0; letter-spacing:2px;}
  84.  
  85. #links span.a {display:none;}
  86.  
  87. #links a:hover {text-decoration:none; background:{AccentColor};}
  88.  
  89. #links a:last-of-type {margin-bottom:0;}
  90.  
  91. /*----POSTS----*/
  92.  
  93. #posts {position:absolute; top:100px; left:50%; {block:if500pxPosts}margin-left:-250px;{block:if500pxPosts} {block:ifNot500pxPosts}margin-left:-300px;{/block:ifNot500pxPosts} padding-bottom:75px; color:{color:Post Text};}
  94.  
  95. #entry {height:auto; margin:40px 0 0 0; position:relative; background:{color:Post BG}; padding:15px; {block:if500pxPosts}width:470px;{/block:if500pxPosts} {block:ifNot500pxPosts}width:570px;{/block:ifNot500pxPosts} line-height:150%;}
  96.  
  97. #entry:first-of-type {margin-top:20px;}
  98.  
  99. #entry * {max-width:100%;}
  100.  
  101. #entry strong {color:{AccentColor};}
  102.  
  103. #entry i, #entry em {font-weight:lighter;}
  104.  
  105. #entry s, #entry strike, #entry del {opacity:0.8;}
  106.  
  107. #entry h2 {text-align:center; margin:0; text-transform:uppercase; letter-spacing:2px; color:{AccentColor}; padding:15px; font-size:1.5em;}
  108.  
  109. blockquote {border-left:solid 1px {color:Post Text}; padding-left:15px; margin:0 15px;}
  110.  
  111. a.tumblr_blog {text-transform:uppercase; font-size:0.9em;}
  112.  
  113. /*----PHOTO AND VIDEO POSTS----*/
  114.  
  115. a.postimg img, div.video {{block:if500pxPosts}margin:0;{/block:if500pxPosts} {block:ifNot500pxPosts}margin:35px;{/block:ifNot500pxPosts}}
  116.  
  117. /*----CHAT POSTS----*/
  118.  
  119. ul.chat {padding:0; list-style-type:none;}
  120.  
  121. ul.chat li {margin:15px 0;}
  122.  
  123. ul.chat li b {color:{AccentColor}; font-family:oswald, sans-serif; text-transform:uppercase; font-weight:initial; letter-spacing:1px;}
  124.  
  125. /*----LINK POSTS----*/
  126.  
  127. #entry a.link {display:block;}
  128.  
  129. #entry a.link h2 {overflow:hidden; margin:0;}
  130.  
  131. a.link h2:after {content:' ❯'; float:right;}
  132.  
  133. /*----AUDIO POSTS----*/
  134.  
  135. .audio {background:black; width:100%; height:112px; position:relative; display:table; color:white; overflow:hidden;}
  136.  
  137. .player span div iframe {width:100% !important; height:112px !important;}
  138.  
  139. .audio img {height:98px; width:98px; float:right; margin-top:-108px; margin-right:7px; background:black; position:relative; z-index:9;}
  140.  
  141. .audin {background:black; overflow:hidden; margin:-108px 105px 0 50px; text-align:center; font-size:14px; line-height:150%; padding:7px 0; height:84px; position:relative; z-index:9;}
  142.  
  143. .audin * {display:block; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; {block:if500pxPosts}width:315px;{/block:if500pxPosts} {block:ifNot500pxPosts}width:415px;{/block:ifNot500pxPosts}}
  144.  
  145. #entry .audin i {opacity:1;}
  146.  
  147. /*----QUOTE POSTS----*/
  148.  
  149. #entry h2.qu {background:transparent; text-transform:none; font-weight:lighter; line-height:130%;}
  150.  
  151. #entry h2.short {font-size:2em;}
  152.  
  153. h2.medium {text-align:left;}
  154.  
  155. #entry h2.long {text-align:left; font-size:1.4em;}
  156.  
  157. /*----ASK POSTS----*/
  158.  
  159. div.ask {padding:15px; background:{color:Post BG 2};}
  160.  
  161. div.answer {padding:15px;}
  162.  
  163. div.answer p:first-child {margin-top:0;}
  164.  
  165. div.answer p:last-child {margin-bottom:0;}
  166.  
  167. div.answer.pers {border:solid 1px {color:Post BG 2};}
  168.  
  169. /*--------*/
  170.  
  171. /*----PERMALINK----*/
  172.  
  173. #perm {padding:10px; background:{color:Post BG 2}; color:{AccentColor}; text-align:center; margin-top:30px; font-family:oswald,sans-serif; letter-spacing:1px;}
  174.  
  175. #perm a {color:{color:Post Text}; text-transform:uppercase; font-size:0.9em; margin:0 10px;}
  176.  
  177. #tags {padding:5px 15px; {block:if500pxPosts}width:470px;{/block:if500pxPosts} {block:ifNot500pxPosts}width:570px;{/block:ifNot500pxPosts} background:transparent; color:{color:Post BG}; text-align:center; text-align:left; font-family:oswald,sans-serif; letter-spacing:1px; {block:PermalinkPage}margin-bottom:20px;{/block:PermalinkPage}}
  178.  
  179. #tags a {color:{color:Post BG}; margin:0 0 0 10px; opacity:0.6;}
  180.  
  181. #tags a:hover {opacity:1;}
  182.  
  183. /*--------*/
  184.  
  185. /*----PERMALINK PAGINATION + NARROW SCREEN PAGINATION----*/
  186.  
  187. #pn {margin-top:40px; padding:10px; background:{color:Post BG}; {block:if500pxPosts}width:480px;{/block:if500pxPosts} {block:ifNot500pxPosts}width:580px;{/block:ifNot500pxPosts} {block:PermalinkPage}display:inline-block;{/block:PermalinkPage}}
  188.  
  189. #pn a {background:{color:Post BG 2}; padding:10px 0; text-align:center; {block:if500pxPosts}width:235px;{/block:if500pxPosts} {block:ifNot500pxPosts}width:285px;{/block:ifNot500pxPosts} color:{color:Post Text}; text-transform:uppercase; letter-spacing:2px; font-family:oswald, sans-serif;}
  190.  
  191. #pn a:hover {background:{AccentColor}; text-decoration:none;}
  192.  
  193. #pn a.p {float:left;}
  194.  
  195. #pn a.n {float:right;}
  196.  
  197. /*--------*/
  198.  
  199. /*----NOTES----*/
  200.  
  201. ol.notes {padding:10px; list-style-type:none; color:{color:Post Text}; background:{color:Post BG}; clear:both; {block:if500pxPosts}width:480px;{/block:if500pxPosts} {block:ifNot500pxPosts}width:580px;{/block:ifNot500pxPosts}}
  202.  
  203. ol.notes li {margin-bottom:10px; padding:10px; background:{color:Post BG 2};}
  204.  
  205. ol.notes li:last-of-type {margin-bottom:0;}
  206.  
  207. img.avatar {margin-right:15px; vertical-align:middle;}
  208.  
  209. ol.notes li blockquote {margin-top:10px; margin-left:7px; border-color:{color:Post Text}; padding-left:25px;}
  210.  
  211. /*--------*/
  212.  
  213. iframe#tumblr_controls {margin-top:10px; margin-right:10px;}
  214.  
  215. a.cred {background:{color:Header BG}; color:{AccentColor}; position:fixed; bottom:5px; right:5px; font-size:13px; font-family:consolas; border:solid 1px {AccentColor}; padding:4px 6px 2px 6px; text-transform:uppercase;}
  216.  
  217. a.cred:after {content:'?';}
  218.  
  219. a.cred span {display:none;}
  220.  
  221. a.cred:hover {background:black; color:white; border-color:white; text-decoration:none;}
  222.  
  223. @media only screen and (max-width: 1139px), only screen and (max-device-width: 1139px) {
  224. /*500px posts*/
  225. #posts {margin-left:-250px;}
  226. #entry, #tags {width:470px;}
  227. .audin * {width:315px;}
  228. a.postimg img, div.video {margin:0;}
  229. ol.notes, #pn {width:480px;}
  230. #pn a {width:235px;}
  231. }
  232.  
  233. @media only screen and (max-width:1039px), only screen and (max-device-width: 1039px) {
  234. /*400px posts*/
  235. #posts {margin-left:-200px;}
  236. #entry, #tags {width:370px;}
  237. .audin * {width:215px;}
  238. ol.notes, #pn {width:380px;}
  239. #pn a {width:185px;}
  240. }
  241.  
  242. @media only screen and (max-width:939px), only screen and (max-device-width: 939px) {
  243. /*600px posts, links on left*/
  244. #posts {position:absolute; top:80px; margin-left:-170px;}
  245. #sbi {position:absolute;}
  246. #desc {position:absolute; top:350px;}
  247. div.de {max-height:none; overflow:initial;}
  248. #pg {position:initial; margin-left:-15px; background:transparent;}
  249. #pg a {padding:5px 0; background:transparent;}
  250. #links {position:absolute; top:100%; left:0;}
  251. #entry, #tags {width:570px;}
  252. .audin * {width:415px;}
  253. a.postimg img, div.video {margin:35px;}
  254. iframe.photoset {max-width:100%;}
  255. #pg {display:none;}
  256. #pn {display:inline-block;}
  257. ol.notes, #pn {width:580px;}
  258. #pn a {width:285px;}
  259. a.cred {position:absolute; bottom:-10px; left:0; margin-bottom:10px; display:block; text-align:center; padding:10px 0; background:{color:Post BG 2}; border:none; color:{color:Post Text}; opacity:0.7;}
  260. a.cred:hover {opacity:1;}
  261. a.cred:hover span {color:{AccentColor};}
  262. a.cred:after {content:'';}
  263. a.cred span {display:inline;}
  264. }
  265.  
  266. @media only screen and (max-width:879px), only screen and (max-device-width: 879px) {
  267. /*500px posts, links on left*/
  268. #posts {margin-left:-120px;}
  269. #entry, #tags {width:470px;}
  270. .audin * {width:315px;}
  271. a.postimg img, div.video {margin:0;}
  272. ol.notes, #pn {width:480px;}
  273. #pn a {width:235px;}
  274. }
  275.  
  276. @media only screen and (max-width:779px), only screen and (max-device-width: 779px) {
  277. /*400px posts, links on left*/
  278. #posts {margin-left:-70px;}
  279. #entry, #tags {width:370px;}
  280. .audin * {width:215px;}
  281. ol.notes, #pn {width:380px;}
  282. #pn a {width:185px;}
  283. }
  284.  
  285. @media only screen and (max-width:679px), only screen and (max-device-width: 679px) {
  286. /*~responsive width~ posts + sidebar*/
  287. #entry, ol.notes, #pn, #tags {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
  288. .audin * {width:100%;}
  289. a.postimg, div.video {text-align:center;}
  290. #sbi {display:none;}
  291. #head {position:initial; white-space:initial; height:auto; text-align:center;}
  292. #desc {position:initial; width:auto; margin:-35px 10px 10px 10px;}
  293. #desc h2 {display:none;}
  294. #links {position:initial; width:auto; background:{color:Header BG 2}; margin-top:20px; text-align:center;}
  295. #links a {width:auto; display:inline-block; background:transparent; padding:0; margin:0 10px;}
  296. #links span.a {display:inline; color:{AccentColor};}
  297. #links span.a:last-of-type {display:none;}
  298. #links a:hover {color:{AccentColor}; background:transparent;}
  299. #posts {position:initial; margin:40px 10px 10px 10px;}
  300. #pn {text-align:center;}
  301. #pn a.p, #pn a.n {width:auto; float:none; margin:0 10px; background:transparent;}
  302. #pn a:hover {color:{AccentColor};}
  303. }
  304.  
  305. /*---custom css----*/
  306. {CustomCSS}
  307.  
  308. </style>
  309. </head>
  310. <body>
  311.  
  312. <div id="head">
  313. <h1>{Title}&nbsp;</h1>
  314. </div>
  315.  
  316. <img id="sbi" src="{image:Sidebar}" alt="" />
  317.  
  318. <div id="desc">
  319. <h2>{text:Description Title}</h2>
  320. <div class="de">{Description}</div>
  321.  
  322. <div id="links">
  323. <a href="/">index</a>
  324. <span class="a">-</span>
  325. {block:AskEnabled}<a href="/ask">ask</a>
  326. <span class="a">-</span>{/block:AskEnabled}
  327. <a href="/archive">archive</a>
  328. <span class="a">-</span>
  329. {block:SubmissionsEnabled}<a href="/submit">submit</a>
  330. <span class="a">-</span>{/block:SubmissionsEnabled}
  331. {block:HasPages}{block:Pages}
  332. <a href="{URL}">{Label}</a>
  333. <span class="a">-</span>
  334. {/block:Pages}{/block:HasPages}
  335. </div>
  336.  
  337. {block:ifNotInfiniteScroll}{block:Pagination}<div id="pg">
  338. {block:PreviousPage}<a class="p" href="{PreviousPage}">back</a>
  339. {/block:PreviousPage}{block:NextPage}
  340. <a class="n" href="{NextPage}">next</a>{/block:NextPage}
  341. </div>{/block:Pagination}{/block:ifNotInfiniteScroll}
  342.  
  343. </div>
  344.  
  345. <!--------------------------------POSTS---------------------------------->
  346.  
  347.  
  348. <div id="posts">
  349.  
  350. {block:Posts}
  351.  
  352. <div id="entry">
  353.  
  354. <!---posts--->
  355. {block:Text}
  356. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  357. {Body}
  358. {/block:Text}
  359.  
  360. {block:Audio}
  361. <div class="audio">
  362. <div class="player">{AudioPlayerBlack}</div>
  363. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  364. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  365. <div class="audin">
  366. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  367. {block:Artist}<span>{Artist}</span>{/block:Artist}
  368. {block:Album}<i>{Album}</i>{/block:Album}
  369. {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
  370. </div>
  371. </div>
  372. {block:Caption}{Caption}{/block:Caption}
  373. {/block:Audio}
  374.  
  375. {block:Video}
  376. <div class="video">{Video-500}</div>
  377. {block:Caption}{Caption}{/block:Caption}
  378. {/block:Video}
  379.  
  380. {block:Photo}
  381. {block:PermalinkPage}
  382. <a class="postimg" href="/image/{PostID}">
  383. {/block:PermalinkPage}
  384. {block:IndexPage}
  385. <a class="postimg" href="{Permalink}">
  386. {/block:IndexPage}
  387. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  388. {block:PermalinkPage}
  389. </a>
  390. {/block:PermalinkPage}
  391. {block:IndexPage}
  392. </a>
  393. {/block:IndexPage}
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Photo}
  396.  
  397. {block:Photoset}
  398. <div class="pset">{Photoset}</div>
  399. {block:Caption}{Caption}{/block:Caption}
  400. {/block:Photoset}
  401.  
  402. {block:Panorama}
  403. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  404. {block:Caption}{Caption}{/block:Caption}
  405. {/block:Panorama}
  406.  
  407. {block:Quote}
  408. <h2 class="{Length} qu">"{Quote}"</h2>
  409. {block:Source}&nbsp;—&nbsp;{Source}{/block:Source}
  410. {/block:Quote}
  411.  
  412. {block:Link}
  413. <a href="{URL}" class="link" target="{Target}">
  414. <h2>{Name}</h2></a>
  415. {block:Description}{Description}{/block:Description}
  416. {/block:Link}
  417.  
  418. {block:Chat}
  419. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  420. <ul class="chat">
  421. {block:Lines}
  422. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  423. {/block:Lines}
  424. </ul>
  425. {/block:Chat}
  426.  
  427. {block:Answer}
  428. <div class="ask"><b>{Asker} asked{block:Answerer} {Answerer}{/block:Answerer}: </b>{Question}</div>
  429. <div class="answer {block:Answerer}pers{/block:Answerer}">{Answer}</div>
  430. {block:Answerer}{Replies}{/block:Answerer}
  431. {/block:Answer}
  432.  
  433. {block:Date}
  434. <div id="perm">
  435. <a href="{Permalink}">posted {TimeAgo}</a>
  436. - <a href="{Permalink}">{NoteCountWithLabel}</a>
  437. {block:PermalinkPage}{block:RebloggedFrom}
  438. <br/><a href="{ReblogParentURL}">via {ReblogParentName}</a>
  439. - <a href="{ReblogRootURL}">originally from {ReblogRootName}</a>
  440. {/block:RebloggedFrom}{/block:PermalinkPage}
  441. - <a href="{ReblogURL}">reblog?</a>
  442. </div>
  443. {/block:Date}
  444.  
  445. </div><!--entry-->
  446.  
  447. {block:HasTags}<div id="tags">»
  448. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  449. </div>{/block:HasTags}
  450.  
  451. {block:PermalinkPagination}<div id="pn">{block:PreviousPost}
  452. <a class="p" href="{PreviousPost}">previous post</a>
  453. {/block:PreviousPost}{block:NextPost}
  454. <a class="n" href="{NextPost}">next post</a>
  455. {/block:NextPost}</div>{/block:PermalinkPagination}
  456.  
  457. {/block:Posts}
  458.  
  459. {block:Pagination}<div id="pn">{block:PreviousPage}
  460. <a class="p" href="{PreviousPage}">back</a>
  461. {/block:PreviousPage}{block:NextPage}
  462. <a class="n" href="{NextPage}">next</a>
  463. {/block:NextPage}</div>{/block:Pagination}
  464.  
  465. {block:PostNotes}
  466. {PostNotes}
  467. {/block:PostNotes}
  468.  
  469.  
  470. <a class="cred" href="http://syntaxthemes.tumblr.com"><span>theme by syntaxthemes</span></a>
  471.  
  472. </div><!--posts-->
  473.  
  474. </body>
  475. </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!