Difference between revisions of "Template:SMMU-China/CSS main"

Line 95: Line 95:
 
font-weight: 900;
 
font-weight: 900;
 
}
 
}
−
 
−
#header.reveal {
 
−
-moz-animation: reveal-header 0.5s;
 
−
-webkit-animation: reveal-header 0.5s;
 
−
-ms-animation: reveal-header 0.5s;
 
−
animation: reveal-header 0.5s;
 
−
}
 
−
 
−
#header.alt {
 
−
-moz-animation: none;
 
−
-webkit-animation: none;
 
−
-ms-animation: none;
 
−
animation: none;
 
−
background: transparent;
 
−
box-shadow: none;
 
−
color: #fff;
 
−
padding: 2em 2.5em;
 
−
position: absolute;
 
−
}
 
−
 
−
#header.alt nav {
 
−
right: 2.5em;
 
−
top: 1.75em;
 
−
}
 
−
 
−
#header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
 
−
border: solid 1px;
 
−
}
 
−
 
  
 
.big_framework {
 
.big_framework {

Revision as of 14:49, 8 July 2019

/* Header */

#header { background: #fff; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075); color: inherit; cursor: default; font-size: 0.8em; left: 0; padding: 1em 1.5em; position: fixed; top: 0; width: 100%; z-index: 10000; }

#header h1 { font-weight: 900; margin: 0; }

#header h1 span { font-weight: 300; }

#header nav { letter-spacing: 0.075em; position: absolute; right: 1.5em; text-transform: uppercase; top: 0.75em; }

#header nav ul { list-style: none; padding-left: 0; }

#header nav ul li { display: inline-block; margin-left: 1.5em; padding-left: 0; }

#header nav ul li > ul { display: none; }

#header nav ul li a { border: solid 1px transparent; color: inherit; display: inline-block; line-height: 1em; padding: 0.6em 0.75em; text-decoration: none; }

#header nav ul li input[type="button"], #header nav ul li input[type="submit"], #header nav ul li input[type="reset"], #header nav ul li button, #header nav ul li .button { font-size: 1em; min-width: 0; width: auto; }

#header nav ul li.submenu > a { text-decoration: none; }

#header nav ul li.submenu > a:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }

#header nav ul li.submenu > a:before { content: '\f107'; margin-right: 0.65em; }

#header nav ul li.active > a, #header nav ul li:hover > a { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: rgba(188, 202, 206, 0.15); }

#header nav ul li.current > a { font-weight: 900; }

.big_framework { background-color:white; display:block; width: 100%; }

.big_framework .medium_framework { margin:auto; max-width: 1400px; width:90%; }