API tools faq
paste
madpatter

Oh! Yogurt Theme - Single Column

madpatter
Oct 31st, 2015
540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.40 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <head>
  3. <!-- theme by oddhour.tumblr.com
  4. don't steal, do learn
  5. -->
  6.  
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. <title>{Title}{block:TagPage} | #{Tag} {/block:TagPage} {block:SearchPage} | {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary} | {PostSummary}{/block:PostSummary}</title>
  9. <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{PostSummary}{/block:PermalinkPage}" />
  10. <link rel="shortcut icon" href="{Favicon}" />
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  12.  
  13. <!-- ### Custom Stuff ### -->
  14. <meta name="color:Text" content="#555555"/>
  15. <meta name="color:Links" content="#22a3b4"/>
  16. <meta name="image:Header Image" content="http://static.tumblr.com/ca3686ab9eac8d26e6693b89a55bdb9d/isskdo7/bybn3e14z/tumblr_static_icon.png"/>
  17. <meta name="if:Show Description" content="true"/>
  18. <meta name="if:Show Archive" content="true"/>
  19. <meta name="if:Centered Header" content="false"/>
  20. <meta name="if:Show Currently" content="true"/>
  21.  
  22. <meta name="text:Current1 Header" content="listening" />
  23. <meta name="text:Current1 Content" content="R U Mine? - Arctic Monkeys" />
  24. <meta name="text:Current2 Header" content="watching" />
  25. <meta name="text:Current2 Content" content="Brooklyn 99" />
  26. <meta name="text:Current3 Header" content="reading" />
  27. <meta name="text:Current3 Content" content="Uprooted by Naomi Novik" />
  28. <meta name="text:Current4 Header" content="" />
  29. <meta name="text:Current4 Content" content="" />
  30. <meta name="text:Current5 Header" content="" />
  31. <meta name="text:Current5 Content" content="" />
  32.  
  33. <meta name="font:Body" content="Helvetica Neue"/>
  34.  
  35. <link rel="stylesheet" href="http://static.tumblr.com/thpaaos/DIcklyl4z/reset.css" type="text/css" />
  36.  
  37.  
  38. <style>
  39.  
  40.  
  41. .cf:before,
  42. .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
  43. .cf:after { clear: both; }
  44. .cf { *zoom: 1; }
  45.  
  46. html, body {
  47. height: 100%;
  48. }
  49.  
  50. body {
  51. color: {color:Text};
  52. font-size: 14px;
  53. font-family: {font:Body};
  54. line-height: 1.5em;
  55. background: #fff;
  56. }
  57.  
  58. a img { border-width: 0px; }
  59. *:active, *:focus { outline: 0px; }
  60. a { color: {color:Links}; text-decoration: none;
  61. }
  62.  
  63. a:hover { text-decoration:underline; }
  64.  
  65. ol, ul {
  66. padding-left: 30px;
  67. margin: 1em 0;
  68.  
  69. }
  70.  
  71. h2 + a.timestamp {
  72. line-height: 30px;
  73. }
  74.  
  75. p {
  76. margin: 0;
  77. padding: 8px 0;
  78. }
  79.  
  80. a.title {
  81. text-decoration: none;
  82. font-size: 1.3em;
  83. color: {color:Text};
  84. }
  85.  
  86. a.title + p { padding: 8px 0 8px 0; }
  87. p + blockquote { margin: 0 0 8px 0; }
  88. p + ul, p + ol, ul > ul, ul > ol, ol > ul, ol > ol { margin-top: .5em; }
  89. ul ul, ul ol, ol ul, ol ol { margin: 0; }
  90.  
  91. blockquote {
  92. border-left: 5px solid #eee;
  93. margin: 8px 0;
  94. padding: 0 0 0 15px;
  95. }
  96.  
  97. blockquote > p:first-child {
  98. padding: 0;
  99. }
  100.  
  101. pre {
  102. width: 100%;
  103. overflow: auto;
  104. background: #efefef;
  105. font-family: 'Courier New', Courier, monospace;
  106. padding: .5em;
  107. font-size: .85em;
  108. line-height: 1.1em;
  109. }
  110.  
  111. strong { font-weight: bold; }
  112. em { font-style: italic; }
  113. sub { vertical-align: sub; }
  114. sup { vertical-align: super; }
  115. sub, sup { font-size: .8em; }
  116. small { font-size: .9em; }
  117.  
  118.  
  119. .caption {
  120. padding: 8px 0;
  121. }
  122.  
  123. .quote-caption {
  124. text-align: right;
  125. margin-left: 20px;
  126. }
  127.  
  128. #container {
  129. width: 880px;
  130. margin: 0 auto;
  131. position: relative;
  132. }
  133.  
  134. #header {
  135. margin: 0 0 0 20px;
  136. font-size: .95em;
  137. clear: both;
  138. position: relative;
  139. {block:IfCenteredHeader}text-align: center;{/block:IfCenteredHeader}
  140. }
  141.  
  142.  
  143. #posts {
  144.  
  145. clear: both;
  146. }
  147.  
  148. .post {
  149. padding: 50px 0px 20px;
  150. width: 540px;
  151. {block:IndexPage}
  152. margin: 0 auto;
  153. {/block:IndexPage}
  154. {block:PermalinkPage}
  155. margin: 0 auto 100px;
  156. {/block:PermalinkPage}
  157. }
  158. .tags {
  159. margin: 10px 0;
  160. }
  161.  
  162. .tag {
  163. font-size: .85em;
  164. color: #999;
  165. text-decoration: none;
  166. }
  167.  
  168. .pound { opacity: .4; }
  169.  
  170.  
  171. a.tag:hover {
  172. color: {color:Links};
  173. text-decoration: none;
  174. }
  175.  
  176. a.timestamp {
  177. {block:IndexPage}font-size: .85em;{/block:IndexPage}
  178. line-height: 1em;
  179. color: #444;
  180. display: inline-block;
  181. padding: 3px;
  182. margin-top: 10px;
  183. text-decoration: none;
  184. }
  185.  
  186. .timestamp-wrap {
  187. text-align: center;
  188. }
  189.  
  190. .sourcelink {
  191. font-size: .85em;
  192. }
  193.  
  194. .timestamp:hover * {
  195. color: #fff;
  196. }
  197.  
  198. .red { color: red; }
  199.  
  200. .timestamp:hover,
  201. .timestamp:hover .timestamp {
  202. color: #FFFFFF;
  203. background: {color:Links};
  204. }
  205.  
  206. .post img {
  207. max-width: 100%;
  208. display: block;
  209. margin: 0 auto;
  210. }
  211.  
  212. a.readMore {
  213. display: block;
  214. padding: 3px;
  215. border-top: 1px dashed #ccc;
  216. border-bottom: 1px dashed #ccc;
  217. text-align: center;
  218. text-decoration: none;
  219. text-transform: lowercase;
  220. font-size: .9em;
  221. -webkit-transition: all .3s;
  222. -moz-transition: all .3s;
  223. -ms-transition: all .3s;
  224. -o-transition: all .3s;
  225. transition: all .3s;
  226. }
  227.  
  228. a.readMore:hover {
  229. color: #fff;
  230. background: {color:Links};
  231. border-color: transparent;
  232.  
  233. }
  234.  
  235. .ask_question {
  236. font-size: .9em;
  237. padding: 15px;
  238. border: 1px solid #eee;
  239. background: #f7f7f7;
  240. }
  241.  
  242. .ask_answer {
  243. margin-top: 15px;
  244. }
  245.  
  246. .ask_asker {
  247. font-weight: bold;
  248. text-align: right;
  249. font-size: .85em;
  250. text-transform: uppercase;
  251. }
  252.  
  253. .audio {
  254. margin-bottom: 20px;
  255. }
  256.  
  257. .audio-player {
  258. width: 100%;
  259. }
  260.  
  261. .audio-art {
  262. width: 100px;
  263. height: 100px;
  264. float: left;
  265. margin-right: 10px;
  266. -webkit-border-radius: 10px;
  267. -moz-border-radius: 10px;
  268. border-radius: 10px;
  269. overflow: hidden;
  270. }
  271.  
  272. .audio-info {
  273. float: left;
  274. {block:IndexPage}width: 260px;{/block:IndexPage}
  275. {block:PermalinkPage}width: 360px;{/block:PermalinkPage}
  276. }
  277. .audio-artist {
  278. text-transform: uppercase;
  279. font-size: .8em;
  280. color: #888;
  281. }
  282. .audio-track {
  283. font-weight: 300;
  284. font-size: 1.3em;
  285. }
  286.  
  287.  
  288. .chat {
  289. font-size: .9em;
  290. width: 100%;
  291. margin: 0 0 10px 0;
  292. border-collapse: collapse;
  293. font-family: "Courier New", "Courier", monospace;
  294. }
  295.  
  296. h2 + .chat {
  297. margin: 10px 0 3px 0;
  298. }
  299.  
  300. .chat .line {
  301. padding: 4px 12px;
  302. line-height: 1.1em;
  303. }
  304.  
  305. .chat .name {
  306. font-weight: bold;
  307. }
  308.  
  309.  
  310. .quote {
  311. font-size: 1.2em;
  312. line-height: 1.5em;
  313. padding: 10px 30px;
  314. font-weight: 300;
  315. }
  316.  
  317. .quote.long { font-size: 1em; padding: 10px 0; }
  318. .quote.short { font-size: 1.4em; }
  319.  
  320. .link_url {
  321. font-size: .7em;
  322. color: {color:Links};
  323. }
  324.  
  325. .answer_form_container { width: 512px; }
  326.  
  327. .notes { list-style-type: none; margin: 31px 0 10px 0; padding: 0; padding-top: 10px; font-size:.9em; }
  328. .notes li.note { margin: 0 0 1px 0; padding: 0 4px; }
  329. .notes a { color: #aaa; }
  330. .notes img.avatar { display: none; }
  331. .notes blockquote { margin: 0; }
  332. .notes blockquote a { text-decoration: none; }
  333.  
  334. .caption-reblog {
  335. {block:IndexPage}
  336. font-size: .9em;
  337. line-height: 1.5;
  338. {/block:IndexPage}
  339. }
  340. .caption-reblog sup, .caption-reblog sub {
  341. {block:IndexPage}
  342. font-size: 1em;
  343. {/block:IndexPage}
  344. }
  345.  
  346. a.tumblr_blog {
  347. {block:IndexPage}
  348. color: #777;
  349. text-decoration: underline;
  350. {/block:IndexPage}
  351. }
  352.  
  353. .button-bar-wrap {
  354. position: relative;
  355. text-align:center;
  356. }
  357. .button-bar {
  358. display: inline-block;
  359. padding: 5px;
  360. clear:both;
  361. margin: 0 auto;
  362. background: #ffffff;
  363. position: relative;
  364. z-index: 10;
  365. }
  366. .button-bar-line {
  367. width: 100%;
  368. background: #ccc;
  369. height: 1px;
  370. position: absolute;
  371. margin-top: 15px;
  372. z-index: 1;
  373. }
  374.  
  375. .like_button, .reblog_button, .post-button {
  376. display: inline-block;
  377. margin: 0 2px 2px;
  378. }
  379.  
  380.  
  381.  
  382. #bottom-pagination {
  383. text-align: center;
  384. padding: 20px;
  385. margin-bottom: 100px;
  386. font-size: 1.5em;
  387. font-weight: 300;
  388. letter-spacing: 1px;
  389. }
  390.  
  391. #header-main-links { margin-left: -10px; }
  392. #header-main-links a { display: inline-block; padding: 0px 15px; margin: 0; border-left: 1px solid #ccc; line-height: 1em;}
  393. #header-main-links a:first-child {
  394. border-left: 0px;
  395. }
  396.  
  397. #header-img {
  398. text-align: center;
  399. margin: 20px;
  400. }
  401. #header-img img {
  402. max-width: 100%;
  403. }
  404.  
  405. #credit {
  406. position: fixed;
  407. right: 20px;
  408. bottom: 5px;
  409. opacity: .7;
  410. }
  411. #credit:hover {
  412. opacity: 1;
  413. }
  414.  
  415. #currently {
  416. position: absolute;
  417. right: 0;
  418. z-index: 10;
  419. display:inline-block;
  420. padding: 5px 10px;
  421. border-bottom: 3px solid #ddd;
  422. font-size: .75em;
  423. text-align: right;
  424. background: #fff;
  425. }
  426. #currently h4 {
  427. cursor: pointer;
  428. }
  429.  
  430. #currently:hover {
  431. margin-top: -1px;
  432. margin-right: -1px;
  433. border: 1px solid #ddd;
  434. }
  435. #currently:hover table {
  436. display: block;
  437. }
  438. #currently table {
  439. display:none;
  440. max-width: 200px;
  441. margin: 5px 0 10px;
  442. }
  443. #currently table td {
  444. padding: 0px 5px;
  445. }
  446.  
  447. #currently table td:first-child {
  448. font-weight: bold;
  449. text-align: right;
  450. border-right: 1px solid #aaa;
  451. }
  452.  
  453. #currently table .second-col {
  454. width: 130px;
  455. }
  456.  
  457. {CustomCSS}
  458.  
  459.  
  460. </style>
  461.  
  462. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  463.  
  464.  
  465.  
  466. </head>
  467. <body>
  468.  
  469. <div id="container">
  470. <div id="header">
  471. {block:IfHeaderImage}<div id="header-img" ><a href="/"><img src="{image:Header Image}"/></a></div>{/block:IfHeaderImage}
  472. {block:IfShowDescription}<p>{Description}</p>{/block:IfShowDescription}
  473. <div id="header-main-links">
  474. <a href="/">home</a>
  475. {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}
  476.  
  477. {block:HasPages}
  478. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}
  479. {/block:HasPages}
  480. {block:IfShowArchive}<a href="/archive">archive</a>{/block:IfShowArchive}
  481.  
  482. {block:IfShowCurrently}
  483. <div id="currently">
  484. <h4>CURRENTLY &#9662;</h4>
  485. <table>
  486. {block:IfCurrent1Content}<tr><td>{text:Current1 Header}</td><td class="second-col">{text:Current1 Content}</td></tr>{/block:IfCurrent1Content}
  487. {block:IfCurrent2Content}<tr><td>{text:Current2 Header}</td><td>{text:Current2 Content}</td></tr>{/block:IfCurrent2Content}
  488. {block:IfCurrent3Content}<tr><td>{text:Current3 Header}</td><td>{text:Current3 Content}</td></tr>{/block:IfCurrent3Content}
  489. {block:IfCurrent4Content}<tr><td>{text:Current4 Header}</td><td>{text:Current4 Content}</td></tr>{/block:IfCurrent4Content}
  490. {block:IfCurrent5Content}<tr><td>{text:Current5 Header}</td><td>{text:Current5 Content}</td></tr>{/block:IfCurrent5Content}
  491. </table>
  492. </div>
  493. {/block:IfShowCurrently}
  494.  
  495. </div>
  496. <br/>
  497. </div>
  498.  
  499. <div id="posts">
  500. {block:Posts}
  501. <div class="post">
  502. {block:Photoset}
  503. {Photoset}
  504. {block:Caption}<div class="caption">{Caption}
  505. {block:More}
  506. <a href="{Permalink}" class="readMore">{lang:Read more}</a>
  507. {/block:More}
  508.  
  509. </div>{/block:Caption}
  510. {/block:Photoset}
  511.  
  512.  
  513. {block:Photo}
  514. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  515. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  516. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  517. {block:IndexPage}</a>{/block:IndexPage}
  518. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  519.  
  520. {block:Caption}<div class="caption">{Caption}
  521. {block:More}
  522. <a href="{Permalink}" class="readMore">{lang:Read more}</a>
  523. {/block:More}
  524.  
  525. </div>{/block:Caption}
  526. {/block:Photo}
  527.  
  528. {block:Audio}
  529. <div class="cf audio">
  530. {block:AlbumArt}
  531. <div class="audio-art"><img src="{AlbumArtURL}"/></div>
  532. {/block:AlbumArt}
  533.  
  534. <div class="audio-info">
  535.  
  536. <div class="audio-track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  537. <div class="audio-artist">{block:Artist}{Artist}{/block:Artist}</div>
  538.  
  539.  
  540. <br/>
  541. {block:AudioEmbed}
  542. <div class="audio-play">{AudioEmbed-400}</div>
  543. {/block:AudioEmbed}
  544.  
  545. {block:AudioPlayer}
  546. <div class="audio-player">{AudioPlayerWhite}</div>
  547. {/block:AudioPlayer}
  548. </div>
  549. </div>
  550.  
  551. {block:Caption}<div class="caption">{Caption}
  552. {block:More}
  553. <a href="{Permalink}" class="readMore">{lang:Read more}</a>
  554. {/block:More}
  555.  
  556. </div>{/block:Caption}
  557. {/block:Audio}
  558.  
  559. {block:Video}
  560. {block:IndexPage}{Video-400}{/block:IndexPage}
  561. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  562. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  563. {/block:Video}
  564.  
  565. {block:Text}
  566. {block:Title}<h1><a href="{Permalink}" class="title">{Title}</a></h1>{/block:Title}
  567. <div class="caption">
  568. {Body}
  569. {block:More}
  570. <a href="{Permalink}" class="readMore">{lang:Read more}</a>
  571. {/block:More}
  572. </div>
  573. {/block:Text}
  574.  
  575. {block:Answer}
  576. <div class="ask_question">
  577. <b>Q: </b>{Question}
  578. <div class="ask_asker">&mdash; {Asker}</div>
  579. </div>
  580.  
  581. <div class="ask_answer">{Answer}
  582. {block:More}
  583. <a href="{Permalink}" class="readMore">{lang:Read more}</a>
  584. {/block:More}
  585. </div>
  586. {/block:Answer}
  587.  
  588. {block:Link}
  589. <h1><a href="{URL}" class="title" {Target}>{Name}<br/><span class="link_url">from {block:Host}{Host}{/block:Host} &rarr;</span></a></h1>
  590.  
  591. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  592. {/block:Link}
  593.  
  594. {block:Quote}
  595. <div class="quote {Length}">{Quote}</div>
  596. {block:Source}<div class="caption quote-caption">&mdash; {Source}</div>{/block:Source}
  597. {/block:Quote}
  598.  
  599.  
  600.  
  601. {block:Chat}
  602. {block:Title}<h2><a href="{Permalink}" class="title">{Title}</a></h2>{block:Title}
  603. <div class="chat">
  604. {block:Lines}
  605. <div class="line">
  606. {block:Label}<span class="name line{UserNumber}">{Label}</span>{block:Label} <span class="words line{UserNumber}">{Line}</span>
  607. </div>
  608. {/block:Lines}
  609. </div>
  610. {/block:Chat}
  611.  
  612. {block:RebloggedFrom}<div class="caption-reblog">{/block:RebloggedFrom}
  613.  
  614.  
  615.  
  616.  
  617. {block:RebloggedFrom}</div>{/block:RebloggedFrom}
  618.  
  619. <div>
  620. {block:Date}
  621. <div class="tags">
  622. {block:Tags}
  623. <a href="{TagURL}" class="tag"><span class="pound">#</span>{Tag}</a>&nbsp;
  624. {/block:Tags}
  625. </div>
  626. <div class="timestamp-wrap">
  627. {block:NotReblog}
  628. <a href="{Permalink}" class="timestamp">Posted on {ShortMonth} {DayOfMonthWithZero} with {NoteCount} <span class="red">&hearts;</span></a>
  629. {/block:NotReblog}
  630.  
  631. {block:RebloggedFrom}
  632. <a href="{Permalink}" class="timestamp">{lang:Reblogged} on {ShortMonth} {DayOfMonthWithZero} with {NoteCount} <span class="red">&hearts;</span></a> {block:PermalinkPage}<span style="font-size:.9em;">(via <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>)</span>{/block:PermalinkPage}
  633. {/block:RebloggedFrom}
  634. </div>
  635. {/block:Date}
  636. </div>
  637.  
  638. <div class="button-bar-wrap">
  639. <div class="button-bar-line"></div>
  640. {block:Date}
  641. <div class="button-bar">
  642. {LikeButton size="20" color="grey"}<div class="post-button">{ReblogButton size="20" color="grey"}</div>
  643. </div>
  644. {/block:Date}
  645. </div>
  646.  
  647. {block:PostNotes}
  648. <div class="notes">
  649. {PostNotes}
  650. </div>
  651. {/block:PostNotes}
  652.  
  653.  
  654. </div> <!-- .post -->
  655. {/block:Posts}
  656. </div> <!-- .posts -->
  657.  
  658. <!-- please don't remove ;_; -->
  659. <div id="credit"><a href="http://oddhour.tumblr.com/" target="_blank" title="theme by oddhour.tumblr.com"><img src="http://static.tumblr.com/isskdo7/t8Vn3e1hg/oddhour-logo-alt.png" /></a></div>
  660.  
  661. <div style="cf"></div>
  662.  
  663. {block:Pagination}<br/><br/><div id="bottom-pagination">
  664. {block:PreviousPage}<a href="{PreviousPage}">&larr; {/block:PreviousPage}{lang:Previous}{block:PreviousPage}</a>{/block:PreviousPage} &nbsp;&nbsp;/&nbsp;&nbsp;
  665. {block:NextPage}<a href="{NextPage}">{/block:NextPage}{lang:Next}{block:NextPage} &rarr;</a>{/block:NextPage}</div>
  666. {/block:Pagination}
  667.  
  668.  
  669. {block:PermalinkPagination}<br/><br/><div id="bottom-pagination">
  670. {block:NextPost}<a href="{NextPost}">&larr; {/block:NextPost}{lang:Previous}{block:NextPost}</a>{/block:NextPost} &nbsp;&nbsp;/&nbsp;&nbsp;
  671. {block:PreviousPost}<a href="{PreviousPost}">{/block:PreviousPost}{lang:Next}{block:PreviousPost} &rarr;</a>{/block:PreviousPost}</div>
  672. {/block:PermalinkPagination}
  673.  
  674.  
  675. </div> <!-- #container -->
  676.  
  677. </body>
  678. </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!