Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Padding the audio player a little more.

  • Loading branch information...
commit 08c02c5b7daa18c691e73eb72ad1b945e1226089 1 parent 3e5d6f0
@WanderingMatt authored
Showing with 29 additions and 13 deletions.
  1. +26 −6 index.html
  2. +3 −7 tumblr.html
View
32 index.html
@@ -383,18 +383,16 @@
background: #000;
margin-bottom: 20px;
min-height: 180px;
+ max-height: 520px;
overflow: hidden;
}
- .photo .hi-res { height: 520px; }
-
.photo img {
display: block;
margin: 0 auto;
max-width: 700px;
}
- .photo .hi-res img:first-child { display: none; }
.photo .hi-res img { width: 700; }
.photo .ribbon a {
@@ -405,7 +403,6 @@
.photo .permalink a { background-position: 13px -405px; }
.photo .notes a { background-position: 13px -620px; }
-
/* =QUOTE */
.quote header { min-height: 180px; }
@@ -478,7 +475,7 @@
border-bottom: 1px solid rgba(255, 255, 255, .25);
display: block;
margin-bottom: 20px;
- padding: 6px 5px 5px 8px;
+ padding: 6px 5px 5px 17px;
}
.audio embed { display: block; }
@@ -732,7 +729,6 @@
<article class="photo post">
<div class="frame hi-res">
<a href="http://bits.cooperativ.es/post/2150294981/i-unlocked-the-living-human-statue-last-night-in">
- <img src="http://26.media.tumblr.com/tumblr_ld55kcVotN1qdcxo7o1_500.jpg" alt="I unlocked the living, human statue last night in Assassin&amp;#8217;s Creed Brotherhood!">
<img src="http://bits.cooperativ.es/photo/1280/2150294981/1/tumblr_ld55kcVotN1qdcxo7" alt="I unlocked the living, human statue last night in Assassin&amp;#8217;s Creed Brotherhood!">
</a>
</div>
@@ -749,6 +745,30 @@
</aside>
<hr>
</article>
+
+ <article class="photo post">
+ <div class="frame">
+ <a href="http://bits.cooperativ.es/post/2135422697/this-is-the-happiest-email-ive-ever-received">
+ <img src="http://bits.cooperativ.es/photo/1280/2135422697/1/tumblr_ld2sz9MQ4n1qdcxo7" alt="This is the happiest email I&amp;#8217;ve ever received. Final Fantasy XIII was more disappointing than your mother after a rousing night of bingo.
+
+ Glyde, by the way, is one of the single greatest places to buy and sell video games as well as other goods.">
+ </a>
+ </div>
+
+ <p>This is the happiest email I’ve ever received. Final Fantasy XIII was more disappointing than your mother after a rousing night of bingo.</p>
+
+ <p><a href="http://glyde.com/">Glyde</a>, by the way, is one of the single greatest places to buy and sell video games as well as other goods.</p>
+
+ <aside class="ribbon">
+ <ul>
+ <li class="type"><a href="http://bits.cooperativ.es/post/2135422697/this-is-the-happiest-email-ive-ever-received">Permalink</a></li>
+ <li class="author"><img src="http://25.media.tumblr.com/avatar_aae9c06137f2_24.png" alt="kennymeyers" class="avatar">
+ </li><li class="permalink"><a href="http://bits.cooperativ.es/post/2135422697/this-is-the-happiest-email-ive-ever-received">Dec <strong>7</strong></a></li>
+
+ </ul>
+ </aside>
+ <hr>
+ </article>
<article class="quote post">
<header>
View
10 tumblr.html
@@ -383,18 +383,16 @@
background: #000;
margin-bottom: 20px;
min-height: 180px;
+ max-height: 520px;
overflow: hidden;
}
- .photo .hi-res { height: 520px; }
-
.photo img {
display: block;
margin: 0 auto;
max-width: 700px;
}
- .photo .hi-res img:first-child { display: none; }
.photo .hi-res img { width: 700; }
.photo .ribbon a {
@@ -405,7 +403,6 @@
.photo .permalink a { background-position: 13px -405px; }
.photo .notes a { background-position: 13px -620px; }
-
/* =QUOTE */
.quote header { min-height: 180px; }
@@ -478,7 +475,7 @@
border-bottom: 1px solid rgba(255, 255, 255, .25);
display: block;
margin-bottom: 20px;
- padding: 6px 5px 5px 8px;
+ padding: 6px 5px 5px 17px;
}
.audio embed { display: block; }
@@ -725,9 +722,8 @@
{block:Photo}
<article class="photo post">
- <div class="frame{block:HighRes} hi-res{/block:HighRes}">
+ <div class="frame">
<a href="{Permalink}">
- <img src="{PhotoURL-500}" alt="{PhotoAlt}">
{block:HighRes}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{/block:HighRes}
</a>
</div>
Please sign in to comment.
Something went wrong with that request. Please try again.