Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 760 | blopes | 1 | :root { |
| 2 | --content-alt-bg-color:#E8F1F8; |
||
| 3 | } |
||
| 4 | |||
| 5 | .order-badge { |
||
| 6 | border-radius: 2px; |
||
| 7 | padding: 0.25em 0.5rem; |
||
| 8 | text-transform: uppercase; |
||
| 9 | font-weight: 700; |
||
| 10 | font-size: 12px; |
||
| 11 | letter-spacing: 0.3px; |
||
| 12 | } |
||
| 13 | .order-badge.order-delivered { |
||
| 14 | background: #C8E6C9; |
||
| 15 | color: #256029; |
||
| 16 | } |
||
| 17 | .order-badge.order-cancelled { |
||
| 18 | background: #FFCDD2; |
||
| 19 | color: #C63737; |
||
| 20 | } |
||
| 21 | .order-badge.order-pending { |
||
| 22 | background: #FEEDAF; |
||
| 23 | color: #8A5340; |
||
| 24 | } |
||
| 25 | .order-badge.order-returned { |
||
| 26 | background: #ECCFFF; |
||
| 27 | color: #694382; |
||
| 28 | } |
||
| 29 | |||
| 30 | .product-badge { |
||
| 31 | border-radius: 2px; |
||
| 32 | padding: 0.25em 0.5rem; |
||
| 33 | text-transform: uppercase; |
||
| 34 | font-weight: 700; |
||
| 35 | font-size: 12px; |
||
| 36 | letter-spacing: 0.3px; |
||
| 37 | } |
||
| 38 | .product-badge.status-instock { |
||
| 39 | background: #C8E6C9; |
||
| 40 | color: #256029; |
||
| 41 | } |
||
| 42 | .product-badge.status-outofstock { |
||
| 43 | background: #FFCDD2; |
||
| 44 | color: #C63737; |
||
| 45 | } |
||
| 46 | .product-badge.status-lowstock { |
||
| 47 | background: #FEEDAF; |
||
| 48 | color: #8A5340; |
||
| 49 | } |
||
| 50 | |||
| 51 | .customer-badge { |
||
| 52 | border-radius: 2px; |
||
| 53 | padding: 0.25em 0.5rem; |
||
| 54 | text-transform: uppercase; |
||
| 55 | font-weight: 700; |
||
| 56 | font-size: 12px; |
||
| 57 | letter-spacing: 0.3px; |
||
| 58 | } |
||
| 59 | .customer-badge.status-qualified { |
||
| 60 | background: #C8E6C9; |
||
| 61 | color: #256029; |
||
| 62 | } |
||
| 63 | .customer-badge.status-unqualified { |
||
| 64 | background: #FFCDD2; |
||
| 65 | color: #C63737; |
||
| 66 | } |
||
| 67 | .customer-badge.status-negotiation { |
||
| 68 | background: #FEEDAF; |
||
| 69 | color: #8A5340; |
||
| 70 | } |
||
| 71 | .customer-badge.status-new { |
||
| 72 | background: #B3E5FC; |
||
| 73 | color: #23547B; |
||
| 74 | } |
||
| 75 | .customer-badge.status-renewal { |
||
| 76 | background: #ECCFFF; |
||
| 77 | color: #694382; |
||
| 78 | } |
||
| 79 | .customer-badge.status-proposal { |
||
| 80 | background: #FFD8B2; |
||
| 81 | color: #805B36; |
||
| 82 | } |
||
| 83 | |||
| 84 | .filter-container .ui-inputtext { |
||
| 85 | width: 400px; |
||
| 86 | } |
||
| 87 | |||
| 88 | .ui-selection-column { |
||
| 89 | width: 2rem; |
||
| 90 | } |
||
| 91 | |||
| 92 | @media (max-width: 640px) { |
||
| 93 | .filter-container { |
||
| 94 | width: 100%; |
||
| 95 | margin-top: 0.5rem; |
||
| 96 | } |
||
| 97 | |||
| 98 | .filter-container .ui-inputtext { |
||
| 99 | width: 100%; |
||
| 100 | } |
||
| 101 | |||
| 102 | .ui-selection-column { |
||
| 103 | width: auto; |
||
| 104 | text-align: center; |
||
| 105 | } |
||
| 106 | .ui-selection-column .ui-column-title { |
||
| 107 | display: none !important; |
||
| 108 | } |
||
| 109 | } |
||
| 110 | pre { |
||
| 111 | font-family: "Open Sans"; |
||
| 112 | background: #E8F1F8; |
||
| 113 | color: #515C66; |
||
| 114 | padding: 1em; |
||
| 115 | font-size: 14px; |
||
| 116 | border-radius: 3px; |
||
| 117 | overflow: auto; |
||
| 118 | line-height: 1.5; |
||
| 119 | } |
||
| 120 | |||
| 121 | .crud-demo .ui-datatable { |
||
| 122 | margin-top: 1rem; |
||
| 123 | } |
||
| 124 | .crud-demo .product-image { |
||
| 125 | width: 100px; |
||
| 126 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
||
| 127 | } |
||
| 128 | .crud-demo .ui-dialog .product-image { |
||
| 129 | width: 250px; |
||
| 130 | margin: 0 auto 2rem auto; |
||
| 131 | display: block; |
||
| 132 | } |
||
| 133 | .crud-demo .ui-dialog-footer .ui-button { |
||
| 134 | min-width: 6rem; |
||
| 135 | } |
||
| 136 | .crud-demo .ui-datatable .ui-column-filter { |
||
| 137 | display: none; |
||
| 138 | } |
||
| 139 | .crud-demo .products-table-header { |
||
| 140 | display: -ms-flexbox; |
||
| 141 | display: flex; |
||
| 142 | -ms-flex-align: center; |
||
| 143 | align-items: center; |
||
| 144 | -ms-flex-pack: justify; |
||
| 145 | justify-content: space-between; |
||
| 146 | -ms-flex-wrap: wrap; |
||
| 147 | flex-wrap: wrap; |
||
| 148 | } |
||
| 149 | .crud-demo .edit-button.ui-button { |
||
| 150 | margin-right: 0.5rem; |
||
| 151 | } |
||
| 152 | .crud-demo .orders-subtable { |
||
| 153 | padding: 1rem; |
||
| 154 | } |
||
| 155 | .crud-demo .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) { |
||
| 156 | width: 2rem; |
||
| 157 | } |
||
| 158 | .crud-demo .products-table .ui-rating { |
||
| 159 | display: inline-block; |
||
| 160 | } |
||
| 161 | |||
| 162 | @media (max-width: 640px) { |
||
| 163 | .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, |
||
| 164 | .products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { |
||
| 165 | display: none !important; |
||
| 166 | } |
||
| 167 | |||
| 168 | .products-buttonbar { |
||
| 169 | -ms-flex-direction: column; |
||
| 170 | flex-direction: column; |
||
| 171 | } |
||
| 172 | .products-buttonbar > div:last-child { |
||
| 173 | margin-top: 0.5rem; |
||
| 174 | } |
||
| 175 | } |
||
| 176 | .docs li { |
||
| 177 | line-height: 1.5; |
||
| 178 | } |
||
| 179 | |||
| 180 | .grid-demo .grid-item { |
||
| 181 | text-align: center; |
||
| 182 | border-radius: 4px; |
||
| 183 | font-size: 1.5rem; |
||
| 184 | display: -ms-flexbox; |
||
| 185 | display: flex; |
||
| 186 | -ms-flex-align: center; |
||
| 187 | align-items: center; |
||
| 188 | -ms-flex-pack: center; |
||
| 189 | justify-content: center; |
||
| 190 | } |
||
| 191 | .grid-demo .grid-item.grid-item-stretched { |
||
| 192 | height: 100%; |
||
| 193 | box-sizing: border-box; |
||
| 194 | } |
||
| 195 | .grid-demo .vertical-container { |
||
| 196 | margin: 0; |
||
| 197 | height: 200px; |
||
| 198 | } |
||
| 199 | .grid-demo .nested-grid .p-col-12 { |
||
| 200 | padding-bottom: 0; |
||
| 201 | } |
||
| 202 | |||
| 203 | .icons-demo .icons-list { |
||
| 204 | text-align: center; |
||
| 205 | color: #657380; |
||
| 206 | } |
||
| 207 | .icons-demo .icons-list i { |
||
| 208 | font-size: 1.5rem; |
||
| 209 | margin-bottom: 0.5rem; |
||
| 210 | } |
||
| 211 | |||
| 212 | .spacing-demo li { |
||
| 213 | line-height: 1.5; |
||
| 214 | } |
||
| 215 | |||
| 216 | .demo-container { |
||
| 217 | border: 1px solid var(--surface-d); |
||
| 218 | } |
||
| 219 | |||
| 220 | .vertical-container { |
||
| 221 | margin: 0; |
||
| 222 | height: 200px; |
||
| 223 | background: var(--surface-d); |
||
| 224 | border-radius: 4px; |
||
| 225 | } |
||
| 226 | |||
| 227 | .elevation-demo .shadow-container { |
||
| 228 | display: -ms-flexbox; |
||
| 229 | display: flex; |
||
| 230 | -ms-flex-align: center; |
||
| 231 | align-items: center; |
||
| 232 | -ms-flex-wrap: wrap; |
||
| 233 | flex-wrap: wrap; |
||
| 234 | } |
||
| 235 | .elevation-demo .box { |
||
| 236 | min-height: 100px; |
||
| 237 | min-width: 150px; |
||
| 238 | display: -ms-flexbox; |
||
| 239 | display: flex; |
||
| 240 | -ms-flex-align: center; |
||
| 241 | align-items: center; |
||
| 242 | -ms-flex-pack: center; |
||
| 243 | justify-content: center; |
||
| 244 | font-size: 1.25rem; |
||
| 245 | font-weight: 600; |
||
| 246 | margin: 2rem; |
||
| 247 | border-radius: 5px; |
||
| 248 | } |
||
| 249 | |||
| 250 | .list-demo .product-name { |
||
| 251 | font-size: 1.5rem; |
||
| 252 | font-weight: 700; |
||
| 253 | } |
||
| 254 | .list-demo .product-description { |
||
| 255 | margin: 0 0 1rem 0; |
||
| 256 | } |
||
| 257 | .list-demo .product-category-icon { |
||
| 258 | vertical-align: middle; |
||
| 259 | margin-right: 0.5rem; |
||
| 260 | } |
||
| 261 | .list-demo .product-category { |
||
| 262 | font-weight: 600; |
||
| 263 | vertical-align: middle; |
||
| 264 | } |
||
| 265 | .list-demo .product-list-item { |
||
| 266 | display: -ms-flexbox; |
||
| 267 | display: flex; |
||
| 268 | -ms-flex-align: center; |
||
| 269 | align-items: center; |
||
| 270 | padding: 1rem; |
||
| 271 | } |
||
| 272 | .list-demo .product-list-item img { |
||
| 273 | width: 150px; |
||
| 274 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
||
| 275 | margin-right: 2rem; |
||
| 276 | } |
||
| 277 | .list-demo .product-list-item .product-list-detail { |
||
| 278 | flex: 1 1 0; |
||
| 279 | -ms-flex: 1 1 0px; |
||
| 280 | } |
||
| 281 | .list-demo .product-list-item .ui-rating { |
||
| 282 | margin: 0 0 0.5rem 0; |
||
| 283 | } |
||
| 284 | .list-demo .product-list-item .product-price { |
||
| 285 | font-size: 1.5rem; |
||
| 286 | font-weight: 600; |
||
| 287 | margin-bottom: 0.5rem; |
||
| 288 | align-self: flex-end; |
||
| 289 | } |
||
| 290 | .list-demo .product-list-item .product-list-action { |
||
| 291 | display: -ms-flexbox; |
||
| 292 | display: flex; |
||
| 293 | -ms-flex-direction: column; |
||
| 294 | flex-direction: column; |
||
| 295 | } |
||
| 296 | .list-demo .product-list-item .ui-button { |
||
| 297 | margin-bottom: 0.5rem; |
||
| 298 | } |
||
| 299 | .list-demo .product-grid-item { |
||
| 300 | border: 1px solid #E8F1F8; |
||
| 301 | } |
||
| 302 | .list-demo .product-grid-item .product-grid-item-top, |
||
| 303 | .list-demo .product-grid-item .product-grid-item-bottom { |
||
| 304 | display: -ms-flexbox; |
||
| 305 | display: flex; |
||
| 306 | -ms-flex-align: center; |
||
| 307 | align-items: center; |
||
| 308 | -ms-flex-pack: justify; |
||
| 309 | justify-content: space-between; |
||
| 310 | } |
||
| 311 | .list-demo .product-grid-item img { |
||
| 312 | width: 75%; |
||
| 313 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); |
||
| 314 | margin: 2rem 0; |
||
| 315 | } |
||
| 316 | .list-demo .product-grid-item .product-grid-item-content { |
||
| 317 | text-align: center; |
||
| 318 | } |
||
| 319 | .list-demo .product-grid-item .product-price { |
||
| 320 | font-size: 1.5rem; |
||
| 321 | font-weight: 600; |
||
| 322 | } |
||
| 323 | |||
| 324 | @media screen and (max-width: 576px) { |
||
| 325 | .list-demo .product-list-item { |
||
| 326 | -ms-flex-direction: column; |
||
| 327 | flex-direction: column; |
||
| 328 | -ms-flex-align: center; |
||
| 329 | align-items: center; |
||
| 330 | } |
||
| 331 | .list-demo .product-list-item img { |
||
| 332 | width: 75%; |
||
| 333 | margin: 2rem 0; |
||
| 334 | } |
||
| 335 | .list-demo .product-list-item .product-list-detail { |
||
| 336 | text-align: center; |
||
| 337 | } |
||
| 338 | .list-demo .product-list-item .product-price { |
||
| 339 | align-self: center; |
||
| 340 | } |
||
| 341 | .list-demo .product-list-item .product-list-action { |
||
| 342 | display: -ms-flexbox; |
||
| 343 | display: flex; |
||
| 344 | -ms-flex-direction: column; |
||
| 345 | flex-direction: column; |
||
| 346 | } |
||
| 347 | .list-demo .product-list-item .product-list-action { |
||
| 348 | margin-top: 2rem; |
||
| 349 | -ms-flex-direction: row; |
||
| 350 | flex-direction: row; |
||
| 351 | -ms-flex-pack: justify; |
||
| 352 | justify-content: space-between; |
||
| 353 | -ms-flex-align: center; |
||
| 354 | align-items: center; |
||
| 355 | width: 100%; |
||
| 356 | } |
||
| 357 | } |
||
| 358 | .messages-demo .ui-button.ui-widget { |
||
| 359 | min-width: 6rem; |
||
| 360 | } |
||
| 361 | .messages-demo .p-field > label { |
||
| 362 | width: 125px; |
||
| 363 | } |
||
| 364 | |||
| 365 | .misc-demo .ui-button.ui-widget { |
||
| 366 | min-width: 6rem; |
||
| 367 | } |
||
| 368 | .misc-demo .badges .ui-badge, |
||
| 369 | .misc-demo .badges .ui-tag { |
||
| 370 | margin-right: 0.5rem; |
||
| 371 | } |
||
| 372 | .misc-demo .ui-chip.custom-chip { |
||
| 373 | background: var(--primary-color); |
||
| 374 | color: var(--primary-color-text); |
||
| 375 | } |
||
| 376 | .misc-demo .custom-scrolltop { |
||
| 377 | width: 2rem; |
||
| 378 | height: 2rem; |
||
| 379 | border-radius: 4px; |
||
| 380 | background-color: var(--primary-color); |
||
| 381 | } |
||
| 382 | .misc-demo .custom-scrolltop:hover { |
||
| 383 | background-color: var(--primary-color); |
||
| 384 | } |
||
| 385 | .misc-demo .custom-scrolltop .ui-scrolltop-icon { |
||
| 386 | font-size: 1rem; |
||
| 387 | color: var(--primary-color-text); |
||
| 388 | } |
||
| 389 | .misc-demo .custom-skeleton { |
||
| 390 | border: 1px solid var(--surface-d); |
||
| 391 | border-radius: 4px; |
||
| 392 | } |
||
| 393 | .misc-demo .custom-skeleton ul { |
||
| 394 | list-style: none; |
||
| 395 | } |
||
| 396 | |||
| 397 | .table-demo .ui-datatable .ui-column-filter { |
||
| 398 | display: none; |
||
| 399 | } |
||
| 400 | .table-demo .customers-table-header { |
||
| 401 | display: -ms-flexbox; |
||
| 402 | display: flex; |
||
| 403 | -ms-flex-align: center; |
||
| 404 | align-items: center; |
||
| 405 | -ms-flex-pack: justify; |
||
| 406 | justify-content: space-between; |
||
| 407 | -ms-flex-wrap: wrap; |
||
| 408 | flex-wrap: wrap; |
||
| 409 | } |
||
| 410 | .table-demo .ui-progressbar-value.ui-widget-header { |
||
| 411 | background: #607d8b; |
||
| 412 | } |
||
| 413 | |||
| 414 | @media (max-width: 640px) { |
||
| 415 | .table-demo .ui-progressbar { |
||
| 416 | margin-top: 0.5rem; |
||
| 417 | } |
||
| 418 | } |
||
| 419 | .layout-dashboard .traffic { |
||
| 420 | overflow-x: hidden; |
||
| 421 | } |
||
| 422 | .layout-dashboard .traffic > span { |
||
| 423 | display: block; |
||
| 424 | margin-top: 2px; |
||
| 425 | margin-bottom: 12px; |
||
| 426 | font-size: 13px; |
||
| 427 | font-weight: 600; |
||
| 428 | color: #515C66; |
||
| 429 | } |
||
| 430 | .layout-dashboard .traffic .traffic-tabs { |
||
| 431 | margin-top: 28px; |
||
| 432 | display: -ms-flexbox; |
||
| 433 | display: flex; |
||
| 434 | -ms-flex-align: center; |
||
| 435 | align-items: center; |
||
| 436 | -ms-flex-pack: justify; |
||
| 437 | justify-content: space-between; |
||
| 438 | } |
||
| 439 | .layout-dashboard .traffic .traffic-tabs .traffic-tab { |
||
| 440 | border-radius: 4px; |
||
| 441 | background-color: #E8F1F8; |
||
| 442 | text-align: center; |
||
| 443 | padding: 6px 1px 8px; |
||
| 444 | width: 100%; |
||
| 445 | margin-right: 5px; |
||
| 446 | cursor: pointer; |
||
| 447 | -moz-transition: background-color 0.2s; |
||
| 448 | -o-transition: background-color 0.2s; |
||
| 449 | -webkit-transition: background-color 0.2s; |
||
| 450 | transition: background-color 0.2s; |
||
| 451 | } |
||
| 452 | .layout-dashboard .traffic .traffic-tabs .traffic-tab:last-child { |
||
| 453 | margin: 0; |
||
| 454 | } |
||
| 455 | .layout-dashboard .traffic .traffic-tabs .traffic-tab > h6 { |
||
| 456 | font-weight: bold; |
||
| 457 | margin: 0; |
||
| 458 | color: #515C66; |
||
| 459 | margin-bottom: 10px; |
||
| 460 | } |
||
| 461 | .layout-dashboard .traffic .traffic-tabs .traffic-tab > i { |
||
| 462 | font-size: 24px; |
||
| 463 | } |
||
| 464 | .layout-dashboard .traffic .traffic-tabs .traffic-tab > span { |
||
| 465 | display: block; |
||
| 466 | font-size: 12px; |
||
| 467 | color: #515C66; |
||
| 468 | margin-top: 6px; |
||
| 469 | } |
||
| 470 | .layout-dashboard .traffic .traffic-tabs .traffic-tab:hover { |
||
| 471 | background-color: rgba(232, 241, 248, 0.4); |
||
| 472 | } |
||
| 473 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active { |
||
| 474 | background-color: #1c75c6; |
||
| 475 | background-color: var(--primary-dark-color, #1c75c6); |
||
| 476 | } |
||
| 477 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > h6, |
||
| 478 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active > span, |
||
| 479 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active i { |
||
| 480 | color: #ffffff; |
||
| 481 | } |
||
| 482 | .layout-dashboard .traffic .traffic-tabs .traffic-tab.traffic-tab-active:hover { |
||
| 483 | background-color: #2c84d8; |
||
| 484 | background-color: var(--primary-color, #2c84d8); |
||
| 485 | } |
||
| 486 | .layout-dashboard .traffic .traffic-chart { |
||
| 487 | display: -ms-flexbox; |
||
| 488 | display: flex; |
||
| 489 | -ms-flex-pack: center; |
||
| 490 | justify-content: center; |
||
| 491 | } |
||
| 492 | .layout-dashboard .goals { |
||
| 493 | overflow-x: hidden; |
||
| 494 | background-image: linear-gradient(134deg, #2873D3, #2873D3 99%); |
||
| 495 | background-image: linear-gradient(134deg, var(--primary-color, #2873D3), var(--primary-dark-color, #2873D3) 99%); |
||
| 496 | } |
||
| 497 | .layout-dashboard .goals .card-header { |
||
| 498 | padding: 0; |
||
| 499 | } |
||
| 500 | .layout-dashboard .goals .card-header > h6 { |
||
| 501 | color: #ffffff; |
||
| 502 | color: var(--primary-color-text, #ffffff); |
||
| 503 | } |
||
| 504 | .layout-dashboard .goals .card-header > span { |
||
| 505 | color: #ffffff; |
||
| 506 | color: var(--primary-color-text, #ffffff); |
||
| 507 | font-size: 11px; |
||
| 508 | display: block; |
||
| 509 | } |
||
| 510 | .layout-dashboard .goals .card-header > span > span { |
||
| 511 | font-size: 14px; |
||
| 512 | font-weight: 600; |
||
| 513 | } |
||
| 514 | .layout-dashboard .goals > span { |
||
| 515 | color: #ffffff; |
||
| 516 | color: var(--primary-color-text, #ffffff); |
||
| 517 | opacity: 0.8; |
||
| 518 | font-size: 12px; |
||
| 519 | font-weight: 600; |
||
| 520 | display: block; |
||
| 521 | } |
||
| 522 | .layout-dashboard .goals .goal-graph { |
||
| 523 | display: -ms-flexbox; |
||
| 524 | display: flex; |
||
| 525 | -ms-flex-pack: center; |
||
| 526 | justify-content: center; |
||
| 527 | padding: 24px 0; |
||
| 528 | } |
||
| 529 | .layout-dashboard .goals .goal-graph > img { |
||
| 530 | width: 100%; |
||
| 531 | max-width: 240px; |
||
| 532 | height: auto; |
||
| 533 | } |
||
| 534 | .layout-dashboard .leaderboard { |
||
| 535 | height: 100%; |
||
| 536 | } |
||
| 537 | .layout-dashboard .leaderboard > ul { |
||
| 538 | margin: 0; |
||
| 539 | padding: 0; |
||
| 540 | list-style-type: none; |
||
| 541 | } |
||
| 542 | .layout-dashboard .leaderboard > ul > li { |
||
| 543 | display: -ms-flexbox; |
||
| 544 | display: flex; |
||
| 545 | -ms-flex-align: center; |
||
| 546 | align-items: center; |
||
| 547 | -ms-flex-pack: justify; |
||
| 548 | justify-content: space-between; |
||
| 549 | margin-top: 6px; |
||
| 550 | padding: 5px 0; |
||
| 551 | padding: 6px; |
||
| 552 | -moz-border-radius: 4px; |
||
| 553 | -webkit-border-radius: 4px; |
||
| 554 | border-radius: 4px; |
||
| 555 | cursor: pointer; |
||
| 556 | } |
||
| 557 | .layout-dashboard .leaderboard > ul > li:hover { |
||
| 558 | background-color: rgba(232, 241, 248, 0.7); |
||
| 559 | } |
||
| 560 | .layout-dashboard .leaderboard > ul > li .person { |
||
| 561 | display: -ms-flexbox; |
||
| 562 | display: flex; |
||
| 563 | -ms-flex-align: center; |
||
| 564 | align-items: center; |
||
| 565 | } |
||
| 566 | .layout-dashboard .leaderboard > ul > li .person > img { |
||
| 567 | width: 32px; |
||
| 568 | height: 32px; |
||
| 569 | margin-right: 12px; |
||
| 570 | } |
||
| 571 | .layout-dashboard .leaderboard > ul > li .person > p { |
||
| 572 | margin: 0; |
||
| 573 | color: #515C66; |
||
| 574 | } |
||
| 575 | .layout-dashboard .leaderboard > ul > li .person-numbers { |
||
| 576 | display: -ms-flexbox; |
||
| 577 | display: flex; |
||
| 578 | -ms-flex-align: center; |
||
| 579 | align-items: center; |
||
| 580 | } |
||
| 581 | .layout-dashboard .leaderboard > ul > li .person-numbers > h6 { |
||
| 582 | margin: 0; |
||
| 583 | color: #515C66; |
||
| 584 | font-weight: 600; |
||
| 585 | margin-right: 12px; |
||
| 586 | } |
||
| 587 | .layout-dashboard .leaderboard > ul > li .person-numbers > i { |
||
| 588 | color: #00acac; |
||
| 589 | } |
||
| 590 | .layout-dashboard .sales .card-header { |
||
| 591 | margin-bottom: 8px; |
||
| 592 | } |
||
| 593 | |||
| 594 | .layout-rtl .layout-dashboard .sale-graph .order-tabs .order-tab:first-child { |
||
| 595 | margin-right: 0; |
||
| 596 | margin-left: 26px; |
||
| 597 | } |
||
| 598 | .layout-rtl .layout-dashboard .traffic .traffic-tabs .traffic-tab { |
||
| 599 | margin-right: 0px; |
||
| 600 | margin-left: 5px; |
||
| 601 | } |
||
| 602 | .layout-rtl .layout-dashboard .leaderboard > ul li { |
||
| 603 | background-color: #FDFEFF; |
||
| 604 | cursor: pointer; |
||
| 605 | } |
||
| 606 | .layout-rtl .layout-dashboard .leaderboard > ul li .person > img { |
||
| 607 | margin-right: 0px; |
||
| 608 | margin-left: 12px; |
||
| 609 | } |
||
| 610 | .layout-rtl .layout-dashboard .leaderboard > ul li .person-numbers > h6 { |
||
| 611 | margin-right: 0px; |
||
| 612 | margin-left: 12px; |
||
| 613 | } |
||
| 614 | .layout-rtl .layout-dashboard .leaderboard > ul li:hover { |
||
| 615 | background-color: #E8F1F8; |
||
| 616 | } |
||
| 617 | .layout-rtl .layout-dashboard .product-list > ul li .product > img { |
||
| 618 | margin-right: 0px; |
||
| 619 | margin-left: 12px; |
||
| 620 | } |
||
| 621 | .layout-rtl .layout-dashboard .product-list > ul li:hover { |
||
| 622 | background-color: #E8F1F8; |
||
| 623 | } |
||
| 624 | |||
| 625 | .custom-marker { |
||
| 626 | display: flex; |
||
| 627 | width: 2rem; |
||
| 628 | height: 2rem; |
||
| 629 | align-items: center; |
||
| 630 | justify-content: center; |
||
| 631 | color: #ffffff; |
||
| 632 | border-radius: 50%; |
||
| 633 | z-index: 1; |
||
| 634 | } |
||
| 635 | |||
| 636 | .ui-chronoline-event-content, |
||
| 637 | .ui-chronoline-event-opposite { |
||
| 638 | line-height: 1; |
||
| 639 | } |
||
| 640 | |||
| 641 | @media screen and (max-width: 960px) { |
||
| 642 | .customized-chronoline .ui-chronoline-event:nth-child(even) { |
||
| 643 | flex-direction: row !important; |
||
| 644 | } |
||
| 645 | |||
| 646 | .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { |
||
| 647 | text-align: left !important; |
||
| 648 | } |
||
| 649 | |||
| 650 | .customized-chronoline .ui-chronoline-event-opposite { |
||
| 651 | flex: 0; |
||
| 652 | } |
||
| 653 | |||
| 654 | .customized-chronoline .ui-card { |
||
| 655 | margin-top: 1rem; |
||
| 656 | } |
||
| 657 | } |
||
| 658 | .flexbox-demo .p-d-flex > div, |
||
| 659 | .flexbox-demo .box { |
||
| 660 | background-color: var(--surface-e); |
||
| 661 | text-align: center; |
||
| 662 | padding: 1rem; |
||
| 663 | border-radius: 4px; |
||
| 664 | box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); |
||
| 665 | } |
||
| 666 | .flexbox-demo .p-d-flex > div { |
||
| 667 | width: 8rem; |
||
| 668 | } |
||
| 669 | .flexbox-demo .doc-table { |
||
| 670 | border-collapse: collapse; |
||
| 671 | width: 100%; |
||
| 672 | background-color: var(--surface-a); |
||
| 673 | } |
||
| 674 | .flexbox-demo .doc-table th { |
||
| 675 | border-bottom: 1px solid var(--surface-d); |
||
| 676 | padding: 1rem; |
||
| 677 | text-align: left; |
||
| 678 | } |
||
| 679 | .flexbox-demo .doc-table tbody td { |
||
| 680 | padding: 1rem; |
||
| 681 | border-bottom: 1px solid var(--surface-d); |
||
| 682 | } |
||
| 683 | .flexbox-demo .doc-tablewrapper { |
||
| 684 | margin: 1rem 0; |
||
| 685 | overflow: auto; |
||
| 686 | } |
||
| 687 | |||
| 688 | .floatlabel-demo .p-field { |
||
| 689 | margin-top: 2rem; |
||
| 690 | } |
||
| 691 | |||
| 692 | /* PrismJS 1.22.0 |
||
| 693 | https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ |
||
| 694 | /** |
||
| 695 | * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML |
||
| 696 | * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); |
||
| 697 | * @author Tim Shedor |
||
| 698 | */ |
||
| 699 | /* |
||
| 700 | Attention: This is not the original CSS downloaded from PrismJS! There are some PrimeFaces-specific modifications. |
||
| 701 | Some var(iable)-usages have been introduced to adapt color-scheme to dark PrimeFaces-themes like Vela and Arya. |
||
| 702 | */ |
||
| 703 | code[class*=language-], |
||
| 704 | pre[class*=language-] { |
||
| 705 | color: black; |
||
| 706 | background: none; |
||
| 707 | font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; |
||
| 708 | font-size: 1em; |
||
| 709 | text-align: left; |
||
| 710 | white-space: pre; |
||
| 711 | word-spacing: normal; |
||
| 712 | word-break: normal; |
||
| 713 | word-wrap: normal; |
||
| 714 | line-height: 1.5; |
||
| 715 | -moz-tab-size: 4; |
||
| 716 | -o-tab-size: 4; |
||
| 717 | tab-size: 4; |
||
| 718 | -webkit-hyphens: none; |
||
| 719 | -moz-hyphens: none; |
||
| 720 | -ms-hyphens: none; |
||
| 721 | hyphens: none; |
||
| 722 | } |
||
| 723 | |||
| 724 | /* Code blocks */ |
||
| 725 | pre[class*=language-] { |
||
| 726 | position: relative; |
||
| 727 | margin: 0.5em 0; |
||
| 728 | overflow: visible; |
||
| 729 | padding: 0; |
||
| 730 | } |
||
| 731 | |||
| 732 | pre[class*=language-] > code { |
||
| 733 | position: relative; |
||
| 734 | border-left: 10px solid var(--surface-d) !important; |
||
| 735 | /*box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;*/ |
||
| 736 | background-color: var(--surface-e) !important; |
||
| 737 | background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); |
||
| 738 | background-size: 3em 3em; |
||
| 739 | background-origin: content-box; |
||
| 740 | background-attachment: local; |
||
| 741 | color: var(--text-color); |
||
| 742 | } |
||
| 743 | |||
| 744 | code[class*=language-] { |
||
| 745 | max-height: inherit; |
||
| 746 | height: inherit; |
||
| 747 | padding: 0 1em; |
||
| 748 | display: block; |
||
| 749 | overflow: auto; |
||
| 750 | } |
||
| 751 | |||
| 752 | /* Margin bottom to accommodate shadow */ |
||
| 753 | :not(pre) > code[class*=language-], |
||
| 754 | pre[class*=language-] { |
||
| 755 | background-color: #fdfdfd; |
||
| 756 | -webkit-box-sizing: border-box; |
||
| 757 | -moz-box-sizing: border-box; |
||
| 758 | box-sizing: border-box; |
||
| 759 | margin-bottom: 1em; |
||
| 760 | } |
||
| 761 | |||
| 762 | /* Inline code */ |
||
| 763 | :not(pre) > code[class*=language-] { |
||
| 764 | position: relative; |
||
| 765 | padding: 0.2em; |
||
| 766 | border-radius: 0.3em; |
||
| 767 | color: #c92c2c; |
||
| 768 | border: 1px solid rgba(0, 0, 0, 0.1); |
||
| 769 | display: inline; |
||
| 770 | white-space: normal; |
||
| 771 | } |
||
| 772 | |||
| 773 | .token.comment, |
||
| 774 | .token.block-comment, |
||
| 775 | .token.prolog, |
||
| 776 | .token.doctype, |
||
| 777 | .token.cdata { |
||
| 778 | color: #7D8B99; |
||
| 779 | } |
||
| 780 | |||
| 781 | .token.punctuation { |
||
| 782 | color: var(--text-color); |
||
| 783 | } |
||
| 784 | |||
| 785 | .token.property, |
||
| 786 | .token.tag, |
||
| 787 | .token.boolean, |
||
| 788 | .token.number, |
||
| 789 | .token.function-name, |
||
| 790 | .token.constant, |
||
| 791 | .token.symbol, |
||
| 792 | .token.deleted { |
||
| 793 | color: #c92c2c; |
||
| 794 | } |
||
| 795 | |||
| 796 | .token.selector, |
||
| 797 | .token.attr-name, |
||
| 798 | .token.string, |
||
| 799 | .token.char, |
||
| 800 | .token.function, |
||
| 801 | .token.builtin, |
||
| 802 | .token.inserted { |
||
| 803 | color: #2f9c0a; |
||
| 804 | } |
||
| 805 | |||
| 806 | .token.operator, |
||
| 807 | .token.entity, |
||
| 808 | .token.url, |
||
| 809 | .token.variable { |
||
| 810 | color: #a67f59; |
||
| 811 | background: rgba(255, 255, 255, 0.5); |
||
| 812 | } |
||
| 813 | |||
| 814 | .token.atrule, |
||
| 815 | .token.attr-value, |
||
| 816 | .token.keyword, |
||
| 817 | .token.class-name { |
||
| 818 | color: #1990b8; |
||
| 819 | } |
||
| 820 | |||
| 821 | .token.regex, |
||
| 822 | .token.important { |
||
| 823 | color: #e90; |
||
| 824 | } |
||
| 825 | |||
| 826 | .language-css .token.string, |
||
| 827 | .style .token.string { |
||
| 828 | color: #a67f59; |
||
| 829 | background: rgba(255, 255, 255, 0.5); |
||
| 830 | } |
||
| 831 | |||
| 832 | .token.important { |
||
| 833 | font-weight: normal; |
||
| 834 | } |
||
| 835 | |||
| 836 | .token.bold { |
||
| 837 | font-weight: bold; |
||
| 838 | } |
||
| 839 | |||
| 840 | .token.italic { |
||
| 841 | font-style: italic; |
||
| 842 | } |
||
| 843 | |||
| 844 | .token.entity { |
||
| 845 | cursor: help; |
||
| 846 | } |
||
| 847 | |||
| 848 | .token.namespace { |
||
| 849 | opacity: 0.7; |
||
| 850 | } |
||
| 851 | |||
| 852 | @media screen and (max-width: 767px) { |
||
| 853 | pre[class*=language-]:before, |
||
| 854 | pre[class*=language-]:after { |
||
| 855 | bottom: 14px; |
||
| 856 | box-shadow: none; |
||
| 857 | } |
||
| 858 | } |
||
| 859 | /* Plugin styles: Line Numbers */ |
||
| 860 | pre[class*=language-].line-numbers.line-numbers { |
||
| 861 | padding-left: 0; |
||
| 862 | } |
||
| 863 | |||
| 864 | pre[class*=language-].line-numbers.line-numbers code { |
||
| 865 | padding-left: 3.8em; |
||
| 866 | } |
||
| 867 | |||
| 868 | pre[class*=language-].line-numbers.line-numbers .line-numbers-rows { |
||
| 869 | left: 0; |
||
| 870 | } |
||
| 871 | |||
| 872 | /* Plugin styles: Line Highlight */ |
||
| 873 | pre[class*=language-][data-line] { |
||
| 874 | padding-top: 0; |
||
| 875 | padding-bottom: 0; |
||
| 876 | padding-left: 0; |
||
| 877 | } |
||
| 878 | |||
| 879 | pre[data-line] code { |
||
| 880 | position: relative; |
||
| 881 | padding-left: 4em; |
||
| 882 | } |
||
| 883 | |||
| 884 | pre .line-highlight { |
||
| 885 | margin-top: 0; |
||
| 886 | } |
||
| 887 | |||
| 888 | pre[class*=language-].line-numbers { |
||
| 889 | position: relative; |
||
| 890 | padding-left: 3.8em; |
||
| 891 | counter-reset: linenumber; |
||
| 892 | } |
||
| 893 | |||
| 894 | pre[class*=language-].line-numbers > code { |
||
| 895 | position: relative; |
||
| 896 | white-space: inherit; |
||
| 897 | } |
||
| 898 | |||
| 899 | .line-numbers .line-numbers-rows { |
||
| 900 | position: absolute; |
||
| 901 | pointer-events: none; |
||
| 902 | top: 0; |
||
| 903 | font-size: 100%; |
||
| 904 | left: -3.8em; |
||
| 905 | width: 3em; |
||
| 906 | /* works for line-numbers below 1000 lines */ |
||
| 907 | letter-spacing: -1px; |
||
| 908 | border-right: 1px solid var(--surface-d) !important; |
||
| 909 | -webkit-user-select: none; |
||
| 910 | -moz-user-select: none; |
||
| 911 | -ms-user-select: none; |
||
| 912 | user-select: none; |
||
| 913 | } |
||
| 914 | |||
| 915 | .line-numbers-rows > span { |
||
| 916 | display: block; |
||
| 917 | counter-increment: linenumber; |
||
| 918 | } |
||
| 919 | |||
| 920 | .line-numbers-rows > span:before { |
||
| 921 | content: counter(linenumber); |
||
| 922 | color: var(--text-color-secondary); |
||
| 923 | display: block; |
||
| 924 | padding-right: 0.8em; |
||
| 925 | text-align: right; |
||
| 926 | } |
||
| 927 | |||
| 928 | .layout-rightpanel .rightpanel-wrapper .section-tasks h5 { |
||
| 929 | margin: 30px 20px 10px; |
||
| 930 | color: #515C66; |
||
| 931 | opacity: 0.8; |
||
| 932 | } |
||
| 933 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul { |
||
| 934 | padding: 30px 0; |
||
| 935 | margin: 0; |
||
| 936 | list-style-type: none; |
||
| 937 | } |
||
| 938 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li { |
||
| 939 | display: -ms-flexbox; |
||
| 940 | display: flex; |
||
| 941 | padding: 8px 24px; |
||
| 942 | margin: 0 0 4px; |
||
| 943 | } |
||
| 944 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox { |
||
| 945 | width: 32px; |
||
| 946 | height: 32px; |
||
| 947 | } |
||
| 948 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box { |
||
| 949 | width: 32px; |
||
| 950 | height: 32px; |
||
| 951 | -moz-border-radius: 50%; |
||
| 952 | -webkit-border-radius: 50%; |
||
| 953 | border-radius: 50%; |
||
| 954 | } |
||
| 955 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active { |
||
| 956 | color: #515C66; |
||
| 957 | background-color: transparent; |
||
| 958 | border-color: transparent; |
||
| 959 | } |
||
| 960 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .ui-selectbooleancheckbox .ui-chkbox-box.ui-state-active.ui-state-hover { |
||
| 961 | border-color: #D9DEE6; |
||
| 962 | } |
||
| 963 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task { |
||
| 964 | margin-left: 12px; |
||
| 965 | } |
||
| 966 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task h6 { |
||
| 967 | margin: 0; |
||
| 968 | color: #515C66; |
||
| 969 | } |
||
| 970 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task span { |
||
| 971 | display: block; |
||
| 972 | font-size: 12px; |
||
| 973 | color: #515C66; |
||
| 974 | opacity: 0.5; |
||
| 975 | } |
||
| 976 | .layout-rightpanel .rightpanel-wrapper .section-tasks > ul > li .task.done h6 { |
||
| 977 | text-decoration: line-through; |
||
| 978 | } |
||
| 979 | .layout-rightpanel .rightpanel-wrapper hr { |
||
| 980 | border: none; |
||
| 981 | background-image: linear-gradient(to right, #E8F1F8, #FDFEFF 100%); |
||
| 982 | height: 1px; |
||
| 983 | margin: 0; |
||
| 984 | margin-left: 20px; |
||
| 985 | } |
||
| 986 | |||
| 987 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(2) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(2) > a > i { |
||
| 988 | background-color: rgba(47, 142, 229, 0.2); |
||
| 989 | color: #2f8ee5; |
||
| 990 | } |
||
| 991 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(3) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(3) > a > i { |
||
| 992 | background-color: rgba(2, 172, 172, 0.2); |
||
| 993 | color: #02acac; |
||
| 994 | } |
||
| 995 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(4) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(4) > a > i { |
||
| 996 | background-color: rgba(241, 99, 131, 0.2); |
||
| 997 | color: #f16383; |
||
| 998 | } |
||
| 999 | .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.notifications > ul > li:nth-child(5) > a > i, .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.settings > ul > li:nth-child(5) > a > i { |
||
| 1000 | background-color: rgba(47, 142, 229, 0.2); |
||
| 1001 | color: #2f8ee5; |
||
| 1002 | } |