summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSimon Rettberg2016-09-06 15:38:39 +0200
committerSimon Rettberg2016-09-06 15:38:39 +0200
commit3978b99207a77cd7170a9b8f17e9a2a441136656 (patch)
treeb882e63a8dbc0c3207632a96543f6f252ffdedee
parentscaling orientation now is viewport-center instead of top left position - mag... (diff)
downloadslx-admin-3978b99207a77cd7170a9b8f17e9a2a441136656.tar.gz
slx-admin-3978b99207a77cd7170a9b8f17e9a2a441136656.tar.xz
slx-admin-3978b99207a77cd7170a9b8f17e9a2a441136656.zip
CSS: Make the checkbox style fix global
-rw-r--r--modules-available/dozmod/style.css59
-rw-r--r--style/default.css63
2 files changed, 62 insertions, 60 deletions
diff --git a/modules-available/dozmod/style.css b/modules-available/dozmod/style.css
index 8cc5548d..22d769ed 100644
--- a/modules-available/dozmod/style.css
+++ b/modules-available/dozmod/style.css
@@ -1,62 +1,3 @@
-/* this is based on https://github.com/flatlogic/awesome-bootstrap-checkbox */
-
-.checkbox {
- padding-left: 20px;
-}
-.checkbox label {
- display: inline-block;
- vertical-align: middle;
- position: relative;
- padding-left: 5px;
-}
-.checkbox label::before {
- content: "";
- display: inline-block;
- position: absolute;
- width: 17px;
- height: 17px;
- left: 0;
- margin-left: -20px;
- border: 1px solid #cccccc;
- border-radius: 3px;
- background-color: #fff;
- -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
- -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
- transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-}
-.checkbox label::after {
- display: inline-block;
- position: absolute;
- width: 16px;
- height: 16px;
- left: 0;
- top: 0;
- margin-left: -20px;
- padding-left: 3px;
- padding-top: 1px;
- font-size: 11px;
- color: #555555;
-}
-.checkbox input[type="checkbox"],
-.checkbox input[type="radio"] {
- opacity: 0;
- z-index: 1;
- top: -6px;
-}
-
-
-.checkbox input[type="checkbox"]:focus + label::before,
-.checkbox input[type="radio"]:focus + label::before {
- outline: thin dotted;
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -2px;
-}
-.checkbox input[type="checkbox"]:checked + label::after,
-.checkbox input[type="radio"]:checked + label::after {
- font-family: "Glyphicons Halflings";
- content: "\E013";
-}
-
.witherror {
border: 1px solid red;
}
diff --git a/style/default.css b/style/default.css
index a5450742..06833121 100644
--- a/style/default.css
+++ b/style/default.css
@@ -494,4 +494,65 @@ nav.navbar.sidebar {
.slx-smallsubmenu a {
color: #fff;
-} \ No newline at end of file
+}
+
+/* this is based on https://github.com/flatlogic/awesome-bootstrap-checkbox
+and "fixes" the style of radio buttons and check boxes.
+it only applies if they're in a container that has the checkbox class */
+
+.checkbox {
+ padding-left: 20px;
+}
+.checkbox label {
+ display: inline-block;
+ vertical-align: middle;
+ position: relative;
+ padding-left: 5px;
+}
+.checkbox label::before {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ width: 17px;
+ height: 17px;
+ left: 0;
+ margin-left: -20px;
+ border: 1px solid #cccccc;
+ border-radius: 3px;
+ background-color: #fff;
+ -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+ transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
+}
+.checkbox label::after {
+ display: inline-block;
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ left: 0;
+ top: 0;
+ margin-left: -20px;
+ padding-left: 3px;
+ padding-top: 1px;
+ font-size: 11px;
+ color: #555555;
+}
+.checkbox input[type="checkbox"],
+.checkbox input[type="radio"] {
+ opacity: 0;
+ z-index: 1;
+ top: -6px;
+}
+
+
+.checkbox input[type="checkbox"]:focus + label::before,
+.checkbox input[type="radio"]:focus + label::before {
+ outline: thin dotted;
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+.checkbox input[type="checkbox"]:checked + label::after,
+.checkbox input[type="radio"]:checked + label::after {
+ font-family: "Glyphicons Halflings";
+ content: "\E013";
+}