1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-12-23 21:03:14 +00:00
not-gwent-online/site/client/assets/sass/_form.scss
2015-06-23 16:24:49 +02:00

113 lines
1.6 KiB
SCSS

.icon-action-load {
background: url(../img/action-load.gif) no-repeat;
width: 16px;
height: 16px;
float: right;
margin: 5px -7px 0 7px;
display: none;
}
.form-session {
float: left;
}
.field-session {
float: left;
padding: 10px 20px;
border: 0;
color: #8798ac;
font-size: 16px;
margin: 0 10px 0 0;
height: 48px;
width: 220px;
@include secondGradient();
.container-form-landing & {
width: 170px;
}
}
.wrap-btn-action {
float: left;
padding: 10px 20px;
cursor: pointer;
height: 48px;
@include mainGradient();
@include transition(box-shadow);
&:hover {
box-shadow: 0 0 10px 0 rgba($main, .8);
}
}
.btn-action {
color: #fff;
font-size: 16px;
font-weight: 400;
border: 0;
background: transparent;
cursor: pointer;
float: left;
text-transform: uppercase;
}
.btn-second,
.btn-none {
color: #fff;
font-size: 16px;
font-weight: 400;
border: 0;
padding: 10px 20px;
float: left;
position: relative;
cursor: pointer;
height: 48px;
text-transform: uppercase;
text-decoration: none;
@include secondGradient();
@include transition();
}
.btn-second {
&:hover {
box-shadow: 0 0 10px 0 rgba(#fff, .1);
}
}
.btn-none {
background: transparent;
color: #8798ac;
&:hover {
color: #fff;
}
}
::-webkit-input-placeholder {
color: darken(#8798ac, 10%);
}
:-moz-placeholder {
color: darken(#8798ac, 10%);
opacity: 1;
}
::-moz-placeholder {
color: darken(#8798ac, 10%);
opacity: 1;
}
:-ms-input-placeholder {
color: darken(#8798ac, 10%);
}
.form-error {
float: left;
clear: both;
color: #c64b4b;
font-size: 15px;
margin: 20px 0;
display: none;
}