My Marlin configs for Fabrikator Mini and CTC i3 Pro B
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

webmarlin.css 4.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. /*
  2. Bootstrap Toggle: bootstrap4-toggle.css v3.6.1
  3. https://gitbrent.github.io/bootstrap4-toggle/
  4. */
  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. /*
  7. E4d@box Marlin WUI
  8. */
  9. html, body { height: 100%; margin: 0; }
  10. @media all and (min-width: 500px) {
  11. #main-panel{ text-align: center; }
  12. #accordion-panels { width: 500px; height:100%; display: block; margin-left: auto; margin-right: auto;}
  13. .modal-popup { width:400px; }
  14. }
  15. .console-listbox { height: 450px; }
  16. @media all and (max-height: 400px) { .console-listbox { height: 245px; } }
  17. @media all and (min-height:401px) and (max-height: 500px) { .console-listbox { height: 280px; } }
  18. @media all and (min-height:501px) and (max-height: 600px) { .console-listbox { height: 350px; } }
  19. @media all and (min-height:601px) and (max-height: 700px) { .console-listbox { height: 350px; } }
  20. @media all and (min-height:701px) and (max-height: 800px) { .console-listbox { height: 400px; } }
  21. @media all and (min-height:801px) and (max-height: 900px) { .console-listbox { height: 445px; } }
  22. @media all and (min-height:901px) and (max-height: 1000px) { .console-listbox { height: 480px; } }
  23. @keyframes tgle { 0% { opacity: 0; } 49.99% { opacity: 0; } 50% { opacity: 1; } 99.99% { opacity: 1; } 100% { opacity: 0; } }
  24. @keyframes blink-info { 0% { background-color: #17a2b8; } 50% { opacity: #f8f9fa; } 75% { opacity: #17a2b8; } 100% { opacity: #f8f9fa; } }
  25. .blink { animation-duration: 500ms; animation-name: tgle; animation-iteration-count: infinite; }
  26. .bg-info-blink { animation-duration: 500ms; animation-name: blink-info; animation-iteration-count: infinite;}
  27. .modal-popup { width:calc(100%-100px); }
  28. .field-labels { font-size: 10pt; font-weight: bold; }
  29. .field-description { font-size: 10pt; font-style: italic; }
  30. .action-description { font-size: 10pt; }
  31. .console-listbox { overflow-y: scroll; overflow-x: hidden; }
  32. .console-list-items-success { background-color: lightgreen; }
  33. .console-list-items-info { background-color: lightsteelblue; }
  34. .console-list-items-error { background-color: lightcoral; }
  35. .console-list-items-terminal { background-color: lightgray; }
  36. .console-list-items-warning { background-color: orange; }
  37. .console-list-items { font-size: 9pt; padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 4px; }
  38. .collapse-panel { overflow-y: scroll; overflow-x: hidden; }
  39. .card-header-title { font-size: 10pt; font-weight: bold; }
  40. .card-header-description { font-size: 8pt; }
  41. .badge-description { font-size: 9pt; }