YunoHost/SSOwat
1
0
Fork 0
mirror of https://github.com/YunoHost/SSOwat.git synced 2024-09-03 20:06:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

Minor changes to the transitions on the input fields

Browse source
This commit is contained in:
ancom 2016-05-18 18:06:28 +02:00
parent 4b911bdad3
commit a092daf7c9
1 changed files with 22 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
portal/assets/css/ynh-style.css
View file

@ -347,6 +347,7 @@ textarea {
.listing-apps a:active:before { .listing-apps a:active:before {
height: 8px; height: 8px;
} }
.listing-apps a:active:after { .listing-apps a:active:after {
width: 8px; width: 8px;
} }
@ -446,14 +447,17 @@ textarea {
font-weight: normal; font-weight: normal;
color: #b4b4b4; color: #b4b4b4;
opacity: 0; opacity: 0;
-webkit-transition: all .1s ease; -webkit-transition: .1s ease;
transition: all .1s ease; transition: .1s ease;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
} }
.user-container-edit:hover:after, .user-container-edit:hover:after,
.user-container-password:hover:after { .user-container-password:hover:after {
left: -20px;
opacity: 1; opacity: 1;
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
@ -485,8 +489,8 @@ textarea {
font-family: 'ynh_ssowat'; font-family: 'ynh_ssowat';
text-align: center; text-align: center;
color: #dedede; color: #dedede;
-webkit-transition: all .1s ease; -webkit-transition: color .1s ease;
transition: all .1s ease; transition: color .1s ease;
} }
.user-container:hover:before { .user-container:hover:before {
@ -502,7 +506,7 @@ textarea {
display: block; display: block;
font-size: 1em; font-size: 1em;
font-family: 'source_sans_proregular', Arial, sans-serif; font-family: 'source_sans_proregular', Arial, sans-serif;
margin-top: -0.6em; margin-top: -.6em;
} }
.user-container-info .user-username:after { .user-container-info .user-username:after {
@ -513,11 +517,11 @@ textarea {
vertical-align: text-top; vertical-align: text-top;
margin-left: .5em; margin-left: .5em;
opacity: 0; opacity: 0;
font-family: 'ynh_ssowat';
font-size: .8em; font-size: .8em;
font-family: 'ynh_ssowat';
color: #b4b4b4; color: #b4b4b4;
-webkit-transition: all .1s ease; -webkit-transition: opacity .1s ease;
transition: all .1s ease; transition: opacity .1s ease;
} }
.user-container-info:hover .user-username:after { .user-container-info:hover .user-username:after {
@ -548,8 +552,8 @@ textarea {
z-index: 1; z-index: 1;
padding: 1.25em 1em; padding: 1.25em 1em;
color: #999; color: #999;
-webkit-transition: all .1s ease; -webkit-transition: color .2s ease;
transition: all .1s ease; transition: color .2s ease;
} }
.user-menu a:hover, .user-menu a:hover,
@ -644,12 +648,12 @@ label {
label + .help-link { label + .help-link {
display: inline-block; display: inline-block;
padding: .3em 1em; padding: .3em 1em;
background: #41444f; background: transparent;
font-weight: bold; font-weight: bold;
font-size: 1.2em; font-size: 1.2em;
color: #fff; color: #fff;
-webkit-transition: all .1s ease; -webkit-transition: background .1s ease;
transition: all .1s ease; transition: background .1s ease;
} }
label + .help-link:hover { label + .help-link:hover {
@ -670,8 +674,8 @@ label + .help-link:hover {
border: 0; border: 0;
background: #797b83; background: #797b83;
color: #fff; color: #fff;
-webkit-transition: all .1s ease; -webkit-transition: background .1s ease;
transition: all .1s ease; transition: background .1s ease;
} }
.form-test:-moz-placeholder { .form-test:-moz-placeholder {
@ -739,8 +743,8 @@ input:disabled {
text-decoration: none; text-decoration: none;
color: #FFF; color: #FFF;
cursor: pointer; cursor: pointer;
-webkit-transition: all .1s ease; -webkit-transition: background .1s ease;
transition: all .1s ease; transition: background .1s ease;
} }
.large-btn { .large-btn {