API tools faq
paste
thewisepotato

Beach City Tumblr Theme

thewisepotato
Aug 23rd, 2015
4,220
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.42 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. <link rel="shortcut icon" href="{Favicon}" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8.  
  9. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  10.  
  11. <meta name="image:Background" content=""/>
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  14.  
  15. <meta name="image:Sidebar" content=""/>
  16. <meta name="color:Title" content="#ffffff"/>
  17. <meta name="color:Links Text" content="#000000"/>
  18. <meta name="color:Links Background" content="#ffffff"/>
  19.  
  20. <meta name="color:Description Text" content="#000000">
  21. <meta name="color:Description Background" content="#cdcdcd"/>
  22.  
  23. <meta name="color:Accent" content="#a1f1f5"/>
  24. <meta name="color:Accent 2" content="#c08e99"/>
  25. <meta name="color:Post Text" content="#000000"/>
  26. <meta name="color:Permalink Text" content="#888888"/>
  27.  
  28. <meta name="color:Post Background" content="#ffffff"/>
  29. <meta name="if:Transparent Post Background" content="1"/>
  30. <meta name="if:Stretch Background" content="0"/>
  31.  
  32. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  33. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  34. <script type="text/javascript">
  35. $(document).ready(function(){
  36. $('a.xlinks').click(function(){
  37. if ($('#nav').hasClass('open') == true) {
  38. $('#nav a.i').fadeIn();
  39. $('#links').fadeOut();
  40. } else {
  41. $('#nav a.i').fadeOut();
  42. $('#links').fadeIn().css('display','inline-block');
  43. }
  44. $('#nav').toggleClass('open');
  45. });
  46. });
  47. </script>
  48.  
  49. <style type="text/css">
  50.  
  51. *, *:after, *:before {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
  52.  
  53. a.i.open, #links {-webkit-transition:none; -moz-transition:none; transition:none;}
  54.  
  55. body {background:{color:Background} url({image:Background}) fixed; {block:ifStretchBackground}background-size:100% 100%;{/block:ifStretchBackground} font-family:inconsolata, consolas, sans-serif; font-size:0.85em; width:100%; overflow-x:hidden; margin:0; padding:0;}
  56.  
  57. a {text-decoration:none; color:inherit;}
  58.  
  59. #side {position:fixed; top:75px; left:50%; margin-left:-350px; width:250px; text-align:center; max-width:90%;}
  60.  
  61. #side h1 {text-transform:uppercase; margin:-10px 0 10px 0; color:{color:Title};}
  62.  
  63. #desc {border:solid {color:Background}; border-width:2px 0 0px 2px; background:{color:Description Background}; margin-top:20px; border-radius:0px; padding:25px; color:{color:Description Text}; height:50px; overflow:auto;}
  64.  
  65. #desc a {opacity:0.7;}
  66. #desc a:hover {opacity:1;}
  67.  
  68. #desc p:first-child {margin-top:0;}
  69. #desc p:last-child {margin-bottom:0;}
  70.  
  71. /*--------*/
  72.  
  73. #nav {height:244px; padding-top:6px; width:250px; background:{color:Links Text} url({image:Sidebar}) center center no-repeat; background-size:250px 250px; display:block; border-radius:50px; overflow-x:hidden; position:relative;}
  74.  
  75. #nav a {float:left; clear:left; background:{color:Links Background}; width:59px; border-left:solid 1px {color:Links Background}; color:{color:Links Text}; padding:5px 10px; margin:6px 0; text-transform:uppercase; background-clip:padding-box; line-height:15px;}
  76.  
  77. #links {display:none; height:200px; overflow:auto;}
  78. #nav a.l {width:130px;}
  79. #nav a.xlinks {cursor:pointer;}
  80.  
  81. #nav a.i:hover, #nav a.l:hover {color:{color:Accent};}
  82. #nav a.i:hover, #nav a.xlinks:hover {border-left:solid 30px rgba({RGBcolor:Links Background},0.5);}
  83.  
  84. #nav.open a.xlinks {border-left:solid 50px rgba({RGBcolor:Links Background},0.5); width:130px;}
  85. #nav.open a.i {margin-left:-80px; opacity:0;}
  86. #nav.open #links {margin:0;}
  87.  
  88. /*--------*/
  89.  
  90. /*----POSTS----*/
  91.  
  92. #posts {position:absolute; top:0; left:50%; margin-left:-50px; padding-bottom:85px; color:{color:Post Text}; width:400px; margin-top:75px; max-width:90%;}
  93.  
  94. #posts a {color:{color:Accent};}
  95. #posts a:hover {color:{color:Accent 2};}
  96.  
  97. .entry {height:auto; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:100px 0 20px 0; {block:ifNotTransparentPostBackground}padding:20px; background:{color:Post Background} {/block:ifNotTransparentPostBackground} }
  98.  
  99. .entry:first-of-type {margin-top:0;}
  100. .entry:last-of-type {margin-bottom:0;}
  101.  
  102. .entry * {max-width:100%;}
  103.  
  104. .entry img {height:auto;}
  105.  
  106. .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {text-transform:uppercase; font-weight:400; letter-spacing:0.1em;}
  107.  
  108. .entry h2 {margin:10px 0 15px 0; font-size:2em;}
  109. .entry h3 {font-size:1.5em;}
  110. .entry h4 {font-size:1.17em;}
  111. .entry h5 {font-size:1em;}
  112. .entry h6 {font-size:0.83em;}
  113.  
  114. .entry a h2 {color:{color:Accent 2};}
  115.  
  116. .entry a:hover h2 {color:{color:Accent};}
  117.  
  118. .entry h2.stag {font-weight:300; text-align:center;}
  119.  
  120. blockquote {border-left:solid 1px {color:Post Text}; padding-left:15px; margin:0 15px;}
  121.  
  122. a.tumblr_blog {font-size:0.9em; text-transform:uppercase; letter-spacing:0.1em;}
  123.  
  124. /*----CHAT POSTS----*/
  125.  
  126. ul.chat {padding:0; list-style-type:none; text-transform:uppercase;}
  127.  
  128. ul.chat li {margin:15px 0;}
  129.  
  130. ul.chat li b {font-weight:initial;}
  131.  
  132. ul.chat li.odd b {color:{color:Accent};}
  133.  
  134. ul.chat li.even b {color:{color:Accent 2};}
  135.  
  136. /*----LINK POSTS----*/
  137.  
  138. .entry a.link {display:block;}
  139.  
  140. .entry a.link h2 {margin:0; line-height:1.5em; color:{color:Accent 2};}
  141.  
  142. a.link h2 i:before {color:{color:Accent 2};}
  143.  
  144. .entry a.link:hover h2, a.link:hover h2 i:before {color:{color:Accent};}
  145.  
  146. .entry a.link h2:first-line {line-height:70px;}
  147.  
  148. .entry a.link img {height:60px; width:60px; margin-right:15px; vertical-align:middle; float:left; border-radius:100%;}
  149.  
  150. /*----AUDIO POSTS----*/
  151.  
  152. .audio {background:white; width:100%; height:112px; position:relative; display:table; color:black; overflow:hidden;}
  153.  
  154. .player span div iframe {width:100% !important; height:112px !important;}
  155.  
  156. .audio img {height:98px; width:98px; float:right; margin-top:-108px; margin-right:7px; background:white; position:relative; border-radius:100%;}
  157.  
  158. .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;}
  159.  
  160. .audin * {display:block; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:215px; text-transform:uppercase;}
  161.  
  162. /*----QUOTE POSTS----*/
  163.  
  164. .entry h2.qu {font-weight:300;}
  165.  
  166. h2.qu:before {content:'“ '; font-size:1.2em; color:{color:Accent 2};}
  167.  
  168. h2.qu:after {content:' ”'; font-size:1.2em; color:{color:Accent 2};}
  169.  
  170. .entry h2.short {font-size:2.1em;}
  171.  
  172. .entry h2.medium {font-size:1.75em;}
  173.  
  174. .entry h2.long {font-size:1.5em;}
  175.  
  176. /*----ASK POSTS----*/
  177.  
  178. div.box {line-height:17px; padding-top:1px;}
  179.  
  180. div.box.askr {margin-bottom:25px;}
  181.  
  182. img.dp {float:left; margin-right:15px; border-radius:100%;}
  183.  
  184. span.user {display:block; text-transform:uppercase; line-height:20px;}
  185.  
  186. span.user.no, img.dp.no {display:none; margin:0;}
  187.  
  188. div.ask, div.ans {overflow:hidden;}
  189.  
  190. div.ans p:first-of-type {margin-top:0;}
  191.  
  192. /*--------*/
  193.  
  194. /*----PERMALINK----*/
  195.  
  196. #info {color:{color:Permalink Text}; opacity:0.6; {block:ifNotTransparentPostBackground}padding:15px; background:{color:Post Background};{/block:ifNotTransparentPostBackground}}
  197.  
  198. #info:hover {opacity:1;}
  199.  
  200. #info a {cursor:pointer;}
  201.  
  202. #info:hover a {opacity:0.6;}
  203.  
  204. #info a:hover {opacity:1;}
  205.  
  206. span.bit {display:block; text-transform:uppercase; line-height:1.3em;}
  207.  
  208. a.perma {display:none;}
  209.  
  210. {block:PermalinkPage}
  211. #info a {color:{color:Accent 2};}
  212. #info a:hover {color:{color:Accent};}
  213. a.perma {display:inline;}
  214. a.index {display:none;}
  215. {/block:PermalinkPage}
  216.  
  217. span.tag a:after {content:','; color:{color:Permalink Text};}
  218.  
  219. span.tag a:hover:after {color:{color:Permalink Text};}
  220.  
  221. span.tag a:last-of-type:after {content:'';}
  222.  
  223. /*--------*/
  224.  
  225. /*----PAGINATION----*/
  226.  
  227. #pg {margin-top:10px; width:100%; display:inline-block;}
  228.  
  229. #pg.bot {display:none; margin-top:60px;}
  230.  
  231. #pg a {width:50%; text-transform:uppercase; text-align:center; color:{color:Accent}; padding:10px 0;}
  232.  
  233. #pg a:hover {color:{color:Accent 2};}
  234.  
  235. #pg a.p {float:left;}
  236.  
  237. #pg a.n {float:right;}
  238.  
  239. /*----PERMALINK PAGINATION----*/
  240.  
  241. #pn {margin:40px 0 20px 0; width:100%; display:inline-block;}
  242.  
  243. #pn a {width:50%; text-transform:uppercase; text-align:center;}
  244.  
  245. #pn a.p {float:left;}
  246.  
  247. #pn a.n {float:right;}
  248.  
  249. /*--------*/
  250.  
  251. /*----NOTES----*/
  252.  
  253. ol.notes {padding:15px 0 0 0; list-style-type:none; width:100%;}
  254.  
  255. li.note {padding:10px;}
  256.  
  257. li.note:last-of-type {margin-bottom:0;}
  258.  
  259. img.avatar {vertical-align:middle; margin-right:10px;}
  260.  
  261. li.note blockquote {margin-top:10px; margin-left:7px; padding-left:17px;}
  262.  
  263. /*--------*/
  264.  
  265. a.cred {position:fixed; bottom:10px; right:12px; opacity:0.6; letter-spacing:1px;}
  266.  
  267. a.cred:hover {opacity:1;}
  268.  
  269. /*--------*/
  270.  
  271. /*----MEDIA QUERIES----*/
  272.  
  273. @media only screen and (max-width:800px), only screen and (max-device-width:800px) {
  274. #posts, #side {position:initial; margin:60px auto; clear:both; width:400px; padding-top:1px;}
  275. .audin * {width:115px;}
  276.  
  277. #side h1 {margin:initial;}
  278. #nav {float:left; width:250px; border-radius:0;}
  279. #desc {float:left; width:96px; margin-top:-2px; padding:50px 25px; height:150px;}
  280. .entry:first-of-type {margin-top:90px;}
  281.  
  282. #pg {display:none;}
  283. #pg.bot {display:block;}
  284. }
  285.  
  286. @media only screen and (max-width:430px), only screen and (max-device-width:430px) {
  287. #nav {float:none; margin:auto;}
  288. #desc {float:none; margin:auto; width:200px; height:auto; padding:25px 25px; border:none;}
  289. }
  290.  
  291. {CustomCSS}
  292. </style>
  293. </head>
  294. <body>
  295.  
  296. <div id="side">
  297. <h1>{Title}</h1>
  298. <div id="nav">
  299. {block:HasPages}<a class="xlinks">links</a>{/block:HasPages}
  300. <a class="i" href="/">index</a>
  301. {block:AskEnabled}<a class="i" href="/ask">message</a>{/block:AskEnabled}
  302. {block:SubmissionsEnabled}<a class="i" href="/submit">submit</a>{/block:SubmissionsEnabled}
  303. <a class="i" href="/archive">archive</a>
  304.  
  305. <div id="links">
  306. {block:HasPages}{block:Pages}
  307. <a class="l" href="{URL}">{Label}</a>
  308. {/block:Pages}{/block:HasPages}
  309. </div>
  310. </div>
  311.  
  312. <div id="desc">{Description}</div>
  313.  
  314. {block:Pagination}<div id="pg">{block:PreviousPage}
  315. <a class="p" href="{PreviousPage}">&larr; back</a>
  316. {/block:PreviousPage}{block:NextPage}
  317. <a class="n" href="{NextPage}">next &rarr;</a>
  318. {/block:NextPage}</div>{/block:Pagination}
  319.  
  320. </div>
  321.  
  322. <!--------------------------------POSTS---------------------------------->
  323.  
  324.  
  325. <div id="posts">
  326.  
  327. {block:TagPage}<div class="entry">
  328. <h2 class="stag">Posts tagged <a href="{TagURL}">{Tag}</a></h2>
  329. </div>{/block:TagPage}
  330.  
  331. {block:SearchPage}<div class="entry">
  332. <h2 class="stag">{SearchResultCount} result(s) for "{SearchQuery}"</h2>
  333. </div>{/block:SearchPage}
  334.  
  335. {block:Posts}
  336.  
  337. <div class="entry">
  338.  
  339. <!---posts--->
  340. {block:Text}
  341. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  342. {Body}
  343. {/block:Text}
  344.  
  345. {block:Audio}
  346. <div class="audio">
  347. <div class="player">{AudioPlayerWhite}</div>
  348. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  349. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  350. <div class="audin">
  351. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  352. {block:Artist}<span>{Artist}</span>{/block:Artist}
  353. {block:Album}<i>{Album}</i>{/block:Album}
  354. {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
  355. </div>
  356. </div>
  357. {block:Caption}{Caption}{/block:Caption}
  358. {/block:Audio}
  359.  
  360. {block:Video}
  361. <div class="video">{Video-500}</div>
  362. {block:Caption}{Caption}{/block:Caption}
  363. {/block:Video}
  364.  
  365. {block:Photo}
  366. {block:PermalinkPage}
  367. <a class="postimg" href="/image/{PostID}">
  368. {/block:PermalinkPage}
  369. {block:IndexPage}
  370. <a class="postimg" href="{Permalink}">
  371. {/block:IndexPage}
  372. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  373. {block:PermalinkPage}
  374. </a>
  375. {/block:PermalinkPage}
  376. {block:IndexPage}
  377. </a>
  378. {/block:IndexPage}
  379. {block:Caption}{Caption}{/block:Caption}
  380. {/block:Photo}
  381.  
  382. {block:Photoset}
  383. <div class="pset">{Photoset}</div>
  384. {block:Caption}{Caption}{/block:Caption}
  385. {/block:Photoset}
  386.  
  387. {block:Panorama}
  388. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:Panorama}
  391.  
  392. {block:Quote}
  393. <h2 class="{Length} qu">{Quote}</h2>
  394. {block:Source}&nbsp;—&nbsp;{Source}{/block:Source}
  395. {/block:Quote}
  396.  
  397. {block:Link}
  398. <a href="{URL}" class="link" target="{Target}">
  399. <h2><i class="fa fa-link"></i>&nbsp;{Name}</h2>
  400. </a>
  401. {block:Description}{Description}{/block:Description}
  402. {/block:Link}
  403.  
  404. {block:Chat}
  405. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  406. <ul class="chat">
  407. {block:Lines}
  408. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  409. {/block:Lines}
  410. </ul>
  411. {/block:Chat}
  412.  
  413. {block:Answer}
  414. <div class="box askr">
  415. <img class="dp" src="{AskerPortraitURL-40}"/>
  416. <div class="ask"><span class="user">{Asker}:</span>{Question}</div>
  417. </div>
  418. <div class="box">
  419. {block:Answerer}<img class="dp" src="{AnswererPortraitURL-40}"/>{/block:Answerer}
  420. <img class="dp{block:Answerer} no{/block:Answerer}" src="{PortraitURL-40}"/>
  421. <div class="ans {block:Answerer}pers{/block:Answerer}">
  422. {block:Answerer}<span class="user">{Answerer}:</span>{/block:Answerer}
  423. <span class="user{block:Answerer} no{/block:Answerer}">{Name}:</span>
  424. {Answer}
  425. </div>
  426. </div>
  427. {block:Answerer}{Replies}{/block:Answerer}
  428. {/block:Answer}
  429.  
  430. {block:PermalinkPagination}<div id="pn">{block:PreviousPost}
  431. <a class="p" href="{PreviousPost}">&larr; previous post</a>
  432. {/block:PreviousPost}{block:NextPost}
  433. <a class="n" href="{NextPost}">next post &rarr;</a>
  434. {/block:NextPost}</div>{/block:PermalinkPagination}
  435.  
  436. </div><!--entry-->
  437.  
  438. {block:Date}<div id="info">
  439. {block:PermalinkPage}<span class="bit">Post Type: <a>{PostType}</a></span>{/block:PermalinkPage}
  440. <span class="bit">Notes: <a href="{Permalink}#notes">{NoteCount}</a></span>
  441. {block:PermalinkPage}{block:RebloggedFrom}<span class="bit">Via: <a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  442. <span class="bit">Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFRom}{/block:PermalinkPage}
  443. <span class="bit">Created: <a href="{Permalink}">{TimeAgo}</a> at
  444.  
  445. <a class="index" href="{Permalink}">{Timestamp}</a>
  446. <a class="perma" href="{Permalink}">{24HourWithZero}:{Minutes} on {DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>
  447. </span>
  448.  
  449. {block:HasTags}<span class="bit tag">Filed under:
  450. {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}
  451. </span>{/block:HasTags}
  452. </div>{/block:Date}
  453.  
  454. {block:PostNotes}
  455. <div id="notes">{PostNotes}</div>
  456. {/block:PostNotes}
  457.  
  458. {/block:Posts}
  459.  
  460. {block:Pagination}<div id="pg" class="bot">{block:PreviousPage}
  461. <a class="p" href="{PreviousPage}">&larr; back</a>
  462. {/block:PreviousPage}{block:NextPage}
  463. <a class="n" href="{NextPage}">next &rarr;</a>
  464. {/block:NextPage}</div>{/block:Pagination}
  465.  
  466. <a class="cred" href="http://syntaxthemes.tumblr.com">ST</a>
  467.  
  468. </div><!--posts-->
  469.  
  470. </body>
  471. </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!