Difference between revisions of "Template:CSU CHINA"
| Line 54: | Line 54: | ||
padding-top: 0px; | padding-top: 0px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
| − | font-size: | + | font-size:17px; |
} | } | ||
#navbarSupportedContent{ | #navbarSupportedContent{ | ||
| Line 61: | Line 61: | ||
nav.navbar{ | nav.navbar{ | ||
width: 100%; | width: 100%; | ||
| − | background-color: rgba(17, 17, 17, 0. | + | background-color: rgba(17, 17, 17, 0.70) !important; |
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | ||
| Line 68: | Line 68: | ||
nav.shrink{ | nav.shrink{ | ||
width: 100%; | width: 100%; | ||
| − | background-color: rgba(17, 17, 17, 0. | + | background-color: rgba(17, 17, 17, 0.80) !important; |
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | ||
| Line 80: | Line 80: | ||
.navbar-light .navbar-brand { | .navbar-light .navbar-brand { | ||
| + | margin-right: 0px; | ||
color: #fff; | color: #fff; | ||
font-weight: 100; | font-weight: 100; | ||
| Line 90: | Line 91: | ||
} | } | ||
| − | .navbar-light .navbar-nav .nav-link { | + | .navbar-light .navbar-nav .nav-link{ |
| − | + | background: -webkit-linear-gradient(left bottom, #b3b3b3, #ffffff); /* Safari 5.1 - 6.0 */ | |
| − | + | background: -o-linear-gradient(top right, #b3b3b3, #ffffff); /* Opera 11.1 - 12.0 */ | |
| − | + | background: -moz-linear-gradient(top right, #b3b3b3, #ffffff); /* Firefox 3.6 - 15 */ | |
| + | background: linear-gradient(to top right, #b3b3b3, #ffffff); /* Standard */ | ||
| + | -webkit-background-clip: text; /* Safari 5.1 - 6.0 */ | ||
| + | -o-background-clip: text; /* Opera 11.1 - 12.0 */ | ||
| + | -moz-background-clip: text; /* Firefox 3.6 - 15 */ | ||
| + | background-clip: text; /* Standard */ | ||
| + | color: transparent; | ||
| + | } | ||
| + | |||
| + | .dropdown-toggle::after{ | ||
| + | color: #bfbfbf; | ||
} | } | ||
| Line 102: | Line 113: | ||
.navbar-light .navbar-nav .nav-link:hover, | .navbar-light .navbar-nav .nav-link:hover, | ||
.navbar-light .navbar-nav .nav-link:focus { | .navbar-light .navbar-nav .nav-link:focus { | ||
| − | background: | + | background: -webkit-linear-gradient(left bottom, #b3b3b3, #ffffff); /* Safari 5.1 - 6.0 */ |
| − | + | background: -o-linear-gradient(top right, #b3b3b3, #ffffff); /* Opera 11.1 - 12.0 */ | |
| + | background: -moz-linear-gradient(top right, #b3b3b3, #ffffff); /* Firefox 3.6 - 15 */ | ||
| + | background: linear-gradient(to top right, #b3b3b3, #ffffff); /* Standard */ | ||
| + | -webkit-background-clip: text; /* Safari 5.1 - 6.0 */ | ||
| + | -o-background-clip: text; /* Opera 11.1 - 12.0 */ | ||
| + | -moz-background-clip: text; /* Firefox 3.6 - 15 */ | ||
| + | background-clip: text; /* Standard */ | ||
| + | color: transparent; | ||
} | } | ||
| Line 117: | Line 135: | ||
li.nav-item.active,li.nav-item:hover { | li.nav-item.active,li.nav-item:hover { | ||
| − | border-bottom: 2px solid # | + | border-bottom: 2px solid #7070db; |
display: inline-block; | display: inline-block; | ||
} | } | ||
| Line 139: | Line 157: | ||
<body> | <body> | ||
| − | <nav class="navbar navbar-expand-lg navbar-light fixed-top | + | <nav class="navbar navbar-expand-lg navbar-light fixed-top"> |
<a class="navbar-brand" href="index.html"> | <a class="navbar-brand" href="index.html"> | ||
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo" style="height: 75px"> | <img src="https://static.igem.org/mediawiki/2019/c/ca/T--CSU_CHINA--LOGOWITHWORDS.png" alt="logo" style="height: 75px"> | ||
Revision as of 06:11, 23 September 2019