[PATCH 5/6] Integrated common-header.css to header.scss and removed references to the original file.

Matt Wagner matt.wagner at redhat.com
Mon Apr 9 17:39:45 UTC 2012


From: Brian McLaughlin <bmclaugh at redhat.com>

Signed-off-by: Matt Wagner <matt.wagner at redhat.com>
---
 src/app/stylesheets/header.scss             | 1275 ++++++++-------------------
 src/app/views/layouts/application.html.haml |    1 -
 src/public/stylesheets/common-header.css    |  579 ------------
 3 files changed, 383 insertions(+), 1472 deletions(-)
 delete mode 100644 src/public/stylesheets/common-header.css

diff --git a/src/app/stylesheets/header.scss b/src/app/stylesheets/header.scss
index 802e700..8497d03 100644
--- a/src/app/stylesheets/header.scss
+++ b/src/app/stylesheets/header.scss
@@ -1,72 +1,33 @@
+/* @font-face setup */
+
 @font-face {
   font-family: 'Overpass';
-  src: url('../fonts/overpass_regular-web.eot');
-  src: local("Overpass"), url('../fonts/overpass_regular-web.eot?#iefix') format("eot"), url('../fonts/overpass_regular-web.woff') format("woff"), url('../fonts/overpass_regular-web.ttf') format("truetype"), url('../fonts/overpass_regular-web.svg#webfontLTZe4IYH') format("svg");
+  src: url("..fonts/overpass_regular-web.eot");
+  src: local("Overpass"), url("../fonts/overpass_regular-web.eot?#iefix") format("eot"), url("../fonts/overpass_regular-web.woff") format("woff"), url("../fonts/overpass_regular-web.ttf") format("truetype"), url("../fonts/overpass_regular-web.svg#webfontLTZe4IYH") format("svg");
   font-weight: normal;
   font-style: normal; }
 
 
 @font-face {
   font-family: 'Overpass';
-  src: url('../fonts/overpass_bold-web.eot');
-  src: local("Overpass Bold"), local("Overpass-Bold"), url('../fonts/overpass_bold-web.eot?#iefix') format("eot"), url('../fonts/overpass_bold-web.woff') format("woff"), url('../fonts/overpass_bold-web.ttf') format("truetype"), url('../fonts/overpass_bold-web.svg#webfontzAU82Ltw') format("svg");
+  src: url("../fonts/overpass_bold-web.eot");
+  src: local("Overpass Bold"), local("Overpass-Bold"), url("../fonts/overpass_bold-web.eot?#iefix") format("eot"), url("../fonts/overpass_bold-web.woff") format("woff"), url("../fonts/overpass_bold-web.ttf") format("truetype"), url("../fonts/overpass_bold-web.svg#webfontzAU82Ltw") format("svg");
   font-weight: bold;
   font-style: normal; }
 
 
-  /*
-
-     ___  _                          _          _   _
-    / (_)| |                |    () | |        | | | |
-   |     | |  __          __|    /\ | |     _  | | | |
-   |     |/  /  \_|   |  /  |   /  \|/ \   |/  |/  |/
-    \___/|__/\__/  \_/|_/\_/|_//(__/|   |_/|__/|__/|__/
-   This will all be converted to scss soon
-  */
-
-/*things to do first */
-
-/*hide the controls when javascript is on  will fix FOUC soon*/
+/* Adapted normalization */
 
