This repository has been archived on 2025-02-01. You can view files and clone it, but cannot push or open issues or pull requests.
reprapfirmware-dc42/SD-image/www/css/defaults.css
David Crocker bb8a2c3ef7 Version 1.09b
Z axis min and max limits are now enforced if the axes have been homed
M665 command now shows the re-calculated delta radius and tower offsets
after auto-calibration
Initial and final RMS errors are now shown after delta auto-calibration
Pause/resume now mostly works when absolute extruder coordinates are
used
Doubled the maximum length of the SD card file listing that can be sent
to PanelDue
Implemented zpl's Network and PrintMonitor changes including M404
(thanks, zpl)
Increased default maximum instantaneous speed changes
Bug fix:: if M226 was used to pause the print, the resume coordinates
were not set up correctly
Bug fix: when changing the travel direction, the head was sometimes
slowed down more than necessary
Bug fix: warm-up time was not shown correctly in DuetWebControl
Bug fix: extruder drive positions were always shown as 0.0 in
DuetWebControl
Bug fix: incorrect PID parameters were shown in response to M301
Replaced old web interface files on SD card by DuetWebControl
Modified all resume.g files to set the speed when moving to the paused
head coordinates
2015-06-14 20:15:36 +01:00

939 lines
14 KiB
CSS

