| @@ -1,25 +1,16 @@ | ||
| 1 | -/** | |
| 2 | - * (c) jSuites Javascript Web Components | |
| 3 | - * | |
| 4 | - * Website: https://jsuites.net | |
| 5 | - * Description: Create amazing web based applications. | |
| 6 | - * | |
| 7 | - * MIT License | |
| 8 | - * | |
| 9 | - */ | |
| 10 | - | |
| 11 | 1 | :root { |
| 12 | - --button-color: #298BA8; | |
| 13 | - --active-color: #007aff; | |
| 14 | - --safe-area-top: env(safe-area-inset-top); | |
| 15 | - --safe-area-bottom: env(safe-area-inset-bottom); | |
| 2 | + --jbutton-color: #298BA8; | |
| 3 | + --jactive-color: #007aff; | |
| 4 | + --jsafe-area-top: env(safe-area-inset-top); | |
| 5 | + --jsafe-area-bottom: env(safe-area-inset-bottom); | |
| 16 | 6 | } |
| 17 | 7 | |
| 18 | -[data-visible="false"] { | |
| 8 | +[data-visible="false"], .row[data-visible="false"] { | |
| 19 | 9 | display: none; |
| 20 | 10 | } |
| 21 | 11 | |
| 12 | + | |
| 22 | 13 | div[data-before]:before { |
| 23 | 14 | content: attr(data-before); |
| 24 | 15 | } |
| 25 | 16 | |
| @@ -24,9 +15,8 @@ | ||
| 24 | 15 | } |
| 25 | 16 | |
| 26 | 17 | .unselectable { |
| 27 | 18 | -webkit-touch-callout: none; |
| 28 | - -webkit-user-select: none; | |
| 29 | 19 | user-select: none; |
| 30 | 20 | } |
| 31 | 21 | |
| 32 | 22 | .jreadonly { |
| @@ -93,9 +83,9 @@ | ||
| 93 | 83 | max-height: 100%; |
| 94 | 84 | min-height: 180px; |
| 95 | 85 | } |
| 96 | 86 | |
| 97 | -.jupload:not(.input):before { | |
| 87 | +.jupload:not(.input):empty:before { | |
| 98 | 88 | content: "\e2c3"; |
| 99 | 89 | font-family: "Material Icons"; |
| 100 | 90 | font-size: 90px; |
| 101 | 91 | color: #eee; |
| @@ -104,9 +94,8 @@ | ||
| 104 | 94 | display: flex; |
| 105 | 95 | align-items: center; |
| 106 | 96 | justify-content: center; |
| 107 | 97 | position: absolute; |
| 108 | - z-index: -1; | |
| 109 | 98 | } |
| 110 | 99 | |
| 111 | 100 | .jupload-item { |
| 112 | 101 | padding-right: 22px; |
| @@ -159,9 +148,9 @@ | ||
| 159 | 148 | padding: 8px; |
| 160 | 149 | margin: 10px; |
| 161 | 150 | |
| 162 | 151 | display: block; |
| 163 | - animation: fadeIn 0.5s; | |
| 152 | + animation: jfadeIn 0.5s; | |
| 164 | 153 | pointer-events: none; |
| 165 | 154 | } |
| 166 | 155 | |
| 167 | 156 | .jtooltip:empty { |
| @@ -167,9 +156,9 @@ | ||
| 167 | 156 | .jtooltip:empty { |
| 168 | 157 | display: none; |
| 169 | 158 | } |
| 170 | 159 | |
| 171 | -@keyframes fadeIn { | |
| 160 | +@keyframes jfadeIn { | |
| 172 | 161 | 0% { |
| 173 | 162 | opacity: 0; |
| 174 | 163 | } |
| 175 | 164 | 100% { |
| @@ -176,137 +165,262 @@ | ||
| 176 | 165 | opacity: 1; |
| 177 | 166 | } |
| 178 | 167 | } |
| 179 | 168 | |
| 169 | +.jpanel { | |
| 170 | + position: absolute; | |
| 171 | + box-sizing: border-box; | |
| 172 | + z-index: 10; | |
| 173 | +} | |
| 174 | + | |
| 175 | +.jpanel:focus { | |
| 176 | + outline: 2px solid black; | |
| 177 | + outline-offset: -1px; | |
| 178 | +} | |
| 179 | + | |
| 180 | +.jpanel-action { | |
| 181 | + position: absolute; | |
| 182 | + width: 8px; | |
| 183 | + height: 8px; | |
| 184 | + background-color: white; | |
| 185 | + border:1px solid black; | |
| 186 | + box-sizing: border-box; | |
| 187 | + pointer-events: auto; | |
| 188 | + z-index: 1000; | |
| 189 | +} | |
| 190 | + | |
| 191 | +.jpanel-action[data-position="n-resize"] { | |
| 192 | + top: -4px; | |
| 193 | + left: calc(50% - 4px); | |
| 194 | +} | |
| 195 | + | |
| 196 | +.jpanel-action[data-position="ne-resize"] { | |
| 197 | + top: -4px; | |
| 198 | + left: calc(100% - 4px); | |
| 199 | +} | |
| 200 | + | |
| 201 | +.jpanel-action[data-position="e-resize"] { | |
| 202 | + top: calc(50% - 4px); | |
| 203 | + left: calc(100% - 4px); | |
| 204 | +} | |
| 205 | + | |
| 206 | +.jpanel-action[data-position="se-resize"] { | |
| 207 | + top: calc(100% - 4px); | |
| 208 | + left: calc(100% - 4px); | |
| 209 | +} | |
| 210 | + | |
| 211 | +.jpanel-action[data-position="s-resize"] { | |
| 212 | + top: calc(100% - 4px); | |
| 213 | + left: calc(50% - 4px); | |
| 214 | +} | |
| 215 | + | |
| 216 | +.jpanel-action[data-position="sw-resize"] { | |
| 217 | + top: calc(100% - 4px); | |
| 218 | + left: -4px; | |
| 219 | +} | |
| 220 | + | |
| 221 | +.jpanel-action[data-position="w-resize"] { | |
| 222 | + top: calc(50% - 4px); | |
| 223 | + left: -4px; | |
| 224 | +} | |
| 225 | + | |
| 226 | +.jpanel-action[data-position="nw-resize"] { | |
| 227 | + top: -4px; | |
| 228 | + left: -4px; | |
| 229 | +} | |
| 230 | + | |
| 231 | +.jpanel-action[data-action="rotate"] { | |
| 232 | + top: -50px; | |
| 233 | + left: calc(50% - 12px); | |
| 234 | + width: 24px; | |
| 235 | + height: 24px; | |
| 236 | + border: 0; | |
| 237 | + cursor: move; | |
| 238 | + background-color: transparent; | |
| 239 | +} | |
| 240 | + | |
| 241 | +.jpanel-action[data-action="rotate"]:before { | |
| 242 | + content: 'refresh'; | |
| 243 | + font-family: 'Material Icons'; | |
| 244 | + font-size: 24px; | |
| 245 | +} | |
| 246 | + | |
| 247 | +.jpanel-action[data-action="rotate"]:after { | |
| 248 | + position: absolute; | |
| 249 | + content: ''; | |
| 250 | + bottom: -22px; | |
| 251 | + left: calc(50%); | |
| 252 | + width: 1px; | |
| 253 | + height: 28px; | |
| 254 | + background-color: black; | |
| 255 | +} | |
| 256 | +/** Loading */ | |
| 257 | +.jloading { | |
| 258 | + position:fixed; | |
| 259 | + z-index:10001; | |
| 260 | + width:100%; | |
| 261 | + left:0; | |
| 262 | + right:0; | |
| 263 | + top:0; | |
| 264 | + bottom:0; | |
| 265 | + background-color: rgba(0,0,0,0.7); | |
| 266 | +} | |
| 267 | + | |
| 268 | +.jloading::after { | |
| 269 | + content:''; | |
| 270 | + display:block; | |
| 271 | + margin:0 auto; | |
| 272 | + margin-top:50vh; | |
| 273 | + width:40px; | |
| 274 | + height:40px; | |
| 275 | + border-style:solid; | |
| 276 | + border-color:white; | |
| 277 | + border-top-color:transparent; | |
| 278 | + border-width:4px; | |
| 279 | + border-radius:50%; | |
| 280 | + animation: jspin .8s linear infinite; | |
| 281 | +} | |
| 282 | + | |
| 283 | +.jloading.jspin { | |
| 284 | + background-color:transparent; | |
| 285 | +} | |
| 286 | + | |
| 287 | +.jloading.jspin::after { | |
| 288 | + margin:0 auto; | |
| 289 | + margin-top:80px; | |
| 290 | + border-color:#aaa; | |
| 291 | + border-top-color:transparent; | |
| 292 | +} | |
| 293 | + | |
| 180 | 294 | /** Animations **/ |
| 181 | -.fade-in { | |
| 182 | - animation: fade-in 2s forwards; | |
| 295 | +.jfade-in { | |
| 296 | + animation: jfade-in 2s forwards; | |
| 183 | 297 | } |
| 184 | 298 | |
| 185 | -.fade-out { | |
| 186 | - animation: fade-out 1s forwards; | |
| 299 | +.jfade-out { | |
| 300 | + animation: jfade-out 1s forwards; | |
| 187 | 301 | } |
| 188 | 302 | |
| 189 | -.slide-left-in { | |
| 303 | +.jslide-left-in { | |
| 190 | 304 | position: relative; |
| 191 | - animation: slide-left-in 0.4s forwards; | |
| 305 | + animation: jslide-left-in 0.4s forwards; | |
| 192 | 306 | } |
| 193 | 307 | |
| 194 | -.slide-left-out { | |
| 308 | +.jslide-left-out { | |
| 195 | 309 | position: relative; |
| 196 | - animation: slide-left-out 0.4s forwards; | |
| 310 | + animation: jslide-left-out 0.4s forwards; | |
| 197 | 311 | } |
| 198 | 312 | |
| 199 | -.slide-right-in { | |
| 313 | +.jslide-right-in { | |
| 200 | 314 | position: relative; |
| 201 | - animation: slide-right-in 0.4s forwards; | |
| 315 | + animation: jslide-right-in 0.4s forwards; | |
| 202 | 316 | } |
| 203 | 317 | |
| 204 | -.slide-right-out { | |
| 318 | +.jslide-right-out { | |
| 205 | 319 | position: relative; |
| 206 | - animation: slide-right-out 0.4s forwards; | |
| 320 | + animation: jslide-right-out 0.4s forwards; | |
| 207 | 321 | } |
| 208 | 322 | |
| 209 | -.slide-top-in { | |
| 323 | +.jslide-top-in { | |
| 210 | 324 | position: relative; |
| 211 | - animation: slide-top-in 0.4s forwards; | |
| 325 | + animation: jslide-top-in 0.4s forwards; | |
| 212 | 326 | } |
| 213 | 327 | |
| 214 | -.slide-top-out { | |
| 328 | +.jslide-top-out { | |
| 215 | 329 | position: relative; |
| 216 | - animation: slide-top-out 0.2s forwards; | |
| 330 | + animation: jslide-top-out 0.2s forwards; | |
| 217 | 331 | } |
| 218 | 332 | |
| 219 | -.slide-bottom-in { | |
| 333 | +.jslide-bottom-in { | |
| 220 | 334 | position: relative; |
| 221 | - animation: slide-bottom-in 0.4s forwards; | |
| 335 | + animation: jslide-bottom-in 0.4s forwards; | |
| 222 | 336 | } |
| 223 | 337 | |
| 224 | -.slide-bottom-out { | |
| 338 | +.jslide-bottom-out { | |
| 225 | 339 | position: relative; |
| 226 | - animation: slide-bottom-out 0.1s forwards; | |
| 340 | + animation: jslide-bottom-out 0.1s forwards; | |
| 227 | 341 | } |
| 228 | 342 | |
| 229 | -.slide-left-in > div { | |
| 343 | +.jslide-left-in > div { | |
| 230 | 344 | -webkit-transform: translateZ(0px); |
| 231 | 345 | -webkit-transform: translate3d(0,0,0); |
| 232 | 346 | } |
| 233 | 347 | |
| 234 | -.slide-left-out > div { | |
| 348 | +.jslide-left-out > div { | |
| 235 | 349 | -webkit-transform: translateZ(0px); |
| 236 | 350 | -webkit-transform: translate3d(0,0,0); |
| 237 | 351 | } |
| 238 | 352 | |
| 239 | -.slide-right-in > div { | |
| 353 | +.jslide-right-in > div { | |
| 240 | 354 | -webkit-transform: translateZ(0px); |
| 241 | 355 | -webkit-transform: translate3d(0,0,0); |
| 242 | 356 | } |
| 243 | 357 | |
| 244 | -.slide-right-out > div { | |
| 358 | +.jslide-right-out > div { | |
| 245 | 359 | -webkit-transform: translateZ(0px); |
| 246 | 360 | -webkit-transform: translate3d(0,0,0); |
| 247 | 361 | } |
| 248 | 362 | |
| 249 | -.spin { | |
| 250 | - animation: spin 2s infinite linear; | |
| 363 | +.jspin { | |
| 364 | + animation: jspin 2s infinite linear; | |
| 251 | 365 | } |
| 252 | 366 | |
| 253 | 367 | /** Fadein and Fadeout **/ |
| 254 | -@keyframes fade-in { | |
| 368 | +@keyframes jfade-in { | |
| 255 | 369 | 0% { opacity: 0; } |
| 256 | 370 | 100% { opacity: 100; } |
| 257 | 371 | } |
| 258 | 372 | |
| 259 | -@keyframes fade-out { | |
| 373 | +@keyframes jfade-out { | |
| 260 | 374 | 0% { opacity: 100; } |
| 261 | 375 | 100% { opacity: 0; } |
| 262 | 376 | } |
| 263 | 377 | |
| 264 | 378 | /** Keyframes Left to Right **/ |
| 265 | -@keyframes slide-left-in { | |
| 379 | +@keyframes jslide-left-in { | |
| 266 | 380 | 0% { left: -100%; } |
| 267 | 381 | 100% { left: 0%; } |
| 268 | 382 | } |
| 269 | 383 | |
| 270 | -@keyframes slide-left-out { | |
| 384 | +@keyframes jslide-left-out { | |
| 271 | 385 | 0% { left: 0%; } |
| 272 | 386 | 100% { left: -100%; } |
| 273 | 387 | } |
| 274 | 388 | |
| 275 | 389 | /** Keyframes Right to Left **/ |
| 276 | -@keyframes slide-right-in { | |
| 390 | +@keyframes jslide-right-in { | |
| 277 | 391 | 0% { left: 100%; } |
| 278 | 392 | 100% { left: 0%; } |
| 279 | 393 | } |
| 280 | 394 | |
| 281 | -@keyframes slide-right-out { | |
| 395 | +@keyframes jslide-right-out { | |
| 282 | 396 | 0% { left: 0%; } |
| 283 | 397 | 100% { left: 100%; } |
| 284 | 398 | } |
| 285 | 399 | |
| 286 | 400 | /** Keyframes Top to Bottom **/ |
| 287 | -@keyframes slide-top-in { | |
| 401 | +@keyframes jslide-top-in { | |
| 288 | 402 | 0% { transform: translateY(-100%); } |
| 289 | 403 | 100% { transform: translateY(0%); } |
| 290 | 404 | } |
| 291 | 405 | |
| 292 | -@keyframes slide-top-out { | |
| 406 | +@keyframes jslide-top-out { | |
| 293 | 407 | 0% { transform: translateY(0%); } |
| 294 | 408 | 100% { transform: translateY(-100%); } |
| 295 | 409 | } |
| 296 | 410 | |
| 297 | 411 | /** Keyframes Bottom to Top **/ |
| 298 | -@keyframes slide-bottom-in { | |
| 412 | +@keyframes jslide-bottom-in { | |
| 299 | 413 | 0% { transform: translateY(100%); } |
| 300 | 414 | 100% { transform: translateY(0%); } |
| 301 | 415 | } |
| 302 | 416 | |
| 303 | -@keyframes slide-bottom-out { | |
| 417 | +@keyframes jslide-bottom-out { | |
| 304 | 418 | 0% { transform: translateY(0%); } |
| 305 | 419 | 100% { transform: translateY(100%); } |
| 306 | 420 | } |
| 307 | 421 | |
| 308 | -@keyframes spin { | |
| 422 | +@keyframes jspin { | |
| 309 | 423 | from { |
| 310 | 424 | transform:rotate(0deg); |
| 311 | 425 | } |
| 312 | 426 | to { |
| @@ -312,9 +426,8 @@ | ||
| 312 | 426 | to { |
| 313 | 427 | transform:rotate(359deg); |
| 314 | 428 | } |
| 315 | 429 | } |
| 316 | - | |
| 317 | 430 | .jcalendar { |
| 318 | 431 | position:absolute; |
| 319 | 432 | z-index:9000; |
| 320 | 433 | display:none; |
| @@ -319,9 +432,8 @@ | ||
| 319 | 432 | z-index:9000; |
| 320 | 433 | display:none; |
| 321 | 434 | box-sizing:border-box; |
| 322 | 435 | -webkit-touch-callout: none; |
| 323 | - -webkit-user-select: none; | |
| 324 | 436 | user-select: none; |
| 325 | 437 | -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 326 | 438 | -webkit-tap-highlight-color: transparent; |
| 327 | 439 | min-width:280px; |
| @@ -367,9 +479,9 @@ | ||
| 367 | 479 | } |
| 368 | 480 | |
| 369 | 481 | .jcalendar-prev { |
| 370 | 482 | cursor:pointer; |
| 371 | - background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z' fill='%23000' /%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E"); | |
| 483 | + background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E"); | |
| 372 | 484 | background-position:center; |
| 373 | 485 | background-repeat:no-repeat; |
| 374 | 486 | } |
| 375 | 487 | |
| @@ -374,9 +486,9 @@ | ||
| 374 | 486 | } |
| 375 | 487 | |
| 376 | 488 | .jcalendar-next { |
| 377 | 489 | cursor:pointer; |
| 378 | - background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z' fill='%23000' /%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3C/svg%3E"); | |
| 490 | + background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z%27 fill=%27%23000%27 /%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3C/svg%3E"); | |
| 379 | 491 | background-position:center; |
| 380 | 492 | background-repeat:no-repeat; |
| 381 | 493 | } |
| 382 | 494 | |
| @@ -424,9 +536,9 @@ | ||
| 424 | 536 | } |
| 425 | 537 | |
| 426 | 538 | .jcalendar-input { |
| 427 | 539 | padding-right:18px; |
| 428 | - background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='gray'%3E%3Cpath d='M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E"); | |
| 540 | + background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27gray%27%3E%3Cpath d=%27M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z%27/%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0z%27/%3E%3C/svg%3E"); | |
| 429 | 541 | background-position:top 50% right 5px; |
| 430 | 542 | background-repeat:no-repeat; |
| 431 | 543 | box-sizing: border-box; |
| 432 | 544 | } |
| @@ -450,9 +562,8 @@ | ||
| 450 | 562 | border:0px; |
| 451 | 563 | padding:4px; |
| 452 | 564 | text-align:center; |
| 453 | 565 | font-size:1.1em; |
| 454 | - -webkit-user-select:none; | |
| 455 | 566 | user-select:none; |
| 456 | 567 | margin-right:10px; |
| 457 | 568 | } |
| 458 | 569 | |
| @@ -466,9 +577,9 @@ | ||
| 466 | 577 | |
| 467 | 578 | .jcalendar-reset, .jcalendar-confirm { |
| 468 | 579 | text-transform:uppercase; |
| 469 | 580 | cursor:pointer; |
| 470 | - color: var(--active-color); | |
| 581 | + color: var(--jactive-color); | |
| 471 | 582 | } |
| 472 | 583 | |
| 473 | 584 | .jcalendar-controls { |
| 474 | 585 | padding:15px; |
| @@ -482,9 +593,9 @@ | ||
| 482 | 593 | .jcalendar-controls div { |
| 483 | 594 | font-weight:bold; |
| 484 | 595 | } |
| 485 | 596 | |
| 486 | -.jcalendar-fullsize { | |
| 597 | +.jcalendar-fullsize { | |
| 487 | 598 | position:fixed; |
| 488 | 599 | width:100%; |
| 489 | 600 | top:0px; |
| 490 | 601 | left:0px; |
| @@ -520,9 +631,8 @@ | ||
| 520 | 631 | .jcalendar-hide-controls .jcalendar-controls { |
| 521 | 632 | display: none; |
| 522 | 633 | } |
| 523 | 634 | |
| 524 | - | |
| 525 | 635 | .jcolor { |
| 526 | 636 | display: none; |
| 527 | 637 | outline: none; |
| 528 | 638 | position: absolute; |
| @@ -529,9 +639,9 @@ | ||
| 529 | 639 | } |
| 530 | 640 | |
| 531 | 641 | .jcolor-input { |
| 532 | 642 | padding-right: 24px !important; |
| 533 | - background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box; | |
| 643 | + background: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z%27/%3E%3C/svg%3E") top 50% right 4px no-repeat, content-box; | |
| 534 | 644 | box-sizing: border-box; |
| 535 | 645 | } |
| 536 | 646 | |
| 537 | 647 | .jcolor-content { |
| @@ -536,9 +646,8 @@ | ||
| 536 | 646 | |
| 537 | 647 | .jcolor-content { |
| 538 | 648 | position: absolute; |
| 539 | 649 | z-index: 9000; |
| 540 | - -webkit-user-select: none; | |
| 541 | 650 | user-select: none; |
| 542 | 651 | -webkit-font-smoothing: antialiased; |
| 543 | 652 | font-size: .875rem; |
| 544 | 653 | letter-spacing: .2px; |
| @@ -562,9 +671,9 @@ | ||
| 562 | 671 | |
| 563 | 672 | .jcolor-controls div { |
| 564 | 673 | flex: 1; |
| 565 | 674 | font-size: 1em; |
| 566 | - color: var(--active-color); | |
| 675 | + color: var(--jactive-color); | |
| 567 | 676 | text-transform: uppercase; |
| 568 | 677 | font-weight: bold; |
| 569 | 678 | box-sizing: border-box; |
| 570 | 679 | } |
| @@ -591,9 +700,9 @@ | ||
| 591 | 700 | .jcolor-selected { |
| 592 | 701 | background-repeat:no-repeat; |
| 593 | 702 | background-size: 16px; |
| 594 | 703 | background-position: center; |
| 595 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='white'/%3E%3C/svg%3E"); | |
| 704 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z%27 fill=%27white%27/%3E%3C/svg%3E"); | |
| 596 | 705 | } |
| 597 | 706 | |
| 598 | 707 | .jcolor-fullscreen { |
| 599 | 708 | position: fixed; |
| @@ -630,9 +739,9 @@ | ||
| 630 | 739 | z-index: 8000; |
| 631 | 740 | display: none; |
| 632 | 741 | |
| 633 | 742 | -webkit-touch-callout: none; /* iOS Safari */ |
| 634 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 743 | +/* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 635 | 744 | user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ |
| 636 | 745 | } |
| 637 | 746 | |
| 638 | 747 | .jcolor-content .jtabs-content { |
| @@ -685,9 +794,9 @@ | ||
| 685 | 794 | padding: 10px 20px 10px 10px; |
| 686 | 795 | } |
| 687 | 796 | |
| 688 | 797 | .jcolor-sliders input { |
| 689 | - -webkit-appearance: none; | |
| 798 | + appearance: none; | |
| 690 | 799 | |
| 691 | 800 | height: 12px; |
| 692 | 801 | width: 80%; |
| 693 | 802 | |
| @@ -721,9 +830,9 @@ | ||
| 721 | 830 | padding: 1px; |
| 722 | 831 | } |
| 723 | 832 | |
| 724 | 833 | .jcolor-sliders-input-container input::-webkit-slider-thumb { |
| 725 | - -webkit-appearance: none; | |
| 834 | + appearance: none; | |
| 726 | 835 | height: 12px; |
| 727 | 836 | width: 12px; |
| 728 | 837 | border-radius: 50%; |
| 729 | 838 | background: #000; |
| @@ -731,9 +840,9 @@ | ||
| 731 | 840 | cursor: pointer; |
| 732 | 841 | } |
| 733 | 842 | |
| 734 | 843 | .jcolor-sliders-input-container input::-moz-range-thumb { |
| 735 | - -webkit-appearance: none; | |
| 844 | + appearance: none; | |
| 736 | 845 | height: 12px; |
| 737 | 846 | width: 12px; |
| 738 | 847 | border-radius: 50%; |
| 739 | 848 | background: #000; |
| @@ -742,9 +851,8 @@ | ||
| 742 | 851 | } |
| 743 | 852 | |
| 744 | 853 | .jcolor-sliders-final-color { |
| 745 | 854 | padding: 6px; |
| 746 | - -webkit-user-select: all; | |
| 747 | 855 | user-select: all; |
| 748 | 856 | margin-top: 10px; |
| 749 | 857 | text-align: center; |
| 750 | 858 | } |
| @@ -769,9 +877,8 @@ | ||
| 769 | 877 | padding-left: 15px !important; |
| 770 | 878 | padding-right: 15px !important; |
| 771 | 879 | font-size: 0.8em; |
| 772 | 880 | } |
| 773 | - | |
| 774 | 881 | .jcontextmenu { |
| 775 | 882 | position:fixed; |
| 776 | 883 | z-index:10000; |
| 777 | 884 | background:#fff; |
| @@ -776,9 +883,8 @@ | ||
| 776 | 883 | z-index:10000; |
| 777 | 884 | background:#fff; |
| 778 | 885 | color: #555; |
| 779 | 886 | font-size: 11px; |
| 780 | - -webkit-user-select: none; | |
| 781 | 887 | user-select: none; |
| 782 | 888 | box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1); |
| 783 | 889 | border: 1px solid #C6C6C6; |
| 784 | 890 | padding: 0px; |
| @@ -830,9 +936,10 @@ | ||
| 830 | 936 | cursor: pointer; |
| 831 | 937 | } |
| 832 | 938 | |
| 833 | 939 | .jcontextmenu > div span { |
| 834 | - margin-right:10px; | |
| 940 | + margin-right: 10px; | |
| 941 | + font-size: 0.9em; | |
| 835 | 942 | } |
| 836 | 943 | |
| 837 | 944 | .jcontextmenu .jcontextmenu-disabled a { |
| 838 | 945 | color: #ccc; |
| @@ -878,9 +985,9 @@ | ||
| 878 | 985 | bottom: 0px !important; |
| 879 | 986 | width: 100vw; |
| 880 | 987 | height: 260px; |
| 881 | 988 | overflow: scroll; |
| 882 | - animation: slide-bottom-in 0.4s forwards; | |
| 989 | + animation: jslide-bottom-in 0.4s forwards; | |
| 883 | 990 | padding-top: 0px; |
| 884 | 991 | } |
| 885 | 992 | .jcontextmenu div { |
| 886 | 993 | width: 100%; |
| @@ -916,13 +1023,11 @@ | ||
| 916 | 1023 | display: none; |
| 917 | 1024 | } |
| 918 | 1025 | } |
| 919 | 1026 | |
| 920 | - | |
| 921 | 1027 | .jdropdown { |
| 922 | 1028 | cursor:pointer; |
| 923 | 1029 | -webkit-touch-callout: none; |
| 924 | - -webkit-user-select: none; | |
| 925 | 1030 | user-select: none; |
| 926 | 1031 | box-sizing: border-box; |
| 927 | 1032 | background:#fff; |
| 928 | 1033 | -webkit-tap-highlight-color: transparent; |
| @@ -959,9 +1064,9 @@ | ||
| 959 | 1064 | outline:auto 5px -webkit-focus-ring-color; |
| 960 | 1065 | } |
| 961 | 1066 | |
| 962 | 1067 | .jdropdown-default.jdropdown-focus .jdropdown-header.jdropdown-add { |
| 963 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='24px' height='24px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'/%3E%3C/svg%3E"); | |
| 1068 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2724px%27 height=%2724px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27/%3E%3C/svg%3E"); | |
| 964 | 1069 | } |
| 965 | 1070 | |
| 966 | 1071 | .jdropdown-container-header { |
| 967 | 1072 | padding:0px; |
| @@ -974,14 +1079,13 @@ | ||
| 974 | 1079 | width:100%; |
| 975 | 1080 | appearance: none; |
| 976 | 1081 | background-repeat: no-repeat; |
| 977 | 1082 | background-position:top 50% right 5px; |
| 978 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); | |
| 1083 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E"); | |
| 979 | 1084 | text-overflow: ellipsis; |
| 980 | 1085 | cursor:pointer; |
| 981 | 1086 | box-sizing: border-box; |
| 982 | - -webkit-appearance: none; | |
| 983 | - -moz-appearance: none; | |
| 1087 | + appearance: none; | |
| 984 | 1088 | padding-right:30px !important; |
| 985 | 1089 | } |
| 986 | 1090 | |
| 987 | 1091 | .jdropdown-insert-button { |
| @@ -1002,12 +1106,12 @@ | ||
| 1002 | 1106 | |
| 1003 | 1107 | .jdropdown-close { |
| 1004 | 1108 | display:none; |
| 1005 | 1109 | font-size:1em; |
| 1006 | - color: var(--active-color); | |
| 1110 | + color: var(--jactive-color); | |
| 1007 | 1111 | text-transform:uppercase; |
| 1008 | 1112 | text-align:right; |
| 1009 | - padding:15px; | |
| 1113 | + padding:12px; | |
| 1010 | 1114 | font-weight:bold; |
| 1011 | 1115 | } |
| 1012 | 1116 | |
| 1013 | 1117 | .jdropdown-content { |
| @@ -1117,9 +1221,9 @@ | ||
| 1117 | 1221 | } |
| 1118 | 1222 | |
| 1119 | 1223 | .jdropdown-default .jdropdown-selected |
| 1120 | 1224 | { |
| 1121 | - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo='); | |
| 1225 | + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=); | |
| 1122 | 1226 | background-repeat:no-repeat; |
| 1123 | 1227 | background-position:top 50% right 5px; |
| 1124 | 1228 | background-color:#1f93ff; |
| 1125 | 1229 | color:#fff; |
| @@ -1220,9 +1324,9 @@ | ||
| 1220 | 1324 | } |
| 1221 | 1325 | |
| 1222 | 1326 | .jdropdown-picker .jdropdown-selected |
| 1223 | 1327 | { |
| 1224 | - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo='); | |
| 1328 | + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=); | |
| 1225 | 1329 | background-repeat:no-repeat; |
| 1226 | 1330 | background-position:top 50% right 15px; |
| 1227 | 1331 | background-color:#1f93ff; |
| 1228 | 1332 | color:#fff; |
| @@ -1256,20 +1360,21 @@ | ||
| 1256 | 1360 | position: fixed; |
| 1257 | 1361 | top: 0px; |
| 1258 | 1362 | left: 0px; |
| 1259 | 1363 | z-index: 9002; |
| 1260 | - padding:10px; | |
| 1364 | + padding: 6px; | |
| 1261 | 1365 | background-color:#fff; |
| 1262 | 1366 | box-shadow: 0 1px 2px rgba(0,0,0,.1); |
| 1263 | 1367 | width: 100%; |
| 1368 | + height: 40px; | |
| 1264 | 1369 | } |
| 1265 | 1370 | |
| 1266 | 1371 | .jdropdown-searchbar.jdropdown-focus .jdropdown-header |
| 1267 | 1372 | { |
| 1268 | - border: 0px; | |
| 1373 | + border: 0px !important; | |
| 1374 | + background-position-x: 0% !important; | |
| 1375 | + background-position-y: 40% !important; | |
| 1269 | 1376 | background-repeat: no-repeat; |
| 1270 | - background-position-x: 0%; | |
| 1271 | - background-position-y: 40%; | |
| 1272 | 1377 | background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiIGZpbGw9IiNlNmU2ZTgiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+); |
| 1273 | 1378 | padding-left: 30px !important; |
| 1274 | 1379 | padding-right: 60px !important; |
| 1275 | 1380 | } |
| @@ -1358,9 +1463,9 @@ | ||
| 1358 | 1463 | } |
| 1359 | 1464 | |
| 1360 | 1465 | .jdropdown-searchbar .jdropdown-selected |
| 1361 | 1466 | { |
| 1362 | - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg=='); | |
| 1467 | + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==); | |
| 1363 | 1468 | background-repeat:no-repeat; |
| 1364 | 1469 | background-position:top 50% right 15px; |
| 1365 | 1470 | } |
| 1366 | 1471 | |
| @@ -1404,9 +1509,9 @@ | ||
| 1404 | 1509 | } |
| 1405 | 1510 | |
| 1406 | 1511 | .jdropdown-list .jdropdown-selected |
| 1407 | 1512 | { |
| 1408 | - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg=='); | |
| 1513 | + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeiIgZmlsbD0iIzAwN2FmZiIvPjwvc3ZnPg==); | |
| 1409 | 1514 | background-repeat:no-repeat; |
| 1410 | 1515 | background-position:top 50% right 10px; |
| 1411 | 1516 | } |
| 1412 | 1517 | |
| @@ -1450,9 +1555,8 @@ | ||
| 1450 | 1555 | .jdropdown-item[data-disabled] { |
| 1451 | 1556 | opacity: 0.5; |
| 1452 | 1557 | pointer-events: none; |
| 1453 | 1558 | } |
| 1454 | - | |
| 1455 | 1559 | .jeditor-container { |
| 1456 | 1560 | border:1px solid #ccc; |
| 1457 | 1561 | box-sizing: border-box; |
| 1458 | 1562 | } |
| @@ -1462,14 +1566,14 @@ | ||
| 1462 | 1566 | max-width: 1200px; |
| 1463 | 1567 | } |
| 1464 | 1568 | |
| 1465 | 1569 | .jeditor-dragging { |
| 1466 | - border:1px dashed #000; | |
| 1570 | + border:1px dashed #000; | |
| 1467 | 1571 | } |
| 1468 | 1572 | |
| 1469 | 1573 | .jeditor { |
| 1470 | 1574 | outline:none; |
| 1471 | - word-break: break-word; | |
| 1575 | + word-break: break-word; /* stylelint-disable-line declaration-property-value-keyword-no-deprecated */ | |
| 1472 | 1576 | } |
| 1473 | 1577 | |
| 1474 | 1578 | .jeditor-container.with-margin .jeditor { |
| 1475 | 1579 | background-color: #fff; |
| @@ -1538,16 +1642,10 @@ | ||
| 1538 | 1642 | right: 12px; |
| 1539 | 1643 | } |
| 1540 | 1644 | |
| 1541 | 1645 | .jsnippet * { |
| 1542 | - -webkit-user-select: none; | |
| 1543 | - -o-user-select: none; | |
| 1544 | 1646 | user-select: none; |
| 1545 | - | |
| 1546 | 1647 | -webkit-user-drag: none; |
| 1547 | - -khtml-user-drag: none; | |
| 1548 | - -moz-user-drag: none; | |
| 1549 | - -o-user-drag: none; | |
| 1550 | 1648 | } |
| 1551 | 1649 | |
| 1552 | 1650 | .jeditor img { |
| 1553 | 1651 | border:2px solid transparent; |
| @@ -1554,16 +1652,10 @@ | ||
| 1554 | 1652 | box-sizing: border-box; |
| 1555 | 1653 | } |
| 1556 | 1654 | |
| 1557 | 1655 | .jeditor img.resizing { |
| 1558 | - -webkit-user-select: none; | |
| 1559 | - -o-user-select: none; | |
| 1560 | 1656 | user-select: none; |
| 1561 | - | |
| 1562 | 1657 | -webkit-user-drag: none; |
| 1563 | - -khtml-user-drag: none; | |
| 1564 | - -moz-user-drag: none; | |
| 1565 | - -o-user-drag: none; | |
| 1566 | 1658 | } |
| 1567 | 1659 | |
| 1568 | 1660 | .jeditor img:focus { |
| 1569 | 1661 | border: 2px solid #0096FD; |
| @@ -1570,9 +1662,9 @@ | ||
| 1570 | 1662 | outline: #0096FD; |
| 1571 | 1663 | } |
| 1572 | 1664 | |
| 1573 | 1665 | .jeditor .pdf { |
| 1574 | - background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath style='fill:%23C30B15;' d='M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z'/%3E%3Cpath style='fill:%2385080E;' d='M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z'/%3E%3Cpolygon style='fill:%23FFFFFF;' points='278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 '/%3E%3Cpolygon style='fill:%23E8E6E6;' points='392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 '/%3E%3Cpolygon style='fill:%23FFFFFF;' points='314.991,155.826 314.991,77.913 392.904,155.826 '/%3E%3Crect x='119.096' y='311.652' style='fill:%23FC0F1A;' width='273.809' height='122.435'/%3E%3Cg%3E%3Cpath style='fill:%23FFFFFF;' d='M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z'/%3E%3C/g%3E%3C/svg%3E%0A"); | |
| 1666 | + background-image: url("data:image/svg+xml,%3Csvg version=%271.1%27 id=%27Layer_1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 viewBox=%270 0 512 512%27 style=%27enable-background:new 0 0 512 512;%27 xml:space=%27preserve%27%3E%3Cpath style=%27fill:%23C30B15;%27 d=%27M511.344,274.266C511.77,268.231,512,262.143,512,256C512,114.615,397.385,0,256,0S0,114.615,0,256 c0,117.769,79.53,216.949,187.809,246.801L511.344,274.266z%27/%3E%3Cpath style=%27fill:%2385080E;%27 d=%27M511.344,274.266L314.991,77.913L119.096,434.087l68.714,68.714C209.522,508.787,232.385,512,256,512 C391.243,512,501.976,407.125,511.344,274.266z%27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27278.328,333.913 255.711,77.913 119.096,77.913 119.096,311.652 %27/%3E%3Cpolygon style=%27fill:%23E8E6E6;%27 points=%27392.904,311.652 392.904,155.826 337.252,133.565 314.991,77.913 255.711,77.913 256.067,333.913 %27/%3E%3Cpolygon style=%27fill:%23FFFFFF;%27 points=%27314.991,155.826 314.991,77.913 392.904,155.826 %27/%3E%3Crect x=%27119.096%27 y=%27311.652%27 style=%27fill:%23FC0F1A;%27 width=%27273.809%27 height=%27122.435%27/%3E%3Cg%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M204.871,346.387c13.547,0,21.341,6.659,21.341,18.465c0,12.412-7.795,19.601-21.341,19.601h-9.611 v14.909h-13.471v-52.975L204.871,346.387L204.871,346.387z M195.26,373.858h8.93c5.904,0,9.308-2.952,9.308-8.552 c0-5.525-3.406-8.324-9.308-8.324h-8.93V373.858z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M257.928,346.387c16.649,0,28.152,10.746,28.152,26.487c0,15.666-11.655,26.488-28.683,26.488 h-22.25v-52.975H257.928z M248.619,388.615h9.611c8.249,0,14.151-6.357,14.151-15.665c0-9.384-6.205-15.817-14.757-15.817h-9.006 V388.615z%27/%3E%3Cpath style=%27fill:%23FFFFFF;%27 d=%27M308.563,356.982v12.26h23.763v10.596h-23.763v19.525h-13.471v-52.975h39.277v10.595h-25.806 V356.982z%27/%3E%3C/g%3E%3C/svg%3E%0A"); | |
| 1575 | 1667 | background-repeat: no-repeat; |
| 1576 | 1668 | background-size: cover; |
| 1577 | 1669 | width:60px; |
| 1578 | 1670 | height:60px; |
| @@ -1578,9 +1670,8 @@ | ||
| 1578 | 1670 | height:60px; |
| 1579 | 1671 | } |
| 1580 | 1672 | |
| 1581 | 1673 | .jeditor-toolbar { |
| 1582 | - width: -moz-fit-content; | |
| 1583 | 1674 | width: fit-content; |
| 1584 | 1675 | max-width: 100%; |
| 1585 | 1676 | box-sizing: border-box; |
| 1586 | 1677 | margin: 10px; |
| @@ -1636,47 +1727,209 @@ | ||
| 1636 | 1727 | margin: -1em; |
| 1637 | 1728 | padding: 6px; |
| 1638 | 1729 | position: absolute; |
| 1639 | 1730 | } |
| 1731 | +.jfloating { | |
| 1732 | + position:fixed; | |
| 1733 | + bottom:0px; | |
| 1734 | + right:0px; | |
| 1735 | + margin-right:5px; | |
| 1736 | + box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1737 | + border:1px solid #ccc; | |
| 1738 | + background-color:#fff; | |
| 1739 | + box-sizing: border-box; | |
| 1740 | + padding-top:50px !important; | |
| 1741 | + z-index:9002; | |
| 1742 | + border-radius: 8px; | |
| 1743 | +} | |
| 1640 | 1744 | |
| 1641 | -.jloading { | |
| 1642 | - position:fixed; | |
| 1643 | - z-index:10001; | |
| 1745 | +.jfloating.jfloating-big { | |
| 1746 | + width: 510px !important; | |
| 1747 | + height: 472px !important; | |
| 1748 | +} | |
| 1749 | + | |
| 1750 | +.jfloating.jfloating-small { | |
| 1751 | + width: 300px !important; | |
| 1752 | + height: 320px !important; | |
| 1753 | +} | |
| 1754 | + | |
| 1755 | +.jfloating.jfloating-large { | |
| 1756 | + width: 600px !important; | |
| 1757 | + height: 600px !important; | |
| 1758 | +} | |
| 1759 | + | |
| 1760 | +.jfloating:before { | |
| 1761 | + position:absolute; | |
| 1762 | + top:0; | |
| 1763 | + left:0; | |
| 1644 | 1764 | width:100%; |
| 1645 | - left:0; | |
| 1765 | + content:attr(title); | |
| 1766 | + padding:15px; | |
| 1767 | + box-sizing: border-box; | |
| 1768 | + font-size:1.2em; | |
| 1769 | + box-shadow: 1px 1px 3px rgba(0,0,0,.2); | |
| 1770 | + background-color: #fff; | |
| 1771 | + border-radius: 8px 8px 0px 0px; | |
| 1772 | + background-color: #404040; | |
| 1773 | + font-size: .93rem; | |
| 1774 | + font-weight: 600; | |
| 1775 | + color: white; | |
| 1776 | + letter-spacing: .5px; | |
| 1777 | +} | |
| 1778 | + | |
| 1779 | +.jfloating:after { | |
| 1780 | + content:''; | |
| 1781 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%23FFF%27 d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1782 | + position:absolute; | |
| 1783 | + top:0; | |
| 1646 | 1784 | right:0; |
| 1647 | - top:0; | |
| 1648 | - bottom:0; | |
| 1649 | - background-color: rgba(0,0,0,0.7); | |
| 1785 | + margin:14px; | |
| 1786 | + font-size:24px; | |
| 1787 | + width:24px; | |
| 1788 | + height:24px; | |
| 1789 | + cursor:pointer; | |
| 1790 | + text-shadow: 0px 0px 5px #fff; | |
| 1650 | 1791 | } |
| 1651 | 1792 | |
| 1652 | -.jloading::after { | |
| 1653 | - content:''; | |
| 1654 | - display:block; | |
| 1655 | - margin:0 auto; | |
| 1656 | - margin-top:50vh; | |
| 1657 | - width:40px; | |
| 1658 | - height:40px; | |
| 1659 | - border-style:solid; | |
| 1660 | - border-color:white; | |
| 1661 | - border-top-color:transparent; | |
| 1662 | - border-width:4px; | |
| 1663 | - border-radius:50%; | |
| 1664 | - animation: spin .8s linear infinite; | |
| 1793 | +.jfloating_content { | |
| 1794 | + padding:20px; | |
| 1795 | + overflow-y:auto; | |
| 1796 | + max-height:100%; | |
| 1797 | + box-sizing: border-box; | |
| 1798 | + height: -webkit-fill-available; | |
| 1665 | 1799 | } |
| 1666 | 1800 | |
| 1667 | -.jloading.spin { | |
| 1668 | - background-color:transparent; | |
| 1801 | +.jfloating.jfloating-minimized { | |
| 1802 | + height: 50px !important; | |
| 1669 | 1803 | } |
| 1670 | 1804 | |
| 1671 | -.jloading.spin::after { | |
| 1672 | - margin:0 auto; | |
| 1673 | - margin-top:80px; | |
| 1674 | - border-color:#aaa; | |
| 1675 | - border-top-color:transparent; | |
| 1805 | +.jfloating.jfloating-minimized .jfloating_content { | |
| 1806 | + display: none; | |
| 1676 | 1807 | } |
| 1677 | 1808 | |
| 1809 | +.jmodal { | |
| 1810 | + position:fixed; | |
| 1811 | + top:50%; | |
| 1812 | + left:50%; | |
| 1813 | + width:60%; | |
| 1814 | + height:60%; | |
| 1815 | + box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1816 | + border:1px solid #ccc; | |
| 1817 | + background-color:#fff; | |
| 1818 | + transform: translate(-50%, -50%); | |
| 1819 | + box-sizing: border-box; | |
| 1820 | + z-index:9002; | |
| 1821 | + border-radius: 4px; | |
| 1822 | + display: flex; | |
| 1823 | + flex-direction: column; | |
| 1824 | +} | |
| 1678 | 1825 | |
| 1826 | +.jmodal_title { | |
| 1827 | + padding: 20px; | |
| 1828 | + height: 70px; | |
| 1829 | + box-sizing: border-box; | |
| 1830 | + font-size: 1.4em; | |
| 1831 | + background-color: #fff; | |
| 1832 | + border-radius: 8px 8px 0px 0px; | |
| 1833 | + pointer-events: none; | |
| 1834 | + display: flex; | |
| 1835 | + align-items: center; | |
| 1836 | + border-bottom: 1px solid #eee; | |
| 1837 | +} | |
| 1838 | + | |
| 1839 | +.jmodal_title > div { | |
| 1840 | + font-size: 1.4em; | |
| 1841 | +} | |
| 1842 | + | |
| 1843 | +.jmodal_title[data-icon]:before { | |
| 1844 | + content: attr(data-icon); | |
| 1845 | + font-family: 'Material Icons' !important; | |
| 1846 | + width: 24px; | |
| 1847 | + height: 24px; | |
| 1848 | + font-size: 24px; | |
| 1849 | + margin-right: 10px; | |
| 1850 | + line-height: 24px; | |
| 1851 | +} | |
| 1852 | + | |
| 1853 | +.jmodal_content { | |
| 1854 | + padding: 20px; | |
| 1855 | + overflow-y: auto; | |
| 1856 | + height: 100%; | |
| 1857 | + box-sizing: border-box; | |
| 1858 | + scrollbar-width: thin; | |
| 1859 | + scrollbar-color: #333 transparent; | |
| 1860 | +} | |
| 1861 | + | |
| 1862 | +.jmodal_title:empty { | |
| 1863 | + display: none; | |
| 1864 | +} | |
| 1865 | + | |
| 1866 | +.jmodal_title:empty + .jmodal_content { | |
| 1867 | + height: 100%; | |
| 1868 | +} | |
| 1869 | + | |
| 1870 | +.jmodal_content::-webkit-scrollbar { | |
| 1871 | + height: 12px; | |
| 1872 | +} | |
| 1873 | + | |
| 1874 | +.jmodal_content::-webkit-scrollbar { | |
| 1875 | + width: 12px; | |
| 1876 | +} | |
| 1877 | + | |
| 1878 | +.jmodal_content::-webkit-scrollbar-track { | |
| 1879 | + border: 1px solid #fff; | |
| 1880 | + background: #eee; | |
| 1881 | +} | |
| 1882 | + | |
| 1883 | +.jmodal_content::-webkit-scrollbar-thumb { | |
| 1884 | + border: 1px solid #fff; | |
| 1885 | + background: #888; | |
| 1886 | +} | |
| 1887 | + | |
| 1888 | +.jmodal:after { | |
| 1889 | + content: ''; | |
| 1890 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1891 | + position: absolute; | |
| 1892 | + top: 0; | |
| 1893 | + right: 0; | |
| 1894 | + margin: 25px; | |
| 1895 | + font-size: 24px; | |
| 1896 | + width: 24px; | |
| 1897 | + height: 24px; | |
| 1898 | + cursor: pointer; | |
| 1899 | + text-shadow: 0px 0px 5px #fff; | |
| 1900 | +} | |
| 1901 | + | |
| 1902 | +.jmodal_fullscreen { | |
| 1903 | + width: 100% !important; | |
| 1904 | + height: 100% !important; | |
| 1905 | + top: 0px; | |
| 1906 | + left: 0px; | |
| 1907 | + transform: none; | |
| 1908 | + border: 0px; | |
| 1909 | + border-radius: 0px; | |
| 1910 | +} | |
| 1911 | + | |
| 1912 | +.jmodal_backdrop { | |
| 1913 | + position: fixed; | |
| 1914 | + top: 0px; | |
| 1915 | + left: 0px; | |
| 1916 | + min-width: 100%; | |
| 1917 | + min-height: 100%; | |
| 1918 | + background-color: rgba(0,0,0,0.2); | |
| 1919 | + border: 0px; | |
| 1920 | + padding: 0px; | |
| 1921 | + z-index: 8000; | |
| 1922 | + display: none; | |
| 1923 | + -webkit-touch-callout: none; | |
| 1924 | + user-select: none; | |
| 1925 | +} | |
| 1926 | + | |
| 1927 | +.jmodal_content .jcalendar .jcalendar-content, | |
| 1928 | +.jmodal_content .jdropdown-container { | |
| 1929 | + position: fixed; | |
| 1930 | +} | |
| 1931 | + | |
| 1679 | 1932 | .jnotification { |
| 1680 | 1933 | position: fixed; |
| 1681 | 1934 | z-index: 10000; |
| 1682 | 1935 | box-sizing: border-box; |
| @@ -1699,9 +1952,9 @@ | ||
| 1699 | 1952 | } |
| 1700 | 1953 | |
| 1701 | 1954 | .jnotification-close { |
| 1702 | 1955 | content: ''; |
| 1703 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); | |
| 1956 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1704 | 1957 | font-size: 20px; |
| 1705 | 1958 | width: 20px; |
| 1706 | 1959 | height: 20px; |
| 1707 | 1960 | cursor: pointer; |
| @@ -1745,9 +1998,9 @@ | ||
| 1745 | 1998 | } |
| 1746 | 1999 | |
| 1747 | 2000 | @media (max-width: 800px) { |
| 1748 | 2001 | .jnotification { |
| 1749 | - top: calc(0px + var(--safe-area-top)); | |
| 2002 | + top: calc(0px + var(--jsafe-area-top)); | |
| 1750 | 2003 | width: 100%; |
| 1751 | 2004 | } |
| 1752 | 2005 | .jnotification-container { |
| 1753 | 2006 | background: rgba(255,255,255,0.95); |
| @@ -1760,9 +2013,9 @@ | ||
| 1760 | 2013 | background: rgba(255,255,255,0.95); |
| 1761 | 2014 | color: #790909; |
| 1762 | 2015 | } |
| 1763 | 2016 | .jnotification-close { |
| 1764 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); | |
| 2017 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1765 | 2018 | } |
| 1766 | 2019 | } |
| 1767 | 2020 | |
| 1768 | 2021 | .jnotification-header { |
| @@ -1769,34 +2022,29 @@ | ||
| 1769 | 2022 | display: flex; |
| 1770 | 2023 | justify-content: flex-start; |
| 1771 | 2024 | align-items: center; |
| 1772 | 2025 | } |
| 1773 | - | |
| 1774 | 2026 | .jpicker { |
| 1775 | 2027 | cursor: pointer; |
| 1776 | 2028 | white-space: nowrap; |
| 1777 | 2029 | display: inline-flex; |
| 1778 | - -webkit-user-select: none; | |
| 1779 | 2030 | user-select: none; |
| 1780 | 2031 | outline: none; |
| 1781 | 2032 | position: relative; |
| 2033 | + min-height: 26px; | |
| 1782 | 2034 | } |
| 1783 | 2035 | |
| 1784 | 2036 | .jpicker-header { |
| 1785 | 2037 | background-repeat: no-repeat; |
| 1786 | 2038 | background-position: top 50% right 5px; |
| 1787 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E"); | |
| 2039 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E"); | |
| 1788 | 2040 | text-overflow: ellipsis; |
| 1789 | 2041 | cursor: pointer; |
| 1790 | 2042 | box-sizing: border-box; |
| 1791 | 2043 | text-align: left; |
| 1792 | 2044 | outline: none; |
| 1793 | - | |
| 1794 | 2045 | line-height: 24px; |
| 1795 | - padding: 2px; | |
| 1796 | - padding-left: 12px; | |
| 1797 | - padding-right: 35px; | |
| 1798 | - outline: none; | |
| 2046 | + padding: 2px 35px 2px 12px; | |
| 1799 | 2047 | border-radius: 4px; |
| 1800 | 2048 | } |
| 1801 | 2049 | |
| 1802 | 2050 | .jpicker-header:hover { |
| @@ -1812,9 +2060,9 @@ | ||
| 1812 | 2060 | background-color: #fff; |
| 1813 | 2061 | padding: 4px; |
| 1814 | 2062 | z-index: 50; |
| 1815 | 2063 | text-align: left; |
| 1816 | - max-height: 200px; | |
| 2064 | + max-height: 250px; | |
| 1817 | 2065 | scrollbar-width: thin; |
| 1818 | 2066 | scrollbar-color: #333 transparent; |
| 1819 | 2067 | } |
| 1820 | 2068 | |
| @@ -1861,8 +2109,47 @@ | ||
| 1861 | 2109 | .jpicker-focus .jpicker-content.jpicker-grid { |
| 1862 | 2110 | display: inline-grid; |
| 1863 | 2111 | } |
| 1864 | 2112 | |
| 2113 | + | |
| 2114 | + | |
| 2115 | +.jprogressbar | |
| 2116 | +{ | |
| 2117 | + cursor:pointer; | |
| 2118 | + -webkit-touch-callout: none; | |
| 2119 | + user-select: none; | |
| 2120 | + box-sizing: border-box; | |
| 2121 | + background:#fff; | |
| 2122 | + -webkit-tap-highlight-color: transparent; | |
| 2123 | + display: inline-block; | |
| 2124 | + box-sizing: border-box; | |
| 2125 | + cursor:pointer; | |
| 2126 | + border:1px solid #ccc; | |
| 2127 | + position:relative; | |
| 2128 | +} | |
| 2129 | + | |
| 2130 | +.jprogressbar::before { | |
| 2131 | + content:attr(data-value); | |
| 2132 | + position:absolute; | |
| 2133 | + margin:5px; | |
| 2134 | + margin-left:10px; | |
| 2135 | +} | |
| 2136 | + | |
| 2137 | +.jprogressbar-header::placeholder | |
| 2138 | +{ | |
| 2139 | + color:#000; | |
| 2140 | +} | |
| 2141 | + | |
| 2142 | +.jprogressbar::focus { | |
| 2143 | + outline: auto 5px -webkit-focus-ring-color; | |
| 2144 | +} | |
| 2145 | + | |
| 2146 | +.jprogressbar > div { | |
| 2147 | + background-color: #eee; | |
| 2148 | + background-color: red; | |
| 2149 | + box-sizing: border-box; | |
| 2150 | + height:31px; | |
| 2151 | +} | |
| 1865 | 2152 | .jrating { |
| 1866 | 2153 | display:flex; |
| 1867 | 2154 | } |
| 1868 | 2155 | .jrating > div { |
| @@ -1868,21 +2155,324 @@ | ||
| 1868 | 2155 | .jrating > div { |
| 1869 | 2156 | width:24px; |
| 1870 | 2157 | height:24px; |
| 1871 | 2158 | line-height:24px; |
| 1872 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z' fill='gray'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); | |
| 2159 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z%27 fill=%27gray%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1873 | 2160 | } |
| 1874 | 2161 | |
| 1875 | 2162 | .jrating .jrating-over { |
| 1876 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); | |
| 2163 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27black%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1877 | 2164 | opacity: 0.7; |
| 1878 | 2165 | } |
| 1879 | 2166 | |
| 1880 | 2167 | .jrating .jrating-selected { |
| 1881 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='red'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); | |
| 2168 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27red%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1882 | 2169 | } |
| 1883 | 2170 | |
| 2171 | +.jsearch { | |
| 2172 | + position: relative; | |
| 2173 | + display: none; | |
| 2174 | + user-select: none; | |
| 2175 | +} | |
| 1884 | 2176 | |
| 2177 | +.jsearch_container { | |
| 2178 | + position: absolute; | |
| 2179 | + box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149); | |
| 2180 | + border: none; | |
| 2181 | + border-radius: 4px; | |
| 2182 | + width: 280px; | |
| 2183 | + padding: 8px 0; | |
| 2184 | + z-index: 1; | |
| 2185 | + box-shadow: 0 2px 4px rgba(0,0,0,0.2); | |
| 2186 | + transition: opacity .218s; | |
| 2187 | + background: #fff; | |
| 2188 | + border: 1px solid rgba(0,0,0,.2); | |
| 2189 | + cursor: pointer; | |
| 2190 | + margin: 0; | |
| 2191 | + min-width: 300px; | |
| 2192 | + outline: none; | |
| 2193 | + width: auto; | |
| 2194 | + user-select: none; | |
| 2195 | +} | |
| 2196 | + | |
| 2197 | +.jsearch_container:empty:after { | |
| 2198 | + content: attr(data-placeholder); | |
| 2199 | +} | |
| 2200 | + | |
| 2201 | +.jsearch_container > div { | |
| 2202 | + color: #333; | |
| 2203 | + cursor: pointer; | |
| 2204 | + display: flex; | |
| 2205 | + padding: 5px 10px; | |
| 2206 | + user-select: none; | |
| 2207 | + align-items: center; | |
| 2208 | + | |
| 2209 | + user-select: none; | |
| 2210 | +} | |
| 2211 | + | |
| 2212 | +.jsearch_container > div:hover { | |
| 2213 | + background-color: #e8eaed; | |
| 2214 | +} | |
| 2215 | + | |
| 2216 | +.jsearch_container > div > img { | |
| 2217 | + width: 32px; | |
| 2218 | + height: 32px; | |
| 2219 | + user-select: none; | |
| 2220 | + border-radius: 16px; | |
| 2221 | + margin-right: 2px; | |
| 2222 | +} | |
| 2223 | + | |
| 2224 | +.jsearch_container > div > div { | |
| 2225 | + overflow: hidden; | |
| 2226 | + text-overflow: ellipsis; | |
| 2227 | + margin-left: 2px; | |
| 2228 | + max-width: 300px; | |
| 2229 | + white-space: nowrap; | |
| 2230 | + user-select: none; | |
| 2231 | +} | |
| 2232 | + | |
| 2233 | +.jsearch_container .selected { | |
| 2234 | + background-color: #e8eaed; | |
| 2235 | +} | |
| 2236 | +.jslider { | |
| 2237 | + outline: none; | |
| 2238 | +} | |
| 2239 | + | |
| 2240 | +.jslider-focus { | |
| 2241 | + width: 100% !important; | |
| 2242 | + height: 100% !important; | |
| 2243 | +} | |
| 2244 | + | |
| 2245 | +.jslider-focus img { | |
| 2246 | + display: none; | |
| 2247 | +} | |
| 2248 | + | |
| 2249 | +.jslider img { | |
| 2250 | + width: 100px; | |
| 2251 | +} | |
| 2252 | + | |
| 2253 | +.jslider-left::before { | |
| 2254 | + position: fixed; | |
| 2255 | + left: 15px; | |
| 2256 | + top: 50%; | |
| 2257 | + content:'arrow_back_ios'; | |
| 2258 | + color: #fff; | |
| 2259 | + width: 30px; | |
| 2260 | + height: 30px; | |
| 2261 | + font-family: 'Material Icons'; | |
| 2262 | + font-size: 30px; | |
| 2263 | + /* before it was 0px 0px 0px #000 */ | |
| 2264 | + text-shadow: 0px 0px 6px rgb(56,56,56); | |
| 2265 | + text-align: center; | |
| 2266 | + cursor: pointer; | |
| 2267 | +} | |
| 2268 | + | |
| 2269 | +.jslider-right::after { | |
| 2270 | + position: fixed; | |
| 2271 | + right: 15px; | |
| 2272 | + top: 50%; | |
| 2273 | + content: 'arrow_forward_ios'; | |
| 2274 | + color: #fff; | |
| 2275 | + width: 30px; | |
| 2276 | + height: 30px; | |
| 2277 | + font-family: 'Material Icons'; | |
| 2278 | + font-size: 30px; | |
| 2279 | + /* before it was 0px 0px 0px #000 */ | |
| 2280 | + text-shadow: 0px 0px 6px rgb(56,56,56); | |
| 2281 | + text-align: center; | |
| 2282 | + cursor: pointer; | |
| 2283 | +} | |
| 2284 | + | |
| 2285 | +.jslider-close { | |
| 2286 | + width:24px; | |
| 2287 | + height:24px; | |
| 2288 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27white%27%3E%3Cpath d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 2289 | + position:fixed; | |
| 2290 | + top:15px; | |
| 2291 | + right:15px; | |
| 2292 | + cursor:pointer; | |
| 2293 | + z-index:3000; | |
| 2294 | + | |
| 2295 | + display: block !important; | |
| 2296 | +} | |
| 2297 | + | |
| 2298 | +.jslider-counter { | |
| 2299 | + height:24px; | |
| 2300 | + background-color: transparent; | |
| 2301 | + position:fixed; | |
| 2302 | + left: 50%; | |
| 2303 | + transform: translateX(-50%); | |
| 2304 | + bottom: 15px; | |
| 2305 | + cursor:pointer; | |
| 2306 | + z-index:3000; | |
| 2307 | + | |
| 2308 | + display: flex; | |
| 2309 | + justify-content: center; | |
| 2310 | + align-items: center; | |
| 2311 | + flex-direction: row; | |
| 2312 | +} | |
| 2313 | + | |
| 2314 | +.jslider-caption { | |
| 2315 | + position: fixed; | |
| 2316 | + max-width: 90vw; | |
| 2317 | + text-overflow: ellipsis; | |
| 2318 | + white-space: nowrap; | |
| 2319 | + overflow: hidden; | |
| 2320 | + top:15px; | |
| 2321 | + left: 15px; | |
| 2322 | + z-index:3000; | |
| 2323 | + color: #FFF; | |
| 2324 | + font-size: 1rem; | |
| 2325 | + | |
| 2326 | + display: block !important; | |
| 2327 | +} | |
| 2328 | + | |
| 2329 | +.jslider-counter div { | |
| 2330 | + width: 10px; | |
| 2331 | + height: 10px; | |
| 2332 | + background: #fff; | |
| 2333 | + border-radius: 50%; | |
| 2334 | + margin: 0px 5px; | |
| 2335 | + | |
| 2336 | + display: block !important; | |
| 2337 | +} | |
| 2338 | + | |
| 2339 | +.jslider-counter .jslider-counter-focus { | |
| 2340 | + background-color: cornflowerblue; | |
| 2341 | + pointer-events: none; | |
| 2342 | +} | |
| 2343 | + | |
| 2344 | +.jslider-focus { | |
| 2345 | + position:fixed; | |
| 2346 | + left:0; | |
| 2347 | + top:0; | |
| 2348 | + width: 100%; | |
| 2349 | + min-height:100%; | |
| 2350 | + max-height:100%; | |
| 2351 | + z-index:2000; | |
| 2352 | + margin:0px; | |
| 2353 | + box-sizing:border-box; | |
| 2354 | + | |
| 2355 | + background-color:rgba(0,0,0,0.8); | |
| 2356 | + transition-duration: .05s; | |
| 2357 | + display: flex; | |
| 2358 | + | |
| 2359 | + align-items: center; | |
| 2360 | +} | |
| 2361 | + | |
| 2362 | +.jslider-focus img { | |
| 2363 | + width: 50vw; | |
| 2364 | + height: auto; | |
| 2365 | + box-sizing: border-box; | |
| 2366 | + margin:0 auto; | |
| 2367 | + vertical-align:middle; | |
| 2368 | + display:none; | |
| 2369 | +} | |
| 2370 | + | |
| 2371 | +.jslider-focus img.jslider-vertical { | |
| 2372 | + width: auto; | |
| 2373 | + /* before it was 50vh */ | |
| 2374 | + height: 80vh; | |
| 2375 | +} | |
| 2376 | + | |
| 2377 | +@media only screen and (max-width: 576px) { | |
| 2378 | + .jslider-focus img.jslider-vertical { | |
| 2379 | + width: 99vw !important; | |
| 2380 | + height: auto !important; | |
| 2381 | + } | |
| 2382 | + | |
| 2383 | + .jslider-focus img { | |
| 2384 | + width: 100vw !important; | |
| 2385 | + height: auto !important; | |
| 2386 | + } | |
| 2387 | +} | |
| 2388 | + | |
| 2389 | +.jslider-grid { | |
| 2390 | + display: grid; | |
| 2391 | + grid-gap: 1px; | |
| 2392 | + position: relative; | |
| 2393 | +} | |
| 2394 | + | |
| 2395 | +.jslider-grid[data-number='2'] { | |
| 2396 | + grid-template-columns: 1fr 50%; | |
| 2397 | +} | |
| 2398 | + | |
| 2399 | +.jslider-grid[data-number='3'] { | |
| 2400 | + grid-template-columns: 1fr 33%; | |
| 2401 | +} | |
| 2402 | + | |
| 2403 | +.jslider-grid[data-number='4'] { | |
| 2404 | + grid-template-columns: 1fr 25%; | |
| 2405 | +} | |
| 2406 | + | |
| 2407 | +.jslider-grid img { | |
| 2408 | + display: none; | |
| 2409 | + width: 100%; | |
| 2410 | + height: 100%; | |
| 2411 | + object-fit: cover; | |
| 2412 | +} | |
| 2413 | + | |
| 2414 | +.jslider-grid[data-total]:after { | |
| 2415 | + content: attr(data-total) "+"; | |
| 2416 | + font-size: 1.5em; | |
| 2417 | + position:absolute; | |
| 2418 | + color: #fff; | |
| 2419 | + right: 15px; | |
| 2420 | + bottom: 6px; | |
| 2421 | +} | |
| 2422 | + | |
| 2423 | +.jslider-grid img:first-child { | |
| 2424 | + grid-column: 1; | |
| 2425 | + grid-row: 1; | |
| 2426 | + display: block; | |
| 2427 | +} | |
| 2428 | + | |
| 2429 | +.jslider-grid[data-number='2'] img:nth-child(2) { | |
| 2430 | + grid-column: 2; | |
| 2431 | + grid-row: 1; | |
| 2432 | + display: block; | |
| 2433 | +} | |
| 2434 | + | |
| 2435 | +.jslider-grid[data-number='3'] img:first-child { | |
| 2436 | + grid-column: 1 / 2; | |
| 2437 | + grid-row: 1 / 4; | |
| 2438 | +} | |
| 2439 | + | |
| 2440 | +.jslider-grid[data-number='3'] img:nth-child(2) { | |
| 2441 | + grid-column: 2; | |
| 2442 | + grid-row: 1; | |
| 2443 | + display: block; | |
| 2444 | +} | |
| 2445 | + | |
| 2446 | +.jslider-grid[data-number='3'] img:nth-child(3) { | |
| 2447 | + grid-column: 2; | |
| 2448 | + grid-row: 2; | |
| 2449 | + display: block; | |
| 2450 | +} | |
| 2451 | + | |
| 2452 | +.jslider-grid[data-number='4'] img:first-child { | |
| 2453 | + grid-column: 1 / 2; | |
| 2454 | + grid-row: 1 / 4; | |
| 2455 | +} | |
| 2456 | + | |
| 2457 | +.jslider-grid[data-number='4'] img:nth-child(2) { | |
| 2458 | + grid-column: 2; | |
| 2459 | + grid-row: 1; | |
| 2460 | + display: block; | |
| 2461 | +} | |
| 2462 | + | |
| 2463 | +.jslider-grid[data-number='4'] img:nth-child(3) { | |
| 2464 | + grid-column: 2; | |
| 2465 | + grid-row: 2; | |
| 2466 | + display: block; | |
| 2467 | +} | |
| 2468 | + | |
| 2469 | +.jslider-grid[data-number='4'] img:nth-child(4) { | |
| 2470 | + grid-column: 2; | |
| 2471 | + grid-row: 3; | |
| 2472 | + display: block; | |
| 2473 | +} | |
| 2474 | + | |
| 1885 | 2475 | .jtabs { |
| 1886 | 2476 | max-width: 100vw; |
| 1887 | 2477 | position: relative; |
| 1888 | 2478 | } |
| @@ -1947,8 +2537,9 @@ | ||
| 1947 | 2537 | transform-origin: left; |
| 1948 | 2538 | transition: all .2s cubic-bezier(0.4,0,0.2,1); |
| 1949 | 2539 | transition-property: color,left,transform; |
| 1950 | 2540 | display: none; |
| 2541 | + pointer-events: none; | |
| 1951 | 2542 | } |
| 1952 | 2543 | |
| 1953 | 2544 | .jtabs-animation .jtabs-border { |
| 1954 | 2545 | display: initial; |
| @@ -1971,26 +2562,26 @@ | ||
| 1971 | 2562 | } |
| 1972 | 2563 | |
| 1973 | 2564 | .jtabs .jtabs-prev { |
| 1974 | 2565 | margin-left: 10px; |
| 1975 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); | |
| 2566 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E"); | |
| 1976 | 2567 | } |
| 1977 | 2568 | |
| 1978 | 2569 | .jtabs .jtabs-prev.disabled { |
| 1979 | 2570 | margin-left: 10px; |
| 1980 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='lightgray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E"); | |
| 2571 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z%27/%3E%3C/svg%3E"); | |
| 1981 | 2572 | } |
| 1982 | 2573 | |
| 1983 | 2574 | .jtabs .jtabs-next { |
| 1984 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='gray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); | |
| 2575 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27gray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E"); | |
| 1985 | 2576 | } |
| 1986 | 2577 | |
| 1987 | 2578 | .jtabs .jtabs-next.disabled { |
| 1988 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='lightgray' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E"); | |
| 2579 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27lightgray%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%27/%3E%3C/svg%3E"); | |
| 1989 | 2580 | } |
| 1990 | 2581 | |
| 1991 | 2582 | .jtabs .jtabs-add { |
| 1992 | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z' fill='%23bbbbbb'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); | |
| 2583 | + background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27%3E%3Cpath d=%27M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%27 fill=%27%23bbbbbb%27/%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3C/svg%3E"); | |
| 1993 | 2584 | } |
| 1994 | 2585 | |
| 1995 | 2586 | /** Modern skin **/ |
| 1996 | 2587 | |
| @@ -2000,9 +2591,9 @@ | ||
| 2000 | 2591 | padding-right: 10px; |
| 2001 | 2592 | background-color: #fff; |
| 2002 | 2593 | } |
| 2003 | 2594 | |
| 2004 | -.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected { | |
| 2595 | +.jtabs.jtabs-modern .jtabs-headers > .jtabs-selected { | |
| 2005 | 2596 | color: #000; |
| 2006 | 2597 | } |
| 2007 | 2598 | |
| 2008 | 2599 | .jtabs.jtabs-modern .jtabs-headers > .jtabs-selected .material-icons { |
| @@ -2021,12 +2612,74 @@ | ||
| 2021 | 2612 | |
| 2022 | 2613 | .jtabs.jtabs-modern .jtabs-border { |
| 2023 | 2614 | background-color: rgba(194, 197, 188, 0.884); |
| 2024 | 2615 | } |
| 2616 | +.jtags { | |
| 2617 | + display: flex; | |
| 2618 | + flex-wrap: wrap; | |
| 2619 | + flex-direction: row; | |
| 2620 | + justify-content: flex-start; | |
| 2621 | + padding: 1px; | |
| 2622 | + border: 1px solid #ccc; | |
| 2623 | + position: relative; | |
| 2624 | +} | |
| 2025 | 2625 | |
| 2626 | +.jtags.jtags-empty:not(.jtags-focus)::before { | |
| 2627 | + position: absolute; | |
| 2628 | + margin: 3px; | |
| 2629 | + color: #ccc; | |
| 2630 | + content: attr(data-placeholder); | |
| 2631 | + top: 0; | |
| 2632 | + margin-left: 6px; | |
| 2633 | +} | |
| 2634 | + | |
| 2635 | +.jtags > div { | |
| 2636 | + padding: 6px 22px 6px 10px; | |
| 2637 | + font-size: 0.9em; | |
| 2638 | + position: relative; | |
| 2639 | + border-radius: 1px; | |
| 2640 | + margin: 2px; | |
| 2641 | + display: block; | |
| 2642 | + outline: none; | |
| 2643 | +} | |
| 2644 | + | |
| 2645 | +.jtags > div:empty:before { | |
| 2646 | + content: " "; | |
| 2647 | + white-space: pre; | |
| 2648 | +} | |
| 2649 | + | |
| 2650 | +.jtags > div::after { | |
| 2651 | + content: 'x'; | |
| 2652 | + position: absolute; | |
| 2653 | + top: 7px; | |
| 2654 | + right: 4px; | |
| 2655 | + width: 12px; | |
| 2656 | + height: 12px; | |
| 2657 | + cursor: pointer; | |
| 2658 | + font-size: 0.9em; | |
| 2659 | + line-height: 1em; | |
| 2660 | + display: none; | |
| 2661 | +} | |
| 2662 | + | |
| 2663 | +.jtags_label { | |
| 2664 | + background-color: #e4e4e4 !important; | |
| 2665 | +} | |
| 2666 | + | |
| 2667 | +.jtags_label::after { | |
| 2668 | + display: inline-block !important; | |
| 2669 | +} | |
| 2670 | + | |
| 2671 | +.jtags_error::after { | |
| 2672 | + color: #fff !important; | |
| 2673 | +} | |
| 2674 | + | |
| 2675 | +.jtags_error { | |
| 2676 | + background-color: #d93025 !important; | |
| 2677 | + color: #fff; | |
| 2678 | +} | |
| 2679 | + | |
| 2026 | 2680 | .jtoolbar-container { |
| 2027 | 2681 | border-radius: 2px; |
| 2028 | - margin-bottom: 5px; | |
| 2029 | 2682 | box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); |
| 2030 | 2683 | display: inline-flex !important; |
| 2031 | 2684 | } |
| 2032 | 2685 | |
| @@ -2034,9 +2687,8 @@ | ||
| 2034 | 2687 | cursor: pointer; |
| 2035 | 2688 | white-space: nowrap; |
| 2036 | 2689 | display: flex; |
| 2037 | 2690 | padding:4px; |
| 2038 | - -webkit-user-select: none; | |
| 2039 | 2691 | user-select: none; |
| 2040 | 2692 | font-size: 13px; |
| 2041 | 2693 | } |
| 2042 | 2694 | |
| @@ -2118,14 +2770,13 @@ | ||
| 2118 | 2770 | color:#929292; |
| 2119 | 2771 | } |
| 2120 | 2772 | |
| 2121 | 2773 | .jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span { |
| 2122 | - color:var(--active-color) !important; | |
| 2774 | + color:var(--jactive-color) !important; | |
| 2123 | 2775 | background-color:transparent; |
| 2124 | 2776 | } |
| 2125 | 2777 | |
| 2126 | 2778 | .jtoolbar-item { |
| 2127 | - -webkit-user-select: none; | |
| 2128 | 2779 | user-select: none; |
| 2129 | 2780 | } |
| 2130 | 2781 | |
| 2131 | 2782 | .jtoolbar-item i { |
| @@ -2183,9 +2834,9 @@ | ||
| 2183 | 2834 | |
| 2184 | 2835 | .jtoolbar .jtoolbar-arrow { |
| 2185 | 2836 | background-repeat: no-repeat; |
| 2186 | 2837 | background-position: center; |
| 2187 | - background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='18px' height='18px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E"); | |
| 2838 | + background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27black%27 width=%2718px%27 height=%2718px%27%3E%3Cpath d=%27M0 0h24v24H0z%27 fill=%27none%27/%3E%3Cpath d=%27M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z%27/%3E%3C/svg%3E"); | |
| 2188 | 2839 | width: 24px; |
| 2189 | 2840 | height: 16px; |
| 2190 | 2841 | margin-left: 4px; |
| 2191 | 2842 | border-left: 1px solid #f2f2f2; |
