parent
dc83ec848e
commit
ef4b87158d
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 107 KiB |
Before Width: | Height: | Size: 95 KiB After Width: | Height: | Size: 9.9 KiB |
@ -1,33 +0,0 @@
|
||||
.tacky {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
flex-basis: auto;
|
||||
}
|
||||
|
||||
.tacky col {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.tacky col:after {
|
||||
|
||||
margin: 0 5px;
|
||||
}
|
||||
|
||||
.tacky col:last-of-type:after {
|
||||
content: "";
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tacky col.no-tack:after {
|
||||
content: "";
|
||||
margin: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 930px) {
|
||||
footer {
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
}
|
@ -1,18 +1,18 @@
|
||||
.loader {
|
||||
top:0;
|
||||
left:0;
|
||||
height:100%;
|
||||
width:100%;
|
||||
position:fixed;
|
||||
z-index:15;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
z-index: 15;
|
||||
}
|
||||
|
||||
.loader > img {
|
||||
width:150px;
|
||||
height:150px;
|
||||
position:absolute;
|
||||
margin:-75px 0 0 -75px;
|
||||
top:50%;
|
||||
left:50%;
|
||||
z-index:16;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
margin: -75px 0 0 -75px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 16;
|
||||
}
|
||||
|
@ -1,179 +1,178 @@
|
||||
.mobile-header {
|
||||
width: 100%;
|
||||
}
|
||||
.nav-mobile {
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 25px 16px 15px 32px;
|
||||
justify-content: flex-end;
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
.nav-mobile {
|
||||
width: 100%;
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding: 25px 16px 15px 32px;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.navbar-collapse {
|
||||
background: #0A004C;
|
||||
padding: 10px 20px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
background: #0a004c;
|
||||
padding: 10px 20px;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 9999;
|
||||
}
|
||||
.navbar-brand img {
|
||||
width: 112px;
|
||||
}
|
||||
.navbar-toggle {
|
||||
width: 50px!important;
|
||||
margin-top: 15px;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
.navbar-toggle {
|
||||
|
||||
background: transparent!important;
|
||||
box-shadow: none!important;
|
||||
border: none!important;
|
||||
}
|
||||
|
||||
.navbar-toggle img {
|
||||
height: 50px!important;
|
||||
width: 50px!important;
|
||||
}
|
||||
.navbar-nav-scroll {
|
||||
max-height: 100vh!important;
|
||||
}
|
||||
|
||||
.navbar-brand-mobile img {
|
||||
width: 110px;
|
||||
}
|
||||
.navbar-accordion-item, .navbar-accordion-body {
|
||||
background-color: transparent!important;
|
||||
border: none!important;
|
||||
box-shadow: none!important;
|
||||
font-family: "DM Sans", sans-serif!important;
|
||||
}
|
||||
.navbar-accordion button {
|
||||
background-color: transparent!important;
|
||||
color: white!important;
|
||||
margin-left: 15px!important;
|
||||
font-size: 24px!important;
|
||||
line-height: 31.25px;
|
||||
text-align: left!important;
|
||||
padding: 0px!important;
|
||||
border: none!important;
|
||||
box-shadow: none!important;
|
||||
}
|
||||
.navbar-accordion button:after {
|
||||
display: inline-block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
margin-left: 0.255em;
|
||||
vertical-align: 0.255em;
|
||||
content: "";
|
||||
border-top: 0.3em solid;
|
||||
border-right: 0.3em solid transparent;
|
||||
border-bottom: 0;
|
||||
border-left: 0.3em solid transparent;
|
||||
}
|
||||
.navbar-my-link {
|
||||
color: white!important;
|
||||
margin-left: 15px!important;
|
||||
font-size: 24px!important;
|
||||
line-height: 31.25px;
|
||||
text-align: left!important;
|
||||
}
|
||||
.navbar-credits-container {
|
||||
margin-top: 25%;
|
||||
text-align: left;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.navbar-credits-container hr {
|
||||
margin-top: 32px;
|
||||
color: white;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.navbar-credits-link, .navbar-credits {
|
||||
color: white!important;
|
||||
font-size: 18px;
|
||||
line-height: 31.25px;
|
||||
text-align: left!important;
|
||||
margin-left: 0!important;
|
||||
}
|
||||
.navbar-credits {
|
||||
margin-top: 32px;
|
||||
}
|
||||
.navbar-jimmy-link {
|
||||
color: white!important;
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
margin-left: 5px;
|
||||
text-decoration: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.navbar-close-button {
|
||||
width: auto!important;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-close-button img {
|
||||
width: 117px!important;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.nav-logo {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.btn-nav {
|
||||
background: #0A004C;
|
||||
border: 2px solid #FFFFFF;
|
||||
box-shadow: 0px 2px 0px 0px #FFFFFF;
|
||||
width: 100%;
|
||||
}
|
||||
.btn-nav a {
|
||||
color: white;
|
||||
}
|
||||
.sharing-mobile {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.menu-flags {
|
||||
width: 25%;
|
||||
margin-left: 15px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.menu-flags button {
|
||||
border-color: white;
|
||||
color: white;
|
||||
}
|
||||
.menu-flags button:after {
|
||||
border-top: 5px solid white;
|
||||
color: white;
|
||||
}
|
||||
.menu-flags button[aria-expanded="true"]:after {
|
||||
border-bottom: 5px solid white;
|
||||
color: white;
|
||||
}
|
||||
.navbar, body {
|
||||
width: 112px;
|
||||
}
|
||||
.navbar-toggle {
|
||||
width: 50px !important;
|
||||
margin-top: 15px;
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
.navbar-toggle {
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.navbar-toggle img {
|
||||
height: 50px !important;
|
||||
width: 50px !important;
|
||||
}
|
||||
.navbar-nav-scroll {
|
||||
max-height: 100vh !important;
|
||||
}
|
||||
|
||||
.navbar-brand-mobile img {
|
||||
width: 110px;
|
||||
}
|
||||
.navbar-accordion-item,
|
||||
.navbar-accordion-body {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
font-family: "DM Sans", sans-serif !important;
|
||||
}
|
||||
.navbar-accordion button {
|
||||
background-color: transparent !important;
|
||||
color: white !important;
|
||||
margin-left: 15px !important;
|
||||
font-size: 24px !important;
|
||||
line-height: 31.25px;
|
||||
text-align: left !important;
|
||||
padding: 0px !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.navbar-accordion button:after {
|
||||
display: inline-block;
|
||||
width: 0.25rem;
|
||||
height: 0.25rem;
|
||||
margin-left: 0.255em;
|
||||
vertical-align: 0.255em;
|
||||
content: "";
|
||||
border-top: 0.3em solid;
|
||||
border-right: 0.3em solid transparent;
|
||||
border-bottom: 0;
|
||||
border-left: 0.3em solid transparent;
|
||||
}
|
||||
.navbar-my-link {
|
||||
color: white !important;
|
||||
margin-left: 15px !important;
|
||||
font-size: 24px !important;
|
||||
line-height: 31.25px;
|
||||
text-align: left !important;
|
||||
}
|
||||
.navbar-credits-container {
|
||||
margin-top: 25%;
|
||||
text-align: left;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.navbar-credits-container hr {
|
||||
margin-top: 32px;
|
||||
color: white;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.navbar-credits-link,
|
||||
.navbar-credits {
|
||||
color: white !important;
|
||||
font-size: 18px;
|
||||
line-height: 31.25px;
|
||||
text-align: left !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.navbar-credits {
|
||||
margin-top: 32px;
|
||||
}
|
||||
.navbar-jimmy-link {
|
||||
color: white !important;
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
margin-left: 5px;
|
||||
text-decoration: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.navbar-close-button {
|
||||
width: auto !important;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.navbar-close-button img {
|
||||
width: 117px !important;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
.nav-logo {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.btn-nav {
|
||||
background: #0a004c;
|
||||
border: 2px solid #ffffff;
|
||||
box-shadow: 0px 2px 0px 0px #ffffff;
|
||||
width: 100%;
|
||||
}
|
||||
.btn-nav a {
|
||||
color: white;
|
||||
}
|
||||
.sharing-mobile {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.menu-flags {
|
||||
width: 25%;
|
||||
margin-left: 15px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
.menu-flags button {
|
||||
border-color: white;
|
||||
color: white;
|
||||
}
|
||||
.menu-flags button:after {
|
||||
border-top: 5px solid white;
|
||||
color: white;
|
||||
}
|
||||
.menu-flags button[aria-expanded="true"]:after {
|
||||
border-bottom: 5px solid white;
|
||||
color: white;
|
||||
}
|
||||
.navbar,
|
||||
body {
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
||||
}
|
||||
|
||||
scrollbar-width: none; /* Firefox */
|
||||
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
||||
}
|
||||
|
||||
.navbar::-webkit-scrollbar {
|
||||
display: none; // Safari and Chrome
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
body::-webkit-scrollbar {
|
||||
display: none; // Safari and Chrome
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 0; /* Remove scrollbar space */
|
||||
background: transparent; /* Optional: just make scrollbar invisible */
|
||||
}
|
||||
|
||||
.navbar::-webkit-scrollbar {
|
||||
display: none; // Safari and Chrome
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
body::-webkit-scrollbar {
|
||||
display: none; // Safari and Chrome
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 0; /* Remove scrollbar space */
|
||||
background: transparent; /* Optional: just make scrollbar invisible */
|
||||
}
|
||||
|
@ -1,263 +1,267 @@
|
||||
/** Store size of screens for media queries **/
|
||||
$mobile: 910px;
|
||||
$tablet: 1210px;
|
||||
$laptop: 1440px;
|
||||
$desktop: 1680px;
|
||||
|
||||
/** HOMEPAGE **/
|
||||
.homePage {
|
||||
max-width: 100%!important;
|
||||
padding: 0px;
|
||||
max-width: 100% !important;
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionOneHomeForm {
|
||||
max-width: 100% !important;
|
||||
background-color: #2400fd;
|
||||
}
|
||||
.sectionOneHomeRowOne {
|
||||
height: 100%;
|
||||
}
|
||||
.sectionOneHomeContent {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: flex-start;
|
||||
justify-content: space-around;
|
||||
max-width: 60%;
|
||||
padding-left: 8%;
|
||||
padding-right: 8%;
|
||||
flex-basis: auto;
|
||||
}
|
||||
.sectionOneHomeContent img {
|
||||
width: 200px;
|
||||
height: auto;
|
||||
margin: 7% 0%;
|
||||
}
|
||||
.sectionOneHomeContent h2 {
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
.sectionOneHomeInput {
|
||||
height: 48px;
|
||||
background: $mv-blue-color;
|
||||
box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.32);
|
||||
border: none;
|
||||
margin: 8px 0px;
|
||||
font-family: DM Sans;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
letter-spacing: -0.5px;
|
||||
color: #c3bfd8;
|
||||
border-radius: 0%;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.sectionOneHomeInput:focus {
|
||||
background-color: transparent;
|
||||
box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.32);
|
||||
border: none;
|
||||
border-radius: 0%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.sectionOneHomeInput::placeholder {
|
||||
color: #c3bfd8;
|
||||
}
|
||||
.maxLength {
|
||||
color: #c3bfd8;
|
||||
}
|
||||
.noAds p {
|
||||
font-size: 1em;
|
||||
line-height: 16px;
|
||||
margin-top: 32px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
.sectionTwoHome {
|
||||
background: $mv-dark-blue-color;
|
||||
padding: 10%;
|
||||
background-image: url("/vote.svg");
|
||||
background-position: top 46% right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.sectionTwoHomeImage {
|
||||
display: none;
|
||||
}
|
||||
.sectionTwoRowOne {
|
||||
text-align: center;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 15%;
|
||||
}
|
||||
.sectionTwoRowOneCol P {
|
||||
margin: auto 20%;
|
||||
}
|
||||
.btn-sectionTwoHome {
|
||||
border: none;
|
||||
box-shadow: 0px 4px 0px #7a64f9;
|
||||
width: 100%;
|
||||
margin-top: 85px;
|
||||
}
|
||||
.sharing {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
margin-top: 20%;
|
||||
}
|
||||
.sharing p {
|
||||
margin-right: 15px;
|
||||
margin-top: 32px;
|
||||
}
|
||||
.sharing a {
|
||||
margin: 0% 15px;
|
||||
display: flex;
|
||||
}
|
||||
.sharing img {
|
||||
margin: 16px 15px 0px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
/* @include media-breakpoint-up('md') {
|
||||
.sectionOneHomeForm {
|
||||
background-image: url('/chevron-bicolore.svg');
|
||||
background-size: contain;
|
||||
background-position: 120% center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
@include media-breakpoint-up("md") {
|
||||
.sectionOneHomeForm {
|
||||
background-image: url("/chevron-bicolore.svg");
|
||||
background-size: contain;
|
||||
background-position: top right -260px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up("lg") {
|
||||
.sectionOneHomeForm {
|
||||
max-width: 100%!important;
|
||||
background-color: #2400FD;
|
||||
background-position: top right -150px;
|
||||
}
|
||||
.sectionOneHomeRowOne {
|
||||
height: 100%;
|
||||
}
|
||||
@include media-breakpoint-up("xl") {
|
||||
.sectionOneHomeForm {
|
||||
background-position: top right -50px;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-down("sm") {
|
||||
.sectionOneHomeForm {
|
||||
background-image: unset;
|
||||
}
|
||||
.sectionOneHomeContent {
|
||||
display: flex;
|
||||
flex-basis: auto;
|
||||
margin: auto 30px;
|
||||
max-width: 80%;
|
||||
}
|
||||
.sectionTwoHome {
|
||||
background-position: 110% 54%;
|
||||
}
|
||||
.sectionTwoRowOne {
|
||||
flex-direction: column;
|
||||
align-content: flex-start;
|
||||
margin-bottom: 66%;
|
||||
}
|
||||
.sectionTwoRowOneCol {
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionTwoRowOneCol h4 {
|
||||
line-height: 28px;
|
||||
}
|
||||
.sectionTwoRowOneCol p {
|
||||
line-height: 18px;
|
||||
margin: 40px 13% 60px;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-up("md") {
|
||||
.sectionOneHomeForm,
|
||||
.sectionOneHomeContent {
|
||||
min-height: 100vh;
|
||||
}
|
||||
.sectionTwoRowTwoCol h3 {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-down("sm") {
|
||||
.sectionOneHomeContent {
|
||||
align-content: center;
|
||||
|
||||
justify-content: space-around;
|
||||
max-width: 60%;
|
||||
padding-left: 8%;
|
||||
padding-right: 8%;
|
||||
max-width: 100%;
|
||||
margin: auto 30px;
|
||||
flex-basis: auto;
|
||||
}
|
||||
.sectionOneHomeInput {
|
||||
margin-top: 30px !important;
|
||||
}
|
||||
.sectionOneHomeContent img {
|
||||
width: 200px;
|
||||
height: auto;
|
||||
margin: 7% 0%;
|
||||
margin: 7% auto;
|
||||
}
|
||||
.sectionOneHomeContent h2 {
|
||||
margin-bottom: 10%;
|
||||
.sectionOneHomeContent .row {
|
||||
text-align: center;
|
||||
}
|
||||
.sectionOneHomeInput {
|
||||
height: 48px;
|
||||
background: $mv-blue-color;
|
||||
box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.32);
|
||||
border: none;
|
||||
margin: 8px 0px;
|
||||
font-family: DM Sans;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-size: 17px;
|
||||
line-height: 24px;
|
||||
letter-spacing: -0.5px;
|
||||
color: #C3BFD8;
|
||||
border-radius: 0%;
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.sectionOneHomeInput:focus {
|
||||
background-color: transparent;
|
||||
box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.32);
|
||||
border: none;
|
||||
border-radius: 0%;
|
||||
color: #FFFFFF;
|
||||
.sectionOneHomeContent .row h2 {
|
||||
margin: auto;
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.sectionOneHomeInput::placeholder {
|
||||
color: #C3BFD8;
|
||||
.sectionOneHomeContent .row h4 {
|
||||
margin: auto;
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.maxLength {
|
||||
color: #C3BFD8;
|
||||
.sectionOneHomeContent .row p {
|
||||
margin: 32px auto;
|
||||
}
|
||||
.noAds p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
margin-top: 32px;
|
||||
opacity: 0.6;
|
||||
.sectionOneHomeContent .row button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionTwoHome {
|
||||
background: $mv-dark-blue-color;
|
||||
padding: 10%;
|
||||
background-image: url('/vote.svg');
|
||||
background-position: 105% 46%;
|
||||
background-repeat: no-repeat;
|
||||
background-image: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionTwoHomeImage {
|
||||
display: none;
|
||||
}
|
||||
.sectionTwoRowOne {
|
||||
text-align: center;
|
||||
justify-content: space-around;
|
||||
margin-bottom: 15%;
|
||||
}
|
||||
.sectionTwoRowOneCol P {
|
||||
margin: auto 20%;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
.btn-sectionTwoHome {
|
||||
border: none;
|
||||
box-shadow: 0px 4px 0px #7A64F9;
|
||||
width: 100%;
|
||||
margin-top: 85px;
|
||||
.sectionTwoHomeImage img {
|
||||
width: 75%;
|
||||
}
|
||||
.sharing {
|
||||
.sectionTwoRowOne {
|
||||
margin: 70px auto 0px;
|
||||
padding: 10%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionTwoRowTwoCol {
|
||||
margin: 30px;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
justify-content: center;
|
||||
margin-top: 20%;
|
||||
}
|
||||
.sharing p {
|
||||
margin-right: 15px;
|
||||
margin-top: 32px;
|
||||
}
|
||||
.sharing a {
|
||||
margin: 0% 15px;
|
||||
display: flex;
|
||||
.sectionTwoRowTwoCol h3 {
|
||||
font-size: 40px;
|
||||
line-height: 42px;
|
||||
}
|
||||
.sharing img {
|
||||
margin: 16px 15px 0px;
|
||||
width: 22px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: 1300px) {
|
||||
|
||||
.sectionOneHomeForm {
|
||||
background-image: url('/chevron-bicolore.svg');
|
||||
background-size: 40%;
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1024px) and (max-width: 1299px) {
|
||||
.sectionOneHomeForm {
|
||||
background-image: url('/chevron-bicolore.svg');
|
||||
background-size: contain;
|
||||
background-position: 120% center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 911px) and (max-width: 1023px) {
|
||||
.sectionOneHomeForm {
|
||||
background-image: url('/chevron-bicolore.svg');
|
||||
background-size: contain;
|
||||
background-position: 140% center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 910px) {
|
||||
.sectionOneHomeContent {
|
||||
flex-basis: auto;
|
||||
margin: auto 30px;
|
||||
max-width: 80%;
|
||||
}
|
||||
.sectionTwoHome {
|
||||
background-position: 110% 54%;
|
||||
}
|
||||
.sectionTwoRowOne {
|
||||
flex-direction: column;
|
||||
margin-bottom: 66%;
|
||||
}
|
||||
.sectionTwoRowOneCol {
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionTwoRowOneCol h4 {
|
||||
line-height: 28px;
|
||||
}
|
||||
.sectionTwoRowOneCol p {
|
||||
line-height: 18px;
|
||||
margin: 40px 13% 60px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 619px) {
|
||||
.sectionOneHomeForm, .sectionOneHomeContent {
|
||||
min-height: 100vh;
|
||||
}
|
||||
.sectionTwoRowTwoCol h3 {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.sectionTwoRowTwoCol h5 {
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
@media screen and (max-width: 618px) {
|
||||
|
||||
.sectionOneHomeContent {
|
||||
align-content: center;
|
||||
|
||||
justify-content: space-around;
|
||||
max-width: 100%;
|
||||
margin: auto 30px;
|
||||
flex-basis: auto;
|
||||
}
|
||||
.sectionOneHomeInput {
|
||||
margin-top: 30px!important;
|
||||
}
|
||||
.sectionOneHomeContent img {
|
||||
margin: 7% auto;
|
||||
}
|
||||
.sectionOneHomeContent .row {
|
||||
text-align: center;
|
||||
|
||||
.sectionTwoRowTwoColText p {
|
||||
font-size: 16px;
|
||||
line-height: 22px !important;
|
||||
margin: 16px auto 50px;
|
||||
}
|
||||
.sectionOneHomeContent .row h2 {
|
||||
margin: auto;
|
||||
font-size: 32px;
|
||||
line-height: 38px;
|
||||
}
|
||||
.sectionOneHomeContent .row h4 {
|
||||
margin: auto;
|
||||
font-size: 20px;
|
||||
line-height: 32px;
|
||||
}
|
||||
.sectionOneHomeContent .row p {
|
||||
margin: 32px auto;
|
||||
}
|
||||
.sectionOneHomeContent .row button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionTwoHome {
|
||||
background: $mv-dark-blue-color;
|
||||
background-image: none;
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionTwoHomeImage {
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
.sectionTwoRowThreeCol {
|
||||
width: 100%;
|
||||
}
|
||||
.sectionTwoHomeImage img {
|
||||
|
||||
width: 75%;
|
||||
}
|
||||
.sectionTwoRowOne {
|
||||
margin: 70px auto 0px;
|
||||
padding: 10%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sectionTwoRowTwoCol {
|
||||
margin: 30px;
|
||||
flex-direction: column;
|
||||
margin: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.sectionTwoRowTwoCol h3 {
|
||||
font-size: 40px;
|
||||
line-height: 42px;
|
||||
}
|
||||
.sectionTwoRowTwoCol h5 {
|
||||
font-size: 16px;
|
||||
line-height: 18px;
|
||||
}
|
||||
.sectionTwoRowTwoColText p {
|
||||
font-size: 16px;
|
||||
line-height: 22px!important;
|
||||
margin: 16px auto 50px;
|
||||
}
|
||||
.sectionTwoRowThreeCol {
|
||||
width: 100%;
|
||||
margin: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
.sectionTwoRowThreeCol img {
|
||||
margin-right: 6px!important;
|
||||
}
|
||||
.sharing p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
|
||||
|
||||
}
|
||||
.sectionTwoRowThreeCol img {
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
.sharing p {
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
}
|
||||
.sharing {
|
||||
margin: 60px 0px 75px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
File diff suppressed because it is too large
Load Diff
@ -1,159 +1,160 @@
|
||||
.resultPage {
|
||||
background-image: url('/background-woman-left.svg'), url('/background-woman-right.svg');
|
||||
background-position: left bottom, right bottom;
|
||||
background-color: #1d0a93;
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 300px;
|
||||
max-width: 100%;
|
||||
padding: 0px;
|
||||
|
||||
background-image: url("/background-woman-left.svg"),
|
||||
url("/background-woman-right.svg");
|
||||
background-position: left bottom, right bottom;
|
||||
background-color: #1d0a93;
|
||||
min-height: 100vh;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto 300px;
|
||||
max-width: 100%;
|
||||
padding: 0px;
|
||||
}
|
||||
.resultCard {
|
||||
|
||||
margin: auto;
|
||||
margin: auto;
|
||||
}
|
||||
.card-header h4 {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
color: #2400FD;
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
color: #2400fd;
|
||||
}
|
||||
.sectionHeaderResult {
|
||||
background-color: white;
|
||||
max-width: 100%;
|
||||
padding: 30px 70px;
|
||||
justify-content: space-between;
|
||||
background-color: white;
|
||||
max-width: 100%;
|
||||
padding: 30px 70px;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.sectionHeaderResultSideCol img {
|
||||
margin-right: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.sectionHeaderResultSideCol p {
|
||||
color: #8F88BA;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: 16px;
|
||||
color: #8f88ba;
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.sectionHeaderResult h3 {
|
||||
color: #0A004C;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
color: #0a004c;
|
||||
font-size: 24px;
|
||||
line-height: 28px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.sectionHeaderResultSideCol {
|
||||
display: flex;
|
||||
display: flex;
|
||||
}
|
||||
.sectionHeaderResultMiddleCol {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
.sectionHeaderResultLeftCol, .sectionHeaderResultMiddleCol, .sectionHeaderResultRightCol {
|
||||
max-width: fit-content;
|
||||
.sectionHeaderResultLeftCol,
|
||||
.sectionHeaderResultMiddleCol,
|
||||
.sectionHeaderResultRightCol {
|
||||
max-width: fit-content;
|
||||
}
|
||||
.sectionContentResult {
|
||||
margin: auto;
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
width: 60%;
|
||||
}
|
||||
/** result **/
|
||||
ol.result > li{
|
||||
font-size: 16px;
|
||||
ol.result > li {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
font-weight:normal;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
ol.result > li:nth-child(1){
|
||||
font-size: 23px;
|
||||
line-height: 24px;
|
||||
font-weight:bold;
|
||||
}
|
||||
.result .resultPosition {
|
||||
font-size: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-weight:bold;
|
||||
background-color: #0A004C;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: auto;
|
||||
}
|
||||
ol.result > li:nth-child(1) > .resultPosition{
|
||||
background-color: white;
|
||||
color: #2400FD;
|
||||
}
|
||||
.resultPositionCard {
|
||||
font-size: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-weight:bold;
|
||||
background-color: #0A004C;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
}
|
||||
.card:first-of-type .resultPositionCard{
|
||||
background-color: #2400FD;
|
||||
}
|
||||
.card:first-of-type .candidateName {
|
||||
color: #2400FD;
|
||||
font-weight: normal;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
ol.result > li:nth-child(1) {
|
||||
font-size: 23px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.result .resultPosition {
|
||||
font-size: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-weight: bold;
|
||||
background-color: #0a004c;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: auto;
|
||||
}
|
||||
ol.result > li:nth-child(1) > .resultPosition {
|
||||
background-color: white;
|
||||
color: #2400fd;
|
||||
}
|
||||
.resultPositionCard {
|
||||
font-size: 16px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
font-weight: bold;
|
||||
background-color: #0a004c;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
color: white;
|
||||
}
|
||||
.card:first-of-type .resultPositionCard {
|
||||
background-color: #2400fd;
|
||||
}
|
||||
.card:first-of-type .candidateName {
|
||||
color: #2400fd;
|
||||
}
|
||||
.candidateName {
|
||||
color: #0a004c;
|
||||
}
|
||||
.candidateName {
|
||||
color: #0A004C;
|
||||
}
|
||||
.collapsed > .panel-title .openIcon {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
.collapsed > .panel-title .closeIcon {
|
||||
display: inline-block;
|
||||
display: inline-block;
|
||||
}
|
||||
.panel-title .closeIcon {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
.median {
|
||||
border-width: 0 3px 0 0;
|
||||
border-style: dashed;
|
||||
border-color: #000;
|
||||
min-height: 40px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.linkResult a {
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
color: #8F88BA;
|
||||
text-decoration: none;
|
||||
}
|
||||
border-width: 0 3px 0 0;
|
||||
border-style: dashed;
|
||||
border-color: #000;
|
||||
min-height: 40px;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.linkResult a {
|
||||
font-weight: bold;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
color: #8f88ba;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 620px) {
|
||||
.resultPage {
|
||||
background-image: none;
|
||||
}
|
||||
.sectionHeaderResult {
|
||||
padding: 24px;
|
||||
}
|
||||
.sectionHeaderResult h3 {
|
||||
text-align: left;
|
||||
}
|
||||
.sectionHeaderResult .row {
|
||||
margin: 0px;
|
||||
}
|
||||
.sectionHeaderResultSideCol {
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionContentResult {
|
||||
padding: 0px 24px;
|
||||
width: 100%;
|
||||
}
|
||||
.btn-result {
|
||||
margin: auto;
|
||||
}
|
||||
.btn-result p {
|
||||
margin: auto;
|
||||
}
|
||||
.column {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.resultPage {
|
||||
background-image: none;
|
||||
}
|
||||
.sectionHeaderResult {
|
||||
padding: 24px;
|
||||
}
|
||||
.sectionHeaderResult h3 {
|
||||
text-align: left;
|
||||
}
|
||||
.sectionHeaderResult .row {
|
||||
margin: 0px;
|
||||
}
|
||||
.sectionHeaderResultSideCol {
|
||||
padding: 0px;
|
||||
}
|
||||
.sectionContentResult {
|
||||
padding: 0px 24px;
|
||||
width: 100%;
|
||||
}
|
||||
.btn-result {
|
||||
margin: auto;
|
||||
}
|
||||
.btn-result p {
|
||||
margin: auto;
|
||||
}
|
||||
.column {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in new issue