Added print styles, misc code tidying

mozilla · Nov 10, 2012 · 6baca27 · 6baca27
1 parent 334bd91
commit 6baca27
Show file tree

Hide file tree

Showing 5 changed files with 277 additions and 54 deletions.
diff --git a/apps/foundation/templates/foundation/annualreport/2011.html b/apps/foundation/templates/foundation/annualreport/2011.html
@@ -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-fin" href="#" hreflang="en-US">{{ _('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-990" href="#" hreflang="en-US">{{ _('2011 Form 990') }} <small>{{ _('Download PDF') }}</small></a></li>
         </ul>
       </section>
 

diff --git a/media/css/foundation/annual2011.less b/media/css/foundation/annual2011.less
@@ -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; 
+    border: solid transparent;
-    content: " "; 
+    content: " ";
-    height: 0; 
+    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 {
     }
   }
 
-}
+}
+