Template:NTNU Trondheim/Notebook/css/foundation

.column, .columns {

   float: left;
   padding: 0 5px;

}

.row .two {

   width: 16.66667%;

}

/* Nicolas Gallagher's micro clearfix */ .row {

   *zoom: 1;

}

.row:before, .row:after {

   content: "";
   display: table;

}

.row:after {

   clear: both;

}

/* Requires globals.css */ .nav-bar {

   height: 40px;
   background: #4d4d4d;
   margin-top: 20px;
   padding: 0;

}

.nav-bar > li {

   float: left;
   display: block;
   position: relative;
   padding: 0;
   margin: 0;
   border: 1px solid #333333;
   border-right: none;
   line-height: 38px;
   -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
   -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
   box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;

}

.nav-bar > li:first-child {

   -webkit-box-shadow: 0 0 0;
   -moz-box-shadow: 0 0 0;
   box-shadow: 0 0 0;

}

.nav-bar > li:last-child {

   border-right: solid 1px #333333;
   -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
   -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
   box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);

}

.nav-bar > li.active {

   background: #2ba6cb;
   border-color: #2284a1;

}

.nav-bar > li.active > a {

   color: white;
   cursor: default;

}

.nav-bar > li.active:hover {

   background: #2ba6cb;
   cursor: default;

}

.nav-bar > li:hover {

   background: #333333;

}

.nav-bar > li > a {

   color: #e6e6e6;

}

.nav-bar > li ul {

   margin-bottom: 0;

}

.nav-bar > li .flyout {

   display: none;

}

.nav-bar > li.has-flyout > a:first-child {

   padding-right: 36px;
   position: relative;

}

.nav-bar > li.has-flyout > a:first-child:after {

   content: "";
   display: block;
   width: 0;
   height: 0;
   border: solid 4px;
   border-color: #e6e6e6 transparent transparent transparent;
   position: absolute;
   right: 20px;
   top: 17px;

}

.nav-bar > li.has-flyout > a.flyout-toggle {

   border-left: 0 !important;
   position: absolute;
   right: 0;
   top: 0;
   padding: 22px;
   z-index: 2;
   display: block;

}

.nav-bar > li.has-flyout.is-touch > a:first-child {

   padding-right: 55px;

}

.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {

   border-left: 1px dashed #666;

}

.nav-bar > li > a:first-child {

   position: relative;
   padding: 0 20px;
   display: block;
   text-decoration: none;
   font-size: 14px;

}

.nav-bar > li > input {

   margin: 0 10px;

}

.nav-bar.vertical {

   height: auto;
   margin-top: 0;

}

.nav-bar.vertical > li {

   float: none;
   border-bottom: none;

}

.nav-bar.vertical > li.has-flyout > a:first-child:after {

   content: "";
   display: block;
   width: 0;
   height: 0;
   border: solid 4px;
   border-color: transparent transparent transparent #e6e6e6;

}

.nav-bar.vertical > li .flyout {

   left: 100%;
   top: -1px;

}

.nav-bar.vertical > li .flyout.right {

   left: auto;
   right: 100%;

}

/* Side Nav ---------------------- */ ul.side-nav {

   display: block;
   list-style: none;
   margin: 0;
   padding: 17px 0;

}

ul.side-nav li {

   display: block;
   list-style: none;
   margin: 0 0 7px 0;

}

ul.side-nav li a {

   display: block;

}

ul.side-nav li.active a {

   color: #4d4d4d;
   font-weight: bold;

}

ul.side-nav li.inactive a {

   color: #b31b1b;
   font-weight: normal;

}

ul.side-nav li.divider {

   border-top: 1px solid #e6e6e6;
   height: 0;
   padding: 0;

}