Permalink
Browse files

Layout for mobile landscape, some script cleanup/fixes

  • Loading branch information...
craigcook committed Nov 9, 2012
1 parent 6a0facc commit 27ef23df0fc559f85c6e6474499bdddb56800261
@@ -695,7 +695,7 @@ <h3>{{ _('Contributor Stories') }}</h3>
<ul id="story-slider">
<li id="story-chit" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory1.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/chit-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory1.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/chit-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Chit Thiri Maung') }}</h4>
<h5>
@@ -714,7 +714,7 @@ <h5>
</li>
<li id="story-viking" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory2.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/viking-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory2.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/viking-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Viking Karwur') }}</h4>
<h5>
@@ -734,7 +734,7 @@ <h5>
</li>
<li id="story-keng" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory4.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/keng-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory4.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/keng-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Patipat “Keng” Susumpow') }}</h4>
<h5>
@@ -753,7 +753,7 @@ <h5>
</li>
<li id="story-claire" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory5.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/claire-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory5.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/claire-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Claire Corgnou') }}</h4>
<h5>
@@ -772,7 +772,7 @@ <h5>
</li>
<li id="story-haitham" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory6.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/haitham-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory6.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/haitham-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Haitham El-Ghareeb') }}</h4>
<h5>
@@ -791,7 +791,7 @@ <h5>
</li>
<li id="story-ioana" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory7.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/ioana-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory7.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/ioana-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Ioana Chiorean') }}</h4>
<h5>
@@ -810,7 +810,7 @@ <h5>
</li>
<li id="story-brian" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory8.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/brian-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory8.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/brian-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Brian King') }}</h4>
<h5>
@@ -829,7 +829,7 @@ <h5>
</li>
<li id="story-mohomodou" class="vcard">
- <a class="contributor" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory9.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/mohomodou-poster.jpg">
+ <a class="contributor contrib-play" href="http://videos-cdn.mozilla.net/serv/drafts/Contributorstory9.webm" data-poster="{{ MEDIA_URL }}img/foundation/annualreport/2011/contributors/mohomodou-poster.jpg">
<hgroup>
<h4 class="fn">{{ _('Mohomodou Houssouba') }}</h4>
<h5>
@@ -897,7 +897,7 @@ body.noscroll {
position: static;
left: auto;
padding: 0;
- margin: 20px 0;
+ margin: 20px 0 0;
background: transparent none !important;
color: inherit;
a:link,
@@ -916,7 +916,7 @@ body.noscroll {
}
.mob-topics {
- padding: 0 20px;
+ padding: 0 20px 20px;
margin: 0 0 20px;
font-size: 12px;
li {
@@ -1025,10 +1025,6 @@ body.noscroll {
}
}
- #video-stage {
- display: none;
- }
-
#story-slider {
margin-top: 20px;
.vcard {
@@ -1046,5 +1042,48 @@ body.noscroll {
/* Wide mobile layout: 480px; */
@media only screen and (min-width: @breakMobileLandscape) and (max-width: @breakTablet) {
+ #wrapper,
+ #page-nav.fixed {
+ width: 420px;
+ }
+
+ #main-content {
+ width: 380px;
+ }
+
+ .left,
+ .right {
+ float: none;
+ width: 380px;
+ margin: 0 0 20px;
+ }
+
+ .mob-topics {
+ font-size: 18px;
+ }
+
+ .mob-firefoxos .pull,
+ .mob-fxdesktop .pull,
+ .mob-webmaker .pull,
+ .mob-standards .pull,
+ .act-intro .pull {
+ font-size: 24px;
+ padding: 30px;
+ }
+
+ .act-flicks img {
+ padding: 20px 90px;
+ }
+
+ #story-slider {
+ margin-top: 20px;
+ .vcard {
+ width: 170px;
+ float: left;
+ min-height: 97px;
+ display: block;
+ margin: 0 10px 20px;
+ }
+ }
}
Oops, something went wrong.

0 comments on commit 27ef23d

Please sign in to comment.