Fix head-wrap position

This commit is contained in:
Michael Rose 2013-06-21 10:01:44 -04:00
parent e28742f5b7
commit 5aa9fc444a
6 changed files with 27 additions and 4 deletions

View file

@ -16,7 +16,7 @@
<div class="image-wrap"> <div class="image-wrap">
<div class="headline-wrap"> <div class="headline-wrap">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
{% if page.tagline %}<h2>{{ page.tagline }}</h2>{% endif %} {% if page.tagline %}<h2 class="hidden-phone">{{ page.tagline }}</h2>{% endif %}
</div><!--/ .headline-wrap --> </div><!--/ .headline-wrap -->
<img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image"> <img src="{{ site.url }}/images/{{ page.image.feature }}" alt="{{ page.title }} feature image">
</div><!-- /.image-wrap --> </div><!-- /.image-wrap -->

View file

@ -1426,6 +1426,11 @@ html {
.top-navigation li a { .top-navigation li a {
decoration: none; decoration: none;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
} }
#main { #main {
counter-reset: captions; counter-reset: captions;
@ -1855,9 +1860,13 @@ html {
margin-left: 0%; margin-left: 0%;
margin-right: 0%; margin-right: 0%;
} }
.image-wrap .headline-wrap,
.image-wrap:after { .image-wrap:after {
left: 25%; left: 25%;
} }
.image-wrap .headline-wrap {
margin-left: 0;
}
#main article { #main article {
display: inline; display: inline;
float: left; float: left;
@ -1946,7 +1955,7 @@ html {
left: 33.333333333%; left: 33.333333333%;
} }
.image-wrap .headline-wrap { .image-wrap .headline-wrap {
margin-left: 33.333333333333336%; margin-left: 8.333333333333334%;
} }
#main article { #main article {
display: inline; display: inline;

View file

@ -1783,6 +1783,11 @@ html {
.top-navigation li a { .top-navigation li a {
decoration: none; decoration: none;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
} }
#main { #main {
counter-reset: captions; counter-reset: captions;
@ -2790,9 +2795,13 @@ img.mfp-img {
margin-left: 0%; margin-left: 0%;
margin-right: 0%; margin-right: 0%;
} }
.image-wrap .headline-wrap,
.image-wrap:after { .image-wrap:after {
left: 25%; left: 25%;
} }
.image-wrap .headline-wrap {
margin-left: 0;
}
#main article { #main article {
display: inline; display: inline;
float: left; float: left;
@ -2887,7 +2896,7 @@ img.mfp-img {
left: 33.333333333%; left: 33.333333333%;
} }
.image-wrap .headline-wrap { .image-wrap .headline-wrap {
margin-left: 33.333333333333336%; margin-left: 8.333333333333334%;
} }
#main article { #main article {
display: inline; display: inline;

View file

@ -15,7 +15,7 @@
left: 33.333333333%; left: 33.333333333%;
} }
.headline-wrap { .headline-wrap {
.prefix(12,4); .prefix(12,1);
} }
} }
#main article { #main article {

View file

@ -16,9 +16,13 @@ html {
.prefix(12,0); .prefix(12,0);
.suffix(12,0); .suffix(12,0);
} }
.image-wrap .headline-wrap,
.image-wrap:after { .image-wrap:after {
left: 25%; left: 25%;
} }
.image-wrap .headline-wrap {
margin-left: 0;
}
#main article { #main article {
.grid(12,6); .grid(12,6);
.prefix(12,0); .prefix(12,0);

View file

@ -38,6 +38,7 @@ html {
a { a {
decoration: none; decoration: none;
border-bottom: 0 solid transparent; border-bottom: 0 solid transparent;
.transition(all .2s);
} }
} }
} }