Difference between revisions of "Template:Digital Talent Nav"

From wiki
Jump to navigation Jump to search
Line 6: Line 6:
 
}
 
}
  
.menubar
+
.menubar {
{
+
  background-color:#3D3D3D;
background-color:#3D3D3D;
+
  height: auto;
height: 50px;
+
  padding: 0;
padding: 0;
+
  margin: 0;
margin: 0;
+
  font-family: "Open Sans",sans-serif;
        font-family: "Open Sans",sans-serif;
+
  font-style: normal;
font-style: normal;
+
  font-weight: 200;
font-weight: 200;
 
  
 
}
 
}
  
.menubar ul
+
.menubar ul {
{
+
  list-style-type: none;
 
+
  margin: 0;
  list-style-type: none;
+
  padding: 0;
  margin: 0;
+
  overflow: hidden;
  padding: 0;
+
  width: 100%;
  overflow: hidden;
 
 
 
width: 900px;
 
 
}
 
}
  
.menubar li
+
.menubar li {
{
+
  display: inline-block;
  display: block;
+
  color: #FFFFFF;
  color: #FFFFFF;
+
  text-align: center;
  text-align: center;
+
  padding: 15px 15px 12px;
  padding: 15px 15px 12px;
+
  text-decoration: none;
  text-decoration: none;
 
float: left;
 
 
}
 
}
  
.menubar li:hover
+
.menubar li:hover {
{
+
  background: #000000;
background: #000000;
 
 
}
 
}
  
 
.menubar li:focus
 
.menubar li:focus
 
{
 
{
background: #000000;
+
  background: #000000;
 
}
 
}
  
.menubar li a
+
.menubar li a {
{
+
  color: white;
color: white;
 
 
}
 
}
 
.menubar li a:hover:not(.active) {
 
.menubar li a:hover:not(.active) {
  color: #FFFFFF;
+
  color: #FFFFFF;
 
}
 
}
  
Line 61: Line 53:
 
}
 
}
  
.rainbow_bar
+
.rainbow_bar {
{
+
  height: 20px;
height: 20px;
+
  background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
background: linear-gradient(90deg,#ffad31,#52c765,#27c9bc,#ff5958);
 
 
}
 
}
  
@media (min-width: 100px) and (max-width: 950px) {
 
 
.menubar ul
 
{
 
width: 100%;
 
}
 
 
.menubar li
 
{
 
  display: block;
 
float: none;
 
}
 
.menubar
 
{ height: auto; }
 
}
 
 
}}
 
}}
 
<div class="menubar">
 
<div class="menubar">

Revision as of 09:53, 20 January 2023