summaryrefslogtreecommitdiffstats
path: root/modules-available/dozmod/style.css
diff options
context:
space:
mode:
authorChristian Klinger2016-07-26 14:47:53 +0200
committerChristian Klinger2016-07-26 14:47:53 +0200
commit3d86ea325a17f558fe60ba12edf090745ffdd655 (patch)
treef6f53ba03ec130fa2449deb5187b63f35712a5ec /modules-available/dozmod/style.css
parentMerge branch 'feature/baseconfig-extra-types' into modularization (diff)
downloadslx-admin-3d86ea325a17f558fe60ba12edf090745ffdd655.tar.gz
slx-admin-3d86ea325a17f558fe60ba12edf090745ffdd655.tar.xz
slx-admin-3d86ea325a17f558fe60ba12edf090745ffdd655.zip
dozmod runtimeconfig.
Diffstat (limited to 'modules-available/dozmod/style.css')
-rw-r--r--modules-available/dozmod/style.css75
1 files changed, 75 insertions, 0 deletions
diff --git a/modules-available/dozmod/style.css b/modules-available/dozmod/style.css
new file mode 100644
index 00000000..c6975d3e
--- /dev/null
+++ b/modules-available/dozmod/style.css
@@ -0,0 +1,75 @@
+
+
+input[type=checkbox] {
+ border: 2px solid green !important;
+}
+
+/* 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;
+}
+
+
+.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: "FontAwesome";
+ content: "\f00c";
+}
+
+
+input[type="checkbox"].styled:checked + label:after {
+ font-family: 'FontAwesome';
+ content: "\f00c";
+}
+input[type="checkbox"] .styled:checked + label::before {
+ color: #fff;
+}
+input[type="checkbox"] .styled:checked + label::after {
+ color: #fff;
+}