| ... |
... |
@@ -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 22px; |
| 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: -11px; |
| 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> |