diff options
author | Petr Vobornik <pvoborni@redhat.com> | 2013-10-17 10:52:59 +0200 |
---|---|---|
committer | Martin Kosek <mkosek@redhat.com> | 2014-01-21 12:04:02 +0100 |
commit | 9a7e65100c4d193248ef19d5a79300e14c99fabc (patch) | |
tree | 6a4158a7848b4960f3ea102bc028d6f1bcda5824 /install/ui/less/forms-override.less | |
parent | a85cda36070bb7279e1248342b8eb1b1e19a12a5 (diff) | |
download | freeipa-9a7e65100c4d193248ef19d5a79300e14c99fabc.tar.gz freeipa-9a7e65100c4d193248ef19d5a79300e14c99fabc.tar.xz freeipa-9a7e65100c4d193248ef19d5a79300e14c99fabc.zip |
New checkboxes and radio styles
https://fedorahosted.org/freeipa/ticket/3904
Diffstat (limited to 'install/ui/less/forms-override.less')
-rw-r--r-- | install/ui/less/forms-override.less | 91 |
1 files changed, 91 insertions, 0 deletions
diff --git a/install/ui/less/forms-override.less b/install/ui/less/forms-override.less new file mode 100644 index 000000000..986a86d6f --- /dev/null +++ b/install/ui/less/forms-override.less @@ -0,0 +1,91 @@ +/* Authors: + * UXD team + * Petr Vobornik <pvoborni@redhat.com> + * + * Copyright (C) 2013 Red Hat + * see file 'COPYING' for use and warranty information + * + * 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 <http://www.gnu.org/licenses/>. +*/ + +// This file contains overrides of reference RCUE implementation to comply +// with IPA design + +/* Checkboxes and Radios */ +input[type="checkbox"], +input[type="radio"] { + display: none; +} + +input[type="checkbox"] + label, +input[type="radio"] + label { + display: inline-block; + margin: 4px; + padding: 0 24px; + background-repeat: no-repeat; + background-position: center left; +} + +input[type="checkbox"] + label { + background-image: url('../img/checkbutton-background.png'); +} + +input[type="checkbox"]:hover + label { + background-image: url('../img/checkbutton-background-hover.png'); +} + +input[type="checkbox"]:checked + label { + background-image: url('../img/checkbutton-background-selected.png'); +} + +input[type="checkbox"]:disabled + label { + background-image: url('../img/checkbutton-background-disabled.png'); +} + +input[type="checkbox"]:checked:disabled + label { + background-image: url('../img/checkbutton-background-selected-disabled.png'); +} + +input[type="radio"] + label { + background-image: url('../img/radiobutton-background.png'); +} + +input[type="radio"]:hover + label { + background-image: url('../img/radiobutton-background-hover.png'); +} + +input[type="radio"]:checked + label { + background-image: url('../img/radiobutton-background-selected.png'); +} + +input[type="radio"]:disabled + label { + background-image: url('../img/radiobutton-background-disabled.png'); +} + +input[type="radio"]:checked:disabled + label { + background-image: url('../img/radiobutton-background-selected-disabled.png'); +} + +.form-horizontal { + + // lower radio's label width to keep it aligned with other labels when + // radio is part of form label + + input[type="radio"] + .control-label, + input[type="radio"] + .control-label { + width: 144px; + padding: 3px 0 0 16px; + margin: 0 0 3px 0; + } +}
\ No newline at end of file |