Various fixes guest css
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv)
parent
2c9d7eeb76
commit
61442e2c33
|
|
@ -37,11 +37,8 @@ p.info a,
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
#remember_login:hover+label,
|
#remember_login:hover+label,
|
||||||
#remember_login:focus+label,
|
|
||||||
#forgot-password:hover,
|
#forgot-password:hover,
|
||||||
#forgot-password:focus,
|
p.info a:hover {
|
||||||
p.info a:hover,
|
|
||||||
p.info a:focus {
|
|
||||||
opacity: .6;
|
opacity: .6;
|
||||||
}
|
}
|
||||||
em {
|
em {
|
||||||
|
|
@ -68,7 +65,7 @@ h3 {
|
||||||
padding-top: 100px;
|
padding-top: 100px;
|
||||||
}
|
}
|
||||||
#header .logo {
|
#header .logo {
|
||||||
background-image: url(../img/logo-icon.svg?v=1);
|
background-image: url('../img/logo-icon.svg?v=1');
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 175px;
|
background-size: 175px;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
|
@ -180,113 +177,63 @@ button.primary {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Radio and Checkbox */
|
/* Checkboxes */
|
||||||
input[type="checkbox"].checkbox {
|
input[type='checkbox'].checkbox {
|
||||||
position: absolute;
|
height:1px;
|
||||||
left:-10000px;
|
left:-10000px;
|
||||||
top: auto;
|
overflow:hidden;
|
||||||
width: 1px;
|
position:absolute;
|
||||||
height: 1px;
|
top:auto;
|
||||||
overflow: hidden;
|
width:1px;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox + label:before {
|
input[type='checkbox'].checkbox + label {
|
||||||
content: "";
|
user-select:none;
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
vertical-align: middle;
|
|
||||||
|
|
||||||
background: url('../img/actions/checkbox.svg') left top no-repeat;
|
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox:disabled +label:before { opacity: .6; }
|
input[type='checkbox'].checkbox:disabled + label,
|
||||||
input[type="checkbox"].checkbox.u-left +label:before { float: left; }
|
input[type='checkbox'].checkbox:disabled + label:before {
|
||||||
input[type="checkbox"].checkbox.u-hidden + label:before { display: none; }
|
cursor:default;
|
||||||
input[type="checkbox"].checkbox:checked + label:before {
|
|
||||||
background-image: url('../img/actions/checkbox-checked.svg');
|
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox:indeterminate + label:before {
|
input[type='checkbox'].checkbox + label:before {
|
||||||
background-image: url('../img/actions/checkbox-mixed.svg');
|
background-position:center;
|
||||||
|
border:1px solid #888;
|
||||||
|
border-radius:1px;
|
||||||
|
content:'';
|
||||||
|
display:inline-block;
|
||||||
|
height:10px;
|
||||||
|
margin:3px;
|
||||||
|
margin-top:1px;
|
||||||
|
vertical-align:middle;
|
||||||
|
width:10px;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox:disabled + label:before {
|
input[type='checkbox'].checkbox--white:not(:disabled):not(:checked) + label:hover:before,
|
||||||
background-image: url('../img/actions/checkbox-disabled.svg');
|
input[type='checkbox'].checkbox--white:focus + label:before {
|
||||||
|
border-color:#fff;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox:checked:disabled + label:before {
|
input[type='checkbox'].checkbox--white:checked + label:before,
|
||||||
background-image: url('../img/actions/checkbox-checked-disabled.svg');
|
input[type='checkbox'].checkbox--white.checkbox:indeterminate + label:before {
|
||||||
|
border-color:#fff;
|
||||||
|
background-color: #eee;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox:indeterminate:disabled + label:before {
|
input[type='checkbox'].checkbox--white:disabled + label:before {
|
||||||
background-image: url('../img/actions/checkbox-mixed-disabled.svg');
|
background-color:#666;
|
||||||
|
border-color:#999;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox--white + label:before {
|
input[type='checkbox'].checkbox--white:checked:disabled + label:before {
|
||||||
background-image: url('../img/actions/checkbox-white.svg');
|
border-color:#666;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox--white:checked + label:before {
|
input[type='checkbox'].checkbox--white:checked + label:before {
|
||||||
background-image: url('../img/actions/checkbox-checked-white.svg');
|
background-image:url('../img/actions/checkbox-mark-white.svg');
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox--white:indeterminate + label:before {
|
input[type='checkbox'].checkbox--white:indeterminate + label:before {
|
||||||
background-image: url('../img/actions/checkbox-mixed-white.svg');
|
background-image:url('../img/actions/checkbox-mixed-white.svg');
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox--white:disabled + label:before {
|
input[type='checkbox'].checkbox--white:indeterminate:disabled + label:after {
|
||||||
background-image: url('../img/actions/checkbox-disabled-white.svg');
|
background-color:#aaa;
|
||||||
|
border-color:#888;
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox--white:checked:disabled + label:before {
|
input[type='checkbox'].checkbox--white + label:before,
|
||||||
background-image: url('../img/actions/checkbox-checked-disabled.svg');
|
input[type='checkbox'].checkbox--white:checked:disabled + label:after {
|
||||||
}
|
border-color:#aaa;
|
||||||
input[type="checkbox"].checkbox--white:indeterminate:disabled + label:before {
|
|
||||||
background-image: url('../img/actions/checkbox-mixed-disabled.svg');
|
|
||||||
}
|
|
||||||
input[type="checkbox"].checkbox:hover+label:before, input[type="checkbox"]:focus+label:before {
|
|
||||||
color:#111 !important;
|
|
||||||
}
|
|
||||||
input[type="checkbox"]+label {
|
|
||||||
position: relative;
|
|
||||||
margin: 0;
|
|
||||||
padding: 14px;
|
|
||||||
vertical-align: middle;
|
|
||||||
-webkit-user-select: none;
|
|
||||||
-moz-user-select: none;
|
|
||||||
-ms-user-select: none;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type="radio"].radio {
|
|
||||||
position: absolute;
|
|
||||||
left:-10000px;
|
|
||||||
top: auto;
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
input[type="radio"].radio + label:before {
|
|
||||||
content: "";
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
height: 20px;
|
|
||||||
width: 20px;
|
|
||||||
vertical-align: middle;
|
|
||||||
|
|
||||||
background: url('../img/actions/radio.svg') left top no-repeat;
|
|
||||||
}
|
|
||||||
input[type="radio"].radio:checked + label:before {
|
|
||||||
background-image: url('../img/actions/radio-checked.svg');
|
|
||||||
}
|
|
||||||
input[type="radio"].radio:disabled + label:before {
|
|
||||||
background-image: url('../img/actions/radio-disabled.svg');
|
|
||||||
}
|
|
||||||
input[type="radio"].radio:checked:disabled + label:before {
|
|
||||||
background-image: url('../img/actions/radio-checked-disabled.svg');
|
|
||||||
}
|
|
||||||
input[type="radio"].radio--white + label:before {
|
|
||||||
background-image: url('../img/actions/radio-white.svg');
|
|
||||||
}
|
|
||||||
input[type="radio"].radio--white:checked + label:before {
|
|
||||||
background-image: url('../img/actions/radio-checked-white.svg');
|
|
||||||
}
|
|
||||||
input[type="radio"].radio--white:disabled + label:before {
|
|
||||||
background-image: url('../img/actions/radio-disabled.svg');
|
|
||||||
}
|
|
||||||
input[type="radio"].radio--white:checked:disabled + label:before {
|
|
||||||
background-image: url('../img/actions/radio-checked-disabled.svg');
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* keep the labels for screen readers but hide them since we use placeholders */
|
/* keep the labels for screen readers but hide them since we use placeholders */
|
||||||
|
|
@ -573,8 +520,15 @@ p.info {
|
||||||
|
|
||||||
/* Icons */
|
/* Icons */
|
||||||
.icon-info-white {
|
.icon-info-white {
|
||||||
background-image: url(../img/actions/info-white.svg?v=1);
|
background-image: url('../img/actions/info-white.svg?v=2');
|
||||||
}
|
}
|
||||||
|
.icon-confirm {
|
||||||
|
background-image: url('../img/actions/confirm.svg?v=2');
|
||||||
|
}
|
||||||
|
.icon-confirm-white {
|
||||||
|
background-image: url('../img/actions/confirm-white.svg?v=2');
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Loading */
|
/* Loading */
|
||||||
.float-spinner {
|
.float-spinner {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue