Line 1: | Line 1: | ||
− | . | + | .pagelink#homeMenu a { |
− | + | color: gold; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .maincont#container { | |
− | + | width: 100vw; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
height: auto; | height: auto; | ||
− | + | display: flex; | |
− | + | flex-direction: column; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | section.mainpage { | |
− | + | position: relative; | |
− | + | display: flex; | |
+ | width: 100vw; | ||
} | } | ||
− | + | /*Landing*/ | |
− | /* | + | .mainpage#landing { |
− | # | + | flex-direction: column; |
− | + | min-height: 70vh; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
− | + | background-color: #eeeeee; | |
− | + | padding: 15vmin 0vw 5vmin 0vw; | |
} | } | ||
− | + | #landing #mainlogo { | |
− | + | height: 50vmin; | |
− | + | width: auto; | |
+ | margin: 2vw; | ||
} | } | ||
− | + | #landing h3 { | |
− | + | width: auto; | |
font-family: prime; | font-family: prime; | ||
+ | font-size: 1.8vmax; | ||
+ | margin: 2vw 0vw 1.5vw 0vw; | ||
} | } | ||
− | # | + | #landing p { |
− | + | margin: 0.8vw 0vw 1.2vw 0vw; | |
− | + | font-family: blogger; | |
− | + | font-size: 1.5vmax; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | font-family: | + | |
− | font-size:1. | + | |
− | + | ||
} | } | ||
− | + | /*Sponsors*/ | |
− | # | + | .mainpage#sponsors { |
− | + | flex-wrap: wrap; | |
− | + | height: auto; | |
− | + | background-color: #dddddd; | |
+ | justify-content: space-around; | ||
} | } | ||
− | # | + | #sponsors a img { |
− | + | height: 20vmin; | |
+ | width: auto; | ||
+ | margin: 2vmax; | ||
} | } | ||
− | # | + | |
− | + | /*Contact Us*/ | |
− | + | .mainpage#contactUs { | |
− | + | flex-wrap: wrap; | |
− | + | height: auto; | |
+ | background-color: #222222; | ||
justify-content: center; | justify-content: center; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | #contactUs #contactLeft { | |
− | + | display: flex; | |
− | # | + | flex-direction: column; |
− | + | width: 40vw; | |
− | + | margin: 2vw; | |
− | width: | + | |
− | + | ||
− | + | ||
} | } | ||
− | + | #contactUs #contactRight { | |
− | + | display: flex; | |
− | # | + | flex-direction: column; |
− | + | width: 30vw; | |
− | + | margin: 2vw; | |
− | + | ||
− | width: | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #contactLeft h4,#contactRight h4 { | |
− | + | margin: 1.5vw 0vw 1vw 0vw; | |
− | # | + | color: #dddddd; |
− | + | font-family: prime; | |
− | + | font-size: 1.6vmax; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #contactLeft p,#contactRight p { | |
− | + | margin: 0.5vw 0vw 0.5vw 0vw; | |
− | + | color: #dddddd; | |
font-family: blogger; | font-family: blogger; | ||
− | + | font-size: 1.5vmax; | |
− | + | ||
− | + | ||
} | } | ||
− | + | #contactLeft a,#contactRight a { | |
− | + | color: #999999; | |
− | + | font-family: blogger; | |
− | + | font-size: 1.5vmax; | |
− | + | text-decoration: none; | |
− | + | ||
− | # | + | |
− | + | ||
− | + | ||
− | # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | # | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | font- | + | |
− | + | ||
− | + | ||
− | font-size: 1. | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #contactLeft a:hover,#contactRight a:hover { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
color: white; | color: white; | ||
− | |||
− | |||
} | } | ||
− | # | + | #contactUs #social { |
− | + | display: flex; | |
+ | width: 100vw; | ||
+ | margin: 1vmax 0vmax 1vmax 0vmax; | ||
+ | justify-content: center; | ||
} | } | ||
− | # | + | #social .links { |
− | + | font-family: social; | |
− | + | font-size: 4vmax; | |
− | + | margin: 1vmax; | |
− | + | color: #999999; | |
+ | text-decoration: none; | ||
+ | -webkit-transition: 0.2s linear; | ||
+ | -moz-transition: 0.2s linear; | ||
+ | -o-transition: 0.2s linear; | ||
+ | transition: 0.2s linear; | ||
} | } | ||
− | # | + | #socFacebook:hover { |
− | + | color: #3b5998; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #socTwitter:hover { |
− | + | color: #00aced; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #footer { |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
display: flex; | display: flex; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
align-items: center; | align-items: center; | ||
− | justify-content: | + | justify-content: flex-end; |
− | height: | + | min-height: 2vmax; |
− | width: | + | width: 90vw; |
} | } | ||
− | + | #footer p { | |
− | + | margin: 1vw 0vh 0vw 0vh; | |
− | + | padding: 0.5vw 0 0.5vw 0; | |
− | + | border-top: 0.1vw solid white; | |
− | + | font-size: 1.5vmax; | |
− | - | + | font-family: rodina; |
− | + | color: #dddddd; | |
− | + | ||
− | + | ||
− | font-family: | + | |
− | + | ||
− | color: # | + | |
− | + | ||
− | + | ||
− | + | ||
} | } |
Revision as of 05:03, 10 October 2018
.pagelink#homeMenu a {
color: gold;
}
.maincont#container { width: 100vw;
height: auto;
display: flex; flex-direction: column; }
section.mainpage { position: relative; display: flex; width: 100vw; }
/*Landing*/ .mainpage#landing {
flex-direction: column; min-height: 70vh; align-items: center; justify-content: center; background-color: #eeeeee; padding: 15vmin 0vw 5vmin 0vw;
}
- landing #mainlogo {
height: 50vmin; width: auto; margin: 2vw;
}
- landing h3 {
width: auto; font-family: prime; font-size: 1.8vmax; margin: 2vw 0vw 1.5vw 0vw;
}
- landing p {
margin: 0.8vw 0vw 1.2vw 0vw; font-family: blogger; font-size: 1.5vmax;
}
/*Sponsors*/ .mainpage#sponsors {
flex-wrap: wrap; height: auto; background-color: #dddddd; justify-content: space-around;
}
- sponsors a img {
height: 20vmin; width: auto; margin: 2vmax;
}
/*Contact Us*/ .mainpage#contactUs {
flex-wrap: wrap; height: auto; background-color: #222222; justify-content: center;
}
- contactUs #contactLeft {
display: flex; flex-direction: column; width: 40vw; margin: 2vw;
}
- contactUs #contactRight {
display: flex; flex-direction: column; width: 30vw; margin: 2vw;
}
- contactLeft h4,#contactRight h4 {
margin: 1.5vw 0vw 1vw 0vw; color: #dddddd; font-family: prime; font-size: 1.6vmax;
}
- contactLeft p,#contactRight p {
margin: 0.5vw 0vw 0.5vw 0vw; color: #dddddd; font-family: blogger; font-size: 1.5vmax;
}
- contactLeft a,#contactRight a {
color: #999999; font-family: blogger; font-size: 1.5vmax; text-decoration: none;
}
- contactLeft a:hover,#contactRight a:hover {
color: white;
}
- contactUs #social {
display: flex; width: 100vw; margin: 1vmax 0vmax 1vmax 0vmax; justify-content: center;
}
- social .links {
font-family: social; font-size: 4vmax; margin: 1vmax; color: #999999; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;
}
- socFacebook:hover {
color: #3b5998;
}
- socTwitter:hover {
color: #00aced;
}
- footer {
display: flex; align-items: center; justify-content: flex-end; min-height: 2vmax; width: 90vw;
}
- footer p {
margin: 1vw 0vh 0vw 0vh; padding: 0.5vw 0 0.5vw 0; border-top: 0.1vw solid white; font-size: 1.5vmax; font-family: rodina; color: #dddddd;
}