Главная Обзор Помощь
Вход
SMusatov
/
marlinfw
зеркало из https://github.com/MarlinFirmware/Marlin
1
0
Ответвить 0
Файлы Вики
Дерево: 5951e646d0
Ветки Метки
marlinfw
/
buildroot
/
web-ui
/
data
/
www
/
webmarlin.css

webmarlin.css 4.7 KB
История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445 
  1. /*
    2. 

  2. Bootstrap Toggle: bootstrap4-toggle.css v3.6.1
    3. 

  3. https://gitbrent.github.io/bootstrap4-toggle/
    4. 

  4. */
    5. 

  5. .btn-group-xs>.btn,.btn-xs{padding:.35rem .4rem .25rem .4rem;font-size:.875rem;line-height:.5;border-radius:.2rem}.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-1.25rem;margin-right:.35rem}.toggle{position:relative;overflow:hidden}.toggle.btn.btn-light,.toggle.btn.btn-outline-light{border-color:rgba(0,0,0,.15)}.toggle input[type=checkbox]{display:none}.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}.toggle-group label,.toggle-group span{cursor:pointer}.toggle.off .toggle-group{left:-100%}.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0;box-shadow:none}.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px;background-color:#fff}.toggle.btn-outline-primary .toggle-handle{background-color:var(--primary);border-color:var(--primary)}.toggle.btn-outline-secondary .toggle-handle{background-color:var(--secondary);border-color:var(--secondary)}.toggle.btn-outline-success .toggle-handle{background-color:var(--success);border-color:var(--success)}.toggle.btn-outline-danger .toggle-handle{background-color:var(--danger);border-color:var(--danger)}.toggle.btn-outline-warning .toggle-handle{background-color:var(--warning);border-color:var(--warning)}.toggle.btn-outline-info .toggle-handle{background-color:var(--info);border-color:var(--info)}.toggle.btn-outline-light .toggle-handle{background-color:var(--light);border-color:var(--light)}.toggle.btn-outline-dark .toggle-handle{background-color:var(--dark);border-color:var(--dark)}.toggle[class*=btn-outline]:hover .toggle-handle{background-color:var(--light);opacity:.5}.toggle.btn{min-width:3.7rem;min-height:2.15rem}.toggle-on.btn{padding-right:1.5rem}.toggle-off.btn{padding-left:1.5rem}.toggle.btn-lg{min-width:5rem;min-height:2.815rem}.toggle-on.btn-lg{padding-right:2rem}.toggle-off.btn-lg{padding-left:2rem}.toggle-handle.btn-lg{width:2.5rem}.toggle.btn-sm{min-width:3.125rem;min-height:1.938rem}.toggle-on.btn-sm{padding-right:1rem}.toggle-off.btn-sm{padding-left:1rem}.toggle.btn-xs{min-width:2.19rem;min-height:1.375rem}.toggle-on.btn-xs{padding-right:.8rem}.toggle-off.btn-xs{padding-left:.8rem}
    6. 

  6. 

  7. /*
    8. 

  8. E4d@box Marlin WUI
    9. 

  9. */
    10. 

  10. html, body { height: 100%; margin: 0; }
    11. 

  11. 

  12. @media all and (min-width: 500px) {
    13. 

  13.   #main-panel{ text-align: center; }
    14. 

  14.   #accordion-panels { width: 500px; height:100%; display: block;  margin-left: auto;  margin-right: auto;}
    15. 

  15.   .modal-popup { width:400px; }
    16. 

  16. }
    17. 

  17. 

  18. .console-listbox { height: 450px; }
    19. 

  19. @media all and (max-height: 400px) { .console-listbox { height: 245px; } }
    20. 

  20. @media all and (min-height:401px) and (max-height: 500px) { .console-listbox { height: 280px; } }
    21. 

  21. @media all and (min-height:501px) and (max-height: 600px) { .console-listbox { height: 350px; } }
    22. 

  22. @media all and (min-height:601px) and (max-height: 700px) { .console-listbox { height: 350px; } }
    23. 

  23. @media all and (min-height:701px) and (max-height: 800px) { .console-listbox { height: 400px; } }
    24. 

  24. @media all and (min-height:801px) and (max-height: 900px) { .console-listbox { height: 445px; } }
    25. 

  25. @media all and (min-height:901px) and (max-height: 1000px) { .console-listbox { height: 480px; } }
    26. 

  26. @keyframes tgle { 0% { opacity: 0; } 49.99% { opacity: 0; } 50% { opacity: 1; } 99.99% { opacity: 1; } 100% { opacity: 0; } }
    27. 

  27. @keyframes blink-info { 0% { background-color: #17a2b8; } 50% { opacity: #f8f9fa; } 75% { opacity: #17a2b8; } 100% { opacity: #f8f9fa; } }
    28. 

  28. 

  29. .blink { animation-duration: 500ms; animation-name: tgle; animation-iteration-count: infinite; }
    30. 

  30. .bg-info-blink { animation-duration: 500ms; animation-name: blink-info; animation-iteration-count: infinite;}
    31. 

  31. .modal-popup { width:calc(100%-100px); }
    32. 

  32. .field-labels { font-size: 10pt; font-weight: bold; }
    33. 

  33. .field-description { font-size: 10pt; font-style: italic; }
    34. 

  34. .action-description { font-size: 10pt; }
    35. 

  35. .console-listbox { overflow-y: scroll; overflow-x: hidden; }
    36. 

  36. .console-list-items-success { background-color: lightgreen; }
    37. 

  37. .console-list-items-info { background-color: lightsteelblue; }
    38. 

  38. .console-list-items-error { background-color: lightcoral; }
    39. 

  39. .console-list-items-terminal { background-color: lightgray; }
    40. 

  40. .console-list-items-warning { background-color: orange; }
    41. 

  41. .console-list-items { font-size: 9pt; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 4px; }
    42. 

  42. .collapse-panel { overflow-y: scroll; overflow-x: hidden; }
    43. 

  43. .card-header-title { font-size: 10pt; font-weight: bold; }
    44. 

  44. .card-header-description { font-size: 8pt; }
    45. 

  45. .badge-description { font-size: 9pt; }
    46.