Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

add hybrid of sandstone and Mozilla labs theme

  • Loading branch information...
commit 05e2121f5bf602f66cfe7d26a0db619a24f305fd 1 parent ecfd2d4
@zaach zaach authored
Showing with 11,121 additions and 12 deletions.
  1. +64 −0 grunt.js
  2. +3 −1 package.json
  3. +16 −0 public/css/gombot.css
  4. +1,698 −0 public/css/sandstone-resp.css
  5. +299 −0 public/css/sandstone/buttons.less
  6. +12 −0 public/css/sandstone/columns.less
  7. +32 −0 public/css/sandstone/fonts.less
  8. +108 −0 public/css/sandstone/mixins-resp.less
  9. +11 −0 public/css/sandstone/reset.less
  10. +1,014 −0 public/css/sandstone/sandstone-resp.less
  11. +7 −0 public/css/sandstone/styleguide.less
  12. +113 −0 public/css/sandstone/variables-resp.less
  13. +131 −0 public/css/sandstone/video-resp.less
  14. BIN  public/fonts/OpenSans-Light-webfont-intl.eot
  15. +958 −0 public/fonts/OpenSans-Light-webfont-intl.svg
  16. BIN  public/fonts/OpenSans-Light-webfont-intl.ttf
  17. BIN  public/fonts/OpenSans-Light-webfont-intl.woff
  18. BIN  public/fonts/OpenSans-Light-webfont.eot
  19. +252 −0 public/fonts/OpenSans-Light-webfont.svg
  20. BIN  public/fonts/OpenSans-Light-webfont.ttf
  21. BIN  public/fonts/OpenSans-Light-webfont.woff
  22. BIN  public/fonts/OpenSans-Regular-webfont-intl.eot
  23. +958 −0 public/fonts/OpenSans-Regular-webfont-intl.svg
  24. BIN  public/fonts/OpenSans-Regular-webfont-intl.ttf
  25. BIN  public/fonts/OpenSans-Regular-webfont-intl.woff
  26. BIN  public/fonts/OpenSans-Regular-webfont.eot
  27. +252 −0 public/fonts/OpenSans-Regular-webfont.svg
  28. BIN  public/fonts/OpenSans-Regular-webfont.ttf
  29. BIN  public/fonts/OpenSans-Regular-webfont.woff
  30. BIN  public/fonts/OpenSans-Semibold-webfont-intl.eot
  31. +958 −0 public/fonts/OpenSans-Semibold-webfont-intl.svg
  32. BIN  public/fonts/OpenSans-Semibold-webfont-intl.ttf
  33. BIN  public/fonts/OpenSans-Semibold-webfont-intl.woff
  34. BIN  public/fonts/OpenSans-Semibold-webfont.eot
  35. +251 −0 public/fonts/OpenSans-Semibold-webfont.svg
  36. BIN  public/fonts/OpenSans-Semibold-webfont.ttf
  37. BIN  public/fonts/OpenSans-Semibold-webfont.woff
  38. BIN  public/images/bg-tile.png
  39. BIN  public/images/footer-mozilla.png
  40. BIN  public/images/logo.png
  41. BIN  public/img/favicon.ico
  42. BIN  public/img/favicon.png
  43. BIN  public/img/sample_promos/promo-android.jpg
  44. BIN  public/img/sample_promos/promo-collusion.jpg
  45. BIN  public/img/sample_promos/promo-flicks.jpg
  46. BIN  public/img/sandstone/arrow-go.png
  47. BIN  public/img/sandstone/bg-labs.png
  48. BIN  public/img/sandstone/bg-sand.png
  49. BIN  public/img/sandstone/bg-sky.png
  50. BIN  public/img/sandstone/bg-space.png
  51. BIN  public/img/sandstone/bg-stone.png
  52. BIN  public/img/sandstone/buttons/android-corner.png
  53. BIN  public/img/sandstone/buttons/arrow-large.png
  54. BIN  public/img/sandstone/buttons/arrow-small.png
  55. BIN  public/img/sandstone/buttons/firefox-large.png
  56. BIN  public/img/sandstone/buttons/firefox-small.png
  57. BIN  public/img/sandstone/footer-mozilla.png
  58. BIN  public/img/sandstone/header-mozilla-labs.png
  59. BIN  public/img/sandstone/header-mozilla-stone.png
  60. BIN  public/img/sandstone/icn-menu-on.png
  61. BIN  public/img/sandstone/icn-menu.png
  62. BIN  public/img/sandstone/menu-current.png
  63. BIN  public/img/sandstone/menu-point.png
  64. BIN  public/img/sandstone/video/clothes-lol.png
  65. BIN  public/img/sandstone/video/play.png
  66. BIN  public/img/sandstone/video/shadow.png
  67. +78 −0 public/index.html
  68. +16 −0 public/js/common-min.js
  69. +4 −0 public/js/libs/html5shiv.js
  70. +4 −0 public/js/libs/jquery-1.7.1.min.js
  71. +4 −0 public/js/modernizr-2.js
  72. +821 −0 public/js/mozilla-pager.js
  73. +41 −0 public/js/site.js
  74. +583 −0 public/js/tabzilla.js
  75. +4 −0 public/libs/html5shiv.js
  76. +4 −0 public/libs/jquery-1.7.1.min.js
  77. BIN  public/sample_promos/promo-android.jpg
  78. BIN  public/sample_promos/promo-collusion.jpg
  79. BIN  public/sample_promos/promo-flicks.jpg
  80. BIN  public/sandstone/arrow-go.png
  81. BIN  public/sandstone/bg-sand.png
  82. BIN  public/sandstone/bg-sky.png
  83. BIN  public/sandstone/bg-space.png
  84. BIN  public/sandstone/bg-stone.png
  85. +299 −0 public/sandstone/buttons.less
  86. BIN  public/sandstone/buttons/android-corner.png
  87. BIN  public/sandstone/buttons/arrow-large.png
  88. BIN  public/sandstone/buttons/arrow-small.png
  89. BIN  public/sandstone/buttons/firefox-large.png
  90. BIN  public/sandstone/buttons/firefox-small.png
  91. +12 −0 public/sandstone/columns.less
  92. +32 −0 public/sandstone/fonts.less
  93. BIN  public/sandstone/footer-mozilla.png
  94. BIN  public/sandstone/header-mozilla-stone.png
  95. BIN  public/sandstone/icn-menu-on.png
  96. BIN  public/sandstone/icn-menu.png
  97. BIN  public/sandstone/menu-current.png
  98. BIN  public/sandstone/menu-point.png
  99. +108 −0 public/sandstone/mixins-resp.less
  100. +11 −0 public/sandstone/reset.less
  101. +1,014 −0 public/sandstone/sandstone-resp.less
  102. +7 −0 public/sandstone/styleguide.less
  103. +113 −0 public/sandstone/variables-resp.less
  104. +131 −0 public/sandstone/video-resp.less
  105. BIN  public/sandstone/video/clothes-lol.png
  106. BIN  public/sandstone/video/play.png
  107. BIN  public/sandstone/video/shadow.png
  108. +1 −0  public/style/common-min.css
  109. +500 −0 public/style/tabzilla.css
  110. +4 −2 views/index.html
  111. +88 −9 views/layout.html
  112. +105 −0 views/layout.html.old
