Team:ASIJ Tokyo/CSS

/* 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%; }

/* Parts==========================*/

body, html { 

   height: 100%;
   margin: 0;
   font-family: "Avenir";

} .bg { 

   background-image: url("T--ASIJ_Tokyo--improvedparts.png");
   height: 80%;
   background-position: center;
   background-repeat: none;
   background-size: cover;
   position: relative;

}

  1. yajirushi {
   position: absolute;
   bottom: 65px;
   z-index: 1;
   width: 100px;
   height: 30px;
   left: 50%;

}

  1. yuzuru {
   padding-top: 10px;

}

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

}