Difference between revisions of "Team:ASIJ Tokyo/CSS"

Line 178: Line 178:
 
font-weight: 100;
 
font-weight: 100;
 
margin: 0%;
 
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;
 
 
}
 
}

Revision as of 11:23, 12 October 2018

/* Structure ================================================== */ body { 

   background-image: url("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%; }

  1. footer_logo {

height: 130px; display: block; margin: 25px; margin-left: auto; margin-right: auto; }

footer p{ 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;

}

  1. 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 ============================================== */


  1. 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%; }

  1. subtitle h1{

text-align: right; color: #071f4e; font-size: 20px; }

  1. abstract {

margin: auto; background-color: #88c1ef; padding: 50px; }

  1. abstract p{

text-align: justify; font-size: 18px; }

  1. abstract h3{

text-align: center; color: white; font-size: 30px; letter-spacing: 2px; font-weight: 100; margin: 0%; }