Difference between revisions of "Template:ShanghaiFLS China/style bg collab.css"

(Created page with "<html> <style> html { scroll-behavior: smooth; } body{ padding:0; margin:0; background:#fff; position:relative; font-family: 'Lato', sans-serif; } body a{ transit...")
 
 
(4 intermediate revisions by the same user not shown)
Line 132: Line 132:
 
color: #30c39e;
 
color: #30c39e;
 
}
 
}
#menu li.active  a{  
+
.menu li.active  a{  
 
color: #30c39e;
 
color: #30c39e;
 
}
 
}
Line 201: Line 201:
 
/* Also hide the  */
 
/* Also hide the  */
 
.toggle + a,
 
.toggle + a,
#menu {
+
.menu {
 
display: none;
 
display: none;
 
}
 
}
Line 216: Line 216:
 
color: #fff;
 
color: #fff;
 
}
 
}
#menu .toggle {
+
.menu .toggle {
 
float: none;
 
float: none;
 
text-align: center;
 
text-align: center;
Line 380: Line 380:
 
/*-- banner --*/
 
/*-- banner --*/
 
.banner{
 
.banner{
background:url(https://static.igem.org/mediawiki/2019/a/a5/T--ShanghaiFLS_China--collaborations_BG.png) no-repeat center;
+
background:url(https://static.igem.org/mediawiki/2019/c/cd/T--ShanghaiFLS_China--collaborations_BG_modified.jpg) no-repeat center;
 
background-size:cover;
 
background-size:cover;
 
-webkit-background-size:cover;
 
-webkit-background-size:cover;
Line 386: Line 386:
 
-o-background-size:cover;
 
-o-background-size:cover;
 
-ms-background-size:cover;
 
-ms-background-size:cover;
     min-height: 660px;
+
     min-height: 640px;
 
}
 
}
 
.banner-layer {
 
.banner-layer {
     background: url(https://static.igem.org/mediawiki/2019/a/a5/T--ShanghaiFLS_China--collaborations_BG.png)repeat;
+
     background: url(https://static.igem.org/mediawiki/2019/c/cd/T--ShanghaiFLS_China--collaborations_BG_modified.jpg)repeat;
 
     background: rgba(0, 0, 0, 0.5);
 
     background: rgba(0, 0, 0, 0.5);
     min-height: 660px;
+
     min-height: 640px;
 
}
 
}
 
.w3layouts_banner_margin {
 
.w3layouts_banner_margin {
Line 473: Line 473:
 
color:#fff;
 
color:#fff;
 
}
 
}
.skills p{
+
.about-grids a {
color:#fff;
+
    color: #666;
 +
    line-height: 30px;
 +
    letter-spacing: .5px;
 +
    font-size: 15px;
 +
}
 +
.about-grids a:hover {
 +
    color: #007bff;
 +
    line-height: 30px;
 +
    letter-spacing: .5px;
 +
    font-size: 15px;
 
}
 
}
 
.w3layouts_skills_grids{
 
.w3layouts_skills_grids{
Line 513: Line 522:
 
.bargrids-left {
 
.bargrids-left {
 
     margin-right: 40px;
 
     margin-right: 40px;
}
 
.about-grids a {
 
    padding: 11px 35px;
 
    color: #fff;
 
    background: #0a8ea0;
 
    border: 2px solid #0a8ea0;
 
    font-weight: 500;
 
    font-size: 15px;
 
    letter-spacing: 1px;
 
    display: inline-block;
 
    border-radius: 4px;
 
    -webkit-border-radius: 4px;
 
    -moz-border-radius: 4px;
 
    -o-border-radius: 4px;
 
    -ms-border-radius: 4px;
 
margin-right:2px;
 
}
 
.about-grids a:hover {
 
color: #333;
 
background: none;
 
border: 2px solid #333;
 
 
}
 
}
 
.bar-grids h4 {
 
.bar-grids h4 {
Line 995: Line 983:
 
margin: 0 auto;
 
margin: 0 auto;
 
}
 
}
#dropdown-menu {
+
.dropdown-menu {
 
background-color: transparent;
 
background-color: transparent;
 
border: 1px solid transparent;
 
border: 1px solid transparent;
Line 1,005: Line 993:
 
text-align: center;
 
text-align: center;
 
}
 
}
#dropdown-menu li.nav-item {
+
.dropdown-menu li.nav-item {
 
margin: 0 auto;
 
margin: 0 auto;
 
}
 
}
Line 1,128: Line 1,116:
 
margin: 1.5em 0 1em;
 
margin: 1.5em 0 1em;
 
}
 
}
#dropdown-menu li.nav-item {
+
.dropdown-menu li.nav-item {
 
width: 100%;
 
width: 100%;
 
}
 
}
Line 1,224: Line 1,212:
 
font-size: 18px;
 
font-size: 18px;
 
}
 
}
#menu .toggle {
+
.menu .toggle {
 
width: 36%;
 
width: 36%;
 
}
 
}

Latest revision as of 13:09, 21 October 2019