|
|
| Line 239: |
Line 239: |
| | | | |
| | <style> | | <style> |
| − | #circle2 {
| |
| − |
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border-radius: 50%;
| |
| − | background: white;
| |
| − | }
| |
| | | | |
| − | #circle2:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | left: -90%;
| |
| − | width: 260%;
| |
| − | height: 24px;
| |
| − | background: white;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #circle2:after {
| |
| − | content : "";
| |
| − | position : absolute;
| |
| − | top : 0;
| |
| − | left : 0;
| |
| − | width : 75%;
| |
| − | height : 200%;
| |
| − | border-radius : 50%;
| |
| − | background: #ffffff;
| |
| − | background-image : url('https://static.igem.org/mediawiki/2018/7/7f/T--Tec-Chihuahua--escudonav.png');
| |
| − | background-repeat : no-repeat;
| |
| − | background-position : center;
| |
| − | background-size : 90px 100px;
| |
| − | box-shadow: 0px 0px 8px 0px #333;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #circle {
| |
| − |
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border-radius: 50%;
| |
| − | background: white;
| |
| − | }
| |
| − |
| |
| − | #circle:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | left: -90%;
| |
| − | width: 260%;
| |
| − | height: 50px;
| |
| − | background: white;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #circle:after {
| |
| − | content : "";
| |
| − | position : absolute;
| |
| − | top : 0;
| |
| − | left : 0;
| |
| − | width : 75%;
| |
| − | height : 200%;
| |
| − | border-radius : 50%;
| |
| − | background: #ffffff;
| |
| − | background-image : url('https://static.igem.org/mediawiki/2018/7/7f/T--Tec-Chihuahua--escudonav.png');
| |
| − | background-repeat : no-repeat;
| |
| − | background-position : center;
| |
| − | background-size : 90px 90px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #homelink {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 75%;
| |
| − | height: 210%;
| |
| − | border-radius: 50%;
| |
| − | z-index: 9999;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | a#homelink:active,
| |
| − | a#homelink:hover {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | /*-- Nav Bar Display --*/
| |
| − |
| |
| − | #nav {
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | top: 0px !important;
| |
| − | background-color: #fff;
| |
| − | text-align: center;
| |
| − | padding: 10px 0;
| |
| − | transition: all 0.5s ease;
| |
| − | align-content: right;
| |
| − | z-index: 500;
| |
| − | box-shadow: 2px -6px 8px 5px #333;
| |
| − | }
| |
| − |
| |
| − | #nav.hidden {
| |
| − | transform: translate(0, -100%);
| |
| − | }
| |
| | | | |
| | #nav ul li { | | #nav ul li { |
| − | margin-right: 0px;
| |
| − | }
| |
| | | | |
| − | #nav ul {
| + | display: inline-flex !important; |
| − | margin: 0px;
| + | |
| − | padding: 10000px;
| + | |
| − | list-style: none;
| + | |
| − | }
| + | |
| | | | |
| − | #nav ul li {
| |
| − | box-sizing: border-box;
| |
| − | position: relative;
| |
| − | display: inline-flex !important;
| |
| − | min-width: 10%;
| |
| − | min-height: 100%;
| |
| − | color: #000;
| |
| − | line-height: 50px;
| |
| − | text-align: center;
| |
| − | font-size: 15px;
| |
| | } | | } |
| − |
| |
| − | #nav ul li a {
| |
| − | text-decoration: none;
| |
| − | color: #000;
| |
| − | display: block;
| |
| − | font-family: 'Lato', sans-serif;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #nav ul li a:hover {
| |
| − | background-color: #000;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | nav ul li ul {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #nav ul li:hover ul {
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | top: 35px;
| |
| − | z-index: 3;
| |
| − | margin: 0 !important;
| |
| − | width: 100%;
| |
| − | z-index: 20;
| |
| − | box-shadow: 4px 4px 14px 0px #999;
| |
| − | }
| |
| − |
| |
| − | #nav ul li ul li {
| |
| − | display: block;
| |
| − | background-color: #fff;
| |
| − | opacity: .9;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| | | | |
| | </style> | | </style> |
