Difference between revisions of "Template:TecMonterrey GDA/Header"

Line 99: Line 99:
 
.menu-wrapper .navigation{
 
.menu-wrapper .navigation{
 
width:53.75em;
 
width:53.75em;
padding:0;
 
 
display:inline-block;
 
display:inline-block;
 
vertical-align:bottom
 
vertical-align:bottom
Line 105: Line 104:
 
.menu-wrapper .navigation, .menu-wrapper .navigation ul {
 
.menu-wrapper .navigation, .menu-wrapper .navigation ul {
 
list-style:none;
 
list-style:none;
margin:0
+
margin:0;
 +
padding:0;
 
}
 
}
 
.menu-wrapper .navigation ul {
 
.menu-wrapper .navigation ul {
display:none
+
display:none;
 +
position:absolute;left:-.125em;
 +
border:0.125em solid #660d05;
 +
background:white
 
}
 
}
 
.menu-wrapper .navigation > li {
 
.menu-wrapper .navigation > li {
 
display:inline-block;
 
display:inline-block;
width:10.75em;
+
border:0.125em solid white;
 +
width:10.5em;
 
text-align:center;
 
text-align:center;
 +
position:relative;
 
}
 
}
 
.menu-wrapper .navigation > li a {
 
.menu-wrapper .navigation > li a {
 
display:inline-block;
 
display:inline-block;
position:relative;
 
border:2px solid white;
 
 
padding:1em;
 
padding:1em;
 
width:8.5em;
 
width:8.5em;
 
text-align:center
 
text-align:center
 
}
 
}
.menu-wrapper .navigation > li a:hover {
+
.menu-wrapper .navigation li:hover {
 
border-color:#660d05;
 
border-color:#660d05;
 
background:rgba(102, 13, 5, 0.2);
 
background:rgba(102, 13, 5, 0.2);
 
}
 
}
.menu-wrapper .navigation > li a:hover::before {
+
.menu-wrapper .navigation > li:hover::before {
 
display:block;
 
display:block;
 
position:absolute;top:-2.125em;left:3.75em;
 
position:absolute;top:-2.125em;left:3.75em;
Line 134: Line 137:
 
background-size:contain;
 
background-size:contain;
 
content:" "
 
content:" "
 +
}
 +
.menu-wrapper .navigation > li:hover ul {
 +
display:block
 
}
 
}
 
.menu-wrapper .navigation a {
 
.menu-wrapper .navigation a {
Line 144: Line 150:
 
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3 {
 
.content-wrapper h1, .content-wrapper h2, .content-wrapper h3 {
 
font-family:'Amaranth', sans-serif;
 
font-family:'Amaranth', sans-serif;
color:#027475
+
color:#027475;
 +
border:none
 
}
 
}
 
.content-wrapper article {
 
.content-wrapper article {

Revision as of 07:01, 30 June 2017