thomas
/
marlin
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
My Marlin configs for Fabrikator Mini and CTC i3 Pro B
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
18786 Commits
4 Branches
Struktur: 50f79823d2
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „50f79823d2“
${ noResults }
marlin/buildroot/web-ui/data/www/webmarlin.css

webmarlin.css 4.7KB
Verlauf Originalformat

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. /*

  8. E4d@box Marlin WUI

  9. */

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

  11. 

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

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

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

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

  16. }

  17. 

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

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

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

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

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

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

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

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

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

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

  28. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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