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.
153 lines
3.7 KiB
153 lines
3.7 KiB
@font-face {
|
|
font-family: "titleFont";
|
|
src: url("../fonts/Rockwill.otf");
|
|
font-weight: bold;
|
|
}
|
|
|
|
.form-section {
|
|
border: rgb(186, 190, 197) 0.5px solid;
|
|
min-height: 690px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
margin: auto;
|
|
max-width: 400px;
|
|
position: relative;
|
|
}
|
|
|
|
.form-section h2 {
|
|
font-size: 24pt;
|
|
font-weight: 800;
|
|
line-height: 32px;
|
|
margin-bottom: 17px;
|
|
margin-top: 20px;
|
|
color: rgb(57, 58, 61);
|
|
}
|
|
|
|
.title-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
font-size: medium;
|
|
font-family: "titleFont";
|
|
color: rgb(186, 190, 197);
|
|
}
|
|
|
|
.title-section a {
|
|
font-size: 30pt;
|
|
text-decoration: none;
|
|
color: rgb(7, 7, 154);
|
|
}
|
|
|
|
.title-section a img {
|
|
margin: auto !important;
|
|
height: 80px !important;
|
|
max-width: 80px !important;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sign-in-gbutton {
|
|
padding: 0px 10px;
|
|
background: rgb(255, 255, 255);
|
|
border: 2px solid rgb(186, 190, 197);
|
|
border-radius: 2px;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
max-width: 310px;
|
|
height: inherit;
|
|
margin: 20px;
|
|
max-height: 45px;
|
|
cursor: pointer;
|
|
color: rgb(57, 58, 61);
|
|
}
|
|
|
|
.sign-in-gbutton-colored {
|
|
padding: 0px 10px;
|
|
background: rgb(7, 7, 154);
|
|
border: 1px solid rgb(186, 190, 197);
|
|
border-radius: 2px;
|
|
white-space: nowrap;
|
|
color: white;
|
|
width: 50%;
|
|
max-width: 310px;
|
|
height: 40px;
|
|
margin: 20px;
|
|
max-height: 45px;
|
|
cursor: pointer;
|
|
transition: width 1.5s ease;
|
|
}
|
|
|
|
.sign-in-gbutton-colored div > i {
|
|
width: 20px;
|
|
margin: 5px;
|
|
background-repeat: no-repeat;
|
|
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAwYzIuNzk2IDAgNC44OTMgMi4xODQgNC45OTYgNS4yNjJMMTMgNS41VjdoMWEyIDIgMCAwIDEgMiAydjlhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWOWEyIDIgMCAwIDEgMi0yaDFWNS41QzMgMi4yOTggNS4xMzMgMCA4IDBabTYgOUgydjloMTJWOVptLTYgMmEyIDIgMCAwIDEgMS4wMDEgMy43MzJMOSAxNS4yYzAgLjQ0Mi0uNDQ4LjgtMSAuOC0uNTEzIDAtLjkzNi0uMzA5LS45OTMtLjcwN0w3IDE1LjJ2LS40NjhBMiAyIDAgMCAxIDggMTFabTAtOUM2LjMzMiAyIDUuMDg4IDMuMjc3IDUuMDA1IDUuMjgyTDUgNS41VjdoNlY1LjVDMTEgMy4zNyA5LjcyOCAyIDggMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
|
|
}
|
|
|
|
.sign-in-gbutton-colored:hover {
|
|
width: 100%;
|
|
}
|
|
|
|
.sign-in-gbutton-title {
|
|
font-size: 15px;
|
|
margin: 7px;
|
|
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
|
|
}
|
|
|
|
.sign-in-gbutton-image {
|
|
height: 35px;
|
|
}
|
|
|
|
.line-styled-div ::before,
|
|
.line-styled-div ::after {
|
|
content: "";
|
|
position: absolute;
|
|
border-bottom: 2px solid rgb(186, 190, 197);
|
|
width: 150px;
|
|
}
|
|
|
|
.line-styled-div ::before {
|
|
margin: 7px 40px;
|
|
}
|
|
|
|
.line-styled-div ::after {
|
|
margin: 7px -190px;
|
|
}
|
|
|
|
.line-styled-div span {
|
|
position: relative;
|
|
display: inline-block;
|
|
color: rgb(186, 190, 197);
|
|
font: 1em sans-serif;
|
|
}
|
|
|
|
.tab button {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: rgb(132, 134, 139);
|
|
background-color: inherit;
|
|
float: left;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 14px 16px;
|
|
transition: 0.3s;
|
|
min-width: 180px;
|
|
}
|
|
|
|
.tab button :hover {
|
|
border-bottom: 1px solid rgb(7, 7, 154);
|
|
}
|
|
|
|
.tab button.active {
|
|
border-bottom: 3px solid rgb(7, 7, 154);
|
|
}
|
|
|
|
.tabcontent {
|
|
display: none;
|
|
padding: 6px 12px;
|
|
border: 1px solid #ccc;
|
|
border-top: none;
|
|
}
|
|
|