first responsive pass

ahoglund · Feb 19, 2018 · 08c0b39 · 08c0b39
1 parent 1ff4cb7
commit 08c0b39
Show file tree

Hide file tree

Showing 5 changed files with 527 additions and 477 deletions.
diff --git a/davepietro.info b/davepietro.info
@@ -2,6 +2,7 @@ name = davepietro
 description = theme for davepietro.com.
 core = 7.x
 stylesheets[all][] = style.css
+stylesheets[all][] = nav.css
 regions[header] = Header
 regions[navigation] = Navigation
 regions[content] = Content

diff --git a/html.tpl.php b/html.tpl.php
@@ -47,16 +47,13 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php print $language->language; ?>" version="XHTML+RDFa 1.0" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>>
 
 <head profile="<?php print $grddl_profile; ?>">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <?php print $head; ?>
   <title><?php print $head_title; ?></title>
   <?php print $styles; ?>
   <?php print $scripts; ?>
 </head>
 <body class="<?php print $classes; ?>" <?php print $attributes;?>>
-
-  <div id="skip-link">
-    <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
-  </div>
   <?php print $page_top; ?>
   <?php print $page; ?>
   <?php print $page_bottom; ?>

diff --git a/nav.css b/nav.css
@@ -0,0 +1,132 @@
+#navigation-wrapper {
+  width: 100%;
+}
+
+#navigation {
+  font-size: 16px;
+
+}
+
+#navigaton ul {
+  margin-left: 10px;
+}
+
+#navigation ul.nice-menu li.menuparent, #navigation ul.nice-menu li li.menuparent {
+  background-image: none;
+}
+
+#navigation ul.nice-menu li a {
+  text-decoration: none;
+  padding: .8em 1.9em .8em 1.9em;
+  color: #ffaa00;
+  text-transform: uppercase;
+}
+
+#navigation ul.nice-menu li.first, #navigation ul.nice-menu li.first a {
+  padding-left: 0px;
+}
+
+#navigation ul.nice-menu ul li.first, #navigation ul.nice-menu ul li.first a {
+  padding-left: .94em;
+}
+
+#navigation ul.nice-menu li a:hover, #navigation ul.nice-menu li a.active {
+  color: #f3bd50;
+}
+
+#navigation ul.nice-menu, ul.nice-menu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  background-color: #000;
+}
+
+#navigation ul.nice-menu li {
+  border: 0;
+  border-top: 0;
+  float: left; /* LTR */
+  background-color: transparent;
+}
+
+#navigation ul.nice-menu li.first {
+  padding-left: 0;
+}
+#navigation ul.nice-menu a {
+  padding: 6px 1.7em 6px 1.7em;
+  color: #ffaa00;
+}
+
+#navigation ul.nice-menu a:hover {
+   background-color: #171717;
+   color: #f3bd50;
+}
+
+#navigation ul.nice-menu ul {
+  top: 14px;
+  left: -1px; /* LTR */
+  border: 0;
+  margin-right: 0; /* LTR */
+}
+
+#navigation ul.nice-menu ul li {
+  width: 12.5em;
+  background-color: #000;
+}
+#navigation ul.nice-menu ul li {
+  border-left: 1px solid #464444;
+  border-right: 1px solid #464444;
+}
+#navigation ul.nice-menu ul li.last {
+  border-bottom: 1px solid #464444;
+}
+
+#navigation ul.nice-menu ul {
+  margin-top: 1em;
+}
+
+#navigation ul.nice-menu-down {
+  float: left; /* LTR */
+  border: 0;
+}
+
+#navigation ul.nice-menu-down li {
+  border-top: 0px;
+}
+
+#navigation ul.nice-menu-down li li {
+  border-top: 0;
+}
+
+#navigation ul.nice-menu-down ul {
+  left: 0; /* LTR */
+}
+
+#navigation ul.nice-menu-down ul li {
+  clear: both;
+}
+
+#navigation ul.nice-menu-down li ul li ul {
+  left: 12.5em; /* LTR */
+  top: -1px;
+}
+
+#navigation ul.nice-menu-down .menuparent a {
+
+}
+
+#navigation ul.nice-menu-down li.menuparent {
+  background: none; /* LTR */
+}
+
+#navigation ul.nice-menu-down li.menuparent:hover {
+  background: none;
+  }
+
+#navigation ul.nice-menu-down li li.menuparent {
+  background: none; /* LTR */
+}
+
+#navigation ul.nice-menu-down li li.menuparent:hover {
+  background: none;
+}
diff --git a/page.tpl.php b/page.tpl.php
@@ -105,9 +105,8 @@
     <?php #if ($main_menu || $secondary_menu): ?>
       <div id="navigation-wrapper">
       <div id="navigation"><div class="section grid_12">
+        <i class="fas fa-bars"></i>
         <?php print render($page['navigation']); ?>
-        <?php #print theme('links__system_main_menu', array('links' => $main_menu, 'attributes' => array('id' => 'main-menu', 'class' => array('links', 'inline', 'clearfix')), 'heading' => t(''))); ?>
-        <?php #print theme('links__system_secondary_menu', array('links' => $secondary_menu, 'attributes' => array('id' => 'secondary-menu', 'class' => array('links', 'inline', 'clearfix')), 'heading' => t('Secondary menu'))); ?>
       </div></div></div> <!-- /.section, /#navigation, /#navigation-wrapper -->
     <?php #endif; ?>