|
|
| (13 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | /* Structure ================================================== */
| + | <html> |
| − | body {
| + | <style> |
| − | 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";
| + | |
| − | padding: 0;
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | .wrapper {
| + | |
| − | margin-left: 10%;
| + | |
| − | margin-right: 10% !important;
| + | |
| − | }
| + | |
| − | footer {
| + | |
| − | border-top: 2px dotted #fff;
| + | |
| − | margin-top: 10%;
| + | |
| − | }
| + | |
| | | | |
| − | #footer_logo { | + | #content { |
| − | height: 130px;
| + | background: none; |
| − | display: block;
| + | border: none; |
| − | margin: 25px;
| + | width: 100%; |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| | } | | } |
| − | | + | #HQ page { |
| − | footer p{
| + | display: hidden; |
| − | float: right;
| + | |
| − | color: #88C1EF;
| + | |
| | } | | } |
| − | | + | .logo_2018 { |
| − | footer p a{
| + | margin-top: 0px; |
| − | color: #88C1EF;
| + | width: 0; |
| | + | float: left; |
| | + | visibility: hidden; |
| | } | | } |
| − | | + | #content H1 { |
| − | /* navigation bar====================================== */
| + | visibility: hidden; |
| − | | + | |
| − | .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%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Parts==========================*/
| + | |
| − | | + | |
| − | body, html {
| + | |
| − | height: 100%;
| + | |
| − | margin: 0;
| + | |
| − | font-family: "Avenir";
| + | |
| − | }
| + | |
| − | .bg {
| + | |
| − | background-image: url("https://static.igem.org/mediawiki/2018/c/ce/T--ASIJ_Tokyo--improvedparts.png");
| + | |
| − | height: 80%;
| + | |
| − | background-position: center;
| + | |
| − | background-repeat: none;
| + | |
| − | background-size: cover;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | | + | |
| − | #yajirushi {
| + | |
| − | position: absolute;
| + | |
| − | bottom: 65px;
| + | |
| − | z-index: 1;
| + | |
| − | width: 100px;
| + | |
| − | height: 30px;
| + | |
| − | left: 50%;
| + | |
| − | }
| + | |
| − | | + | |
| − | #yuzuru {
| + | |
| − | padding-top: 10px;
| + | |
| − | }
| + | |
| − | #wrapper {
| + | |
| − | margin-left: 10%;
| + | |
| − | margin-right: 10%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .photo {
| + | |
| − | background-image: url("adorable.png");
| + | |
| − | background-position: center;
| + | |
| − | background-repeat: none;
| + | |
| − | background-size: auto;
| + | |
| − | height: 30px;
| + | |
| − | width: 100px;
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − | | + | |
| − | hr {
| + | |
| − | color: black;
| + | |
| − | border-style: solid;
| + | |
| − | }
| + | |
| − | | + | |
| − | table, th, td {
| + | |
| − | border: 1px solid black;
| + | |
| − | border-collapse: collapse;
| + | |
| − | padding: 5px;
| + | |
| − | padding-left: 5px;
| + | |
| − | vertical-align: top;
| + | |
| − | text-align: left;
| + | |
| | } | | } |
| | + | </style> |
| | + | </html> |
