Difference between revisions of "Template:NTNU Trondheim/CSS/menu"

 
Line 52: Line 52:
 
     border-right: 1px solid #080808;
 
     border-right: 1px solid #080808;
 
     color: #ffffff;
 
     color: #ffffff;
−
     padding: 12px 20px;
+
     padding: 11px 20px;
 
}
 
}
  
Line 60: Line 60:
 
     border-right: 1px solid;
 
     border-right: 1px solid;
 
     top: -1px;
 
     top: -1px;
−
    bottom: -1px;
 
 
     right: -2px;
 
     right: -2px;
 
     z-index: 99;
 
     z-index: 99;
Line 106: Line 105:
 
     width: auto;
 
     width: auto;
 
     position: absolute;
 
     position: absolute;
−
     top: 38px;
+
     top: 37px;
 
     background: #3f3f3f;
 
     background: #3f3f3f;
 
     border-radius: 0 0 5px 5px;
 
     border-radius: 0 0 5px 5px;

Latest revision as of 01:35, 2 November 2017

  1. menu{
   position: fixed;
   z-index: 9999;
   top: 18px;
   width:inherit;
   align-content: right;

}

  1. cssmenu,
  2. cssmenu ul,
  3. cssmenu li,
  4. cssmenu a,
  5. cssmenu div{
   border: none;
   line-height: 1;
   margin: 0;
   padding: 0;

}

  1. cssmenu {
   height: 37px;
   display: block;
   width: auto;
   margin: 0;
   padding: 0;

}

  1. cssmenu > ul {
   list-style: inside none;
   margin: 0;
   padding: 0;

}

  1. cssmenu > ul > li {
   list-style: inside none;
   float: right;
   display: inline-block;
   position: relative;
   margin: 0;
   padding: 0;

}

  1. cssmenu > ul > li > a,
  2. cssmenu > ul > li > div {
   outline: none;
   display: block;
   position: relative;
   text-align: center;
   text-decoration: none;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
   font-weight: 700;
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif;
   border-right: 1px solid #080808;
   color: #ffffff;
   padding: 11px 20px;

}

  1. cssmenu > ul > li > a:after {
   content: "";
   position: absolute;
   border-right: 1px solid;
   top: -1px;
   right: -2px;
   z-index: 99;
   border-color: #101417;

}

  1. cssmenu ul li.has-sub:hover > div:after {
   top: 0;
   bottom: 0;

}

  1. cssmenu > ul > li.has-sub > div:before {
   content: "";
   position: absolute;
   top: 18px;
   right: 6px;
   border: 5px solid transparent;
   border-top: 5px solid #ffffff;

}

  1. cssmenu > ul > li.has-sub:hover > div:before {
   top: 20px;

}

  1. cssmenu > ul > li.has-sub:hover > div {
   padding-bottom: 14px;
   z-index: 999;
   border-color: #3f3f3f;

}

  1. cssmenu ul li.has-sub:hover > ul {
   display: block;

}

  1. cssmenu > ul > li > a:hover,
  2. cssmenu > ul > li > div:hover,
  3. cssmenu > ul > li:hover > a,
  4. cssmenu > ul > li:hover > div {
   background: #3f3f3f;
   border-color: #3f3f3f;

}

  1. cssmenu ul li > ul {
   display: none;
   width: auto;
   position: absolute;
   top: 37px;
   background: #3f3f3f;
   border-radius: 0 0 5px 5px;
   z-index: 999;
   padding: 10px 0;

}

  1. cssmenu ul li > ul {
   width: 150px;  /* Width of submenu fields*/

}

  1. cssmenu ul li > ul li {
   display: block;
   list-style: inside none;
   position: relative;
   margin: 0;
   padding: 0;

}

  1. cssmenu ul li > ul li a {
   outline: none;
   display: block;
   position: relative;
   font: 10pt Arial, Helvetica, sans-serif;
   color: #ffffff;
   text-decoration: none;
   text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
   margin: 0;
   padding: 8px 20px;

}

  1. cssmenu,
  2. cssmenu ul ul > li:hover > a,
  3. cssmenu ul ul li a:hover {
   background: #101417;

}

  1. cssmenu ul ul a:hover {
   color: #ffffff;

}

  1. cssmenu > ul > li.has-sub > div:hover:before {
   border-top: 5px solid #ffffff;

}

.active{ 

   background: #3f3f3f;

}