|
|
| (9 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <style> | | <style> |
| − | /* Structure ================================================== */
| |
| − | body {
| |
| − | background-image: url("https://static.igem.org/mediawiki/2018/b/b0/T--ASIJ_Tokyo--OfficialBackground.jpeg");
| |
| − | background-repeat: repeat, repeat;
| |
| − | background-size: 100%;
| |
| − | font-family: "Avenir";
| |
| − | }
| |
| | | | |
| − | .wrapper {
| + | #content { |
| − | margin-left: 10%;
| + | background: none; |
| − | margin-right: 10% !important;
| + | border: none; |
| | + | width: 100%; |
| | } | | } |
| − | | + | #HQ page { |
| − | footer {
| + | display: hidden; |
| − | border-top: 2px dotted #fff;
| + | |
| − | margin-top: 10%;
| + | |
| | } | | } |
| − | | + | .logo_2018 { |
| − | #footer_logo {
| + | margin-top: 0px; |
| − | height: 130px;
| + | width: 0; |
| − | display: block;
| + | float: left; |
| − | margin: 25px;
| + | visibility: hidden; |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| | } | | } |
| − | | + | #content H1 { |
| − | footer p{
| + | visibility: hidden; |
| − | float: right;
| + | |
| − | color: #88C1EF;
| + | |
| − | }
| + | |
| − | | + | |
| − | footer p a{
| + | |
| − | color: #88C1EF;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* navigation bar====================================== */
| + | |
| − | | + | |
| − | .nav-box {
| + | |
| − | background-color: white;
| + | |
| − | display: block;
| + | |
| − | width: 100%;
| + | |
| − | height: 60px;
| + | |
| − | position: fixed;
| + | |
| − | top: 0;
| + | |
| − | border-bottom: 2px solid #2F5F8A;
| + | |
| − | box-shadow: 0px 3px 10px rgba(19, 19, 19, 0.2);
| + | |
| − | }
| + | |
| − | nav {
| + | |
| − | position: fixed;
| + | |
| − | width: 80%;
| + | |
| − | height: 60px;
| + | |
| − | background-color: white;
| + | |
| − | top: 0;
| + | |
| − | margin: 0;
| + | |
| − | padding:0;
| + | |
| − | border-bottom: 2px solid #2F5F8A;
| + | |
| − | }
| + | |
| − | | + | |
| − | #ASIJ {
| + | |
| − | height: 60px;
| + | |
| − | float: left;
| + | |
| − | padding: 0 20px;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul {
| + | |
| − | float: left;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li {
| + | |
| − | float: left;
| + | |
| − | list-style-type: none;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li .HP {
| + | |
| − | line-height: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | nav ul li a {
| + | |
| − | color: #2F5F8A;
| + | |
| − | font-size: 19px;
| + | |
| − | line-height: 60px;
| + | |
| − | padding: 0;
| + | |
| − | display: block;
| + | |
| − | text-decoration: none;
| + | |
| − | width: 140.3px;
| + | |
| − | text-align: center;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li ul {
| + | |
| − | display: block;
| + | |
| − | position: absolute;
| + | |
| − | background-color: #FEEDB3;
| + | |
| − | visibility: hidden;
| + | |
| − | width: inherit;
| + | |
| − | transition: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li ul li a{
| + | |
| − | padding: 0;
| + | |
| − | line-height: 50px;
| + | |
| − | text-align: center;
| + | |
| − | font-size: 16px;
| + | |
| − | color: #4B7FAD;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li ul li:first-child {
| + | |
| − | border-top: 2px solid #2F5F8A;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li:hover ul{
| + | |
| − | display: block;
| + | |
| − | visibility: visible;
| + | |
| − | box-shadow: 0px 5px 10px rgba(19, 19, 19, 0.2);
| + | |
| − | transition: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .active {
| + | |
| − | color: #FCC81C;
| + | |
| − | text-transform: uppercase;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li a:hover:not(.active){
| + | |
| − | background-color: #E8E6E6;
| + | |
| − | }
| + | |
| − | | + | |
| − | nav ul li ul li a:hover:not(.active) {
| + | |
| − | background-color: #FDE38D;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | /* home page ============================================== */
| + | |
| − | | + | |
| − | | + | |
| − | #title p{
| + | |
| − | font-size: 6em;
| + | |
| − | color: #071f4e;
| + | |
| − | text-align: right;
| + | |
| − | font-weight: bold;
| + | |
| − | text-shadow: 0px 0px 10px white;
| + | |
| − | letter-spacing: 5px;
| + | |
| − | padding-top: 12px;
| + | |
| − | }
| + | |
| − | | + | |
| − | table{
| + | |
| − | margin-top: 10%;
| + | |
| − | margin-bottom: 5%;
| + | |
| − | }
| + | |
| − | | + | |
| − | #subtitle h1{
| + | |
| − | text-align: right;
| + | |
| − | color: #071f4e;
| + | |
| − | font-size: 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #abstract {
| + | |
| − | margin: auto;
| + | |
| − | background-color: #88c1ef;
| + | |
| − | padding: 50px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #abstract p{
| + | |
| − | text-align: justify;
| + | |
| − | font-size: 18px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #abstract h3{
| + | |
| − | text-align: center;
| + | |
| − | color: white;
| + | |
| − | font-size: 30px;
| + | |
| − | letter-spacing: 2px;
| + | |
| − | font-weight: 100;
| + | |
| − | margin: 0%;
| + | |
| | } | | } |
| | </style> | | </style> |
| | </html> | | </html> |
