API tools faq
paste
thewisepotato

Innovator Tumblr Theme

thewisepotato
Sep 29th, 2014
3,073
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.98 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.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="color:Sidebar Text" content="#ffffff"/>
  11. <meta name="color:Description Text" content="#ffffff"/>
  12. <meta name="color:Sidebar Border" content="#000000"/>
  13. <meta name="color:Sidebar Background" content="#000000"/>
  14. <meta name="color:Post Text" content="#000000"/>
  15. <meta name="color:Post Border" content="#000000"/>
  16. <meta name="color:Post Background" content="#ffffff"/>
  17. <meta name="color:Permalink Text" content="#ffffff"/>
  18.  
  19. <meta name="select:Post Size" content="p5" title="500px"/>
  20. <meta name="select:Post Size" content="p4" title="400px"/>
  21. <meta name="select:Post Size" content="p3" title="300px"/>
  22.  
  23. <meta name="image:Background" content=""/>
  24. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  25. <meta name="image:Sidebar" content=""/>
  26.  
  27. <meta name="if:Infinite Scroll" content="0"/>
  28. <meta name="if:Show Permalink On Hover" content="1"/>
  29. <meta name="if:Stretch Background Image" content="0"/>
  30. <meta name="if:Stretch Sidebar Image" content="1"/>
  31.  
  32. {block:ifInfiniteScroll}
  33. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  34. {/block:ifInfiniteScroll}
  35.  
  36. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  37. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  38.  
  39. <style type="text/css">
  40.  
  41. *, *:after, *:before {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
  42.  
  43. body {background:{color:Background} url({image:Background}) fixed; {block:ifStretchBackgroundImage}background-size:100% 100%;{/block:ifStretchBackgroundImage} font-family:Helvetica, sans-serif; font-size:80%;}
  44.  
  45. a {text-decoration:none; color:inherit;}
  46.  
  47. div#qTip {display:none; text-align:center; position:absolute; padding:5px 10px; margin-top:10px; margin-left:10px; z-index:999; font-size:0.85em; color:{color:Sidebar Text}; background:rgba({RGBcolor:Sidebar Background},0.7); text-transform:uppercase; letter-spacing:1px;}
  48.  
  49. /*----TITLE----*/
  50.  
  51. h1.tt {font-size:1.5em; text-transform:uppercase; letter-spacing:2px; width:340px; text-align:center; color:{color:Sidebar Text}; background:{color:Sidebar Background}; border:solid 1px {color:Sidebar Text}; padding:9px; outline:solid 10px {color:Sidebar Border}; position:fixed; top:36px; left:65px; line-height:22px; top:33px;}
  52.  
  53. h1.tt:before {content:''; border:solid {color:Sidebar Border}; border-width:0 10px; height:36px; width:290px; position:fixed; top:0; left:90px;}
  54.  
  55. h1.tt:after {content:''; height:32px; width:10px; position:fixed; top:98px; left:240px; background:{color:Sidebar Border};}
  56.  
  57. /*----DESCRIPTION----*/
  58.  
  59. div.img {height:225px; width:300px; position:fixed; top:130px; left:75px; padding:10px; background:{color:Background} url({image:Background}) fixed; border:solid 10px {color:Sidebar Border}; z-index:99; {block:ifStretchBackgroundImage}background-size:100% 100%;{/block:ifStretchBackgroundImage}}
  60.  
  61. div.img div {background:{color:Sidebar Background} url({image:Sidebar}) center center; {block:ifStretchSidebarImage}background-size:300px 225px;{/block:ifStretchSidebarImage} width:270px; height:195px; padding:15px; text-align:center; letter-spacing:1px; color:{color:Description Text}; font-weight:lighter; position:relative; overflow:auto;}
  62.  
  63. div.img div a {opacity:0.7;}
  64.  
  65. div.img div a:hover {opacity:1;}
  66.  
  67. div.img div p:first-child {margin-top:0;}
  68.  
  69. div.img div p:last-child {margin-bottom:0;}
  70.  
  71. /*----NAVIGATION----*/
  72.  
  73. div.bor {border:solid 10px {color:Sidebar Border}; height:95px; width:400px; position:fixed; top:335px; left:35px; z-index:-2;}
  74.  
  75. div.nav {position:fixed; top:430px; left:95px; width:300px; height:27px; overflow:hidden; outline:solid 10px {color:Sidebar Border}; background:{color:Sidebar Background}; color:{color:Sidebar Text};}
  76.  
  77. div.nav:hover {height:93px;{block:AskEnabled}height:121px;{/block:AskEnabled}{block:SubmissionsEnabled}height:121px;{/block:SubmissionsEnabled}}
  78.  
  79. div.nav span.open {border:solid 1px {color:Sidebar Text}; display:block; padding:5px 10px; background:{color:Sidebar Background}; color:{color:Sidebar Text}; letter-spacing:2px; line-height:15px; text-transform:uppercase;}
  80.  
  81. span.open:after {content:'▾'; float:right;}
  82.  
  83. div.nav a {display:block; float:left; padding:7px 10px 5px 10px; background:{color:Sidebar Background}; color:rgba({RGBcolor:Sidebar Text},0.7); letter-spacing:2px; border:solid {color:Sidebar Text}; border-width:0 1px 1px 1px; font-size:0.9em; line-height:15px; width:128px;}
  84.  
  85. div.nav a:nth-of-type(even) {width:129px; border-left:none; text-align:right;}
  86.  
  87. div.nav a:hover {color:{color:Sidebar Text};}
  88.  
  89. div.nav ul {padding:0 10px 0 0; text-align:center; width:288px; white-space:nowrap; overflow:hidden; overflow-x:auto; border:solid 1px {color:Sidebar Text}; border-top:none;}
  90.  
  91. div.nav ul a:nth-of-type(n) {width:auto; background:transparent; padding-right:0; border:none; float:none; display:inline-block; margin:5px 0;}
  92.  
  93. div.nav ul li {list-style-type:upper-roman; list-style-position:inside; position:relative;}
  94.  
  95. div.nav li:hover span {opacity:1;}
  96.  
  97. div.nav ul::-webkit-scrollbar {height:1px; width:1px; background:{color:Sidebar Background};}
  98.  
  99. div.nav ul::-webkit-scrollbar-thumb {background:{color:Sidebar Text};}
  100.  
  101. div.nav ul::-webkit-scrollbar-track-piece {background:rgba({RGBcolor:Sidebar Text},0.7);}
  102.  
  103. /*----PAGINATION----*/
  104.  
  105. a.pg {display:inline-block; border:solid 5px {color:Sidebar Border}; padding:5px; margin:5px 0; position:fixed; top:290px; background:{color:Sidebar Background}; font-size:12px; width:15px; line-height:15px; text-align:center; color:rgba({RGBcolor:Sidebar Text},0.7);}
  106.  
  107. a.pg:hover {color:{color:Sidebar Text};}
  108.  
  109. a.pg.p {left:35px;}
  110.  
  111. a.pg.n {left:420px;}
  112.  
  113. /*--------*/
  114.  
  115. /*----POSTS----*/
  116.  
  117. #posts {position:absolute; top:-34px; left:550px; padding-bottom:140px; font-weight:lighter; color:{color:Post Text};{block:ifNotShowPermalinkOnHover}top:-84px;{/block:ifNotShowPermalinkOnHover}}
  118.  
  119. #entry {height:auto; margin:70px 0 10px 0; position:relative; background:{color:Post Background}; padding:15px; border:solid 10px rgba({RGBcolor:Post Border},0.8); background-clip:padding-box;{block:PermalinkPage}margin-bottom:100px;{/block:PermalinkPage}{block:ifNotShowPermalinkOnHover}margin-top:120px;{/block:ifNotShowPermalinkOnHover}}
  120.  
  121. #entry.p5 {width:500px;}
  122.  
  123. #entry.p4 {width:400px;}
  124.  
  125. #entry.p3 {width:300px;}
  126.  
  127. #entry * {max-width:100%;}
  128.  
  129. #entry a {opacity:0.7;}
  130.  
  131. #entry a:hover {opacity:1;}
  132.  
  133. #entry h2 {text-align:center; margin:0; text-transform:uppercase; letter-spacing:2px; background:{AccentColor}; color:{color:Post Background}; padding:15px; font-size:1.25em;}
  134.  
  135. #entry a h2 {opacity:0.8;}
  136.  
  137. #entry a:hover h2 {opacity:1;}
  138.  
  139. blockquote {border-left:solid 1px {color:Post Border}; padding-left:15px; margin-left:15px;}
  140.  
  141. a.tumblr_blog {text-transform:uppercase; font-size:0.9em;}
  142.  
  143. div.cap {padding:15px; border:solid 1px {color:Post Border}; margin-top:-1px; clear:both;}
  144.  
  145. a.more {text-align:center; padding:5px 15px; display:block; text-transform:uppercase; background:rgba({RGBAccentColor},0.7); color:{color:Post Background};}
  146.  
  147. a.more:hover {opacity:0.9;}
  148.  
  149. /*----PHOTO POSTS----*/
  150.  
  151. #entry a.postimg {opacity:1;}
  152.  
  153. /*----CHAT POSTS----*/
  154.  
  155. ul.chat {padding:0; list-style-type:none;}
  156.  
  157. ul.chat li {margin:15px 0;}
  158.  
  159. ul.chat li.odd b {color:{AccentColor};}
  160.  
  161. ul.chat li.even b {color:rgba({RGBAccentColor},0.7);}
  162.  
  163. /*----LINK POSTS----*/
  164.  
  165. #entry a.link {display:block; margin-bottom:10px; opacity:0.8; background:{AccentColor};}
  166.  
  167. #entry a.link:hover {opacity:1;}
  168.  
  169. a.link img {float:left; height:3.75em; vertical-align:middle;}
  170.  
  171. #entry a.link h2 {overflow:hidden; margin:0; opacity:1;}
  172.  
  173. a.link h2:after {content:' ❯'; float:right;}
  174.  
  175. /*----AUDIO POSTS----*/
  176.  
  177. .audio {background:white; width:100%; height:112px; position:relative; display:table; color:black; overflow:hidden;}
  178.  
  179. .player span div iframe {width:100% !important; height:112px !important;}
  180.  
  181. .audio img {height:98px; width:98px; float:right; margin-top:-108px; margin-right:7px; background:white; position:relative; z-index:9;}
  182.  
  183. .audin {background:white; 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;}
  184.  
  185. .audin * {display:block; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
  186.  
  187. #entry.p3 .audin * {width:145px;}
  188.  
  189. #entry.p4 .audin * {width:245px;}
  190.  
  191. #entry.p5 .audin * {width:345px;}
  192.  
  193. /*----QUOTE POSTS----*/
  194.  
  195. #entry h2.qu {background:transparent; color:{color:Post Text}; text-transform:none;}
  196.  
  197. h2.short {font-size:1.25em;}
  198.  
  199. h2.medium {font-variant:small-caps; text-align:left; text-transform:none;}
  200.  
  201. h2.long {text-align:left; text-transform:none; font-size:1.15em;}
  202.  
  203. /*----ASK POSTS----*/
  204.  
  205. div.ask {padding:15px; background:{AccentColor}; color:{color:Post Background};}
  206.  
  207. div.answer {padding:15px;}
  208.  
  209. div.answer p:first-child {margin-top:0;}
  210.  
  211. div.answer p:last-child {margin-bottom:0;}
  212.  
  213. div.answer.pers {border:solid 1px {AccentColor};}
  214.  
  215. /*--------*/
  216.  
  217. /*----PERMALINK----*/
  218.  
  219. #perm {text-align:center; background:rgba({RGBcolor:Post Border},0.6); color:{color:Permalink Text}; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:absolute; top:100%; margin-top:10px; left:0; padding:10px; max-height:110px; overflow:auto; -webkit-transform:scaleY(0); -o-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin:top; -o-transform-origin:top; -ms-transform-origin:top; transform-origin:top; {block:PermalinkPage}-webkit-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);{/block:PermalinkPage} {block:ifNotShowPermalinkOnHover}-webkit-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);{/block:ifNotShowPermalinkOnHover}}
  220.  
  221. #entry:hover #perm {-webkit-transform:scaleY(1); -o-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1);}
  222.  
  223. #entry:hover + #entry {margin-top:120px;}
  224.  
  225. #perm a {opacity:0.8; margin:0 10px;}
  226.  
  227. #perm a:hover {opacity:1;}
  228.  
  229. #tags {padding-top:5px; margin:5px 5px 0 5px; border-top:solid 1px {color:Permalink Text};}
  230.  
  231. #tags a {opacity:0.8; width:auto; display:inline; margin:0 5px; font-size:0.85em; text-transform:uppercase; letter-spacing:0.1em;}
  232.  
  233. #tags a:hover {opacity:1;}
  234.  
  235. /*----PERMALINK PAGINATION----*/
  236.  
  237. a.pn {background:{color:Post Border}; color:{color:Permalink Text}; padding:8px 12px; text-transform:uppercase; display:inline-block; margin:0 10px; opacity:0.6;}
  238.  
  239. a.pn:hover {opacity:0.8;}
  240.  
  241. a.pn.p {float:left;}
  242.  
  243. a.pn.n {float:right;}
  244.  
  245. /*--------*/
  246.  
  247. /*----NOTES----*/
  248.  
  249. ol.notes {padding:20px 0 0 0; list-style-type:none; font-size:0.95em; color:{color:Permalink Text}; clear:both;}
  250.  
  251. ol.notes li {margin:15px 0; padding:10px; background:{color:Post Border}; opacity:0.6;}
  252.  
  253. #entry.p5 + ol.notes li {width:530px;}
  254.  
  255. #entry.p4 + ol.notes li {width:430px;}
  256.  
  257. #entry.p3 + ol.notes li {width:330px;}
  258.  
  259. ol.notes li:hover {opacity:0.8;}
  260.  
  261. ol.notes li:hover a {opacity:0.8;}
  262.  
  263. ol.notes li a:hover {opacity:1;}
  264.  
  265. img.avatar {margin-right:15px; vertical-align:middle;}
  266.  
  267. ol.notes li blockquote {margin-top:10px; margin-left:7px; border-color:{color:Permalink Text}; padding-left:25px;}
  268.  
  269. /*--------*/
  270.  
  271. a.cred {background:rgba({RGBcolor:Sidebar Background},0.7); color:{color:Sidebar Text}; position:fixed; bottom:5px; right:5px; font-size:13px; font-family:consolas; border:solid 1px {color:Sidebar Text}; padding:4px 6px 2px 6px;}
  272.  
  273. a.cred:hover {background:black; color:white; border-color:white;}
  274.  
  275. /*---custom css----*/
  276. {CustomCSS}
  277.  
  278. </style>
  279. </head>
  280. <body>
  281. <a href="/"><h1 class="tt">{Title}</h1></a>
  282. <div class="img"><div>{Description}</div></div>
  283. <div class="bor"></div>
  284. <div class="nav">
  285. <span class="open">navigate</span>
  286. <a href="/">index</a>
  287. {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  288. <a href="/archive">archive</a>
  289. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  290. {block:HasPages}<ul>{block:Pages}
  291. <a href="{URL}" title="{Label}"><li></li></a>
  292. {/block:Pages}</ul>{/block:HasPages}
  293. </div>
  294.  
  295. {block:ifNotInfiniteScroll}{block:Pagination}{block:PreviousPage}
  296. <a class="pg p" href="{PreviousPage}"><</a>
  297. {/block:PreviousPage}{block:NextPage}
  298. <a class="pg n" href="{NextPage}">></a>
  299. {/block:NextPage}{/block:Pagination}{/block:ifNotInfiniteScroll}
  300.  
  301. <!--------------------------------POSTS---------------------------------->
  302.  
  303.  
  304. <div id="posts">
  305.  
  306. {block:Posts}
  307.  
  308. <div id="entry" class="{select:Post Size}">
  309.  
  310. <!---posts--->
  311. {block:Text}
  312. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  313. {Body}
  314. {/block:Text}
  315.  
  316. {block:Audio}
  317. <div class="audio">
  318. <div class="player">{AudioPlayerWhite}</div>
  319. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  320. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  321. <div class="audin">
  322. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  323. {block:Artist}<span>{Artist}</span>{/block:Artist}
  324. {block:Album}<i>{Album}</i>{/block:Album}
  325. {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
  326. </div>
  327. </div>
  328. {block:Caption}{Caption}{/block:Caption}
  329. {/block:Audio}
  330.  
  331. {block:Video}
  332. {Video-500}
  333. {block:Caption}{Caption}{/block:Caption}
  334. {/block:Video}
  335.  
  336. {block:Photo}
  337. {block:PermalinkPage}
  338. <a class="postimg" href="/image/{PostID}">
  339. {/block:PermalinkPage}
  340. {block:IndexPage}
  341. <a class="postimg" href="{Permalink}">
  342. {/block:IndexPage}
  343. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  344. {block:PermalinkPage}
  345. </a>
  346. {/block:PermalinkPage}
  347. {block:IndexPage}
  348. </a>
  349. {/block:IndexPage}
  350. {block:Caption}{Caption}{/block:Caption}
  351. {/block:Photo}
  352.  
  353. {block:Photoset}
  354. {Photoset}
  355. {block:Caption}{Caption}{/block:Caption}
  356. {/block:Photoset}
  357.  
  358. {block:Panorama}
  359. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  360. {block:Caption}{Caption}{/block:Caption}
  361. {/block:Panorama}
  362.  
  363. {block:Quote}
  364. <h2 class="{Length} qu">"{Quote}"</h2>
  365. {block:Source}&nbsp;—&nbsp;{Source}{/block:Source}
  366. {/block:Quote}
  367.  
  368. {block:Link}
  369. <a href="{URL}" class="link" target="{Target}">
  370. {block:Thumbnail}<img src="{Thumbnail}"/>{/block:Thumbnail}
  371. <h2>{Name}</h2></a>
  372. {block:Description}{Description}{/block:Description}
  373. {/block:Link}
  374.  
  375. {block:Chat}
  376. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  377. <ul class="chat">
  378. {block:Lines}
  379. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  380. {/block:Lines}
  381. </ul>
  382. {/block:Chat}
  383.  
  384. {block:Answer}
  385. <div class="ask"><b>{Asker} asked{block:Answerer} {Answerer}{/block:Answerer}: </b>{Question}</div>
  386. <div class="answer {block:Answerer}pers{/block:Answerer}">{Answer}</div>
  387. {block:Answerer}{Replies}{/block:Answerer}
  388. {/block:Answer}
  389.  
  390. {block:More}
  391. <a class="more" href="{Permalink}">READ MORE</a>
  392. {/block:More}
  393.  
  394. {block:Date}
  395. <div id="perm" {block:HasTags}class="tag"{/block:HasTags}>
  396. <a href="{Permalink}">posted {TimeAgo}</a>
  397. <a href="{Permalink}">{NoteCountWithLabel}</a>
  398. <a href="{ReblogURL}">reblog?</a>
  399.  
  400. {block:HasTags}<div id="tags">
  401. {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  402. </div>{/block:HasTags}
  403. </div>
  404. {/block:Date}
  405.  
  406. </div><!--entry-->
  407.  
  408. {block:PermalinkPagination}{block:PreviousPost}
  409. <a class="pn p" href="{PreviousPost}">previous post</a>
  410. {/block:PreviousPost}{block:NextPost}
  411. <a class="pn n" href="{NextPost}">next post</a>
  412. {/block:NextPost}{/block:PermalinkPagination}
  413.  
  414. {/block:Posts}
  415.  
  416. {block:PostNotes}
  417. {PostNotes}
  418. {/block:PostNotes}
  419.  
  420. </div><!--posts-->
  421.  
  422. <a class="cred" href="http://syntaxthemes.tumblr.com">?</a>
  423.  
  424.  
  425. </body>
  426. </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!