--- /dev/null
+/* Banner for announcements */
+a#notice {
+ display:block;
+ overflow: hidden;
+ position: relative;
+ padding: 1rem 0;
+ width:100%;
+ color: white;
+ // background: #FF6908 ; /* Old browsers */
+ // background: -moz-linear-gradient(left, #C9025C 0%, #DB0A5B 100%); /* FF3.6+ */
+ // background: -webkit-gradient(linear, left top, right top, color-stop(0%,#81CFE0 ), color-stop(100%,#DB0A5B )); /* Chrome,Safari4+ */
+ // background: -webkit-linear-gradient(left, #C9025C 0%,#DB0A5B 100%); /* Chrome10+,Safari5.1+ */
+ // background: -o-linear-gradient(left, #C9025C 0%,#DB0A5B 100%); /* Opera 11.10+ */
+ // background: -ms-linear-gradient(left, #C9025C 0%,#DB0A5B 100%); /* IE10+ */
+ // background: linear-gradient(to right, #C9025C 0%,#DB0A5B 100%); /* W3C */
+ // filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C9025C ', endColorstr='#DB0A5B ',GradientType=1 ); /* IE6-9 */
+ background: rgba(15,28,33,1);
+background: -moz-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
+background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(15,28,33,1)), color-stop(45%, rgba(38,54,62,1)), color-stop(76%, rgba(79,88,99,1)), color-stop(100%, rgba(198,134,127,1)));
+background: -webkit-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
+background: -o-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
+background: -ms-linear-gradient(top, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
+background: linear-gradient(to bottom, rgba(15,28,33,1) 0%, rgba(38,54,62,1) 45%, rgba(79,88,99,1) 76%, rgba(198,134,127,1) 100%);
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c21 ', endColorstr='#c6867f ', GradientType=0 );
+ // span {
+ // border-bottom: #fff 4px dashed;
+ // width: 36%;
+ // position: absolute;
+ // bottom: 25px;
+ // &.left-side { left: 0; }
+ // &.right-side { right: 0; }
+ // @media only screen and (max-width: 1000px) { width: 30%; }
+ // @media only screen and (max-width: 675px) { width: 16%; }
+ // }
+
+ .countdown {
+ display: inline;
+ color: #ffffff ;
+ font-size: 16px;
+ font-weight: 700;
+ margin-left: 3px;
+ }
+
+ .timer-colon {
+ margin: 0px -2px 0px -4px;
+ padding: 0;
+ }
+
+ .timer-hour, .timer-minute, .timer-second {
+ letter-spacing: 2px;
+ }
+
+ .info {
+ left: 0;
+ right: 0;
+ // top: 15px;
+ z-index: 20;
+ // width: 75%;
+ margin-left: auto;
+ margin-right: auto;
+ // position: absolute;
+ h5 { color: #ffffff ; }
+ text-align: center;
+ @media only screen and (max-width: 675px) { width: 100%; padding: 0 15px 0px 15px; position: relative; }
+ }
+}
--- /dev/null
+<nav class="marketing-topbar show-for-medium">
+
+ <ul class="menu">
+ <li class="topbar-title"><a href="http://foundation.zurb.com/index.html"><img src="http://foundation.zurb.com/assets/img/zurb-logo.svg" alt="ZURB"> Foundation</a></li>
+ </ul>
+
+ <ul class="dropdown menu" data-dropdown-menu>
+
+ <li>
+ <a href="http://foundation.zurb.com/learn/about.html">Learn</a>
+ <ul class="submenu menu vertical" data-submenu>
+ <li><a href="http://foundation.zurb.com/learn/about.html">About Foundation</a></li>
+ <li><a href="http://foundation.zurb.com/learn/tutorials.html">Tutorials</a></li>
+ <li><a href="http://foundation.zurb.com/learn/classes.html">Classes</a></li>
+ <li><a href="http://foundation.zurb.com/learn/case-studies.html">Case Studies</a></li>
+ <li><a href="http://foundation.zurb.com/learn/brands.html">Brands</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="develop/getting-started.html">Develop</a>
+ <ul class="submenu menu vertical" data-submenu>
+ <li class="title">Frameworks</li>
+ <li><a href="http://foundation.zurb.com/sites.html">Foundation for Sites</a></li>
+ <li><a href="http://foundation.zurb.com/emails.html">Foundation for Email</a></li>
+ <li><a href="http://foundation.zurb.com/apps.html">Foundation for Apps</a></li>
+ <li class="divider"></li>
+ <li class="title">Develop</li>
+ <li><a href="http://foundation.zurb.com/templates.html">HTML Templates</a></li>
+ <li><a href="http://foundation.zurb.com/sites/resources.html">Resources</a></li>
+ <li><a href="http://foundation.zurb.com/develop/building-blocks.html">Building Blocks</a></li>
+ <li><a href="http://foundation.zurb.com/develop/yeti-launch.html">Yeti Launch</a></li>
+ <li><a href="http://foundation.zurb.com/develop/contribute.html">Contribute</a></li>
+ </ul>
+ </li>
+
+ <li><a href="http://foundation.zurb.com/upload.html">Upload</a></li>
+
+ <li>
+ <a href="http://foundation.zurb.com/support/support.html">Support</a>
+ <ul class="submenu menu vertical" data-submenu>
+ <li><a href="http://foundation.zurb.com/support/support.html">Support Channels</a></li>
+ <li><a href="http://foundation.zurb.com/support/premium-support.html">Premium Support</a></li>
+ <li><a href="http://foundation.zurb.com/forum/sort/unanswered">Foundation Forum</a></li>
+ <li><a href="http://foundation.zurb.com/support/faq.html">FAQs</a></li>
+ </ul>
+ </li>
+
+ <li>
+ <a href="http://foundation.zurb.com/frameworks-docs.html">Docs</a>
+ <ul class="submenu menu vertical" data-submenu>
+ <li><a href="http://foundation.zurb.com/docs/" target="_blank">Sites Docs</a></li>
+ <li><a href="http://foundation.zurb.com/apps/docs/#!/" target="_blank">Apps Docs</a></li>
+ <li><a href="http://foundation.zurb.com/emails/docs/" target="_blank">Email Docs</a></li>
+ </ul>
+ </li>
+
+ <li><a href="http://foundation.zurb.com/develop/getting-started.html" class="button">Getting Started</a></li>
+
+ </ul>
+
+</nav>