diff options
author | Hendrik Leppelsack <hendrik@leppelsack.de> | 2015-09-15 20:26:24 +0200 |
---|---|---|
committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2015-09-16 09:06:05 +0200 |
commit | 88bc4780557124c4cef62a72688b2f972a0d8c42 (patch) | |
tree | 27900dd75de8297dc187edec71d30b2e65db57b4 /core/css | |
parent | 7ccd02ec952193fe61505e9ceafe5b96649e26fb (diff) | |
download | nextcloud-server-88bc4780557124c4cef62a72688b2f972a0d8c42.tar.gz nextcloud-server-88bc4780557124c4cef62a72688b2f972a0d8c42.zip |
use label:before instead of label
Diffstat (limited to 'core/css')
-rw-r--r-- | core/css/styles.css | 38 |
1 files changed, 21 insertions, 17 deletions
diff --git a/core/css/styles.css b/core/css/styles.css index 2d1a4517f07..2ec5129a1c5 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -166,33 +166,34 @@ input[type="checkbox"] { display: none; } -input[type="checkbox"] + label { - background: url('../img/actions/checkbox.svg') no-repeat; - opacity: 0.7; +input[type="checkbox"] + label:before { + content: ""; + display: inline-block; + + height: 20px; + width: 20px; + vertical-align: middle; + + background: url('../img/actions/checkbox.svg') left center no-repeat; + opacity: 0.7; } -input[type="checkbox"] + label.white { - background: url('../img/actions/checkbox-white.svg') no-repeat; +input[type="checkbox"].white + label:before { + background-image: url('../img/actions/checkbox-white.svg'); } -input[type="checkbox"]:checked + label { - background: url('../img/actions/checkbox-checked.svg') no-repeat; - opacity: 0.7; +input[type="checkbox"]:checked + label:before { + background-image: url('../img/actions/checkbox-checked.svg'); } -input[type="checkbox"]:checked + label.white { - background: url('../img/actions/checkbox-checked-white.svg') no-repeat; +input[type="checkbox"].white:checked + label:before { + background-image: url('../img/actions/checkbox-checked-white.svg'); } -input[type="checkbox"] + label, -input[type="checkbox"] + label.white, -input[type="checkbox"]:checked + label, -input[type="checkbox"]:checked + label.white { - background-position: left; - padding-left: 20px; +input[type="checkbox"]:hover+label:before, input[type="checkbox"]:focus+label:before { + color:#111 !important; } -input[type="checkbox"]:hover+label, input[type="checkbox"]:focus+label { color:#111 !important; } input[type="time"] { width: initial; height: 31px; @@ -705,6 +706,9 @@ label.infield { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; opacity: .3; } +#show + label:before, #dbpassword + label:before, #personal-show + label:before { + display: none; +} #pass2, input[name="personal-password-clone"] { padding: .6em 2.5em .4em .4em; width: 8em; |