API tools faq
paste
thewisepotato

The Universe Expanded Tumblr Theme

thewisepotato
Aug 17th, 2014
1,150
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{block:TagPage}posts tagged {Tag} | {/block:TagPage}{block:SearchPage}results for {SearchQuery} | {/block:SearchPage}{block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  6. <meta name="description" content="{MetaDescription}" />
  7. <link rel="shortcut icon" href="{Favicon}"/>
  8.  
  9. <meta name="color:Background" content="#ffffff"/>
  10. <meta name="image:Background" content=""/>
  11. <meta name="color:Border" content="#cdcdcd"/>
  12. <meta name="color:Post Text" content="#000000"/>
  13. <meta name="color:Post BG" content="#ffffff"/>
  14. <meta name="color:Accent 2" content="#888888"/>
  15. <meta name="if:Open Full Size Images" content="0"/>
  16. <meta name="if:Infinite Scroll" content="0"/>
  17. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  18. <meta name="select:Post Size" content="three" title="300px"/>
  19. <meta name="select:Post Size" content="four" title="400px"/>
  20. <meta name="select:Post Size" content="five" title="500px"/>
  21.  
  22. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  23.  
  24. {block:ifInfiniteScroll}
  25. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  26. {/block:ifInfiniteScroll}
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Roboto:300,400' rel='stylesheet' type='text/css'>
  29.  
  30. <style type="text/css">
  31.  
  32. /*----GENERAL----*/
  33.  
  34. *, *:before, *:after {-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; max-width:100%;}
  35.  
  36. body {background:{color:Background} url({image:Background}); font-family:Roboto;}
  37.  
  38. a {text-decoration:none; color:{AccentColor};}
  39.  
  40. a:hover {color:{color:Accent 2};}
  41.  
  42. #img {width:270px; height:166px; background:transparent {block:ShowHeaderImage}url({HeaderImage}) center center{/block:ShowHeaderImage}; background-size:auto 166px; position:fixed; top:40px; left:40px;}
  43.  
  44. #img img {border:solid 5px {TitleColor}; position:absolute; top:49px; left:99px;}
  45.  
  46. #img img:hover {border-color:{BackgroundColor};}
  47.  
  48. #img img.circle {border-radius:100%;}
  49.  
  50. #img img.square {border-radius:10px;}
  51.  
  52. #side {height:auto; width:250px; position:fixed; top:206px; left:40px; background:{BackgroundColor}; color:{TitleColor}; text-align:center; padding:0 10px 10px 10px; {block:HideTitle} padding:10px;{block:HideDescription}padding:0 10px;{/block:HideDescription}{/block:HideTitle}}
  53.  
  54. #side h1 {font-family:{TitleFont}; font-weight:{TitleFontWeight}; font-size:1.4em; margin:10px 0; {block:HideDescription}margin:10px 0 0 0;{/block:HideDescription}}
  55.  
  56. #side h2 {font-size:1em; text-transform:uppercase; opacity:0.8;}
  57.  
  58. {block:ShowDescription}
  59. #side div.desc {font-weight:lighter; font-size:0.8em; letter-spacing:1px; opacity:0.8; max-height:120px; overflow:auto;}
  60.  
  61. div.desc::-webkit-scrollbar {height:3px; width:3px; opacity:0.5;}
  62.  
  63. div.desc::-webkit-scrollbar-thumb {border:solid 1px {TitleColor}; background:{BackgroundColor};}
  64.  
  65. div.desc::-webkit-scrollbar-track-piece {border:solid 1px {BackgroundColor}; background:{TitleColor};}
  66.  
  67. div.desc a {color:{AccentColor}; opacity:0.6;}
  68.  
  69. div.desc a:hover {opacity:1;}
  70. {/block:ShowDescription}
  71.  
  72. #side div.nav {position:absolute; top:100%; left:0; display:inline-block; width:270px;}
  73.  
  74. div.nav a {color:{BackgroundColor}; border:solid 1px {BackgroundColor}; background:{TitleColor}; padding:2px 5px; opacity:0.5; display:inline-block; margin-top:3px; margin-right:3px; text-transform:uppercase; font-size:0.8em; float:left; width:76px;}
  75.  
  76. div.nav a:nth-of-type(3n) {margin-right:0;}
  77.  
  78. div.nav a:hover {opacity:1;}
  79.  
  80. div.nav div {padding-top:25px; clear:both; background:{color:Post BG} content-box; line-height:150%; opacity:0.5;}
  81.  
  82. div.nav div a {float:none; padding:0; border:none; opacity:1; background:transparent; color:rgba({RGBcolor:Post Text},0.5);}
  83.  
  84. div.nav div:hover {opacity:1;}
  85.  
  86. div.nav div a:hover {color:{color:Post Text};}
  87.  
  88. /*----POSTS----*/
  89.  
  90. #posts {position:absolute; top:0; left:351px; font-size:0.85em; padding-bottom:50px; font-weight:lighter;}
  91.  
  92. #posts.three {width:350px;}
  93.  
  94. #posts.four {width:450px;}
  95.  
  96. #posts.five {width:550px;}
  97.  
  98. #entry {padding:25px; height:auto; border:solid 1px {color:Border}; position:relative; margin:40px 0; background:{color:Post BG};}
  99.  
  100. #entry.three {width:300px;}
  101.  
  102. #entry.four {width:400px;}
  103.  
  104. #entry.five {width:500px;}
  105.  
  106. #entry:hover {border-color:{color:Post Text};}
  107.  
  108. #entry * {max-width:100%;}
  109.  
  110. #entry h2 {text-align:center; margin-top:0; padding:5px; font-size:1.2em;}
  111.  
  112. blockquote {border-left:solid 1px {color:Border}; padding-left:15px; margin-left:15px; margin-top:-5px;}
  113.  
  114. #entry:hover blockquote {border-left-color:{color:Post Text};}
  115.  
  116. /*----CHAT POSTS----*/
  117.  
  118. ul.chat {padding-left:15px; list-style-type:none;}
  119.  
  120. ul.chat li {margin:5px 0; outline:solid 1px transparent; outline-offset:2px;}
  121.  
  122. ul.chat li.odd:hover b {color:{AccentColor};}
  123.  
  124. ul.chat li.even:hover b {color:{color:Accent 2};}
  125.  
  126. /*----LINK POSTS----*/
  127.  
  128. a.link h2 {word-break:break-all;}
  129.  
  130. a.link h2:after {content:' ❯'; color:{AccentColor};}
  131.  
  132. /*----AUDIO POSTS----*/
  133.  
  134. .audio {width:100%; height:112px; position:relative; display:table; color:black;}
  135.  
  136. .player span div iframe {width:100% !important; height:112px !important;}
  137.  
  138. .audio img {height:98px; width:98px; position:absolute; top:7px;}
  139.  
  140. #posts.three #entry .audio img {left:195px;}
  141.  
  142. #posts.four #entry .audio img {left:295px;}
  143.  
  144. #posts.five #entry .audio img {left:395px;}
  145.  
  146. .audin {background:white; position:absolute; top:7px; left:50px; text-align:center; font-size:14px; line-height:21px; padding:7px 0;}
  147.  
  148. .audin b, .audin i, .audin span {display:block; width:100%; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
  149.  
  150. #posts.three #entry .audin {width:145px;}
  151.  
  152. #posts.four #entry .audin {width:245px;}
  153.  
  154. #posts.five #entry .audin {width:345px;}
  155.  
  156. /*----QUOTE POSTS----*/
  157.  
  158. h2.qu {font-variant:small-caps; font-size:1.5em;}
  159.  
  160. h2.short {font-size:1.25em;}
  161.  
  162. h2.medium, h2.long {text-align:left; text-transform:none;}
  163.  
  164. h2.long {font-size:1.15em;}
  165.  
  166. /*----ASK POSTS----*/
  167.  
  168. div.ask {padding:10px; position:relative; clear:both; border:solid 1px {color:Border};}
  169.  
  170. div.answer {padding:10px; position:relative; display:inline-block; text-align:left; clear:both;}
  171.  
  172. div.answer.yep {border:solid 1px {color:Border};}
  173.  
  174. div.ask:after {content:''; width:0; height:0; border-style:solid; border-width:28px 28px 0 0; border-color:{color:Post BG} transparent transparent transparent; line-height:0px; _border-color:{color:Post BG} #000000 #000000 #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; bottom:-28px; left:31px;}
  175.  
  176. div.ask:before {content:''; width:0; height:0; border-style:solid; border-width:30px 30px 0 0; border-color:{color:Border} transparent transparent transparent; line-height:0px; _border-color:{color:Border} #000000 #000000 #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; bottom:-30px; left:30px;}
  177.  
  178. div.answer.yep:after {content:''; width:0; height:0; border-style:solid; border-width:0 0 28px 28px; border-color:transparent transparent {color:Post BG}; transparent; line-height:0px; _border-color:#000000 #000000 {color:Post BG} #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; top:-28px; right:31px;}
  179.  
  180. div.answer.yep:before {content:''; width:0; height:0; border-style:solid; border-width:0 0 30px 30px; border-color:transparent transparent {color:Border}; transparent; line-height:0px; _border-color:#000000 #000000 {color:Border} #000000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; top:-30px; right:30px;}
  181.  
  182. div.answer span {float:right;}
  183.  
  184. img.askimg {margin-top:6px; margin-bottom:4px;}
  185.  
  186. img.ansimg {margin-top:6px; float:right;}
  187.  
  188. /*--------*/
  189.  
  190. /*----PERMALINK----*/
  191.  
  192. div.perm {position:absolute; top:-1px; left:100%; z-index:-1; width:162px;}
  193.  
  194. div.perm a.p, div.perm div {margin:0 0 5px -120px; width:120px; opacity:0;}
  195.  
  196. div.perm a.s {margin:0 0 5px 5px; width:51px;}
  197.  
  198. div.perm a.p, div.perm div, div.perm a.s {color:rgba({RGBcolor:Post Text},0.5); background:{color:Post BG}; border:solid 1px {color:Border}; padding:2px 5px; display:block; text-transform:uppercase; font-size:13px; float:left; text-align:center;}
  199.  
  200. div.perm a.p:hover, div.perm a.s:hover, div.perm div:hover {border-color:{color:Post Text}; color:{color:Post Text}; -webkit-transition-delay:0s !important; -moz-transition-delay:0s !important; transition-delay:0s !important;}
  201.  
  202. #entry:hover div.perm a.p:nth-of-type(2) {-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; transition-delay:0.3s;}
  203.  
  204. #entry:hover div.perm a.p:nth-of-type(3) {-webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; transition-delay:0.6s;}
  205.  
  206. #entry:hover div.perm div {-webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; transition-delay:0.9s;}
  207.  
  208. #entry:hover div.perm a.p, #entry:hover div.perm div {margin:0 0 5px 5px; opacity:1;}
  209.  
  210. div.perm div a {display:block; text-transform:none;}
  211.  
  212. {block:PermalinkPage}
  213. div.perm a.p, div.perm div {margin:0 0 5px 5px; opacity:1;}
  214.  
  215. #entry:hover div.perm a.p, #entry:hover div.perm div {-webkit-transition-delay:0s !important; -moz-transition-delay:0s !important; transition-delay:0s !important;}
  216. {block:PermalinkPage}
  217.  
  218. /*--------*/
  219.  
  220. /*----NOTES----*/
  221.  
  222. ol.notes {padding:0 0 15px 0; list-style-type:none; font-size:0.95em; color:{BackgroundColor};}
  223.  
  224. ol.notes li {margin:15px; opacity:0.75;}
  225.  
  226. ol.notes li:hover {opacity:1;}
  227.  
  228. img.avatar {margin-right:15px; vertical-align:middle;}
  229.  
  230. ol.notes li blockquote {margin-top:10px; margin-left:7px; border-color:{BackgroundColor};}
  231.  
  232. /*--------*/
  233.  
  234. a.cred {background:{BackgroundColor}; color:{TitleColor}; position:fixed; bottom:5px; right:5px; font-size:13px; font-family:consolas; border:solid 1px {TitleColor}; padding:4px 6px 2px 6px;}
  235.  
  236. a.cred:hover {background:black; color:white; border-color:white;}
  237.  
  238. {CustomCSS}
  239. </style>
  240.  
  241. </head>
  242. <body>
  243.  
  244. <div id="img">
  245. {block:ShowAvatar}<img src="{PortraitURL-64}" class="{AvatarShape}"/>{/block:ShowAvatar}
  246. </div>
  247.  
  248. <div id="side">
  249. {block:ShowTitle}<h1>{Title}</h1>{/block:ShowTitle}
  250. {block:HideTitle}{block:HideDescription}<h2>Navigate</h2>{/block:HideDescription}{/block:HideTitle}
  251. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  252. <div class="nav">
  253. <a href="/">index</a>
  254. {block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}
  255. <a href="/archive">archive</a>
  256. {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  257. {block:HasPages}
  258. {block:Pages}
  259. <a href="{URL}">{Label}</a>
  260. {/block:Pages}
  261. {/block:HasPages}
  262.  
  263. {block:ifNotInfiniteScroll}
  264. {block:Pagination}<div>{block:PreviousPage}
  265. <a href="{PreviousPage}">back</a>
  266. {block:NextPage} – {/block:NextPage}
  267. {/block:PreviousPage}{block:NextPage}
  268. <a href="{NextPage}">next</a>
  269. {/block:NextPage}</div>{/block:Pagination}
  270. {/block:ifNotInfiniteScroll}
  271. </div>
  272. </div>
  273. </div>
  274.  
  275. <!----------------------------------POSTS---------------------------------->
  276.  
  277.  
  278. <div id="posts" class="{select:Post Size}">
  279.  
  280. {block:Posts}
  281.  
  282. <div id="entry">
  283.  
  284. <!---posts--->
  285. {block:Text}
  286. {block:Title}<h2>{Title}</h2>{/block:Title}
  287. {Body}
  288. {/block:Text}
  289.  
  290. {block:Audio}
  291. <div class="audio">
  292. <div class="player">{AudioPlayerWhite}</div>
  293. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  294. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  295. <div class="audin">
  296. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  297. {block:Artist}<span>{Artist}</span>{/block:Artist}
  298. {block:Album}<i>{Album}</i>{/block:Album}
  299. {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
  300. </div>
  301. </div>
  302. {block:Caption}{Caption}{/block:Caption}
  303. {/block:Audio}
  304.  
  305. {block:Video}
  306. {Video-500}
  307. {block:Caption}{Caption}{/block:Caption}
  308. {/block:Video}
  309.  
  310. {block:Photo}
  311. {block:ifOpenFullSizeImages}
  312. {LinkOpenTag}
  313. {/block:ifOpenFullSizeImages}
  314. <img src="{PhotoURL-500}">
  315. {block:ifOpenFullSizeImages}
  316. {LinkCloseTag}
  317. {/block:ifOpenFullSizeImages}
  318. {block:Caption}{Caption}{/block:Caption}
  319. {/block:Photo}
  320.  
  321. {block:Photoset}
  322. {Photoset}
  323. {block:Caption}{Caption}{/block:Caption}
  324. {/block:Photoset}
  325.  
  326. {block:Panorama}
  327. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  328. {block:Caption}{Caption}{/block:Caption}
  329. {/block:Panorama}
  330.  
  331. {block:Quote}
  332. <h2 class="{Length} qu">"{Quote}"</h2>
  333. {block:Source}{Source}{/block:Source}
  334. {/block:Quote}
  335.  
  336. {block:Link}
  337. <a href="{URL}" class="link"><h2>{Name}</h2></a>
  338. {block:Description}{Description}{/block:Description}
  339. {/block:Link}
  340.  
  341. {block:Chat}
  342. {block:Title}<h2>{Title}</h2>{/block:Title}
  343. <ul class="chat">
  344. {block:Lines}
  345. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  346. {/block:Lines}
  347. </ul>
  348. {/block:Chat}
  349.  
  350. {block:Answer}
  351. <div class="ask">{Asker} asked:<br/>{Question}</div>
  352. <img class="askimg" src="{AskerPortraitURL-24}"/>
  353. <img class="ansimg" src="{AnswererPortraitURL-24}"/>{block:Answerer}{/block:Answerer}
  354. <div class="answer {block:Answerer}yep{/block:Answerer}">
  355. {block:Answerer}<span>{Answerer} replied:</span><br/>{/block:Answerer}
  356. {Answer}
  357. </div>
  358.  
  359. {block:Answerer}{Replies}{/block:Answerer}
  360. {/block:Answer}
  361.  
  362. {block:Date}
  363. <div class="perm">
  364. <a class="p" href="{Permalink}">{TimeAgo}</a>
  365. <a class="p" href="{Permalink}">{NoteCount}</a>
  366. {block:PermalinkPage}{block:RebloggedFrom}
  367. <a class="s" href="{ReblogParentURL}">via</a>
  368. <a class="s" href="{ReblogRootURL}">source</a>
  369. {/block:RebloggedFrom}{/block:PermalinkPage}
  370. <a class="p" href="{ReblogURL}">reblog</a>
  371. {block:HasTags}<div>
  372. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  373. </div>{/block:HasTags}
  374. </div>
  375. {/block:Date}
  376.  
  377. </div><!--entry-->
  378.  
  379. {/block:Posts}
  380.  
  381. {block:PostNotes}
  382. {PostNotes}
  383. {/block:PostNotes}
  384.  
  385. </div><!--posts-->
  386.  
  387. <!--PLEASE DON'T REMOVE THE CREDIT. DOING SO IS AGAINST MY TERMS OF USE.-->
  388. <a class="cred" href="http://syntaxthemes.tumblr.com">?</a>
  389.  
  390. </body>
  391. </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!