-  .shell-design {
-
-  .no-js-controls, .hidden {
-    display: none; }
+.hidden {
+  display: none; }
 
+.shell-design {
   section {
     display: none;
     &.active {
       display: block; } }
-
-  /*  Custom Normalize */
-
   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
     display: block; }
-
-  audio, canvas, video {
-    display: inline-block;
-    *display: inline;
-    *zoom: 1; }
-
-  audio:not([controls]), [hidden] {
-    display: none; }
-
-  html {
-    font-size: 100%;
-    -webkit-text-size-adjust: 100%;
-    -ms-text-size-adjust: 100%;
-    font-family: sans-serif;
-    color: #222; }
-
-  button, input, select, textarea {
-    font-family: sans-serif;
-    color: #222; }
-
-  body {
-    margin: 0;
-    font-size: 1em;
-    line-height: 1.5; }
-
   a {
     color: #36c;
     &:visited {
@@ -75,445 +36,266 @@
       color: #000; }
     &:focus {
       outline: none;
-      box-shadow: 0 0  3px 3px #fa0; } }
-
-  input[type="checkbox"]:focus {
-    outline: none;
-    box-shadow: 0 0  3px 3px #fa0; }
-
-  a {
+      box-shadow: 0 0  3px 3px #fa0; }
     &:hover, &:active {
       outline: none; } }
-
-  abbr[title] {
-    border-bottom: 1px dotted; }
-
   b, strong {
     font-weight: bold; }
-
-  blockquote {
-    margin: 1em 40px; }
-
-  dfn {
-    font-style: italic; }
-
-  hr {
-    display: block;
-    height: 1px;
+  img {
     border: 0;
-    border-top: 1px solid #ccc;
-    margin: 1em 0;
-    padding: 0; }
-
-  ins {
-    background: #ff9;
-    color: #000;
-    text-decoration: none; }
-
-  mark {
-    background: #ff0;
-    color: #000;
-    font-style: italic;
-    font-weight: bold; }
-
-  pre, code, kbd, samp {
-    font-family: monospace, serif;
-    _font-family: 'courier new', monospace;
-    font-size: 1em; }
-
-  pre {
-    white-space: pre;
-    white-space: pre-wrap;
-    word-wrap: break-word; }
-
-  q {
-    quotes: none;
-    &:before, &:after {
-      content: "";
-      content: none; } }
-
-  small {
-    font-size: 85%; }
-
-  sub {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline; }
-
-  sup {
-    font-size: 75%;
-    line-height: 0;
+    -ms-interpolation-mode: bicubic;
+    vertical-align: middle; }
+  svg:not(:root) {
+    overflow: hidden; } }
+
+/* Some header-specific styling */
+
+header.shell-design {
+  background-color: #1a1f22;
+  position: relative;
+  color: #fff;
+  height: 6.25em;
+  border-bottom: .4em solid #060807;
+  border-top: .4em solid #060807;
+  box-shadow: inset 0em -0.1em #181c1e, inset 0px -2em 5em #101214;
+  h1 {
+    font-size: 1em;
+    text-transform: uppercase;
+    position: absolute;
+    top: .9em;
+    left: 0;
+    line-height: 1.5em;
+    text-indent: 2em;
+    color: #fff;
+    em {
+      border-left: .1em solid #fff;
+      padding-left: .25em;
+      margin-left: .25em;
+      font-style: normal; } }
+  > article {
+    line-height: 2em;
     position: relative;
-    vertical-align: baseline;
-    top: -0.5em; }
-
-  sub {
-    bottom: -0.25em; }
-
-  ul, ol {
-    margin: 1em 0;
-    padding: 0 0 0 1em; }
-
-  dd {
-    margin: 0 0 0 40px; }
-  }
-
-  nav.shell-design {
-    ul, ol {
-      list-style: none;
-      list-style-image: none;
-      margin: 0;
-      padding: 0; } }
-
-  .shell-design {
-    img {
-      border: 0;
-      -ms-interpolation-mode: bicubic;
-      vertical-align: middle; }
-
-    svg:not(:root) {
-      overflow: hidden; }
-
-    figure, form {
-      margin: 0; }
-
-    fieldset {
-      border: 0;
-      margin: 0;
-      padding: 0; }
-
-    label {
-      cursor: pointer; }
-
-    legend {
-      border: 0;
-      *margin-left: -7px;
-      padding: 0;
-      white-space: normal; }
-
-    button, input, select, textarea {
-      font-size: 100%;
-      margin: 0;
-      vertical-align: baseline;
-      *vertical-align: middle; }
-
-    button, input {
-      line-height: normal; }
-
-    button {
-      cursor: pointer;
-      -webkit-appearance: button;
-      *overflow: visible; }
-
-    input {
-      &[type="button"], &[type="reset"], &[type="submit"] {
-        cursor: pointer;
-        -webkit-appearance: button;
-        *overflow: visible; } }
-
-    button[disabled] {
-      cursor: default; }
-
-    input {
-      &[disabled] {
-        cursor: default; }
-      &[type="checkbox"], &[type="radio"] {
-        box-sizing: border-box;
-        padding: 0;
-        *width: 13px;
-        *height: 13px; }
-      &[type="search"] {
-        -webkit-appearance: textfield;
-        -moz-box-sizing: content-box;
-        -webkit-box-sizing: content-box;
-        box-sizing: content-box;
+    padding: 0em;
+    padding-left: 20em; } }
 
-    button::-moz-focus-inner, input::-moz-focus-inner {
-      border: 0;
-      padding: 0; }
+/* Navigation */
 
-    textarea {
-      overflow: auto;
-      vertical-align: top;
-      resize: vertical; }
-
-    table {
-      border-collapse: collapse;
-      border-spacing: 0; }
-
-    td {
+nav#appnav {
+  display: table;
+  font-weight: normal;
+  border: .2em solid #181c1e;
+  border-bottom: none transparent 0px;
+  margin-top: 2.25em;
+  border-radius: .25em .25em 0em 0em;
+  white-space: nowrap;
+  > ul {
+    > li {
+      > ul > li a {
+        color: #777; }
+      display: block;
       vertical-align: top;
-      text-align: left; }
-
-    .browser-warning {
-      margin: 0.2em 0;
-      background: #ccc;
-      color: black;
-      padding: 0.2em 0;
-      /* they probably get this heaps */ }
-
-
-    header {
-      background-color: #1a1f22;
-      position: relative;
-      color: #fff;
-      height: 6.25em;
-      border-bottom: .4em solid #060807;
-      border-top: .4em solid #060807;
-      box-shadow: inset 0em -0.1em #181c1e, inset 0px -2em 5em #101214;
-      h1 {
-        font-size: 1em;
-        text-transform: uppercase;
-        position: absolute;
-        top: .9em;
-        left: 0;
-        line-height: 1.5em;
-        text-indent: 2em;
-        color: #fff;
-        em {
-          border-left: .1em solid #fff;
-          padding-left: .25em;
-          margin-left: .25em;
-          font-style: normal; } }
-      > article {
-        line-height: 2em;
-        position: relative;
+      float: left;
+      a {
+        display: block;
+        width: 100%;
+        text-decoration: none;
+        clear: both;
         padding: 0em;
-        padding-left: 20em; }
-      nav#appnav {
-        display: table;
-        font-weight: normal;
-        border: .2em solid #181c1e;
-        border-bottom: none transparent 0px;
-        margin-top: 2.25em;
-        border-radius: .25em .25em 0em 0em;
+        text-indent: 1.5em;
+        text-transform: capitalize;
+        position: relative;
         white-space: nowrap;
-        > ul {
-          > li {
-            > ul > li a {
-              color: #777; }
-            display: block;
-            vertical-align: top;
-            float: left;
-            a {
-              display: block;
-              width: 100%;
-              text-decoration: none;
-              clear: both;
-              padding: 0em;
-              text-indent: 1.5em;
-              text-transform: capitalize;
-              position: relative;
-              white-space: nowrap;
-              overflow: hidden;
-              text-overflow: ellipsis; }
-            > a {
-              color: #bbb;
-              padding: .75em 1em;
-              text-align: center;
-              text-indent: 0em;
-              border-style: none solid;
-              border-width: 0px .1em;
-              border-color: transparent #181c1e;
-              background-color: #1f2123;
-              box-shadow: inset 0px -3.5em 2em -2em #15191b;
-              &.active {
-                color: #fff;
-                background-color: #4a4e50; } } }
-          display: table-row; }
-        > ul > li > a:hover {
+        overflow: hidden;
+        text-overflow: ellipsis; }
+      > a {
+        color: #bbb;
+        padding: .75em 1em;
+        text-align: center;
+        text-indent: 0em;
+        border-style: none solid;
+        border-width: 0px .1em;
+        border-color: transparent #181c1e;
+        background-color: #1f2123;
+        box-shadow: inset 0px -3.5em 2em -2em #15191b;
+        &:active {
+          color: #fff;
+          background-color: #4a4e50; }
+        &:hover {
           /*box-shadow*/
           -webkit-box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.32);
           -moz-box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.32);
           box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.32);
           cursor: pointer; }
-        > ul li {
-          position: relative; } }
-      nav#appnav > ul > li {
-        > a {
-          &:focus, &.active {
-            box-shadow: inset 0px -4em 3em -2em rgba(0, 0, 0, 0.4); } }
-        &:hover > a {
+        &:focus, &:active {
           box-shadow: inset 0px -4em 3em -2em rgba(0, 0, 0, 0.4); } }
-      nav#appnav > ul > li:hover li:hover > a {
-        background-color: #4a4e50;
-        color: #fff; }
-      nav#appnav > ul {
-        > li:hover > a {
+      position: relative;
+      &:hover {
+        > a {
+          box-shadow: inset 0px -4em 3em -2em rgba(0, 0, 0, 0.4); }
+        li:hover > a, > a {
           background-color: #4a4e50;
-          color: #fff; }
-        > {
-          & li a:hover, li a:focus {
-            background-color: #4a4e50;
-            color: #fff; } } }
-      nav#appnav {
-        > ul > li {
-          &:first-child > a {
-            /*border-radius*/
-            -webkit-border-radius: .225em 0em 0em 0em;
-            -moz-border-radius: .225em 0em 0em 0em;
-            border-radius: .225em 0em 0em 0em;
-            border-left: 0px transparent none; }
-          &:last-child > a {
-            /*border-radius*/
-            -webkit-border-radius: 0em .225em   0em 0em;
-            -moz-border-radius: 0em .225em  0em 0em;
-            border-radius: 0em .225em  0em 0em;
-            border-right: 0px transparent none; }
-          > ul > li:last-child > a {
-            /*border-radius*/
-            -webkit-border-radius: 0em 0em .25em .25em;
-            -moz-border-radius: 0em 0em .25em .25em;
-            border-radius: 0em 0em .25em .25em; } }
-        ul a:after {
-          z-index: 3;
-          content: "";
-          width: 100%;
-          height: 50%;
-          top: 0;
-          left: 0;
-          right: 0;
-          display: block;
-          position: absolute; } }
-      nav#appnav > ul > li {
-        a:focus ~ ul, &:hover ul {
-          background-color: white;
-          /*box-shadow*/
-          -webkit-box-shadow: 0em 0.025em 0.5em rgba(0, 0, 0, 0.5);
-          -moz-box-shadow: 0em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-          box-shadow: 0em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-          /*border-radius*/
-          -webkit-border-radius: 0em 0em .25em .25em;
-          -moz-border-radius: 0em 0em .25em .25em;
-          border-radius: 0em 0em .25em .25em;
-          display: block;
-          width: 100%;
-          top: 0em;
-          left: 0; } } }
-  }
-
-  /*appnav*/
-
-  /*giving that annoying gradient to all links*/
+          color: #fff; } }
+      a {
+        &:hover, &:focus {
+          background-color: #4a4e50;
+          color: #fff; } }
+      &:first-child > a {
+        /*border-radius*/
+        -webkit-border-radius: .225em 0em 0em 0em;
+        -moz-border-radius: .225em 0em 0em 0em;
+        border-radius: .225em 0em 0em 0em;
+        border-left: 0px transparent none; }
+      &:last-child > a {
+        /*border-radius*/
+        -webkit-border-radius: 0em .225em   0em 0em;
+        -moz-border-radius: 0em .225em  0em 0em;
+        border-radius: 0em .225em  0em 0em;
+        border-right: 0px transparent none; }
+      > ul > li:last-child > a {
+        /*border-radius*/
+        -webkit-border-radius: 0em 0em .25em .25em;
+        -moz-border-radius: 0em 0em .25em .25em;
+        border-radius: 0em 0em .25em .25em; } }
+    display: table-row; }
+  ul a:after {
+    z-index: 3;
+    content: "";
+    width: 100%;
+    height: 50%;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: block;
+    position: absolute; }
+  > ul > li {
+    a:focus ~ ul, &:hover ul {
+      background-color: white;
+      /*box-shadow*/
+      -webkit-box-shadow: 0em 0.025em 0.5em rgba(0, 0, 0, 0.5);
+      -moz-box-shadow: 0em 0.025em 0.51em rgba(0, 0, 0, 0.5);
+      box-shadow: 0em 0.025em 0.51em rgba(0, 0, 0, 0.5);
+      /*border-radius*/
+      -webkit-border-radius: 0em 0em .25em .25em;
+      -moz-border-radius: 0em 0em .25em .25em;
+      border-radius: 0em 0em .25em .25em;
+      display: block;
+      width: 100%;
+      top: 0em;
+      left: 0; } } }
 
-  /*this is what happens when we use hover,
-    now we need to include  the hover:anything  polyfill for IE's s
-    touch devices can't hover with the same behaviour/expectation so we shouldn't do it.
-     */
+/* I'm doubtful that this actually matches anythign */
 
-  .shell-design {
-    .no-boxshadow header nav#appnav > ul > li:hover ul {
-      border: 1px solid #ccc;
-      margin: -0.1px; }
+.no-boxshadow header nav#appnav > ul > li:hover ul {
+  border: 1px solid #ccc;
+  margin: -0.1px; }
 
-    header {
-      nav#appnav > ul > li {
-        > ul > li:hover {
-          position: relative; }
-        &:hover > ul > li > ul {
-          position: absolute;
-          box-shadow: none;
-          background-color: transparent;
-          top: 0em;
-          left: 100%;
-          padding-top: 0em;
-          > li {
-            display: none; } }
-        a:focus ~ ul, &:hover > ul {
-          z-index: 1;
-          padding-top: 1em;
-          display: block;
-          position: absolute;
-          top: 3.5em;
-          opacity: 1; }
-        a:focus ~ li ul li, &:hover > ul > li:hover > ul > li {
-          display: block; }
-        a:focus ~ li ul, &:hover > ul > li:hover ul {
-          /*box-shadow*/
-          -webkit-box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-          -moz-box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-          box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-          /*border-radius*/
-          -webkit-border-radius: 0em .25em .25em 0em;
-          -moz-border-radius: 0em .25em .25em 0em;
-          border-radius: 0em .25em .25em 0em;
-          background-color: white;
-          z-index: 1;
-          opacity: 1; }
-        > ul {
-          > li {
-            > ul li {
-              &:first-child a {
-                /*border-radius*/
-                -webkit-border-radius: .0em .25em 0em 0em;
-                -moz-border-radius: .0em .25em 0em 0em;
-                border-radius: .0em .25em 0em 0em; }
-              &:last-child a {
-                /*border-radius*/
-                -webkit-border-radius: 0em 0em .25em .0em;
-                -moz-border-radius: 0em 0em .25em .0em;
-                border-radius: 0em 0em .25em .0em; }
-              &:first-child:hover a:after {
-                z-index: 9;
-                display: block;
-                position: absolute;
-                top: .5em;
-                left: 0em;
-                content: "";
-                height: 0;
-                width: 0;
-                border-width: .5em 0em  .5em .5em;
-                border-style: solid none solid solid;
-                border-color: transparent  transparent transparent #fff; } }
-            ul {
-              &:before {
-                z-index: 2;
-                display: block;
-                position: absolute;
-                top: 0em;
-                left: -0.14em;
-                content: "";
-                height: 0;
-                width: 0;
-                border-width: 1em 0em  1em 1em;
-                border-style: solid none solid solid;
-                border-color: transparent  transparent transparent transparent; }
-              &:after {
-                z-index: 1;
-                display: block;
-                position: absolute;
-                top: .5em;
-                left: -1em;
-                content: "";
-                height: 0;
-                width: 0;
-                opacity: 1;
-                z-index: 2;
-                border-width: .5em 0em  .5em .5em;
-                border-style: solid none solid solid;
-                border-color: transparent  transparent transparent #ccc; } }
-            a:hover ~ ul:before, &:hover ul:before {
-              top: 0em;
-              border: solid 1em #4a4e50;
-              left: -1.98em; }
-            a:hover ~ ul:after, &:hover ul:after {
-              top: 0em;
-              border-color: transparent  transparent transparent #4a4e50;
+header {
+  nav#appnav > ul > li {
+    > ul > li:hover {
+      position: relative; }
+    &:hover > ul > li > ul {
+      position: absolute;
+      box-shadow: none;
+      background-color: transparent;
+      top: 0em;
+      left: 100%;
+      padding-top: 0em;
+      > li {
+        display: none; } }
+    a:focus ~ ul, &:hover > ul {
+      z-index: 1;
+      padding-top: 1em;
+      display: block;
+      position: absolute;
+      top: 3.5em;
+      opacity: 1; }
+    a:focus ~ li ul li, &:hover > ul > li:hover > ul > li {
+      display: block; }
+    a:focus ~ li ul, &:hover > ul > li:hover ul {
+      /*box-shadow*/
+      -webkit-box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
+      -moz-box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
+      box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
+      /*border-radius*/
+      -webkit-border-radius: 0em .25em .25em 0em;
+      -moz-border-radius: 0em .25em .25em 0em;
+      border-radius: 0em .25em .25em 0em;
+      background-color: white;
+      z-index: 1;
+      opacity: 1; }
+    > {
+      ul {
+        > li {
+          > ul li {
+            &:first-child a {
+              /*border-radius*/
+              -webkit-border-radius: .0em .25em 0em 0em;
+              -moz-border-radius: .0em .25em 0em 0em;
+              border-radius: .0em .25em 0em 0em; }
+            &:last-child a {
+              /*border-radius*/
+              -webkit-border-radius: 0em 0em .25em .0em;
+              -moz-border-radius: 0em 0em .25em .0em;
+              border-radius: 0em 0em .25em .0em; }
+            &:first-child:hover a:after {
+              z-index: 9;
+              display: block;
+              position: absolute;
+              top: .5em;
               left: 0em;
               content: "";
               height: 0;
               width: 0;
+              border-width: .5em 0em  .5em .5em;
+              border-style: solid none solid solid;
+              border-color: transparent  transparent transparent #fff; } }
+          ul {
+            &:before {
+              z-index: 2;
+              display: block;
+              position: absolute;
+              top: 0em;
+              left: -0.14em;
+              content: "";
+              height: 0;
+              width: 0;
               border-width: 1em 0em  1em 1em;
-              border-style: solid  none solid solid; } }
-          position: absolute;
-          left: 0;
-          display: none;
-          line-height: 2em !important;
-          min-width: 16em;
-          max-width: 22em; }
-        position: relative; }
-      nav#appnav > ul > li > a.active {
+              border-style: solid none solid solid;
+              border-color: transparent  transparent transparent transparent; }
+            &:after {
+              z-index: 1;
+              display: block;
+              position: absolute;
+              top: .5em;
+              left: -1em;
+              content: "";
+              height: 0;
+              width: 0;
+              opacity: 1;
+              z-index: 2;
+              border-width: .5em 0em  .5em .5em;
+              border-style: solid none solid solid;
+              border-color: transparent  transparent transparent #ccc; } }
+          a:hover ~ ul:before, &:hover ul:before {
+            top: 0em;
+            border: solid 1em #4a4e50;
+            left: -1.98em; }
+          a:hover ~ ul:after, &:hover ul:after {
+            top: 0em;
+            border-color: transparent  transparent transparent #4a4e50;
+            left: 0em;
+            content: "";
+            height: 0;
+            width: 0;
+            border-width: 1em 0em  1em 1em;
+            border-style: solid  none solid solid; } }
+        position: absolute;
+        left: 0;
+        display: none;
+        line-height: 2em !important;
+        min-width: 16em;
+        max-width: 22em; }
+      a.active {
         position: relative;
         &:after {
           z-index: 9;
@@ -528,74 +310,8 @@
           border-width: 0em .55em .55em  .55em;
           border-style: none solid solid  solid;
           border-color: transparent transparent #fff transparent; } } }
-
-    /*white-arrow on sublink when hovered*/
-
-    #notifications {
-      position: absolute;
-      right: 0em;
-      min-width: 20em;
-      max-width: 30em;
-      line-height: 1.5em;
-      section {
-        &:before {
-          position: absolute;
-          display: block;
-          content: "";
-          height: 0;
-          width: 0;
-          border-width: 0em .75em .75em .75em;
-          border-style: none solid solid solid;
-          top: -0.79em;
-          right: 6.75em;
-          border-color: transparent transparent #fff transparent; }
-        &:after {
-          position: absolute;
-          display: block;
-          content: "";
-          height: 0;
-          width: 0;
-          border-width: 0em .75em .75em .75em;
-          border-style: none solid solid solid;
-          top: -0.7em;
-          right: 6.75em;
-          border-color: transparent transparent #555 transparent; }
-        a {
-          color: #fff; }
-        /*border-radius*/
-        -webkit-border-radius: .5em;
-        -moz-border-radius: .5em;
-        border-radius: .5em;
-        position: relative;
-        overflow: visible;
-        width: 100%;
-        margin: 0em;
-        right: 0;
-        display: block !important;
-        margin-top: 1em;
-        padding: 1em;
-        top: 0em;
-        background-color: #555;
-        color: #ddd;
-        text-shadow: none;
-        text-indent: 0em;
-        /*box-shadow*/
-        -webkit-box-shadow: 0px 0em 0em 0.1em white, 0px 0.2em 0.5em rgba(0, 0, 0, 0.1);
-        -moz-box-shadow: 0px 0em 0em 0.1em white, 0px 0.2em 0.5em rgba(0, 0, 0, 0.1);
-        box-shadow: 0px 0em 0em 0.1em white, 0px 0.2em 0.5em rgba(0, 0, 0, 0.1);
-        &.alert {
-          &:after {
-            border-color: transparent transparent #a00 transparent; }
-          background-color: #a00;
-          color: #fff;
-          text-shadow: 0 -1px #990000;
-          /*box-shadow*/
-          -webkit-box-shadow: 0px 0em 0em 0.1em white, 0px 0.2em 0.5em 0.2em rgba(255, 0, 0, 0.21);
-          -moz-box-shadow: 0px 0em 0em 0.1em white, 0px 0.2em 0.5em 0.2em rgba(255, 0, 0, 0.21);
-          box-shadow: 0px 0em 0em 0.1em white, 0px 0.2em 0.5em 0.2em rgba(255, 0, 0, 0.21); } } }
-  }
-
-  .shell-design header > article section:last-child {
+    position: relative; }
+  &.shell-design > article section:last-child {
     text-align: right;
     position: absolute;
     top: -1.75em;
@@ -630,7 +346,7 @@
       &:first-child {
         padding-left: 3em;
         &:after {
-          content: "!";
+          /*content: "!";*/
           color: #2e4e66;
           text-align: center;
           background-color: #ccc !important;
@@ -644,365 +360,140 @@
           font-size: 1.5em;
           display: block;
           background-color: transparent;
-          z-index: 2; } } } }
-
-  /*body > header > article:last-child a:nth-child(2):before{position:absolute; left:0; top:.5em;content:""; border-style: none solid solid solid;  border-width:0em .7775em  1em .75em; height: 0px;
-  width:0px; border-color: transparent transparent white transparent;}*/
-
-  /* ==|== primary styles =====================================================
-     , __                                                        _
-   /|/  \      o                                   ()          | |
-    |___/ ,_       _  _  _    __,   ,_             /\_|_       | |  _   ,
-    |    /  |  |  / |/ |/ |  /  |  /  |  |   |    /  \|  |   | |/  |/  / \_
-    |       |_/|_/  |  |  |_/\_/|_/   |_/ \_/|/  /(__/|_/ \_/|/|__/|__/ \/
-                                            /|              /|
-                                            \|              \|
-  ========================================================================== */
-
-  .shell-design {
-    * {
-      /*this is life saving but locks us into > ie8 will consider this polyfil for lt-ie8  https://github.com/Schepp/box-sizing-polyfill */
-      -moz-box-sizing: border-box !important;
-      -webkit-box-sizing: border-box !important;
-      box-sizing: border-box !important;
-      background-repeat: no-repeat;
-      vertical-align: middle; }
-
-    body {
-      background-color: #ccc;
-      height: 100%;
-      font-family: sans-serif;
-      margin: 0;
-      padding: 0;
-      font-size: 12px;
-      font-family: "overpass"; }
-
-    html {
-      height: 100%;
-      font-family: sans-serif;
-      margin: 0;
-      padding: 0;
-      font-size: 12px;
-      font-family: "overpass";
-      /*forcing scrl*/
-      height: 100%;
-      margin-bottom: 1px !important;
-      overflow-y: scroll; }
-
-    a {
-      &:hover, &:focus, &:active {
-        color: #fa0; } }
-
-    #content, body > footer, header > article {
-      max-width: 80em;
-      margin: 0 auto; }
-
-    a {
-      &:focus {
-        outline: none!important; }
-      &:link {
-        color: #36c; } }
-
-    /* some browsers don't respect outline none without important*/
-
-    body a {
-      &:visited {
-        color: #36c; }
-      &:hover, &:focus, &:active {
-        color: #000; } }
-
-    section {
-      color: #777; }
-
-    table {
-      overflow: hidden;
-      width: 100%;
-      line-height: 2em;
-      th {
-        text-align: left;
-        font-weight: 700;
-        border-bottom: .1em solid #ccc; } }
-
-    /*dont worry i'll replace this stuff with something generic*/
-
-    blockquote.important {
-      color: #fff!important;
-      background-color: #900!important;
-      border-color: #900!important;
-      a {
-        color: #fff; } }
-
-    h1, h2, h3 {
-      font-size: 1em;
-      font-weight: normal;
-      color: #333; }
-
-    h1 {
-      font-size: 2em; }
-
-    .boxshadow article#content {
-      padding: 1em 2em;
-      box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.2);
-      border-style: none;
-      border-radius: 0em 0em .5em .5em; }
-
-    #content {
-      margin: 0 auto;
-      background-color: #fff;
-      section {
-        &.active {
-          min-height: 20em; }
-        h1 {
-          color: transparent; }
-        &.active h1 {
-          padding-top: 3em;
-          color: #ddd;
-          text-align: center;
-          font-weight: normal;
-          text-transform: capitalize; } } }
-
-
-
-    .boxshadow {
-      input, textarea {
-        border-style: none; } }
-
-
-    /*only apply the tiny border if we can support boxshadow */
-
-    .boxshadow.borderradius {
-      input, textarea {
-        /*border-radius*/
-        -webkit-border-radius: .35em;
-        -moz-border-radius: .35em;
-        border-radius: .35em; } }
-
-
-    .boxshadow.borderradius input {
-      &[type="submit"] {}
-      &[type="button"]:hover, &[type="submit"]:hover, &[type="button"]:focus, &[type="submit"]:focus {
-        background-color: #222;
-        color: #fff;
-        border-color: #222; }
-      &[type="button"]:hover, &[type="submit"]:hover, &[type="button"]:focus, &[type="submit"]:focus {
-        /*box-shadow*/
-        -webkit-box-shadow: 0px 0em 0.25em 0.2em #ffaa00, 0 1.5px 2px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.2), 0 0 4px rgba(255, 255, 255, 0.7) inset, 0 -5px 10px rgba(0, 0, 0, 0.2) inset;
-        -moz-box-shadow: 0px 0em 0.25em 0.2em #ffaa00, 0 1.5px 2px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.2), 0 0 4px rgba(255, 255, 255, 0.7) inset, 0 -5px 10px rgba(0, 0, 0, 0.2) inset;
-        box-shadow: 0px 0em 0.25em 0.2em #ffaa00, 0 1.5px 2px rgba(0, 0, 0, 0.1), 0 4px 5px rgba(0, 0, 0, 0.2), 0 0 4px rgba(255, 255, 255, 0.7) inset, 0 -5px 10px rgba(0, 0, 0, 0.2) inset;
-        text-shadow: 0px -1px rgba(0, 0, 0, 0.4); } }
-
-
-    section {
-      &:before, &:after {
-        content: "";
-        display: table; } }
-
-    article {
-      &:before {
-        content: "";
-        display: table; }
-      &:after {
-        content: "";
-        display: table;
-        clear: both; } }
-
-    section:after {
-      clear: both; }
-
-    /* For IE 6/7 (trigger hasLayout) */
-
-    article, section {
-      zoom: 1; }
-
-    /*Footer*/
-
-    body > footer {
-      padding-top: 2em;
-      > {
-        nav {
-          display: block;
-          height: 4em;
-          line-height: 4em;
-          padding: 0em;
-          margin: 0em; }
-        p:first-child {
-          display: block;
-          height: 4em;
-          line-height: 4em;
-          padding: 0em;
-          margin: 0em;
-          float: left;
-          background-repeat: no-repeat;
-          color: #777;
-          background-position: 2em 40%;
-          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAAZCAYAAAB5CNMWAAACzElEQVR42u2YMYrjMBSGfYEF1VOp2lqQMo0uEFA7naqpDbmADrAQSJfKXVoXewBdYEFH0BF8BI0i/gkPSWvL2d0sjOeHn5H8ZCf68t6LJl0I4cuNXhKL1tFjtI8OxBOua6zbtHoACUvGOrNFaCzafYB4iX6Lfo3e3Yz5Ede+EWi4T2wPFEDY6F8VXwHtWs8ysR1Q8A6wasB+kvGhAuyzl+Qp70VvAPU9WkYfZ8B1pcfPCorXGvcPwGjxrg5MPuuDhuXTsuqQlZck8yUf67CGJ8GyeD2LuUEC/BP5rlJir9EdyvBtIdMuWP+SAftPsOwfZpmLlrMlaCoQDGCRpl/CykAf2kpRwixaZOsYiccYVI/zGVg8ex0qGuP0uXhWn8WSJD0qXBeOCru20qSAdVeXQ3ykWYj100w5i0p8qsAacP2E1/Jk4wrzAQ64Jgh4h7EuYFFgxzkQ6xu+mSkdulmLzdD7FAHRRzMy91iD5xSwXJZNI4HOspjGeqisiBJWVm6XB0FZQG+E5ckbHyqZpO8gMIZpefgCVpnRisRrZR0ehjVNUxiGIUEza0CREoTVAixTXiuNmMHYPdDgJYWFZ3nYtsFCMPc4juEma23QWqdMOQDcpQLoUvlfEearYWEDmU9/DRb6GH1vzbD2+72TUgZjTPDeJziMsTT+UN/3dwCc8xTH3+QSODYNNcIayKYLZWUoSAn5NbDo/RBvhhVZ6ECEjEql2KIIuQoLn6BYAUtmoA3JApE1+In+zrYS1pS1hyGD5bK4yIH50KaUUUKIBPQmrfXvfuPqMW6CBSkChFpVjw6AthKWJt/AjsDK+5kle+AUlgrtuoNyztE+d5un2Pl87smB8xFJYjZ7qH1MnBx6axLk+bJWjqcArc!
 kypVSCRDR0W9Bto6FBaPrJ0IZAlQ1/CiuE9X0HbQ0YizYN0CZkI+++lMDJaANbMlZb4vAOn/BH4vdQDKAAAAAASUVORK5CYII=);
-          padding-left: 12em; }
-        nav {
-          float: right; } }
+          z-index: 2; } } } } }
+
+/*
+ header nav#appnav > ul > li > ul > li
+*/
+
+/* The below is good */
+
+/* Some new stuff */
+
+/* Is this legit? */
+
+.shell-design {
+  * {
+    /*
+      this is life saving but locks us into > ie8 will consider this polyfil for lt-ie8
+      https://github.com/Schepp/box-sizing-polyfill
+    */
+    -moz-box-sizing: border-box !important;
+    -webkit-box-sizing: border-box !important;
+    box-sizing: border-box !important;
+    background-repeat: no-repeat;
+    vertical-align: middle;
+    font-family: overpass; }
+  a {
+    &:hover, &:focus, &:active {
+      color: #fa0; }
+    &:focus {
+      outline: none !important; }
+    &:link {
+      color: #36c; } }
+  article {
+    &:before {
+      content: "";
+      display: table; }
+    &:after {
+      content: "";
+      display: table;
+      clear: both; } } }
+
+/* Wait, do we actually want this? */
+
+/* Fix up the user dropdown menu  */
+
+body {
+  #primary-container #content {
+    /*box-shadow*/
+    -webkit-box-shadow: 0px .5em 3em #777 !important;
+    -moz-box-shadow: 0px .5em 3em #777 !important;
+    box-shadow: 0px .5em 3em #777 !important; }
+  &.administer nav#administer_nav {
+    /*box-shadow*/
+    -webkit-box-shadow: inset 0em -1em 2em rgba(0, 0, 0, 0.05), 1px 1px 0px #cccccc, -1px 1px 0px #cccccc !important;
+    -moz-box-shadow: inset 0em -1em 2em rgba(0, 0, 0, 0.05), 1px 1px 0px #cccccc, -1px 1px 0px #cccccc !important;
+    box-shadow: inset 0em -1em 2em rgba(0, 0, 0, 0.05), 1px 1px 0px #cccccc, -1px 1px 0px #cccccc !important; } }
+
+section#usermenu {
+  background-image: none !important;
+  position: absolute;
+  left: 80.5%;
+  background-color: transparent !important;
+  border-color: transparent;
+  border-radius: 0 !important;
+  width: 20%;
+  z-index: 9999;
+  > a {
+    background-image: none !important;
+    background-color: transparent;
+    color: #fff !important;
+    width: 100%; }
+  > ul {
+    display: none;
+    border: none;
+    background-color: transparent !important;
+    padding: 0em;
+    margin: 0em;
+    top: 4em;
+    float: left;
+    position: absolute;
+    z-index: 9999;
+    width: 100%;
+    &:before {
+      display: none;
+      content: none; } }
+  &:hover > ul {
+    display: block;
+    border-color: transparent !important;
+    background-image: none !important;
+    box-shadow: none !important; }
+  > ul {
+    > li {
+      padding: 0em;
+      margin: 0em;
+      border-color: transparent !important;
+      background-image: none !important;
+      box-shadow: none !important; }
+    li {
       a {
-        padding: 2em 2em;
-        color: #333 !important; } }
-
-      /*==========================================================================
-
-                ___                              _
-               / (_)  ()   ()                   | |
-              |       /\   /\       __   _  _   | |
-              |      /  \ /  \-----/  \_/ |/ |  |/  |   |
-               \___//(__//(__/     \__/   |  |_/|__/ \_/|/
-                                                       /|
-                                                       \|
-                       o                                 o
-        _  _    __        __,        __,   ,   __   ,_        _ _|_
-       / |/ |  /  \_   | /  |  |  |_/  |  / \_/    /  |  |  |/ \_|
-         |  |_/\__/    |/\_/|_/ \/  \_/|_/ \/ \___/   |_/|_/|__/ |_/
-                      /|                                   /|
-                      \|                                   \|
-
-      CSS-only  NO javascript hacks go here
-
-      */
-
-    .no-js {
-      .no-js-controls {
-        display: block;
-        input, a {
-          position: fixed;
-          bottom: 0;
-          text-transform: capitalize;
-          font-weight: 400 !important;
-          font-size: 1em;
-          background-color: #000;
-          border: 0.00009em solid #000 !important;
-          color: #fff !important;
-          border-bottom-style: none;
-          height: 3em;
-          line-height: 3em;
-          display: block;
-          text-align: center;
-          opacity: .45; }
-        input:focus, a:focus, input:hover, a:hover {
-          opacity: 1; }
-        input {
-          left: 50%;
-          width: 50%;
-          margin-left: -25%;
-          &:hover {
-            background-color: #fa0;
-            border-color: #fa0; } }
-        a {
-          cursor: pointer;
-          text-shadow: none;
-          position: fixed;
-          width: 24%;
-          text-decoration: none;
-          &.top-link {
-            left: 0;
-            /*uncomment for top right*/
-            /* left:none; right:0; top: 0*/ }
-          &.bottom-link {
-            right: 0; }
-          &:hover {
-            color: #fff;
-            background-color: #000;
-            opacity: 0.8;
-            border-color: #000; } } }
-      padding-bottom: 5em  !important;
-      /*make some room  for controls at the bottom of the page */
-      .hidden {
-        display: block!important; } }
-
-    /*show them when javascript is off*/
-
-    /*no-js control buttons*/
-
-      /*==========================================================================
-
-        ,__ __                          __
-       /|  |  |         |  o           /  \                    o
-        |  |  |   _   __|      __,    | __ |          _   ,_       _   ,
-        |  |  |  |/  /  |  |  /  |    |/  \|  |   |  |/  /  |  |  |/  / \_
-        |  |  |_/|__/\_/|_/|_/\_/|_/   \__/\_/ \_/|_/|__/   |_/|_/|__/ \/
-      size exceptions */
-
-    @media only screen and (max-width: 30em) {}
-
-    @media only screen and (max-width: 52em) {
-      body > header {
-        height: 8em;
-        h1 {
-          text-indent: 1em; }
-        > article {
-          padding-left: 0em; }
-        nav#appnav {
-          margin-top: 4em;
-          width: 100%;
-          > ul {}
-          > ul > li {
-            width: 50%; } }
-        > article section:last-child {
-          padding-right: 0.25em;
-          a {
-            margin-right: 0em; } }
-        nav#appnav > ul > li:last-child ul {
-          margin-left: -0.5em !important;
-          ul {
-            margin-left: -30.5em !important;
-            max-width: 15em; } } }
-      header nav#appnav > ul > li {
-        padding: 0em;
-        > a {
-          padding-left: .5em;
-          padding-right: .5em; } }
-      @media only screen and (max-width: 49em) {
-        header nav#appnav > ul > li > a {}
-        body > header h1 {
-          text-indent: 0em; } }
-      @media only screen and (max-width: 44em) {
-        header nav#appnav {
-          min-width: 38em !important;
-          white-space: nowrap;
-          > ul > li > a {} } }
-      /* ==|== non-semantic helper classes ========================================
-         ,          _                     ___  _
-       /|   |     | |                   / (_)| |
-        |___|  _  | |   _   _   ,_     |     | |  __,   ,   ,   _   ,
-        |   |\|/  |/  |/ \_|/  /  |    |     |/  /  |  / \_/ \_|/  / \_
-        |   |/|__/|__/|__/ |__/   |_/   \___/|__/\_/|_/ \/  \/ |__/ \/
-                     /|
-                     \|
-
-      we should never use these, but we probably will someday
-         ========================================================================== */
-      .visuallyhidden {
-        border: 0;
-        clip: rect(0 0 0 0);
-        height: 1px;
-        margin: -1px;
-        overflow: hidden;
-        padding: 0;
-        position: absolute;
-        width: 1px;
-        &.focusable {
-          &:active, &:focus {
-            clip: auto;
-            height: auto;
-            margin: 0;
-            overflow: visible;
-            position: static;
-            width: auto; } } }
-      .invisible {
-        visibility: hidden; }
-      .clearfix {
-        &:before {
-          content: "";
-          display: table; }
-        &:after {
-          content: "";
-          display: table;
-          clear: both; }
-        *zoom: 1; }
-      // hackaroni
-      }
-  }
-}}
+        margin: 0em;
+        padding: .5em 2em;
+        border-radius: 0;
+        border-color: transparent !important;
+        box-shadow: none !important;
+        &:hover {
+          color: #FFF !important;
+          text-decoration: underline; } }
+      &:last-child a {
+        border-radius: 0em 0em .51em .51em; }
+      a:after {
+        content: none; } } } }
+
+/* Fix up footer */
+
+footer.standard {
+  div {
+    &.container {
+      background-color: transparent;
+      color: #333 !important;
+      text-align: center !important;
+      display: block;
+      width: 100%;
+      float: none !important;
+      position: relative; }
+    background-color: transparent;
+    color: #333 !important;
+    text-align: center !important;
+    display: block;
+    width: 100%;
+    float: none !important;
+    position: relative; }
+  background-color: transparent;
+  color: #333 !important;
+  text-align: center !important;
+  display: block;
+  width: 100%;
+  float: none !important;
+  position: relative; }
diff --git a/src/app/views/layouts/application.html.haml b/src/app/views/layouts/application.html.haml
index d748506..e97f85b 100644
--- a/src/app/views/layouts/application.html.haml
+++ b/src/app/views/layouts/application.html.haml
@@ -12,7 +12,6 @@
     = stylesheet_link_tag '/stylesheets/compiled/layout.css'
     = stylesheet_link_tag 'jquery.ui-1.8.1/jquery-ui-1.8.1.custom.css'
     = stylesheet_link_tag '/stylesheets/compiled/header.css'
-    = stylesheet_link_tag '/stylesheets/common-header.css'
     /[if lt IE 9]
       = javascript_include_tag 'http://html5shiv.googlecode.com/svn/trunk/html5.js'
     /[if lt IE 8]
diff --git a/src/public/stylesheets/common-header.css b/src/public/stylesheets/common-header.css
deleted file mode 100644
index e81dbba..0000000
--- a/src/public/stylesheets/common-header.css
+++ /dev/null
@@ -1,579 +0,0 @@
-/* @font-face setup */
-
- at font-face {
-  font-family: 'Overpass';
-  src: url("..fonts/overpass_regular-web.eot");
-  src: local("Overpass"), url("../fonts/overpass_regular-web.eot?#iefix") format("eot"), url("../fonts/overpass_regular-web.woff") format("woff"), url("../fonts/overpass_regular-web.ttf") format("truetype"), url("../fonts/overpass_regular-web.svg#webfontLTZe4IYH") format("svg");
-  font-weight: normal;
-  font-style: normal;
-}
-
- at font-face {
-  font-family: 'Overpass';
-  src: url("../fonts/overpass_bold-web.eot");
-  src: local("Overpass Bold"), local("Overpass-Bold"), url("../fonts/overpass_bold-web.eot?#iefix") format("eot"), url("../fonts/overpass_bold-web.woff") format("woff"), url("../fonts/overpass_bold-web.ttf") format("truetype"), url("../fonts/overpass_bold-web.svg#webfontzAU82Ltw") format("svg");
-  font-weight: bold;
-  font-style: normal;
-}
-
-
-
-/* Adapted normalization */
-
-
-
-.hidden {
-    display: none;
-}
-
-.shell-design section {
-    display: none;
-}
-.shell-design section.active {
-    display: block;
-}
-
-.shell-design article, .shell-design aside, .shell-design details, .shell-design figcaption, .shell-design figure, .shell-design footer, .shell-design header, .shell-design hgroup, .shell-design nav, .shell-design section {
-    display: block;
-}
-
-.shell-design a {
-    color: #36c;
-}
-.shell-design a:visited {
-    color: #36c;
-}
-.shell-design a:hover {
-    color: #000;
-}
-.shell-design a:focus {
-    outline: none;
-    box-shadow: 0 0  3px 3px #fa0;
-}
-
-.shell-design a:hover, .shell-design a:active {
-    outline: none;
-}
-
-.shell-design b, .shell-design strong {
-    font-weight: bold;
-}
-
-.shell-design img {
-  border: 0;
-  -ms-interpolation-mode: bicubic;
-  vertical-align: middle;
-}
-
-.shell-design svg:not(:root) {
-  overflow: hidden;
-}
-
-
-
-/* Some header-specific styling */
-
-
-
-header.shell-design {
-  background-color: #1a1f22;
-  position: relative;
-  color: #fff;
-  height: 6.25em;
-  border-bottom: .4em solid #060807;
-  border-top: .4em solid #060807;
-  box-shadow: inset 0em -0.1em #181c1e, inset 0px -2em 5em #101214;
-}
-
-header.shell-design h1 {
-  font-size: 1em;
-  text-transform: uppercase;
-  position: absolute;
-  top: .9em;
-  left: 0;
-  line-height: 1.5em;
-  text-indent: 2em;
-  color: #fff;
-}
-
-header.shell-design h1 em {
-  border-left: .1em solid #fff;
-  padding-left: .25em;
-  margin-left: .25em;
-  font-style: normal;
-}
-
-header.shell-design > article {
-	line-height: 2em;
-	position: relative;
-	padding: 0em;
-	padding-left: 20em;
-}
-
-/* Navigation */
-
-nav#appnav {
-  display: table;
-  font-weight: normal;
-  border: .2em solid #181c1e;
-  border-bottom: none transparent 0px;
-  margin-top: 2.25em;
-  border-radius: .25em .25em 0em 0em;
-  white-space: nowrap;
-}
-
-nav#appnav > ul > li > ul > li a {
-  color: #777;
-}
-
-nav#appnav > ul > li {
-  display: block;
-  vertical-align: top;
-  float: left;
-}
-
-nav#appnav > ul > li a {
-  display: block;
-  width: 100%;
-  text-decoration: none;
-  clear: both;
-  padding: 0em;
-  text-indent: 1.5em;
-  text-transform: capitalize;
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-nav#appnav > ul > li > a {
-  color: #bbb;
-  padding: .75em 1em;
-  text-align: center;
-  text-indent: 0em;
-  border-style: none solid;
-  border-width: 0px .1em;
-  border-color: transparent #181c1e;
-  background-color: #1f2123;
-  box-shadow: inset 0px -3.5em 2em -2em #15191b;
-}
-
-nav#appnav > ul > li > a:active {
-  color: #fff;
-  background-color: #4a4e50;
-}
-
-nav#appnav > ul {
-  display: table-row;
-}
-
-nav#appnav > ul > li > a:hover {
-  /*box-shadow*/
-  -webkit-box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.32);
-  -moz-box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.32);
-  box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.32);
-  cursor: pointer;
-}
-
-nav#appnav > ul > li {
-  position: relative;
-}
-
-nav#appnav > ul > li > a:focus, nav#appnav > ul > li > a:active {
-  box-shadow: inset 0px -4em 3em -2em rgba(0, 0, 0, 0.4);
-}
-
-nav#appnav > ul > li:hover > a {
-  box-shadow: inset 0px -4em 3em -2em rgba(0, 0, 0, 0.4);
-}
-
-nav#appnav > ul > li:hover li:hover > a {
-  background-color: #4a4e50;
-  color: #fff;
-}
-
-nav#appnav > ul > li:hover > a {
-  background-color: #4a4e50;
-  color: #fff;
-}
-
-nav#appnav > ul > li a:hover, nav#appnav > ul > li a:focus {
-  background-color: #4a4e50;
-  color: #fff;
-}
-
-nav#appnav > ul > li:first-child > a {
-  /*border-radius*/
-  -webkit-border-radius: .225em 0em 0em 0em;
-  -moz-border-radius: .225em 0em 0em 0em;
-  border-radius: .225em 0em 0em 0em;
-  border-left: 0px transparent none;
-}
-
-nav#appnav > ul > li:last-child > a {
-  /*border-radius*/
-  -webkit-border-radius: 0em .225em   0em 0em;
-  -moz-border-radius: 0em .225em  0em 0em;
-  border-radius: 0em .225em  0em 0em;
-  border-right: 0px transparent none;
-}
-
-nav#appnav > ul > li > ul > li:last-child > a {
-  /*border-radius*/
-  -webkit-border-radius: 0em 0em .25em .25em;
-  -moz-border-radius: 0em 0em .25em .25em;
-  border-radius: 0em 0em .25em .25em;
-}
-
-nav#appnav ul a:after {
-  z-index: 3;
-  content: "";
-  width: 100%;
-  height: 50%;
-  top: 0;
-  left: 0;
-  right: 0;
-  display: block;
-  position: absolute;
-}
-
-nav#appnav > ul > li a:focus ~ ul, nav#appnav > ul > li:hover ul {
-  background-color: white;
-  /*box-shadow*/
-  -webkit-box-shadow: 0em 0.025em 0.5em rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 0em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-  box-shadow: 0em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-  /*border-radius*/
-  -webkit-border-radius: 0em 0em .25em .25em;
-  -moz-border-radius: 0em 0em .25em .25em;
-  border-radius: 0em 0em .25em .25em;
-  display: block;
-  width: 100%;
-  top: 0em;
-  left: 0;
-}
-
-/* I'm doubtful that this actually matches anythign */
-.no-boxshadow header nav#appnav > ul > li:hover ul {
-  border: 1px solid #ccc;
-  margin: -0.1px;
-}
-
-header nav#appnav > ul > li > ul > li:hover {
-  position: relative;
-}
-
-header nav#appnav > ul > li:hover > ul > li > ul {
-  position: absolute;
-  box-shadow: none;
-  background-color: transparent;
-  top: 0em;
-  left: 100%;
-  padding-top: 0em;
-}
-
-header nav#appnav > ul > li:hover > ul > li > ul > li {
-  display: none;
-}
-
-header nav#appnav > ul > li a:focus ~ ul, header nav#appnav > ul > li:hover > ul {
-  z-index: 1;
-  padding-top: 1em;
-  display: block;
-  position: absolute;
-  top: 3.5em;
-  opacity: 1;
-}
-
-header nav#appnav > ul > li a:focus ~ li ul li, header nav#appnav > ul > li:hover > ul > li:hover > ul > li {
-  display: block;
-}
-
-header nav#appnav > ul > li a:focus ~ li ul, header nav#appnav > ul > li:hover > ul > li:hover ul {
-  /*box-shadow*/
-  -webkit-box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-  -moz-box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-  box-shadow: 0.025em 0.025em 0.51em rgba(0, 0, 0, 0.5);
-  /*border-radius*/
-  -webkit-border-radius: 0em .25em .25em 0em;
-  -moz-border-radius: 0em .25em .25em 0em;
-  border-radius: 0em .25em .25em 0em;
-  background-color: white;
-  z-index: 1;
-  opacity: 1;
-}
-
-/*
- header nav#appnav > ul > li > ul > li
-*/
-
-header nav#appnav > ul > li > ul > li > ul li:first-child a {
-	/*border-radius*/
-	-webkit-border-radius: .0em .25em 0em 0em;
-	-moz-border-radius: .0em .25em 0em 0em;
-	border-radius: .0em .25em 0em 0em;
-}
-
-header nav#appnav > ul > li > ul > li > ul li:last-child a {
-  /*border-radius*/
-  -webkit-border-radius: 0em 0em .25em .0em;
-  -moz-border-radius: 0em 0em .25em .0em;
-  border-radius: 0em 0em .25em .0em;
-}
-
-header nav#appnav > ul > li > ul > li > ul li:first-child:hover a:after {
-  z-index: 9;
-  display: block;
-  position: absolute;
-  top: .5em;
-  left: 0em;
-  content: "";
-  height: 0;
-  width: 0;
-  border-width: .5em 0em  .5em .5em;
-  border-style: solid none solid solid;
-  border-color: transparent  transparent transparent #fff;
-}
-
-header nav#appnav > ul > li > ul > li ul:before {
-  z-index: 2;
-  display: block;
-  position: absolute;
-  top: 0em;
-  left: -0.14em;
-  content: "";
-  height: 0;
-  width: 0;
-  border-width: 1em 0em  1em 1em;
-  border-style: solid none solid solid;
-  border-color: transparent  transparent transparent transparent;
-}
-
-header nav#appnav > ul > li > ul > li ul:after {
-  z-index: 1;
-  display: block;
-  position: absolute;
-  top: .5em;
-  left: -1em;
-  content: "";
-  height: 0;
-  width: 0;
-  opacity: 1;
-  z-index: 2;
-  border-width: .5em 0em  .5em .5em;
-  border-style: solid none solid solid;
-  border-color: transparent  transparent transparent #ccc;
-}
-
-header nav#appnav > ul > li > ul > li a:hover ~ ul:before, header nav#appnav > ul > li > ul > li:hover ul:before {
-  top: 0em;
-  border: solid 1em #4a4e50;
-  left: -1.98em;
-}
-
-header nav#appnav > ul > li > ul > li a:hover ~ ul:after, header nav#appnav > ul > li > ul > li:hover ul:after {
-  top: 0em;
-  border-color: transparent  transparent transparent #4a4e50;
-  left: 0em;
-  content: "";
-  height: 0;
-  width: 0;
-  border-width: 1em 0em  1em 1em;
-  border-style: solid  none solid solid;
-}
-
-/* The below is good */
-
-header nav#appnav > ul > li > ul {
-  position: absolute;
-  left: 0;
-  display: none;
-  line-height: 2em !important;
-  min-width: 16em;
-  max-width: 22em;
-}
-
-header nav#appnav > ul > li {
-  position: relative;
-}
-
-header nav#appnav > ul > li > a.active {
-  position: relative;
-}
-
-header nav#appnav > ul > li > a.active:after {
-  z-index: 9;
-  position: absolute;
-  top: 3.1em;
-  left: 50%;
-  margin-left: -0.55em;
-  display: block;
-  content: "";
-  width: 0;
-  height: 0;
-  border-width: 0em .55em .55em  .55em;
-  border-style: none solid solid  solid;
-  border-color: transparent transparent #fff transparent;
-}
-
-
-
-/* Some new stuff */
-
-header.shell-design > article section:last-child {
-	text-align: right;
-	position: absolute;
-	top: -1.75em;
-	right: 0em;
-	margin: 0 auto;
-	display: block;
-}
-
-header.shell-design > article section:last-child a {
-  border: 0.1em solid rgba(255, 255, 255, 0.12);
-  color: #ccc !important;
-  border-radius: 0em 0em .5em .5em;
-  color: #fff;
-  text-decoration: none;
-  background-color: #181c1e;
-  box-shadow: inset 0px 1.5em 1em -1em rgba(222, 222, 255, 0.1);
-  display: inline-block;
-  padding: .1em 1em;
-  position: relative;
-  margin: 1.25em .1em;
-}
-
-header.shell-design > article section:last-child a:last-child {
-  padding-right: 2em;
-}
-
-header.shell-design > article section:last-child a:last-child:after {
-  content: "";
-  display: block;
-  height: 0px;
-  width: 0px;
-  position: absolute;
-  top: .75em;
-  right: .5em;
-  border-style: solid solid none solid;
-  border-width: .5em .5em 0em .5em;
-  border-color: #666 transparent transparent;
-}
-
-header.shell-design > article section:last-child a:first-child {
-  padding-left: 3em;
-}
-
-header.shell-design > article section:last-child a:first-child:after {
-  /*content: "!";*/
-  color: #2e4e66;
-  text-align: center;
-  background-color: #ccc !important;
-  width: 1em;
-  height: 1em;
-  border-radius: 50%;
-  position: absolute;
-  top: .25em;
-  left: .5em;
-  line-height: 1em;
-  font-size: 1.5em;
-  display: block;
-  background-color: transparent;
-  z-index: 2;
-}
-
-
-
-
-
-/* Is this legit? */
-.shell-design * {
-  /*
-    this is life saving but locks us into > ie8 will consider this polyfil for lt-ie8
-    https://github.com/Schepp/box-sizing-polyfill
-  */
-  -moz-box-sizing: border-box !important;
-  -webkit-box-sizing: border-box !important;
-  box-sizing: border-box !important;
-  background-repeat: no-repeat;
-  vertical-align: middle;
-  font-family: overpass;
-}
-
-.shell-design a:hover, .shell-design a:focus, .shell-design a:active {
-  color: #fa0;
-}
-
-.shell-design a:focus {
-  outline: none !important;
-}
-
-
-.shell-design a:link {
-  color: #36c;
-}
-
-
-
-/* Wait, do we actually want this? */
-.shell-design article:before {
-  content: "";
-  display: table;
-}
-.shell-design article:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-
-
-/* Fix up the user dropdown menu  */
-
-body #primary-container #content{/*box-shadow*/
--webkit-box-shadow:0px .5em 3em #777 !important;
-   -moz-box-shadow:0px .5em 3em #777 !important;
-        box-shadow:0px .5em 3em #777 !important;
-}
-
-body.administer nav#administer_nav{
-/*box-shadow*/
--webkit-box-shadow:inset 0em -1em 2em rgba(0, 0, 0, 0.05), 1px 1px 0px #ccc, -1px 1px 0px #ccc !important;
-   -moz-box-shadow:inset 0em -1em 2em rgba(0, 0, 0, 0.05), 1px 1px 0px #ccc, -1px 1px 0px #ccc !important;
-        box-shadow:inset 0em -1em 2em rgba(0, 0, 0, 0.05), 1px 1px 0px #ccc, -1px 1px 0px #ccc !important;
-}
-
-
-
-section#usermenu{background-image: none !important; position:absolute; left:80.5%; background-color: transparent !important; border-color: transparent;  border-radius: 0 !important; width:
-20%; z-index:9999  }
-section#usermenu > a{background-image: none !important; background-color: transparent; color: #fff !important; width: 100%; }
-
-
-
-section#usermenu  > ul{display:none;border: none; background-color: transparent !important;  padding:0em; margin: 0em; top: 4em; float:left; position: absolute; z-index:9999; width: 100%;}
-section#usermenu  > ul:before{display:none; content:none}
-section#usermenu:hover  > ul{display:block; border-color: transparent !important; background-image: none !important;  box-shadow: none !important; }
-
-section#usermenu > ul > li{padding:0em; margin:0em; border-color: transparent !important; background-image: none !important; box-shadow: none !important; }
-section#usermenu > ul  li a{padding:0em; margin:0em; padding: .5em 2em; border-radius: 0; border-color: transparent !important;box-shadow: none !important; }
-
-section#usermenu > ul  li a:hover{color:#FFF !important; text-decoration: underline;}
-section#usermenu > ul  li:last-child a{border-radius: 0em 0em .51em .51em}
-section#usermenu > ul  li a:after{content:none;}
-
-
-/* Fix up footer */
-footer.standard div.container, footer.standard , footer.standard div{ background-color:transparent;  color:#333 !important; text-align:center !important; display:block; width: 100%;
-float:none !important; position:relative; }
-
-/* The navigation dropdown shouldn't be black-on-black */
-#usermenu > a:after{content:""; border-radius:0; height:0; width:0; left:85%; position:absolute;  border-width: .35em .35em 0em .35em; top:.5em; background-color:transparent !important;;
-border-color: white transparent transparent transparent ; border-style:solid solid none solid; }
-#usermenu > a{padding-right:3em;}
-#usermenu:hover > ul li a{ display:block;background-color: white; text-align:left;}
-#usermenu ul {display:block !important; opacity:0; -webkit-transition:all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
-#usermenu:hover > ul  {opacity:1 !important;}
-#usermenu:hover > ul li{background-color: white; border-radius:0em ; }
-#usermenu:hover > ul li a:hover{color:#000 !important; ;}
-#usermenu > ul li{ display:block; ; min-height: 3em; margin:0em;  padding:0em}
-#usermenu:hover ul li{box-shadow: 0px 1em 2em  rgba(0,0,0,0.2)!important;  min-height:4em; min-width: 10em;}
-- 
1.7.7.6




More information about the aeolus-devel mailing list