... |
... |
@@ -105,21
+105,17 @@ |
105 |
105 |
color: #0cf !important; |
106 |
106 |
} |
107 |
107 |
.jQButton { |
|
108 |
+ width:12%; |
108 |
108 |
color: #fff; |
109 |
109 |
background-color: #3480AD;/*#f0f0f3*/ |
110 |
110 |
text-align: center; |
111 |
111 |
display: inline-block; |
112 |
|
- border-radius: 4px; |
113 |
|
- padding: 4px 10px 4px 25px; |
114 |
|
- font-size: 15px |
115 |
|
- margin: auto; |
116 |
|
- margin-bottom: 5px; |
117 |
|
- -moz-user-select: -moz-none; |
118 |
|
- -khtml-user-select: none; |
119 |
|
- -webkit-user-select: none; |
120 |
|
- -ms-user-select: none; |
121 |
121 |
user-select: none; |
|
114 |
+ border-radius: 16px; |
|
115 |
+ padding: 4px 4px 4px 4px; |
|
116 |
+ font-size: 15px |
122 |
122 |
} |
|
118 |
+ |
123 |
123 |
.jQButton[active=false] { |
124 |
124 |
background-color: #a7a7a7; |
125 |
125 |
} |
... |
... |
@@ -129,19
+129,6 @@ |
129 |
129 |
.jQButton[active=false]:hover { |
130 |
130 |
background-color: #676767; |
131 |
131 |
} |
132 |
|
-.jQButton .jQButton-icon::before { |
133 |
|
- font-family: "FontAwesome"; |
134 |
|
- font-size: 14px; |
135 |
|
- font-weight: 400; |
136 |
|
- content: "\f046"; |
137 |
|
-} |
138 |
|
-.jQButton[active=false] .jQButton-icon::before { |
139 |
|
- content: "\f096"; |
140 |
|
-} |
141 |
|
-.jQButton-icon { |
142 |
|
- position: absolute; |
143 |
|
- margin-left: -12px; |
144 |
|
-} |
145 |
145 |
</style> |
146 |
146 |
|
147 |
147 |
<script> |
... |
... |
@@ -784,12
+784,12 @@ |
784 |
784 |
<div class="d-none d-md-block col-lg-12 card-main"> |
785 |
785 |
<div class="well" > |
786 |
786 |
<div id="jQButtons"> |
787 |
|
- <div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span> Designer</div> |
788 |
|
- <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span> Datenquellen</div> |
789 |
|
- <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span> Statusverarbeitung</div> |
790 |
|
- <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span> Abschlusseite</div> |
791 |
|
- <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span> Posteingang</div> |
792 |
|
- <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span> Anderes</div> |
|
770 |
+ <div id="jQBtn1" class="jQButton" group="Designer" active="true">Designer</div> |
|
771 |
+ <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true">Datenquellen</div> |
|
772 |
+ <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true">Statusverarbeitung</div> |
|
773 |
+ <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true">Abschlusseite</div> |
|
774 |
+ <div id="jQBtn1" class="jQButton" group="Posteingang" active="true">Posteingang</div> |
|
775 |
+ <div id="jQBtn1" class="jQButton" group="Anderes" active="true">Anderes</div> |
793 |
793 |
</div> |
794 |
794 |
<div id="jQArea"> |
795 |
795 |
</div> |