View
64 grunt.js
@@ -0,0 +1,64 @@
+module.exports = function(grunt) {
+
+ grunt.initConfig({
+ less: {
+ sandstone: {
+ files: {
+ 'public/css/sandstone-resp.css' : 'public/css/sandstone/sandstone-resp.less'
+ }
+ },
+ sandstone_prod: {
+ options: {
+ compress: true
+ },
+ files: {
+ 'public/css/sandstone-resp.min.css' : 'public/css/sandstone/sandstone-resp.less'
+ }
+ }
+ },
+ lint: {
+ files: ['grunt.js', '/public/js/*.js']
+ },
+ jshint: {
+ options: {
+ bitwise: true,
+ camelcase: true,
+ curly: true,
+ eqeqeq: true,
+ forin: true,
+ immed: true,
+ latedef: true,
+ newcap: true,
+ noarg: true,
+ quotmark: "single",
+ regexp: true,
+ undef: true,
+ unused: true,
+ trailing: true,
+ browser: true,
+ jquery: true
+ }
+ },
+ csslint: {
+ base_theme: {
+ src: "public/css/*.css",
+ rules: {
+ "empty-rules": 2,
+ "fallback-colors": 2,
+ "font-sizes": 2,
+ "important": 2,
+ "outline-none": 2,
+ "vendor-prefix": 2,
+ "zero-units": 2
+ }
+ }
+ }
+ });
+
+ grunt.loadNpmTasks('grunt-contrib-less');
+ grunt.loadNpmTasks('grunt-css');
+
+ grunt.registerTask('default', 'less:sandstone');
+ grunt.registerTask('lintify', 'lint csslint');
+ grunt.registerTask('prep_prod', 'less:sandstone lintify less:sandstone_prod');
+};
View
4 package.json
@@ -17,7 +17,9 @@
"should": "1.2.1",
"mocha": "1.6.0",
"xhrequest": "1.0.5",
- "node-inspector": "*"
+ "node-inspector": "*",
+ "grunt-contrib-less": ">=0.3.x",
+ "grunt-css": ">=0.2.x"
},
"scripts": {
"test": "mocha -R spec -t 10000",
View
16 public/css/gombot.css
@@ -0,0 +1,16 @@
+.gombot #outer-wrapper {
+ border-top: 2px solid #fff;
+ background: #f9f9f9 url(/img/sandstone/bg-labs.png) 0 0 repeat-x;
+}
+
+.splash h1 {
+ font-size: 60px;
+ letter-spacing: -4px;
+ line-height: 100%;
+}
+
+.splash h2 {
+ font-size: 37px;
+ letter-spacing: -1px;
+ line-height: 150%;
+}
View
1,698 public/css/sandstone-resp.css
@@ -0,0 +1,1698 @@
+.open-sans {
+ font-family: 'Open Sans', sans-serif;
+}
+.open-sans-light {
+ font-family: 'Open Sans Light', sans-serif;
+ font-weight: normal;
+}
+.clearfix {
+ zoom: 1;
+}
+.clearfix:after {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
+}
+.inline-block {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+.border-box {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+html,
+body,
+div,
+span,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+samp,
+small,
+strong,
+sub,
+sup,
+var,
+b,
+i,
+hr,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+figure,
+figcaption,
+hgroup,
+menu,
+footer,
+header,
+nav,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+article,
+aside,
+canvas,
+figure,
+figure img,
+figcaption,
+hgroup,
+footer,
+header,
+nav,
+section,
+audio,
+video {
+ display: block;
+}
+a img {
+ border: 0;
+}
+@font-face {
+ font-family: 'Open Sans Light';
+ src: url('/fonts/OpenSans-Light-webfont.eot');
+ src: url('/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Light-webfont.woff') format('woff'), url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Regular-webfont.eot');
+ src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Semibold-webfont.eot');
+ src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+ font-weight: bold;
+ font-style: normal;
+}
+.button,
+.button:link,
+.button:visited {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ -moz-border-radius: 0.25em;
+ border-radius: 0.25em;
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ background-color: #81bc2e;
+ background-color: #659324;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
+ /* Konqueror */
+
+ background-image: -moz-linear-gradient(#81bc2e, #659324);
+ /* FF 3.6+ */
+
+ background-image: -ms-linear-gradient(#81bc2e, #659324);
+ /* IE10 */
+
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
+ /* Safari 4+, Chrome 2+ */
+
+ background-image: -webkit-linear-gradient(#81bc2e, #659324);
+ /* Safari 5.1+, Chrome 10+ */
+
+ background-image: -o-linear-gradient(#81bc2e, #659324);
+ /* Opera 11.10 */
+
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
+ /* IE6 & IE7 */
+
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
+ /* IE8+ */
+
+ background-image: linear-gradient(#81bc2e, #659324);
+ /* the standard */
+
+ color: #ffffff;
+ text-align: center;
+ font-size: 14px;
+ padding: 0 24px;
+ height: 48px;
+ line-height: 48px;
+ text-decoration: none;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ font-family: 'Open Sans', sans-serif;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button:hover,
+.button:link:hover,
+.button:visited:hover,
+.button:focus,
+.button:link:focus,
+.button:visited:focus {
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button:focus,
+.button:link:focus,
+.button:visited:focus {
+ outline-color: #41596b;
+}
+.button:active,
+.button:link:active,
+.button:visited:active {
+ -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button-blue,
+.button-blue:link,
+.button-blue:visited {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ -moz-border-radius: 0.25em;
+ border-radius: 0.25em;
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ background-color: #81bc2e;
+ background-color: #659324;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
+ background-image: -moz-linear-gradient(#81bc2e, #659324);
+ background-image: -ms-linear-gradient(#81bc2e, #659324);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
+ background-image: -webkit-linear-gradient(#81bc2e, #659324);
+ background-image: -o-linear-gradient(#81bc2e, #659324);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
+ background-image: linear-gradient(#81bc2e, #659324);
+ color: #ffffff;
+ text-align: center;
+ font-size: 14px;
+ padding: 0 24px;
+ height: 48px;
+ line-height: 48px;
+ text-decoration: none;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ font-family: 'Open Sans', sans-serif;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+ cursor: pointer;
+ background-color: #3c88cc;
+ background-color: #276195;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#3c88cc), to(#276195));
+ /* Konqueror */
+
+ background-image: -moz-linear-gradient(#3c88cc, #276195);
+ /* FF 3.6+ */
+
+ background-image: -ms-linear-gradient(#3c88cc, #276195);
+ /* IE10 */
+
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c88cc), color-stop(100%, #276195));
+ /* Safari 4+, Chrome 2+ */
+
+ background-image: -webkit-linear-gradient(#3c88cc, #276195);
+ /* Safari 5.1+, Chrome 10+ */
+
+ background-image: -o-linear-gradient(#3c88cc, #276195);
+ /* Opera 11.10 */
+
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc', endColorstr='#276195', GradientType=0);
+ /* IE6 & IE7 */
+
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c88cc', endColorstr='#276195', GradientType=0)";
+ /* IE8+ */
+
+ background-image: linear-gradient(#3c88cc, #276195);
+ /* the standard */
+
+}
+.button-blue:hover,
+.button-blue:link:hover,
+.button-blue:visited:hover,
+.button-blue:focus,
+.button-blue:link:focus,
+.button-blue:visited:focus {
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button-blue:focus,
+.button-blue:link:focus,
+.button-blue:visited:focus {
+ outline-color: #41596b;
+}
+.button-blue:active,
+.button-blue:link:active,
+.button-blue:visited:active {
+ -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button-blue small,
+.button-blue:link small,
+.button-blue:visited small {
+ display: block;
+}
+.button-blue:hover,
+.button-blue:link:hover,
+.button-blue:visited:hover,
+.button-blue:focus,
+.button-blue:link:focus,
+.button-blue:visited:focus {
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #3089d8;
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #3089d8;
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #3089d8;
+}
+.button-white,
+.button-white:link,
+.button-white:visited {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ -moz-border-radius: 0.25em;
+ border-radius: 0.25em;
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ background-color: #81bc2e;
+ background-color: #659324;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
+ /* Konqueror */
+
+ background-image: -moz-linear-gradient(#81bc2e, #659324);
+ /* FF 3.6+ */
+
+ background-image: -ms-linear-gradient(#81bc2e, #659324);
+ /* IE10 */
+
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
+ /* Safari 4+, Chrome 2+ */
+
+ background-image: -webkit-linear-gradient(#81bc2e, #659324);
+ /* Safari 5.1+, Chrome 10+ */
+
+ background-image: -o-linear-gradient(#81bc2e, #659324);
+ /* Opera 11.10 */
+
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
+ /* IE6 & IE7 */
+
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
+ /* IE8+ */
+
+ background-image: linear-gradient(#81bc2e, #659324);
+ /* the standard */
+
+ color: #ffffff;
+ text-align: center;
+ font-size: 14px;
+ padding: 0 24px;
+ height: 48px;
+ line-height: 48px;
+ text-decoration: none;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ font-family: 'Open Sans', sans-serif;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+ cursor: pointer;
+ border: 1px solid #d0d0d0;
+ background: #fff;
+ padding: 0 12px;
+ color: #41596b;
+ font-size: 12px;
+ height: 24px;
+ line-height: 24px;
+ text-shadow: none;
+ -webkit-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
+ -moz-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
+ box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.button-white:hover,
+.button-white:link:hover,
+.button-white:visited:hover,
+.button-white:focus,
+.button-white:link:focus,
+.button-white:visited:focus {
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button-white:focus,
+.button-white:link:focus,
+.button-white:visited:focus {
+ outline-color: #41596b;
+}
+.button-white:active,
+.button-white:link:active,
+.button-white:visited:active {
+ -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.button-white small,
+.button-white:link small,
+.button-white:visited small {
+ display: block;
+}
+.button-white:hover,
+.button-white:link:hover,
+.button-white:visited:hover,
+.button-white:focus,
+.button-white:link:focus,
+.button-white:visited:focus {
+ color: #41596b;
+ -webkit-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
+ -moz-box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
+ box-shadow: 0 0 12px rgba(230, 230, 230, 0.2) inset, 0 -2px #e8e8e8 inset;
+}
+.button-white.selected {
+ background: #d7d5d5;
+ border-color: #bcb9b9;
+ text-shadow: 0 1px #fff;
+ -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
+ -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
+ box-shadow: 0 1px 1px rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.1) inset;
+}
+.button,
+.button-blue,
+.button-white {
+ cursor: pointer;
+}
+.button small,
+.button-blue small,
+.button-white small {
+ display: block;
+}
+.download-button .unsupported-download {
+ display: none;
+}
+.download-button {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+.download-button ul {
+ margin: 0;
+}
+.download-button ul li {
+ list-style-type: none;
+ margin: 0;
+}
+.download-button .download-link {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ -moz-border-radius: 0.25em;
+ border-radius: 0.25em;
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
+ background-color: #81bc2e;
+ background-color: #659324;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#81bc2e), to(#659324));
+ /* Konqueror */
+
+ background-image: -moz-linear-gradient(#81bc2e, #659324);
+ /* FF 3.6+ */
+
+ background-image: -ms-linear-gradient(#81bc2e, #659324);
+ /* IE10 */
+
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #81bc2e), color-stop(100%, #659324));
+ /* Safari 4+, Chrome 2+ */
+
+ background-image: -webkit-linear-gradient(#81bc2e, #659324);
+ /* Safari 5.1+, Chrome 10+ */
+
+ background-image: -o-linear-gradient(#81bc2e, #659324);
+ /* Opera 11.10 */
+
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0);
+ /* IE6 & IE7 */
+
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#81bc2e', endColorstr='#659324', GradientType=0)";
+ /* IE8+ */
+
+ background-image: linear-gradient(#81bc2e, #659324);
+ /* the standard */
+
+ color: #ffffff;
+ text-align: center;
+ font-size: 14px;
+ padding: 0 24px;
+ height: 48px;
+ line-height: 48px;
+ text-decoration: none;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ font-family: 'Open Sans', sans-serif;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+ cursor: pointer;
+ padding: 0;
+ height: 95px;
+ margin-left: 50px;
+ text-align: inherit;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.download-button .download-link:hover,
+.download-button .download-link:focus {
+ -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 2px #83c822;
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.download-button .download-link:focus {
+ outline-color: #41596b;
+}
+.download-button .download-link:active {
+ -webkit-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2), inset 0px 12px 24px 6px rgba(0, 0, 0, 0.2), inset 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
+ color: #ffffff;
+ text-decoration: none;
+ -webkit-transition: all linear 0.25s;
+ -moz-transition: all linear 0.25s;
+ -o-transition: all linear 0.25s;
+ -ms-transition: all linear 0.25s;
+ transition: all linear 0.25s;
+}
+.download-button .download-link small {
+ display: block;
+}
+.download-button .download-link .download-content {
+ display: block;
+ position: relative;
+ color: #b5e786;
+ margin-left: -50px;
+ padding-left: 65px;
+ padding-right: 24px;
+ background: url(/img/sandstone/buttons/firefox-large.png) 0 0 no-repeat;
+ height: 93px;
+ padding: 12px 12px 0 112px;
+}
+.download-button .download-link .download-title {
+ display: block;
+ color: #fff;
+ font-family: georgia, "Bitstream Charter", serif;
+ font-size: 26px;
+ letter-spacing: -0.02em;
+ padding-right: 32px;
+ background: url(/img/sandstone/buttons/arrow-large.png) no-repeat 100% 0;
+}
+.download-button .download-link .download-info {
+ display: block;
+ color: #346012;
+ padding-top: 2px;
+ font-size: 12px;
+ line-height: 100%;
+ text-shadow: 0 1px rgba(255, 255, 255, 0.2);
+}
+.download-button-large .download-link {
+ line-height: 24px;
+ font-size: 16px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ min-width: 250px;
+}
+.download-button-small .download-link,
+.download-button-mobile-small .download-link {
+ white-space: nowrap;
+ height: 48px;
+ margin-left: 25px;
+}
+.download-button-small .download-link .download-title,
+.download-button-mobile-small .download-link .download-title {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ height: 48px;
+ vertical-align: middle;
+ font-size: 24px;
+ background: url(/img/sandstone/buttons/arrow-small.png) no-repeat 100% 50%;
+ padding-right: 20px;
+ margin-right: 5px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.download-button-small .download-link .download-content,
+.download-button-mobile-small .download-link .download-content {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ margin-left: -25px;
+ _margin-left: 0;
+ background-image: url(/img/sandstone/buttons/firefox-small.png);
+ height: 52px;
+ padding: 0 20px 0 65px;
+ overflow: visible;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.download-button-mobile-small .download-link .download-title {
+ display: block;
+ background: url(/img/sandstone/buttons/android-corner.png) no-repeat 100% 100%;
+ padding-right: 40px;
+ margin-right: 0;
+ font-family: 'Open Sans', sans-serif;
+ font-size: 16px;
+ letter-spacing: -0.5px;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
+}
+.download-button-mobile-small .download-link .download-content {
+ padding-right: 0;
+}
+li.os_linux,
+li.os_windows,
+li.os_osx,
+li.os_android,
+.no-js .windows li.os_windows {
+ display: none;
+}
+.linux li.os_linux,
+.windows li.os_windows,
+.osx li.os_osx,
+.android li.os_android {
+ display: block;
+}
+.download-button small.download-other {
+ font-family: 'Open Sans', sans-serif;
+ display: block;
+ font-size: 11px;
+ text-align: right;
+ margin-top: 4px;
+ color: #bbbbbb;
+}
+.download-button small.download-other a:link,
+.download-button small.download-other a:visited {
+ color: #999;
+}
+.other .download-button .unsupported-download {
+ display: block;
+}
+.download-button noscript,
+.download-button .unsupported-download {
+ text-align: right;
+}
+.download-button noscript h4,
+.download-button .unsupported-download h4 {
+ text-shadow: none;
+ margin: 0 0 6px 0;
+ font-size: 18px;
+}
+.download-button noscript ul li,
+.download-button .unsupported-download ul li {
+ display: inline;
+}
+.download-button noscript small,
+.download-button .unsupported-download small {
+ font-size: 11px;
+ letter-spacing: normal;
+}
+.download-button noscript .button-white,
+.download-button .unsupported-download .button-white {
+ padding-left: 6px;
+ padding-right: 6px;
+}
+.download-button-mobile-large .download-link {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ line-height: 1.2;
+ height: auto;
+ margin-left: auto;
+}
+.download-button-mobile-large .download-link .download-content-wrapper {
+ display: block;
+ background-image: url(/img/sandstone/buttons/arrow-large.png);
+ background-position: 12px 50%;
+ background-repeat: no-repeat;
+}
+.download-button-mobile-large .download-link .download-content {
+ color: #b5e786;
+ margin-left: auto;
+ height: auto;
+ padding-left: 54px;
+ padding-bottom: 18px;
+ background-image: url(/img/sandstone/buttons/android-corner.png);
+ background-position: 100% 100%;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.download-button-mobile-large .download-link .download-content .download-title {
+ font-family: 'Open Sans', sans-serif;
+ color: #fff;
+ background: none;
+ padding-right: 0;
+}
+.download-button-mobile-large .download-link .download-content .download-info {
+ padding-top: 6px;
+ padding-right: 30px;
+ text-shadow: 0 1px rgba(255, 255, 255, 0.2);
+}
+/* {{{ Basic Colors, Text, Links */
+html {
+ background: #fff;
+}
+body {
+ font-size: 16px;
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ color: #333333;
+ background: #fff;
+}
+#outer-wrapper {
+ border-top: 2px solid #fff;
+ background: #f9f9f9 url(/img/sandstone/bg-stone.png) 0 0 repeat-x;
+}
+#wrapper {
+ padding-bottom: 48px;
+ width: 1000px;
+ margin: 0 auto;
+ position: relative;
+}
+a {
+ color: #2983c8;
+ text-decoration: none;
+}
+a:hover,
+a:active {
+ color: #20679e;
+ text-decoration: underline;
+}
+.sand #outer-wrapper {
+ background-color: #f5f1e8;
+ background-image: url(/img/sandstone/bg-sand.png);
+}
+.sand a {
+ color: #af3232;
+}
+.sand a:hover,
+.sand a:active {
+ color: #872727;
+}
+.sky #outer-wrapper {
+ background-color: #eee;
+ background-image: url(/img/sandstone/bg-sky.png);
+}
+.sky a {
+ color: #67a7d0;
+}
+.sky a:hover,
+.sky a:active {
+ color: #4090c4;
+}
+.space {
+ color: #fff;
+}
+.space #outer-wrapper {
+ background-color: #04020b;
+ background-image: url(/img/sandstone/bg-space.png);
+}
+.space a {
+ color: #2f8aca;
+}
+.space a:hover,
+.space a:active {
+ color: #55a1d7;
+}
+.space h1,
+.space h2,
+.space h3,
+.space h4,
+.space h5,
+.space h6,
+.space .huge,
+.space .large {
+ color: #fff;
+ text-shadow: none;
+}
+.space #masthead nav li a,
+.space #masthead nav li a:link,
+.space #masthead nav li a:visited {
+ color: #936fbc;
+}
+.space #masthead nav li li a,
+.space #masthead nav li li a:link,
+.space #masthead nav li li a:visited {
+ color: #41596b;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.huge,
+.large {
+ font-family: 'Open Sans Light', sans-serif;
+ font-weight: normal;
+ display: block;
+ margin: 0 0 12px 0;
+ line-height: 100%;
+ text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
+ color: #41596b;
+}
+.huge,
+.huge h1 {
+ font-size: 108px;
+ letter-spacing: -4px;
+ line-height: 100%;
+}
+.large,
+.large h1 {
+ font-size: 72px;
+ letter-spacing: -3px;
+ line-height: 100%;
+}
+h1,
+.huge h2,
+.large h2,
+.billboard h2 {
+ font-size: 48px;
+ letter-spacing: -2px;
+}
+h2 {
+ font-size: 32px;
+ letter-spacing: -1px;
+}
+h3 {
+ font-size: 28px;
+ letter-spacing: -0.5px;
+}
+h4 {
+ font-size: 24px;
+ letter-spacing: -0.25px;
+}
+h5 {
+ font-size: 16px;
+}
+h6 {
+ font-size: 14px;
+}
+.small,
+small {
+ font-size: 12px;
+ line-height: 16px;
+}
+hgroup h1,
+hgroup h2,
+hgroup h3,
+hgroup h4,
+hgroup h5,
+hgroup h6 {
+ margin-bottom: 0;
+}
+p,
+ul,
+ol,
+dl,
+hgroup {
+ margin: 0 0 24px 0;
+}
+li {
+ margin-left: 24px;
+}
+dl dt {
+ font-family: 'Open Sans Light', sans-serif;
+ font-weight: normal;
+ font-size: 32px;
+ line-height: 100%;
+ letter-spacing: -1px;
+ margin-bottom: 12px;
+}
+dl dd {
+ margin-bottom: 48px;
+}
+dl.faq dt {
+ font-size: 1.125em;
+}
+dl.faq dd {
+ margin-bottom: 1.5em;
+}
+code {
+ color: #666666;
+ font-size: 14px;
+}
+.center {
+ text-align: center;
+}
+img {
+ max-width: 100%;
+ -ms-interpolation-mode: bicubic;
+}
+/* }}} */
+/* {{{ Forms */
+textarea,
+input[type=email],
+input[type=password],
+input[type=text] {
+ height: 24px;
+ background: #fafafa;
+ border-color: #dbdbdb;
+ border-style: solid;
+ border-width: 1px;
+ padding: 4px 8px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset;
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset;
+ -webkit-transition: all linear 0.1s;
+ -moz-transition: all linear 0.1s;
+ -o-transition: all linear 0.1s;
+ -ms-transition: all linear 0.1s;
+ transition: all linear 0.1s;
+}
+textarea {
+ height: auto;
+}
+textarea:focus,
+input[type=email]:focus,
+input[type=password]:focus,
+input[type=text]:focus {
+ border-color: #bbb;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px 0 rgba(103, 167, 208, 0.6);
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px 0 rgba(103, 167, 208, 0.6);
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px 0 rgba(103, 167, 208, 0.6);
+ -webkit-transition: all linear 0.1s;
+ -moz-transition: all linear 0.1s;
+ -o-transition: all linear 0.1s;
+ -ms-transition: all linear 0.1s;
+ transition: all linear 0.1s;
+}
+.form-field {
+ margin-bottom: 8px;
+}
+.errorlist {
+ margin: 0;
+ font-family: 'Open Sans', sans-serif;
+ color: #c00;
+}
+.errorlist li {
+ list-style-type: none;
+ margin: 0;
+}
+.field-error input[type=email],
+.field-error input[type=password],
+.field-error input[type=text] {
+ border-color: #af3232;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px 0 rgba(175, 50, 50, 0.6);
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px 0 rgba(175, 50, 50, 0.6);
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1) inset, 0 0 8px 0 rgba(175, 50, 50, 0.6);
+}
+/* }}} */
+/* {{{ Layout */
+#main-content,
+#main-feature {
+ padding-bottom: 48px;
+}
+.main-column {
+ float: left;
+ width: 460px;
+ margin: 0 10px;
+}
+.sidebar {
+ float: left;
+ width: 140px;
+ margin: 0 10px;
+ margin-left: 170px;
+}
+.divider.container,
+.divider {
+ border-bottom: 1px dotted #d6d6d6;
+ padding-bottom: 48px;
+ margin-bottom: 48px;
+}
+.divider-last.container,
+.divider-last {
+ border-bottom: 0;
+ padding-bottom: 48px;
+}
+/* }}} */
+/* {{{ Grid containers */
+#masthead,
+#main-feature,
+#main-content,
+#colophon,
+.billboard,
+.container {
+ display: block;
+ margin: 0 auto;
+ padding-left: 20px;
+ padding-right: 20px;
+ position: relative;
+ zoom: 1;
+}
+#masthead:after,
+#main-feature:after,
+#main-content:after,
+#colophon:after,
+.billboard:after,
+.container:after {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
+}
+/* }}} */
+/* {{{ Header Nav */
+#masthead h2 {
+ padding: 36px 0 24px;
+ margin: 0 10px;
+}
+#masthead nav {
+ float: right;
+ margin-right: 16px;
+ text-transform: uppercase;
+ font-size: 13px;
+ font-family: 'Open Sans', sans-serif;
+}
+#masthead nav li {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ list-style-type: none;
+ margin: 0;
+}
+#masthead nav li a,
+#masthead nav li b {
+ display: inline-block;
+ padding: 12px;
+ font-weight: normal;
+}
+#masthead nav li b,
+#masthead nav li .current {
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+ background-image: url(/img/sandstone/menu-current.png);
+}
+#masthead nav li a,
+#masthead nav li a:link,
+#masthead nav li a:visited {
+ color: #41596b;
+}
+#nav-main .toggle {
+ display: none;
+ /* Hidden in non-mobile views */
+
+}
+/* }}} */
+/* {{{ Header Breadcrumbs */
+#masthead nav.breadcrumbs {
+ padding: 0 10px 12px 10px;
+ float: none;
+}
+#masthead nav.breadcrumbs a,
+#masthead nav.breadcrumbs span {
+ margin-right: .5em;
+ margin-left: .5em;
+}
+#masthead nav.breadcrumbs a:first-child,
+#masthead nav.breadcrumbs span:first-child {
+ margin-left: 0;
+}
+/* }}} */
+/* {{{ Menu Bars */
+.billboard {
+ padding-top: 48px;
+ padding-bottom: 48px;
+ margin-bottom: 48px;
+ -webkit-box-shadow: 0 0 0 1px #ffffff inset;
+ -moz-box-shadow: 0 0 0 1px #ffffff inset;
+ box-shadow: 0 0 0 1px #ffffff inset;
+ background: #fff;
+ border-bottom: 1px solid #ddd;
+ zoom: 1;
+}
+.billboard:after {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
+}
+.billboard h1,
+.billboard h2,
+.billboard h3,
+.billboard h4,
+.billboard h5,
+.billboard h6,
+.billboard .huge,
+.billboard .large {
+ color: #41596b;
+}
+nav.menu-bar {
+ text-align: center;
+ font-family: 'Open Sans Light', sans-serif;
+ font-weight: normal;
+ margin-bottom: 48px;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+nav.menu-bar ol,
+nav.menu-bar ul {
+ margin: 0;
+}
+nav.menu-bar ol li,
+nav.menu-bar ul li {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ margin: 0;
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+nav.menu-bar ol li a,
+nav.menu-bar ul li a {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+ border-left: 1px dotted #d6d6d6;
+ padding: 8px 24px;
+}
+nav.menu-bar ol li a span,
+nav.menu-bar ul li a span {
+ display: block;
+}
+nav.menu-bar ol li:first-child a,
+nav.menu-bar ul li:first-child a {
+ border-left: 0;
+}
+/* }}} */
+/* {{{ Box Styles */
+.inset {
+ background-color: #e9e9e9;
+ background-color: rgba(0, 0, 0, 0.02);
+ -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
+ -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
+ border-bottom: 1px solid #fff;
+}
+/* }}} */
+/* {{{ Sidebar */
+.sidebar nav {
+ font-family: 'Open Sans Light', sans-serif;
+ font-weight: normal;
+ font-size: 16px;
+ color: #41596b;
+}
+.sidebar nav li {
+ list-style-type: none;
+ border-bottom: 1px dotted #ccc;
+ margin: 0;
+}
+.sidebar nav li a,
+.sidebar nav li b {
+ display: block;
+ padding: 8px 0;
+}
+.sidebar nav li li b {
+ font-weight: bold;
+}
+.sidebar nav li:first-child {
+ font-size: 24px;
+}
+.sidebar .reference {
+ margin: 48px auto;
+}
+.sidebar .reference .more {
+ display: block;
+ padding: 12px 0;
+ border-bottom: 1px dotted #d6d6d6;
+ font-family: 'Open Sans Light', sans-serif;
+ font-weight: normal;
+}
+.sidebar .reference p {
+ margin: 0;
+}
+/* }}} */
+/* {{{ Footer Email Form */
+#footer-email-form {
+ padding-top: 24px;
+ padding-bottom: 24px;
+ margin-bottom: 0;
+}
+#footer-email-form h3 {
+ float: left;
+ width: 300px;
+ margin: 0 10px;
+ padding-top: 4px;
+}
+#footer-email-form .form-contents {
+ float: left;
+ width: 300px;
+ margin: 0 10px;
+}
+#footer-email-form .form-submit {
+ float: left;
+ width: 220px;
+ margin: 0 10px;
+}
+#footer-email-form .field {
+ padding: 4px 0;
+}
+#footer-email-form input[type=email] {
+ width: 80%;
+ margin-top: 2px;
+}
+#footer-email-form input[type=submit] {
+ font-size: 18px;
+}
+#footer-email-form .field-privacy {
+ font-size: 14px;
+}
+#footer-email-form .field-privacy input {
+ float: left;
+}
+#footer-email-form .field-privacy .title {
+ display: block;
+ padding-left: 25px;
+}
+#footer-email-form.thank h3 {
+ width: auto;
+ margin: auto;
+ padding: 0;
+ float: none;
+}
+.js #form-details,
+.js .form-details {
+ display: none;
+}
+.js .has-errors #form-details,
+.js .has-errors .form-details {
+ display: block;
+}
+.js p.form-details {
+ margin-top: 8px;
+ line-height: 1;
+ color: #41596b;
+}
+#footer-email-errors .errorlist {
+ display: block;
+ margin: 0 auto;
+ padding-left: 20px;
+ padding-right: 20px;
+ position: relative;
+ zoom: 1;
+ background: #AF3232;
+ color: #fff;
+ padding-top: 12px;
+ padding-bottom: 12px;
+}
+#footer-email-errors .errorlist:after {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
+}
+/* }}} */
+/* {{{ Footer */
+#colophon {
+ color: #666666;
+ padding: 48px 0;
+ font-size: .875em;
+ line-height: 1.285;
+ background: #fff;
+ width: 100%;
+ margin: 1em 0 0;
+}
+#colophon .row {
+ width: 960px;
+ margin: 0 auto;
+ zoom: 1;
+}
+#colophon .row:after {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
+}
+#colophon .footer-logo,
+#colophon .footer-license,
+#colophon .footer-nav {
+ margin: 0 10px;
+}
+#colophon .footer-logo {
+ float: left;
+ width: 300px;
+ margin: 0 10px;
+}
+#colophon .footer-license {
+ float: left;
+ width: 220px;
+ margin: 0 10px;
+}
+#colophon .footer-nav {
+ float: left;
+ width: 140px;
+ margin: 0 10px;
+}
+#colophon a,
+#colophon a:link,
+#colophon a:visited {
+ color: #2983c8;
+}
+#colophon a:hover,
+#colophon a:active {
+ color: #20679e;
+}
+#colophon p {
+ margin-bottom: 12px;
+}
+#colophon .footer-nav {
+ font-family: 'Open Sans', sans-serif;
+}
+#colophon .footer-nav li {
+ list-style-type: none;
+ margin: 0 0 2px 0;
+}
+/* }}} */
+/* {{{ Responsive Grid */
+/* Tablet Layout: 760px */
+@media only screen and (min-width: 760px) and (max-width: 1000px) {
+ #wrapper {
+ width: 760px;
+ }
+ #masthead,
+ #main-feature,
+ #main-content,
+ .billboard,
+ .container {
+ width: 720px;
+ }
+ nav.menu-bar {
+ font-size: .9375em;
+ }
+ .sidebar {
+ margin-left: 10px;
+ }
+ #footer-email-form h3 {
+ float: left;
+ width: 220px;
+ margin: 0 10px;
+ padding-top: 4px;
+ }
+ #footer-email-form .form-contents {
+ float: left;
+ width: 280px;
+ margin: 0 10px;
+ }
+ #footer-email-form .form-submit {
+ float: left;
+ width: 160px;
+ margin: 0 10px;
+ }
+ #colophon .row {
+ width: 720px;
+ }
+ #colophon .footer-logo {
+ float: left;
+ width: 220px;
+ margin: 0 10px;
+ }
+ #colophon .footer-license {
+ float: left;
+ width: 160px;
+ margin: 0 10px;
+ }
+ #colophon .footer-nav {
+ float: left;
+ width: 100px;
+ margin: 0 10px;
+ }
+}
+/* Mobile Layout: 320px */
+@media only screen and (max-width: 760px) {
+ #wrapper {
+ width: 320px;
+ }
+ #masthead,
+ #main-feature,
+ #main-content,
+ #colophon,
+ .billboard,
+ .container,
+ .main-column,
+ .sidebar {
+ width: auto;
+ padding-left: 10px;
+ padding-right: 10px;
+ padding-bottom: 20px;
+ }
+ .main-column,
+ .sidebar {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ .row {
+ margin-left: auto;
+ }
+ #masthead h2 {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ }
+ #masthead nav {
+ float: none;
+ padding-top: 10px;
+ margin-left: 10px;
+ }
+ #masthead nav ul li {
+ display: block;
+ }
+ #masthead nav ul li a,
+ #masthead nav ul li b {
+ display: block;
+ padding: 0;
+ }
+ #masthead nav ul li b,
+ #masthead nav ul li .current {
+ background-image: none;
+ }
+ #masthead nav.breadcrumbs {
+ margin-left: 0;
+ }
+ #masthead nav.breadcrumbs a,
+ #masthead nav.breadcrumbs span {
+ margin-right: .3em;
+ margin-left: .3em;
+ }
+ .huge,
+ .huge h1,
+ .large,
+ .large h1 {
+ font-size: 48px;
+ letter-spacing: -2px;
+ }
+ h1,
+ .large h2 {
+ font-size: 32px;
+ letter-spacing: -1px;
+ }
+ h2,
+ .billboard h2 {
+ font-size: 28px;
+ letter-spacing: -0.5px;
+ }
+ h3 {
+ font-size: 24px;
+ letter-spacing: -0.25px;
+ }
+ h4 {
+ font-size: 16px;
+ }
+ h5 {
+ font-size: 14px;
+ }
+ nav.menu-bar {
+ text-align: inherit;
+ line-height: 100%;
+ }
+ nav.menu-bar ul {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ }
+ nav.menu-bar ul li {
+ display: block;
+ padding: 0;
+ }
+ nav.menu-bar ul li a {
+ padding: 12px;
+ border: 0;
+ display: block;
+ border-top: 1px dotted #d6d6d6;
+ border-left: 0;
+ }
+ nav.menu-bar ul li:first-child a {
+ border-top: 0;
+ }
+ #footer-email-form h3,
+ #footer-email-form .form-contents,
+ #footer-email-form .form-submit {
+ width: auto;
+ float: none;
+ }
+ #footer-email-form .form-submit {
+ margin-top: 12px;
+ }
+ #colophon .row {
+ width: 300px;
+ }
+ #colophon .footer-logo,
+ #colophon .footer-license,
+ #colophon .footer-nav {
+ width: auto;
+ float: none;
+ }
+ #colophon .footer-logo,
+ #colophon .footer-license {
+ margin-bottom: 24px;
+ }
+ #nav-main .toggle {
+ display: block;
+ width: 32px;
+ height: 32px;
+ margin: -3px 0 0 -3px;
+ background: no-repeat center center url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABp0lEQVRYw92XzWrCQBSFM1Ei3QgqFkEiJtGiKxeC1dIHKIU+baH0AUppl7qJEEgg4KaSLArF5sek91IqY8eFRmesHbgwkMU5uffMlwlJ01Q65pKlI6/8z0bTtMdyuXydy+W4tmS5XBLf958cx7lZM9BoNEadTudDhIHpdDpiOlAsFpNKpRITQri2HDOHWowBWZZTLN4zxxekdfK0OXgo6kiwBmA2UpIkkogMoBZjAMRNy7IuFEXhaiAMQ4Jaq5FQILqEOhc0gjeo198GdlrtdjvzKcBR27bNhHCnFQTBYUloGMYDcOBq2xDW6/XMIfQ87xm2t2sGms3moNvtvkMIE84hlE3THGwiYVyr1QIRJJzNZgpjAFvPmwG0FmMAKQiViDBAE3dlIIoiYSRELcZAHMcWhEMTEULUOn0SwuVlLxLCd2c/Ei4Wi8OSsNVq3Ver1eG2IVRVNXMI5/P5C2zv1gzout7v9XqeiM/xeDzuMx0olUoR8P1TBAld1z37e3fC9Ps4CEFxSh09GkREFAlRa5MBezKZqIVCgasBuMigAfv0Sfhv/o6/AC/F7VMhvnFfAAAAAElFTkSuQmCC);
+ text-indent: -999em;
+ overflow: hidden;
+ cursor: pointer;
+ }
+ #nav-main .toggle.open {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACDklEQVR42u3XO2hTYRiH8TPo4KSTIkWSiLRFoyFppNqYorV2EBdBBS9Ui21jW1IqdrBQ6GBpLWqSDrUqxdolEB1UEJ0URFy9Dt4Kis5iCyGLgdf3gVOXb36PGRweOGTI7+Pk4w/x5n7+Xq2t0yJaTGvWdhnVjIGFie35DwktoxW0olYyqoiBhYnt+afJ7DjSW17feko2tHWZhoGFie35r6RQd2hItl58INHRx6ZhYGFie/7vUgyfnJDEtVeSyL0xDQMLE9vzL0cp0jklTfm3gYSFif33DWzWD5OFd4GEhYm9cgfykRPjksy9lp3T703DwMJcuQNhrbdlYLzSkJmRxuy8aRhYmNgcYK0Wf7Rcnby/VH14d6n6vPSr+sIivhsDCxObA6zRQto+rVPLaueNymJgYWLXzhLGjp0rb2w7LXUd3aZhYDlLGDo8LPGxJ9J06alpGFjOEtZ3XZXU9Q+Smv1kGgaWs4QN3XnZc+NzIGE5S9jYk5f0zS+BhOUsYf2ZKUnPfpTWW4umYWA5S5genKhEB+ckNlw0DUOt/0tYg0uYOD5Q3tRxVkIH+0zDwHKWcMvREdk9+UxSV16ahoHlLGE0My37579J+53vpmFgOUu4vX9GDiz8CCQsZwkDPoC7hNt6ctJ++6s5joHlLOHeocuV+IUFSY7cMw0Dq6aWcBUPnCbAf8dhTGxPRP5pfwBXq6ojK/6iogAAAABJRU5ErkJggg==);
+ }
+ #nav-main #nav-main-menu li {
+ display: block;
+ float: none;
+ margin: 0 10px;
+ border-bottom: 1px solid #f2f2f2;
+ }
+ #nav-main #nav-main-menu li:last-child {
+ border: 0;
+ }
+ #nav-main #nav-main-menu a {
+ cursor: pointer;
+ display: block;
+ text-transform: none;
+ padding: 12px 35px 12px 10px;
+ margin: 0 -10px;
+ }
+ #nav-main #nav-main-menu a.submenu-item {
+ background: 94% 50% no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=);
+ }
+ #nav-main #nav-main-menu a:hover,
+ #nav-main #nav-main-menu a:focus,
+ #nav-main #nav-main-menu a:active {
+ color: #fff;
+ text-decoration: none;
+ text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
+ background-color: #247ac1;
+ background-position: 94% 50%;
+ background-repeat: no-repeat;
+ background-image: -moz-linear-gradient(#43a6e2, #247ac1);
+ background-image: -ms-linear-gradient(#43a6e2, #247ac1);
+ background-image: -o-linear-gradient(#43a6e2, #247ac1);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43a6e2), color-stop(100%, #247ac1));
+ background-image: -webkit-linear-gradient(#43a6e2, #247ac1);
+ background-image: linear-gradient(#43a6e2, #247ac1);
+ }
+ #nav-main #nav-main-menu a.submenu-item:hover,
+ #nav-main #nav-main-menu a.submenu-item:focus,
+ #nav-main #nav-main-menu a.submenu-item:active {
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=), -moz-linear-gradient(#43a6e2, #247ac1);
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=), -ms-linear-gradient(#43a6e2, #247ac1);
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=), -o-linear-gradient(#43a6e2, #247ac1);
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43a6e2), color-stop(100%, #247ac1));
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=), -webkit-linear-gradient(#43a6e2, #247ac1);
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAQAAABHeoekAAAA4ElEQVQYV2NggANBKdHNwjMEWBlwAek55ostFkpPFsSlZGqN3dzoJts50pNwKPmvsnqC+9S4RrvZeJV4TI1rsJslMxGnkm3dqfXZlfYIJcLLFfep7ILCndobHGdmVTbm5lY4zJKCONd4Q0B3dAsMxjanV1fnt2c152RU62yQNQMqSJsXvCBqFgzGTS/qqCjuyKrPC+koX/BfAWSr+/80ZNjamlPRmBfWVjP3vyMWR0qmOM0oKA/HJS2aYb4ouTasHZd0ksmSlFqcuhkY7Ka4Tg7srJmDQ5qB4U1I8tJGDGkAk1hsjRhvED8AAAAASUVORK5CYII=), linear-gradient(#43a6e2, #247ac1);
+ }
+ #nav-main #nav-main-menu li.first > a {
+ border-radius: 10px 10px 0 0;
+ }
+ #nav-main #nav-main-menu li.last > a {
+ border-radius: 0 0 10px 10px;
+ }
+ #nav-main-menu {
+ background: #fff;
+ position: absolute;
+ z-index: 99;
+ width: 200px;
+ margin: 15px 0 0 -10px;
+ left: -999em;
+ top: 35px;
+ overflow: visible;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
+ -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5);
+ }
+ #nav-main:hover #nav-main-menu,
+ #nav-main-menu:target {
+ left: auto;
+ }
+ .js #nav-main-menu {
+ left: auto;
+ display: none;
+ }
+ #nav-main-menu:before {
+ content: "";
+ display: block;
+ width: 28px;
+ height: 10px;
+ background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAOCAYAAADez2d9AAAASElEQVR42r3NSQoAMAgEQf//6Q7klICIe4HehhZg7e6LIj7KxXiMxlCMxDC0xnBoiRFQipGQilEQitHAFaORGWOAGmPQF2OHHKIJP+tDsbI5AAAAAElFTkSuQmCC);
+ position: absolute;
+ left: 12px;
+ top: -10px;
+ }
+}
+/* Wide Mobile Layout: 480px */
+@media only screen and (min-width: 480px) and (max-width: 760px) {
+ #wrapper {
+ width: 440px;
+ }
+ #masthead,
+ #main-feature,
+ #main-content,
+ .billboard,
+ .container,
+ .main-column,
+ .sidebar {
+ width: auto;
+ }
+ .main-column,
+ .sidebar {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ #colophon .row {
+ width: 420px;
+ }
+}
+/* }}} */
+.no-js .platform-img.js {
+ display: none;
+}
+/* }}} */
View
299 public/css/sandstone/buttons.less
@@ -0,0 +1,299 @@
+// General buttons
+
+.button,
+.button:link,
+.button:visited {
+ .inline-block;
+ .border-radius;
+ .box-shadow(@buttonShadow);
+ background-color: @buttonGreen;
+ #gradient > .vertical(@buttonGreen, @buttonGreenDark);
+ color: @buttonTextColor;
+ text-align: center;
+ font-size: 14px;
+ padding: 0 @baseLine;
+ height: @baseLine * 2;
+ line-height: @baseLine * 2;
+ text-decoration: none;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+ .open-sans;
+ .transition();
+
+ &:hover,
+ &:focus {
+ .box-shadow(@buttonShadowHover);
+ color: @buttonTextColor;
+ text-decoration: none;
+ .transition();
+ }
+
+ &:focus {
+ outline-color: @textColorSecondary;
+ }
+
+ &:active {
+ .box-shadow(@buttonShadowActive);
+ color: @buttonTextColor;
+ text-decoration: none;
+ .transition();
+ }
+}
+
+.button-blue,
+.button-blue:link,
+.button-blue:visited {
+ .button;
+ background-color: @buttonBlue;
+ #gradient > .vertical(@buttonBlue, @buttonBlueDark);
+
+ &:hover,
+ &:focus {
+ .box-shadow(@buttonBlueShadowHover);
+ }
+}
+
+.button-white,
+.button-white:link,
+.button-white:visited {
+ .button;
+ border: 1px solid #d0d0d0;
+ background: #fff;
+ padding: 0 @baseFontSize * 0.75;
+ color: @textColorSecondary;
+ font-size: @baseFontSize * 0.75;
+ height: @baseLine;
+ line-height: @baseLine;
+ text-shadow: none;
+ @shadow: 0 0 12px rgba(230,230,230,0.2) inset, 0 -2px #e8e8e8 inset;
+ .box-shadow(@shadow);
+ .border-radius(6px);
+ filter: ~"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
+
+ &:hover,
+ &:focus {
+ color: @textColorSecondary;
+ .box-shadow(@shadow);
+ }
+}
+
+.button-white.selected {
+ background: #d7d5d5;
+ border-color: #bcb9b9;
+ text-shadow: 0 1px #fff;
+ @shadow: 0 1px 1px rgba(255,255,255,0.75), 0 1px 3px rgba(0,0,0,0.1) inset;
+ .box-shadow(@shadow);
+}
+
+.button,
+.button-blue,
+.button-white {
+ cursor: pointer;
+ small {
+ display: block;
+ }
+
+}
+
+
+// Product download buttons
+
+.download-button .unsupported-download {
+ display: none;
+}
+
+.download-button {
+ .inline-block;
+ ul {
+ margin: 0;
+ li {
+ list-style-type: none;
+ margin: 0;
+ }
+ }
+}
+
+.download-button .download-link {
+ .button;
+ cursor: pointer;
+ padding: 0;
+ height: 95px;
+ margin-left: 50px;
+ text-align: inherit;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ .download-content {
+ display: block;
+ position: relative;
+ color: #b5e786;
+ margin-left: -50px;
+ padding-left: 65px;
+ padding-right: 24px;
+ background: url(/img/sandstone/buttons/firefox-large.png) 0 0 no-repeat;
+ height: 93px;
+ padding: 12px 12px 0 112px;
+ }
+ .download-title {
+ display: block;
+ color: #fff;
+ font-family: georgia, "Bitstream Charter", serif;
+ font-size: 26px;
+ letter-spacing: -0.02em;
+ padding-right: 32px;
+ background: url(/img/sandstone/buttons/arrow-large.png) no-repeat 100% 0;
+ }
+ .download-info {
+ display: block;
+ color: #346012;
+ padding-top: 2px;
+ font-size: 12px;
+ line-height: 100%;
+ text-shadow: 0 1px rgba(255,255,255,0.2);
+ }
+}
+
+.download-button-large .download-link {
+ line-height: @baseLine;
+ font-size: 16px;
+ .border-radius(6px);
+ min-width: 250px;
+}
+
+.download-button-small .download-link,
+.download-button-mobile-small .download-link {
+ white-space: nowrap;
+ height: 48px;
+ margin-left: 25px;
+ .download-title {
+ .inline-block;
+ height: 48px;
+ vertical-align: middle;
+ font-size: 24px;
+ background: url(/img/sandstone/buttons/arrow-small.png) no-repeat 100% 50%;
+ padding-right: 20px;
+ margin-right: 5px;
+ .border-radius(6px);
+ }
+ .download-content {
+ .inline-block;
+ margin-left: -25px;
+ _margin-left:0;
+ background-image: url(/img/sandstone/buttons/firefox-small.png);
+ height: 52px;
+ padding: 0 20px 0 65px;
+ overflow: visible;
+ .border-radius(6px);
+ }
+}
+
+.download-button-mobile-small .download-link {
+ .download-title {
+ display: block;
+ background: url(/img/sandstone/buttons/android-corner.png) no-repeat 100% 100%;
+ padding-right: 40px;
+ margin-right: 0;
+ .open-sans;
+ font-size: 16px;
+ letter-spacing: -0.5px;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
+ }
+ .download-content {
+ padding-right: 0;
+ }
+}
+
+// OS detection
+
+li.os_linux,
+li.os_windows,
+li.os_osx,
+li.os_android,
+.no-js .windows li.os_windows { display: none; }
+
+.linux li.os_linux,
+.windows li.os_windows,
+.osx li.os_osx,
+.android li.os_android {
+ display: block;
+}
+
+
+// Small print
+
+.download-button small.download-other {
+ .open-sans;
+ display: block;
+ font-size: 11px;
+ text-align: right;
+ margin-top: 4px;
+ color: @textColorLight;
+
+ a:link,
+ a:visited {
+ color: #999;
+ }
+}
+
+.other .download-button .unsupported-download {
+ display: block;
+}
+
+.download-button noscript,
+.download-button .unsupported-download {
+ text-align: right;
+ h4 {
+ text-shadow: none;
+ margin: 0 0 6px 0;
+ font-size: 18px;
+ }
+ ul li {
+ display: inline;
+ }
+
+ small {
+ font-size: 11px;
+ letter-spacing: normal;
+ }
+ .button-white {
+ padding-left: 6px;
+ padding-right: 6px;
+ }
+
+}
+
+// Mobile download buttons
+
+.download-button-mobile-large {
+ .download-link {
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ line-height: 1.2;
+ height: auto;
+ margin-left: auto;
+ .download-content-wrapper {
+ display: block;
+ background-image: url(/img/sandstone/buttons/arrow-large.png);
+ background-position: 12px 50%;
+ background-repeat: no-repeat;
+ }
+ .download-content {
+ color: #b5e786;
+ margin-left: auto;
+ height: auto;
+ padding-left: 54px;
+ padding-bottom: 18px;
+ background-image: url(/img/sandstone/buttons/android-corner.png);
+ background-position: 100% 100%;
+ .border-radius(4px);
+ .download-title {
+ .open-sans;
+ color: #fff;
+ background: none;
+ padding-right: 0;
+ }
+ .download-info {
+ padding-top: 6px;
+ padding-right: 30px;
+ text-shadow: 0 1px rgba(255,255,255,0.2);
+ }
+ }
+ }
+}
View
12 public/css/sandstone/columns.less
@@ -0,0 +1,12 @@
+.full-width-container {
+ .span(12);
+}
+.two-column {
+ .sidebar {
+ .span(3);
+ }
+ .main-content {
+ .span(8);
+ .offset(1);
+ }
+}
View
32 public/css/sandstone/fonts.less
@@ -0,0 +1,32 @@
+@font-face {
+ font-family: 'Open Sans Light';
+ src: url('/fonts/OpenSans-Light-webfont.eot');
+ src: url('/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/OpenSans-Light-webfont.woff') format('woff'),
+ url('/fonts/OpenSans-Light-webfont.ttf') format('truetype'),
+ url('/fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Regular-webfont.eot');
+ src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
+ url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
+ url('/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Open Sans';
+ src: url('/fonts/OpenSans-Semibold-webfont.eot');
+ src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+ url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
+ url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
+ url('/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
+ font-weight: bold;
+ font-style: normal;
+}