Permalink
Browse files

Added print styles, misc code tidying

  • Loading branch information...
1 parent 334bd91 commit 6baca2751e570a222261700e241bc10287e614db @craigcook craigcook committed Nov 10, 2012
@@ -8,6 +8,7 @@
{% block extrahead %}
{{ css('annual_2011') }}
+ <link rel="stylesheet" media="print" href="{{ MEDIA_URL }}css/foundation/annual2011print.css">
{% endblock %}
{% block js %}
@@ -897,8 +898,8 @@ <h2 class="section-title">{{ _('Sustainability and Partnerships') }}</h2>
<section class="sus-links">
<ul>
<li><a class="sus-faq" href="{{ url('foundation.annualreport.2011faq') }}">{{ _('FAQ') }}</a></li>
- <li><a class="sus-fin" href="#">{{ _('2011 Audited Financial Statement') }} <small>{{ _('Download PDF') }}</small></a></li>
- <li><a class="sus-990" href="#">{{ _('2011 Form 990') }} <small>{{ _('Download PDF') }}</small></a></li>
+ <li><a class="sus-fin" href="#" hreflang="en-US">{{ _('2011 Audited Financial Statement') }} <small>{{ _('Download PDF') }}</small></a></li>
+ <li><a class="sus-990" href="#" hreflang="en-US">{{ _('2011 Form 990') }} <small>{{ _('Download PDF') }}</small></a></li>
</ul>
</section>
@@ -153,7 +153,7 @@ body.noscroll {
text-shadow: 0 1px 1px rgba(0,0,0,.95);
video {
width: 640px;
- max-width: 90%;
+ max-width: 96%;
height: auto;
display: block;
margin: 90px auto 20px;
@@ -662,7 +662,7 @@ body.noscroll {
margin-top: .15em;
}
}
- h4,
+ h4,
h5 {
font-style: normal;
text-shadow: none;
@@ -798,16 +798,16 @@ body.noscroll {
#page-nav.fixed {
width: 740px;
}
-
+
#main-content {
width: 700px;
}
-
+
.left,
.right {
width: 340px;
}
-
+
.mob-fxandroid {
h4 {
font-size: 32px;
@@ -823,40 +823,40 @@ body.noscroll {
margin: 0;
width: auto;
}
-
+
.mob-standards .pull {
font-size: 26px;
min-height: 160px;
}
-
+
.act-donottrack img {
padding: 130px 37.5px 96px;
}
-
+
.act-flicks img {
padding: 40px 70px 19px;
}
-
+
.com-intro .pull {
height: 340px;
h3 {
font-size: 38px;
}
}
-
+
.com-mozcamps {
.left img {
width: 233px;
- }
+ }
.left .video-play img {
width: 340px;
}
}
-
+
.jcarousel-clip {
width: 660px;
}
-
+
#story-slider,
#story-slider-clone {
.vcard {
@@ -874,23 +874,23 @@ body.noscroll {
#wrapper {
width: 320px;
}
-
+
#main-content {
width: 280px;
}
-
+
#masthead h1 {
font-size: 32px;
letter-spacing: -1px;
}
-
+
#page-nav {
padding: 20px 12px 25px 0;
li {
float: none;
}
}
-
+
#page-nav.fixed {
width: 308px;
top: -13em;
@@ -899,36 +899,36 @@ body.noscroll {
float: none;
}
}
-
+
#page-nav.fixed ul:after {
position: absolute;
top: 100%;
left: 50%;
- border: solid transparent;
- content: " ";
- height: 0;
+ border: solid transparent;
+ content: " ";
+ height: 0;
width: 0;
- border-top-color: @mozred;
+ border-top-color: @mozred;
border-width: 10px;
margin-left: -10px;
}
-
+
#page-nav.fixed.welcome ul:after { border-top-color: @mozred; }
#page-nav.fixed.mobilized ul:after { border-top-color: @blue; }
#page-nav.fixed.action ul:after { border-top-color: #000; }
#page-nav.fixed.community ul:after { border-top-color: @orange; }
#page-nav.fixed.sustainability ul:after { border-top-color: @red; }
-
+
.left,
.right {
float: none;
width: 280px;
}
-
+
.overlay-wrap .read {
display: none;
}
-
+
.js .overlay {
position: static;
left: auto;
@@ -946,7 +946,7 @@ body.noscroll {
color: @linkBlueHover;
}
}
-
+
#welcome .video {
margin-left: 0;
}
@@ -961,20 +961,20 @@ body.noscroll {
#topic-firefox img {
margin-top: -86px;
}
-
+
#topic-firefoxos img {
margin-top: -100px;
}
-
+
#topic-webmaker img {
margin-top: -90px;
}
}
-
+
.mob-fxandroid h4 {
display: none;
}
-
+
.mob-firefoxos .pull,
.mob-fxdesktop .pull,
.mob-webmaker .pull,
@@ -997,15 +997,15 @@ body.noscroll {
background: transparent none;
}
}
-
+
#action .act-sopa .overlay h4 {
color: inherit;
}
-
+
.act-flicks img {
padding: 20px 40px;
}
-
+
.com-intro .pull {
height: auto;
width: auto;
@@ -1022,11 +1022,11 @@ body.noscroll {
display: none;
}
}
-
+
.js .com-reps .overlay {
margin-top: 20px;
}
-
+
.com-reps .rep {
float: none;
margin: 20px 0;
@@ -1057,12 +1057,12 @@ body.noscroll {
}
a.sus-fin:before,
a.sus-990:before {
- display: none;
+ display: none;
}
}
-
+
#story-slider {
- margin-top: 20px;
+ margin-top: 20px;
.vcard {
width: 280px;
min-height: 158px;
@@ -1080,11 +1080,11 @@ body.noscroll {
#wrapper {
width: 420px;
}
-
+
#main-content {
width: 380px;
}
-
+
.left,
.right {
float: none;
@@ -1099,7 +1099,7 @@ body.noscroll {
.mob-topics {
font-size: 18px;
}
-
+
.mob-firefoxos .pull,
.mob-fxdesktop .pull,
.mob-webmaker .pull,
@@ -1112,9 +1112,9 @@ body.noscroll {
.act-flicks img {
padding: 20px 90px;
}
-
+
#story-slider {
- margin-top: 20px;
+ margin-top: 20px;
.vcard {
width: 170px;
float: left;
@@ -1124,4 +1124,5 @@ body.noscroll {
}
}
-}
+}
+
Oops, something went wrong.

0 comments on commit 6baca27

Please sign in to comment.