You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
/* grid for japan.html */
|
|
|
|
|
|
|
|
.landing {
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 40vw 20vw 40vw;
|
|
|
|
grid-template-rows: 20vh 20vh 20vh 20vh 20vh;
|
|
|
|
grid-template-areas:
|
|
|
|
"heading . signature"
|
|
|
|
". . ."
|
|
|
|
". logo ."
|
|
|
|
". . ."
|
|
|
|
"nav nav nav"
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading {
|
|
|
|
grid-area: heading;
|
|
|
|
}
|
|
|
|
|
|
|
|
.signature {
|
|
|
|
grid-area: signature;
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
grid-area: nihon;
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 30vh;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav {
|
|
|
|
grid-area: nav;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* grid for language.html */
|
|
|
|
.landing1 {
|
|
|
|
font-family: segoe-ui_normal,Segoe UI,Segoe,Segoe WP,Helvetica Neue,Helvetica,sans-serif;
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas:
|
|
|
|
"header header header"
|
|
|
|
"nav section aside"
|
|
|
|
"footer footer footer";
|
|
|
|
grid-template-rows: 80px auto 50px;
|
|
|
|
grid-template-columns: 80px auto 80px;
|
|
|
|
grid-gap: 5px;
|
|
|
|
/* height: 100vh; */
|
|
|
|
margin: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.heading {
|
|
|
|
grid-area: heading;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar {
|
|
|
|
grid-area: sidebar;
|
|
|
|
}
|
|
|
|
|
|
|
|
main {
|
|
|
|
grid-area: main;
|
|
|
|
}
|
|
|
|
|
|
|
|
nav {
|
|
|
|
grid-area: nav;
|
|
|
|
}
|
|
|
|
|
|
|
|
#logo {
|
|
|
|
max-height: 30 vh;
|
|
|
|
}
|