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

Revision as of 07:01, 12 October 2018

<style> /* Structure ================================================== */ body {

   background-color: transparent;
   background-image: url("");
   background-repeat: repeat, repeat;
   background-size: 100%;
   font-family: "Avenir";

padding: 0; margin: 0; } .wrapper {

 margin-left: 10%;
 margin-right: 10%;

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