/* Workarounds (may be dropped in future releases) */
@media (min-width: 1200px) {
.btn-group-justified .visible-lg {
display: table-cell !important;
}
}
/* Generic classes */
body {
min-width: 465px;
}
dl {
margin-bottom: 0px;
}
dd {
padding-bottom: 6px;
}
dd:last-child {
padding-bottom: 0px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
label {
font-weight: inherit;
}
@media (min-width: 768px) {
#mobile-navbar {
display: none !important;
}
}
.no-horizontal-padding {
padding-left: 0px !important;
padding-right: 0px !important;
}
.panel-chart {
padding-top: 0px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 5px;
}
.panel-heading {
padding-top: 3px;
padding-bottom: 3px;
}
.panel-heading span {
font-size: 14px;
}
.padding-small {
padding-left: 8px !important;
padding-right: 8px !important;
}
.slider .slider-handle {
background-image: linear-gradient(to bottom, #337ab7 0, #2e6da4 100%);
}
.slider .tooltip-arrow {
border-top-color: #d9edf7 !important;
}
.slider .tooltip-inner {
background-color: #d9edf7;
color: #31708f;
}
.slider.slider-horizontal {
margin-left:12px;
margin-right: 12px;
margin-top: 32px;
margin-bottom: 6px;
width: calc(100% - 20px) !important;
}
.table-description {
width: 100%;
}
.table-description td {
width: 100%;
}
.table-description tr:not(:last-child) > td {
padding-bottom: 9px;
}
.table-description tr > td:first-child {
padding-right: 12px;
text-align: right;
width: auto;
white-space: nowrap;
}
.table-description tr:first-child td {
padding-top: 0px;
}
.tooltip {
z-index: inherit !important;
}
/* Navigation bar */
.btn-mobile-send {
display: table-cell;
margin-left: 10%;
width: 90%;
}
.brand-sm {
display: inline-block !important;
}
.brand-lg {
display: none !important;
}
@media (min-width: 1200px) {
.brand-sm {
display: none !important;
}
.brand-lg {
display: inline-block !important;
}
}
#extruder_drives {
color: #333;
}
.gcode {
display: inline;
padding-left: 12px !important;
padding-right: 8px !important;
vertical-align: middle;
white-space: nowrap;
}
.gcode span {
display: inline-block;
vertical-align: middle;
}
.gcode span.label {
display: inline-block;
margin-left: 15px;
}
/* There appears to be no easy way to right-align list item labels, so I use JS for now
* If anyone has a better solution for this, please implement it.
*/
.gcode-float span.label {
position: absolute;
right: 9px;
margin-top: 3px;
}
.navbar-form.gcode-input > .input-group {
width: 200px;
}
.navbar-brand {
float: none;
font-size: 20px;
margin-left: 0px !important;
padding-left: 3px !important;
padding-right: 3px !important;
/*padding-top: 8px !important;*/
padding-top: 15px !important;
}
@media (max-width: 767px) {
.navbar-brand {
margin-left: 15px !important;
}
}
.navbar-default {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.navbar-checkbox {
float: right;
margin-right: 15px;
margin-top: 8px;
margin-bottom: 8px;
}
}
@media (min-width: 768px) {
.navbar-checkbox {
margin-left: 15px;
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-collapse {
padding-left: 0px;
}
}
@media (max-width: 767px) {
#txt_instant_gcode_mobile {
width: 100%;
}
}
.navbar-label {
margin-left: 0px !important;
margin-right: 15px !important;
margin-top: 17px;
margin-bottom: 13px;
}
.navbar-table td {
padding-left: 0px !important;
padding-right: 0px !important;
}
.navbar-table {
margin-bottom: 0px;
}
@media (max-width: 767px) {
.span-refresh-files,
.span-refresh-macros {
padding-left: 6px;
}
}
.ul-bed-temp a,
.ul-active-temp a,
.ul-standby-temp a {
text-align: right;
}
.ul-bed-temp,
.ul-active-temp,
.ul-standby-temp {
min-width: initial;
}
/* Heater and Status elements */
#chart_temp {
min-height: 50px;
min-width: 50px;
height: 200px;
}
.col-extr-1, .col-extr-2, .col-extr-3, .col-extr-4, .col-extr-5 {
white-space: nowrap;
}
#div_temp_chart {
padding-left: 0px;
padding-right: 0px;
}
.input-td {
padding-top: 6px !important;
padding-bottom: 6px !important;
}
.panel-status {
margin-bottom: 12px;
}
#row_info {
background-color: #FFFFFF;
padding-top: 12px;
}
.span-collapse {
cursor: pointer;
}
.table-centered-cells th, .table-centered-cells td {
text-align: center;
vertical-align: middle !important;
}
#table_heaters input[type="number"] {
min: 0;
max: 300;
}
#input_temp_bed {
max: 160;
}
#table_heaters tr:first-child > th {
width: 25%;
}
#table_heaters tr > th:first-child {
padding-top: 2px;
padding-bottom: 3px;
}
#table_heaters tr > th > * {
display: block;
}
#table_heaters tr > th > span:last-child {
font-size: 11px;
}
.table-status {
margin: 0px !important;
table-layout: fixed;
}
div.panel table.table-status:not(:last-child)
{
border-bottom: 1px solid #ddd;
}
.th-status {
width: 100px;
}
#tr_head_1 th > a {
color: #FF0000;
}
#tr_head_2 th > a {
color: #00DD00;
}
#tr_head_3 th > a {
color: #FFA000;
}
#tr_head_4 th > a {
color: #FF00FF;
}
#tr_head_5 th > a {
color: #337AB7;
}
#tr_bed th > a {
color: #0000FF;
}
#tr_chamber th {
color: #000000;
}
/* Sidebar navigation */
.sidebar {
padding-left: 20px;
padding-right: 20px;
padding-top: 0px;
background-color: #f5f5f5;
border-right: 1px solid #bfbfbf;
border-top: 1px solid #bfbfbf;
}
@media (max-width: 767px) {
.sidebar,
.sidebar-continuaton {
display: none;
}
}
.sidebar-continuation {
border-top: 0px;
height: 100vh;
position: fixed;
top: 0px;
bottom: 0px;
z-index: -9999;
}
.nav-sidebar {
margin-right: -21px; /* 20px padding + 1px border */
margin-bottom: 20px;
margin-left: -20px;
}
.nav-sidebar > li > a {
font-size: 16px;
padding-right: 20px;
padding-left: 20px;
white-space: nowrap;
}
@media (max-width: 1199px) {
.nav-sidebar {
margin-bottom: 10px;
}
.nav-sidebar > li > a {
font-size: 15px;
}
#sidebar {
padding-left: 10px;
padding-right: 10px;
}
}
.nav-sidebar:last-child {
margin-bottom: 0px;
}
.nav-sidebar .glyphicon {
padding-right: 3px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
color: #fff;
background-color: #428bca;
}
.nav-sidebar .span-refresh-files,
.nav-sidebar .span-refresh-macros {
position: absolute;
right: 15px;
top: 14px;
}
/* Main Content */
@media (min-width: 768px) {
#main_content row > div[class^='col-'] {
padding-left: 8px !important;
padding-right: 8px !important;
}
}
#main_content .panel-body {
padding: 9px !important;
}
#main_content .panel-heading {
padding-left: 9px !important;
padding-right: 9px !important;
text-align: center;
}
.page {
display: none;
}
.page.active {
display: block !important;
}
#panel_macro_buttons h4 {
margin-top: 15px;
margin-bottom: 0px;
}
/* Control Page */
#btn_homeall {
width: 82px;
}
.btn-group-vertical-justified {
display: inline-block;
width: 100%;
}
#page_control .col-right:last-child {
padding-left: 0px;
}
@media (min-width: 992px) {
#page_control .col-right {
padding-left: 0px;
}
}
#home_warning {
margin-top: -14px;
padding-top: 6px;
padding-bottom: 6px;
}
#panel_control_misc {
padding-bottom: 4px;
}
#panel_control_misc .btn-group label {
padding-left: 0px;
padding-right: 0px;
}
#panel_extrude button {
padding-left: 6px !important;
padding-right: 6px !important;
}
#panel_extrude .btn-group label.btn {
padding-left: 0px !important;
padding-right: 0px !important;
}
@media (min-width: 1200px) {
#panel_head_movement .panel-heading,
#panel_macro_buttons .panel-heading
{
padding-top: 6px;
padding-bottom: 6px;
}
}
#mobile_home_buttons {
padding-bottom: 9px;
}
#panel_macro_buttons button {
font-size: 14px;
}
#panel_macro_buttons li {
text-align: center;
}
#table_move_head .btn-group {
padding-bottom: 9px;
}
#table_move_head a {
padding-left: 6px;
padding-right: 6px;
}
#table_move_head a[class*='btn-home-'] {
padding-left: 12px;
padding-right: 12px;
}
#table_move_head td {
padding-right: 12px;
width: 50%;
}
#table_move_head tr > td:first-child {
width: auto;
}
#table_move_head tr > td:last-child {
padding-right: 0px;
}
#table_move_head tr:last-child div
{
padding-bottom: 0px;
}
/* Print Status */
#page_print .btn-group {
padding-bottom: 6px;
}
#page_print .checkbox {
margin-top: 0px;
margin-bottom: 6px;
padding-left: 12px;
}
#page_print .col-left {
padding-right: 0px;
}
@media (min-width: 992px) {
#page_print .col-right {
padding-left: 0px;
}
}
#page_print .progress {
margin-bottom: 9px;
}
#progress {
width: 100%;
font-weight: bold;
}
#panel_print_control .btn {
padding-left: 0px;
padding-right: 0px;
}
#panel_print_control div.btn-group:last-child {
padding-left: 6px;
}
#panel_print_info .row > div:not(:first-child) {
padding-left: 6px;
}
#panel_print_info table {
table-layout: fixed;
}
#panel_print_info table th,
#panel_print_info table td {
text-align: center;
}
#chart_print {
min-height: 50px;
min-width: 50px;
height: 190px;
}
@media (min-width: 970px) {
#span_progress_right {
float: right;
}
}
#table_estimations {
table-layout: fixed;
}
/* G-Code Console */
#console_log {
padding-top: 0px;
background-color: #eee;
border: 1px solid #bbb;
}
#console_log div.row {
padding-top: 3px !important;
padding-bottom: 3px;
}
@media (max-width: 767px) {
div.well {
padding-left: 15px;
padding-right: 15px;
}
}
#page_console form > div {
padding-left: 0px;
padding-right: 9px;
}
#page_console form > div:first-child {
padding-left: 15px;
}
#page_console form > div:last-child {
padding-left: 0px;
padding-right: 15px;
}
#page_console button[type='submit'] {
padding-left: 6px;
padding-right: 6px;
}
#page_console div.row:last-child {
padding-top: 9px;
}
/* G-Code Files */
#btn_new_gcode_directory span {
padding-right: 6px;
}
.breadcrumb-directory {
margin-bottom: 0px !important;
}
.breadcrumb-directory > li:first-child span.glyphicon {
padding-right: 3px;
}
#page_files h1 {
margin-bottom: 20px;
}
#page_files ol {
margin-bottom: 9px;
}
#page_files ol .pull-right:before {
content: "";
}
.table-file-navigation {
width: 100%;
margin-bottom: 9px;
}
.table-file-navigation td:first-child {
width: 100%;
}
.table-file-navigation td:not(:first-child) {
padding-left: 6px;
}
.table-files button > span {
padding-top: 6px;
padding-bottom: 6px;
}
.table-files td > span,
.table-files a > span {
padding-right: 6px;
}
.table-files tbody > tr {
height: 49px;
}
.table-files tr > td {
padding-top: 4px !important;
padding-bottom: 4px !important;
vertical-align: middle !important;
}
.table-files tr button:last-child {
float: right;
}
.table-files th:first-child {
width: 97px;
}
@media (max-width: 991px) {
.table-files th:first-child {
width: 100px;
}
}
/* Macros Page */
#btn_new_macro_directory span {
padding-right: 6px;
}
#page_macros ol .pull-right:before {
content: "";
}
/* Settings Page */
#page_tools button,
#btn_add_gcode {
margin-top: 9px;
}
#check_heaters > label:first-child {
padding: 6px;
}
#div_config > h1 {
margin-top: 10px;
margin-bottom: 20px;
}
#dropdown_language {
margin-top: 9px;
display: inline-block;
}
label[for="dropdown_language"] {
margin-right: 6px;
}
#label_feedrate {
margin-top: 0px !important;
}
#panel_head_temps > div > label:first-child {
display: block;
}
#panel_head_temps > div > div.radio {
display: inline-block;
margin: 0px;
margin-bottom: 9px;
width: 49%;
}
#software_info {
margin-bottom: 7px;
}
#software_info tr * {
padding-bottom: 8px;
}
#software_info tr > td {
padding-left: 15px;
}
#page_settings {
padding-bottom: 15px;
}
@media (min-width: 768px) {
#page_settings .col-left {
padding-right: 0px;
}
}
@media (min-width: 992px) {
#page_settings .col-right {
padding-left: 0px;
}
}
#page_settings div.panel-body > div.checkbox:first-child {
margin-top: 0px;
}
#page_settings div.panel-body > label {
margin-bottom: 3px;
}
#page_settings div.panel-body > label:not(:first-child) {
margin-top: 6px;
}
.tab-content {
border: 1px solid #ddd;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 0px;
padding: 15px;
padding-bottom: 0px;
margin-bottom: 15px;
}
.table-add-temp td:first-child {
padding-right: 9px;
width: 100%;
}
.table-add-temp .input-group {
width: 100%;
}
.table-add-temp td:last-child {
width: auto;
vertical-align: bottom;
}
#table_add_gcode {
width: 100%;
}
#table_gcodes {
margin-bottom: 0px;
}
#table_gcodes .label {
font-size: 95%;
}
#table_add_gcode td:first-child,
#table_gcodes > thead > tr > th:first-child {
width: 35%;
}
#table_add_gcode td:first-child {
padding-right: 9px;
}
#table_add_gcode td:nth-child(2),
#table_gcodes > thead > tr > th:nth-child(2) {
width: 65%;
}
#table_gcodes > thead > tr > th:nth-child(3) {
width: auto;
}
#table_gcodes > tbody > tr > td {
vertical-align: middle;
}
#table_gcodes > tbody > tr > td:last-child {
padding: 6px;
}
#table_define_tool td:first-child {
padding-right: 9px;
}
##table_define_tool > tbody > tr:first-child > td {
padding-top: 0px;
}
#table_define_tool > tbody > tr:nth-child(2) > td {
padding-top: 9px;
}
.temp-list > li {
line-height: 30px;
vertical-align: middle;
padding: 6px;
}
#ul_control_dropdown {
padding: 5px;
}
#ul_control_dropdown > li > a {
padding-left: 6px;
padding-right: 6px;
}
#ul_control_dropdown > li:not(:first-child) {
padding-top: 5px;
}
/* Modals */
#modal_message .modal-footer {
text-align: center !important;
}
#modal_textinput div.input-group {
width: 100%;
}
#table_upload_files {
width: 100%;
}
#table_upload_files .progress {
margin-top: 8px;
margin-bottom: 8px;
}
#table_upload_files td {
vertical-align: middle;
}
/* Popovers */
.popover-content {
padding: 6px;
}