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

(Replaced content with ".igem_2019_team_content { background-color:white; display:block; width: 100%; } .igem_2019_team_content .igem_2019_team_column_wrapper { margin:auto; max-width...")
Line 1: Line 1:
−
.igem_2019_team_content {
+
/* Header */
 +
 
 +
@-moz-keyframes reveal-header {
 +
0% {
 +
top: -5em;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
}
 +
}
 +
 
 +
@-webkit-keyframes reveal-header {
 +
0% {
 +
top: -5em;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
}
 +
}
 +
 
 +
@-ms-keyframes reveal-header {
 +
0% {
 +
top: -5em;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
}
 +
}
 +
 
 +
@keyframes reveal-header {
 +
0% {
 +
top: -5em;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
}
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#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 {
 
background-color:white;  
 
background-color:white;  
 
display:block;
 
display:block;
Line 5: Line 171:
 
}
 
}
  
−
.igem_2019_team_content .igem_2019_team_column_wrapper {
+
.big_framework .medium_framework {
 
margin:auto;
 
margin:auto;
 
max-width: 1400px;
 
max-width: 1400px;
 
width:90%;
 
width:90%;
 
}
 
}

Revision as of 14:37, 8 July 2019

/* Header */

@-moz-keyframes reveal-header { 0% { top: -5em; }

100% { top: 0; } }

@-webkit-keyframes reveal-header { 0% { top: -5em; }

100% { top: 0; } }

@-ms-keyframes reveal-header { 0% { top: -5em; }

100% { top: 0; } }

@keyframes reveal-header { 0% { top: -5em; }

100% { top: 0; } }

#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; }

#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 { background-color:white; display:block; width: 100%; }

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