Newer
Older
/*This file is part of the project Pinsis-Portal.
Copyright (C),2018, by C3SL(Centro de Computação Científica e
Software Live)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.*/
@import '../../sass/styles';
.register-page {
hyphens: auto;
font-family: $font-default;
color: $text-dark;
h2 {
font-family: $font-header;
font-weight: bolder;
}
}
input {
color:$text-dark;
font-size: 20px;
border-color: #9d9d9d;
border-radius: 4px;
border-style: solid;
width: 90%;
height: 45px;
padding-left: 10px;
padding-right: 10px;
.register-equipment {
width:100%;
background-color: $bg-default;
.home-cta {
margin-bottom: $spacing-m;
}
@media screen and (max-width: $break-small) {
padding: $spacing-m 0;
}
}
.home-cta {
color: $text-dark;
font-family: $open;
font-size: 20px;
line-height: 1.1em;
}
.text-input {
font-family: $font-header;
font-size: 20px;
padding: 5px 10px 5px 10px;
border-radius: 4px;
width: 47%;
display: inline-block;
margin-right: 10px;
@media only screen and (max-width: $break-small+80px) {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
border: 2px solid $text-dark;
}
.submit-button {
color: $text-light;
background-color: $bg-secondary;
text-align: center;
border-style: none;
border-radius: 4px;
cursor: pointer;
&:hover {
text-decoration: none;
background:$dark-purple;
}
@media only screen and (max-width: $break-small+80px) {
width: 80%;
margin-left: 5%;
margin-right: 5%;
}
}
.options {
color: $text-light;
background-color: $bg-secondary;
text-align: center;
padding: 5px 20px;
margin-top:20px;
margin-left:2%;
margin-right:2%;
width: 27%;
border-style: none;
border-radius: 4px;
}
&:last-of-type {
margin-right:0px;
}
&:hover {
text-decoration: none;
background:$dark-purple;
}
@media only screen and (max-width: $break-small+80px) {
width: 80%;
margin-left: 5%;
margin-right: 5%;
}
.selected-image {
font-size: 20px;
margin-top:20px;
margin-left:10px;
color: $dark-purple;
.label {
display: none;