Difference between revisions of "Template:BIOSINT Mexico"

Line 71: Line 71:
 
color: #2ebaae !important;
 
color: #2ebaae !important;
 
}
 
}
−
 
+
−
/* ------------------------------------------ HERE ---------------------------------------*/
+
−
 
+
−
 
+
−
 
+
−
 
+
 
strong, b {
 
strong, b {
 
color: #3c3b3b;
 
color: #3c3b3b;
Line 629: Line 624:
  
 
/* --Menu */
 
/* --Menu */
−
 
+
#menu {
−
+
-moz-transform: translateX(25em);
−
ul, ol {
+
-webkit-transform: translateX(25em);
−
list-style:none;
+
-ms-transform: translateX(25em);
−
}
+
transform: translateX(25em);
−
.nav li a {
+
-moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
−
padding:0px 12px;
+
-webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
−
display:block;
+
-ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
−
}
+
transition: transform 0.5s ease, visibility 0.5s;
−
+
-webkit-overflow-scrolling: touch;
−
.nav li a:hover {
+
background: #ffffff;
−
}
+
border-left: solid 1px rgba(160, 160, 160, 0.3);
−
+
box-shadow: none;
−
.nav li ul {
+
height: 100%;
−
display:none;
+
max-width: 80%;
−
position:absolute;
+
overflow-y: auto;
−
}
+
position: fixed;
−
+
right: 0;
−
.nav li:hover > ul {
+
top: 0;
−
background-color:#4E4444;
+
visibility: hidden;
−
display:block;
+
width: 25em;
−
}
+
z-index: 10002;
−
+
−
.nav li ul li {
+
−
position:relative;
+
−
 
+
 
}
 
}
 +
 +
#menu > * {
 +
border-top: solid 1px rgba(160, 160, 160, 0.3);
 +
padding: 3em;
 +
}
 +
 +
#menu > * > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 +
#menu > :first-child {
 +
border-top: 0;
 +
}
 +
 +
#menu .links {
 +
list-style: none;
 +
padding: 0;
 +
}
 +
 +
#menu .links > li {
 +
border: 0;
 +
border-top: dotted 1px rgba(160, 160, 160, 0.3);
 +
margin: 1.5em 0 0 0;
 +
padding: 1.5em 0 0 0;
 +
}
 +
 +
#menu .links > li a {
 +
display: block;
 +
border-bottom: 0;
 +
}
 +
 +
#menu .links > li a h3 {
 +
-moz-transition: color 0.2s ease;
 +
-webkit-transition: color 0.2s ease;
 +
-ms-transition: color 0.2s ease;
 +
transition: color 0.2s ease;
 +
font-size: 0.7em;
 +
}
 +
 +
#menu .links > li a p {
 +
font-family: "Raleway", Helvetica, sans-serif;
 +
font-size: 0.6em;
 +
font-weight: 400;
 +
letter-spacing: 0.25em;
 +
margin-bottom: 0;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
 +
#menu .links > li a:hover h3 {
 +
color: #2ebaae;
 +
}
 +
 +
#menu .links > li:first-child {
 +
border-top: 0;
 +
margin-top: 0;
 +
padding-top: 0;
 +
}
 +
 +
body.is-menu-visible #menu {
 +
-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);
 +
visibility: visible;
 +
}
 +
 +
@media screen and (max-width: 736px) {
 +
 +
#menu > * {
 +
padding: 1.5em;
 +
}
 +
 +
}
  
  

Revision as of 11:36, 19 October 2016