Permalink
Browse files

Merge remote branch 'mozilla/bug-809486-styleguide-firefoxos'

  • Loading branch information...
2 parents dc20182 + 4333142 commit 434ad8856a7f98d2ba85423db2c84fda435b2f1e @sgarrity sgarrity committed Dec 18, 2012
@@ -189,4 +189,40 @@
</div>
</section>
+<section id="downloads">
+ <div class="intro">
+ <h3>Download</h3>
+ <p>Getting started templates</p>
+ </div>
+ <div class="download-group" id="icon-circle">
+ <p>Icon (circle)</p>
+ <ul class="button-list">
+ <li><a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PSD/MozillaFXOSIconTemplate1.psd" class="button-sand">PSD</a></li><li>
+ <a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PNG/MozillaFXOSIconTemplate1.png" class="button-sand">PNG</a></li><li>
+ <a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PNG/MozillaFXOSIconTemplate1_overlay.png" class="button-sand">PNG (overlay)</a></li>
+ </ul>
+ </div>
+ <div class="download-group" id="icon-rounded">
+ <p>Icon (rounded)</p>
+ <ul class="button-list">
+ <li><a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PSD/MozillaFXOSIconTemplate2.psd" class="button-sand">PSD</a></li><li>
+ <a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PNG/MozillaFXOSIconTemplate2.png" class="button-sand">PNG</a></li>
+ </ul>
+ </div>
+ <div class="download-group" id="icon-square">
+ <p>Icon (square)</p>
+ <ul class="button-list">
+ <li><a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PSD/MozillaFXOSIconTemplate3.psd" class="button-sand">PSD</a></li><li>
+ <a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PNG/MozillaFXOSIconTemplate3.png" class="button-sand">PNG</a></li>
+ </ul>
+ </div>
+ <div class="download-group" id="icon-grid">
+ <p>Icon grid</p>
+ <ul class="button-list">
+ <li><a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PSD/MozillaFXOSIconGrid.psd" class="button-sand">PSD</a></li><li>
+ <a href="https://assets.mozillalabs.com/Projects/Firefox%20OS/UX/VsD/v01.0/Icon%20App%20Templates/PNG/MozillaFXOSIconGrid.png" class="button-sand">PNG</a></li>
+ </ul>
+ </div>
+</section>
+
{% endblock %}
@@ -190,7 +190,6 @@
&:hover,
&:focus {
.button-hover-box-shadow();
- color: @linkBlueHover;
}
}
}
@@ -203,6 +202,48 @@
}
}
+.dark {
+ .button-sand,
+ .button-sand:link,
+ .button-sand:visited {
+ @shadow: 0 1px 0 0 rgba(255,255,255,0.2) inset,
+ 1px 0 0 0 rgba(255,255,255,0.2) inset,
+ -1px 0 0 0 rgba(255,255,255,0.2) inset,
+ 0 -2px 0 0 rgba(0,0,0,0.1) inset;
+ .box-shadow(@shadow);
+ &:hover,
+ &:focus {
+ .button-hover-box-shadow(rgba(255,255,255,0.2));
+ color: @linkBlue;
+ }
+ }
+ .button-list {
+ li {
+ .button-sand {
+ @shadow: 0 1px 0 0 rgba(255,255,255,0.2) inset,
+ -1px 0 0 0 rgba(255,255,255,0.2) inset,
+ 0 -2px 0 0 rgba(0,0,0,0.1) inset;
+ .box-shadow(@shadow);
+ }
+ &:first-child {
+ .button-sand {
+ @shadow: 0 1px 0 0 rgba(255,255,255,0.2) inset,
+ 1px 0 0 0 rgba(255,255,255,0.2) inset,
+ -1px 0 0 0 rgba(255,255,255,0.2) inset,
+ 0 -2px 0 0 rgba(0,0,0,0.1) inset;
+ .box-shadow(@shadow);
+ &:hover,
+ &:focus {
+ .button-hover-box-shadow(rgba(255,255,255,0.2));
+ color: @linkBlue;
+ }
+ }
+ }
+ }
+ }
+}
+
+
// Product download buttons
@@ -73,6 +73,21 @@
margin: (@baseLine / 2) auto;
}
}
+
+ #downloads {
+ .intro {
+ .span_guide(12);
+ }
+ .download-group {
+ .span_guide(2);
+ p {
+ margin-bottom: 0;
+ }
+ }
+ #icon-circle {
+ .span_guide(4);
+ }
+ }
}
/* }}} */
@@ -261,6 +261,7 @@ h1 {
/* }}} */
/* {{{ Dark theme */
+.dark.sand,
.dark.sand #outer-wrapper {
background-color: #272e33;
background-image: url('/media/img/sandstone/grain.png');
@@ -315,6 +316,9 @@ body.dark {
#colophon {
background: transparent;
color: @darkThemeText;
+ .footer-logo {
+ .offset_guide(1);
+ }
}
}

0 comments on commit 434ad88

Please sign in to comment.