From 4d72a9c89bfc8b185d9f10760e60445def9e973c Mon Sep 17 00:00:00 2001 From: Teja Date: Sat, 22 Nov 2014 19:03:23 +0100 Subject: [PATCH] beamification of the octoprint ui. --- .gitignore | 1 + src/octoprint/static/css/mrbeam.css | 1509 +++++++++++++++++ src/octoprint/static/css/octoprint.css | 1472 +++++++++++++++- src/octoprint/static/img/mr-typo-red_x120.png | Bin 0 -> 16613 bytes .../static/less/bootstrap/variables.less | 6 +- src/octoprint/templates/index.jinja2 | 50 +- 6 files changed, 3011 insertions(+), 27 deletions(-) create mode 100644 src/octoprint/static/css/mrbeam.css create mode 100644 src/octoprint/static/img/mr-typo-red_x120.png diff --git a/.gitignore b/.gitignore index 1c96ad61..d7dbe1f7 100644 --- a/.gitignore +++ b/.gitignore @@ -22,3 +22,4 @@ OctoPrint.egg-info *.orig *.codekit +/nbproject/private/ \ No newline at end of file diff --git a/src/octoprint/static/css/mrbeam.css b/src/octoprint/static/css/mrbeam.css new file mode 100644 index 00000000..98cc2cc0 --- /dev/null +++ b/src/octoprint/static/css/mrbeam.css @@ -0,0 +1,1509 @@ +.btn { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e6e6e6; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #cccccc; + *border: 0; + border-bottom-color: #b3b3b3; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + *margin-left: .3em; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn:hover, +.btn:focus, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} +.btn:active, +.btn.active { + background-color: #cccccc \9; +} +.btn:first-child { + *margin-left: 0; +} +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); +} +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; +} +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #0044cc; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} +.btn-primary:active, +.btn-primary.active { + background-color: #003399 \9; +} +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + border-color: #f89406 #f89406 #ad6704; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #f89406; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f89406; + *background-color: #df8505; +} +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + border-color: #bd362f #bd362f #802420; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #bd362f; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; +} +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); + border-color: #51a351 #51a351 #387038; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #51a351; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #51a351; + *background-color: #499249; +} +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #49afcd; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + border-color: #2f96b4 #2f96b4 #1f6377; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #2f96b4; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #2f96b4; + *background-color: #2a85a0; +} +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(to bottom, #444444, #222222); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #222222; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; + *background-color: #151515; +} +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} +button.btn, +input[type="submit"].btn { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} +button.btn.btn-large, +input[type="submit"].btn.btn-large { + *padding-top: 7px; + *padding-bottom: 7px; +} +button.btn.btn-small, +input[type="submit"].btn.btn-small { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn.btn-mini, +input[type="submit"].btn.btn-mini { + *padding-top: 1px; + *padding-bottom: 1px; +} +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #0088cc; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #005580; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; + line-height: 0; +} +.clearfix:after { + clear: both; +} +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#navbar .navbar-inner { + background-color: #ebebeb; + background-image: -moz-linear-gradient(top, #ffffff, #cccccc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc)); + background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); + background-image: -o-linear-gradient(top, #ffffff, #cccccc); + background-image: linear-gradient(to bottom, #ffffff, #cccccc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0); +} +#navbar .navbar-inner .brand, +#navbar .navbar-inner .nav > li > a { + text-shadow: 0 1px 0 #cccccc; + color: #333333; +} +#navbar .brand { + padding: 0px 20px 0px; +} +#navbar .navbar-inner .brand .caret, +#navbar .navbar-inner .nav > li > a .caret { + border-bottom-color: #939393; + border-top-color: #939393; +} +#navbar .navbar-inner .brand:hover .caret, +#navbar .navbar-inner .nav > li > a:hover .caret, +#navbar .navbar-inner .brand:focus .caret, +#navbar .navbar-inner .nav > li > a:focus .caret { + border-bottom-color: #636363; + border-top-color: #636363; +} +#navbar .navbar-inner .brand span { + background-image: url(../img/mr-typo-red_x120.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner .brand span { + background-image: url(../img/mr-typo-red_x120.png); + } +} +#navbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #e0e0e0; + background-image: -moz-linear-gradient(top, #cccccc, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #cccccc, #ffffff); + background-image: -o-linear-gradient(top, #cccccc, #ffffff); + background-image: linear-gradient(to bottom, #cccccc, #ffffff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffffffff', GradientType=0); +} +#navbar .navbar-inner.red { + background-color: #e36565; + background-image: -moz-linear-gradient(top, #f9a0a0, #c20c0c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9a0a0), to(#c20c0c)); + background-image: -webkit-linear-gradient(top, #f9a0a0, #c20c0c); + background-image: -o-linear-gradient(top, #f9a0a0, #c20c0c); + background-image: linear-gradient(to bottom, #f9a0a0, #c20c0c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9a0a0', endColorstr='#ffc20c0c', GradientType=0); +} +#navbar .navbar-inner.red .brand, +#navbar .navbar-inner.red .nav > li > a { + text-shadow: 0 1px 0 #f67070; + color: #f2f2f2; +} +#navbar .navbar-inner.red .brand .caret, +#navbar .navbar-inner.red .nav > li > a .caret { + border-bottom-color: #f28d8d; + border-top-color: #f28d8d; +} +#navbar .navbar-inner.red .brand:hover .caret, +#navbar .navbar-inner.red .nav > li > a:hover .caret, +#navbar .navbar-inner.red .brand:focus .caret, +#navbar .navbar-inner.red .nav > li > a:focus .caret { + border-bottom-color: #f2bfbf; + border-top-color: #f2bfbf; +} +#navbar .navbar-inner.red .brand span { + background-image: url(../img/mr-typo-red_x120.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.red .brand span { + background-image: url(../img/mr-typo-red_x120.png); + } +} +#navbar .navbar-inner.red .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.red .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.red .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #d84747; + background-image: -moz-linear-gradient(top, #c20c0c, #f9a0a0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c20c0c), to(#f9a0a0)); + background-image: -webkit-linear-gradient(top, #c20c0c, #f9a0a0); + background-image: -o-linear-gradient(top, #c20c0c, #f9a0a0); + background-image: linear-gradient(to bottom, #c20c0c, #f9a0a0); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc20c0c', endColorstr='#fff9a0a0', GradientType=0); +} +#navbar .navbar-inner.orange { + background-color: #e39665; + background-image: -moz-linear-gradient(top, #f9c3a0, #c2530c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9c3a0), to(#c2530c)); + background-image: -webkit-linear-gradient(top, #f9c3a0, #c2530c); + background-image: -o-linear-gradient(top, #f9c3a0, #c2530c); + background-image: linear-gradient(to bottom, #f9c3a0, #c2530c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9c3a0', endColorstr='#ffc2530c', GradientType=0); +} +#navbar .navbar-inner.orange .brand, +#navbar .navbar-inner.orange .nav > li > a { + text-shadow: 0 1px 0 #f6a570; + color: #f2f2f2; +} +#navbar .navbar-inner.orange .brand .caret, +#navbar .navbar-inner.orange .nav > li > a .caret { + border-bottom-color: #f2b58d; + border-top-color: #f2b58d; +} +#navbar .navbar-inner.orange .brand:hover .caret, +#navbar .navbar-inner.orange .nav > li > a:hover .caret, +#navbar .navbar-inner.orange .brand:focus .caret, +#navbar .navbar-inner.orange .nav > li > a:focus .caret { + border-bottom-color: #f2d3bf; + border-top-color: #f2d3bf; +} +#navbar .navbar-inner.orange .brand span { + background-image: url(../img/mr-typo-red_x120.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.orange .brand span { + background-image: url(../img/mr-typo-red_x120.png); + } +} +#navbar .navbar-inner.orange .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.orange .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.orange .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #d88047; + background-image: -moz-linear-gradient(top, #c2530c, #f9c3a0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2530c), to(#f9c3a0)); + background-image: -webkit-linear-gradient(top, #c2530c, #f9c3a0); + background-image: -o-linear-gradient(top, #c2530c, #f9c3a0); + background-image: linear-gradient(to bottom, #c2530c, #f9c3a0); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2530c', endColorstr='#fff9c3a0', GradientType=0); +} +#navbar .navbar-inner.yellow { + background-color: #e3d765; + background-image: -moz-linear-gradient(top, #f9f0a0, #c2b00c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f0a0), to(#c2b00c)); + background-image: -webkit-linear-gradient(top, #f9f0a0, #c2b00c); + background-image: -o-linear-gradient(top, #f9f0a0, #c2b00c); + background-image: linear-gradient(to bottom, #f9f0a0, #c2b00c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f0a0', endColorstr='#ffc2b00c', GradientType=0); +} +#navbar .navbar-inner.yellow .brand, +#navbar .navbar-inner.yellow .nav > li > a { + text-shadow: 0 1px 0 #c2b00c; + color: #333333; +} +#navbar .navbar-inner.yellow .brand .caret, +#navbar .navbar-inner.yellow .nav > li > a .caret { + border-bottom-color: #93892e; + border-top-color: #93892e; +} +#navbar .navbar-inner.yellow .brand:hover .caret, +#navbar .navbar-inner.yellow .nav > li > a:hover .caret, +#navbar .navbar-inner.yellow .brand:focus .caret, +#navbar .navbar-inner.yellow .nav > li > a:focus .caret { + border-bottom-color: #635e30; + border-top-color: #635e30; +} +#navbar .navbar-inner.yellow .brand span { + background-image: url(../img/mr-typo-red_x120.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.yellow .brand span { + background-image: url(../img/mr-typo-red_x120@2x.png); + } +} +#navbar .navbar-inner.yellow .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.yellow .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.yellow .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #d8ca47; + background-image: -moz-linear-gradient(top, #c2b00c, #f9f0a0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2b00c), to(#f9f0a0)); + background-image: -webkit-linear-gradient(top, #c2b00c, #f9f0a0); + background-image: -o-linear-gradient(top, #c2b00c, #f9f0a0); + background-image: linear-gradient(to bottom, #c2b00c, #f9f0a0); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2b00c', endColorstr='#fff9f0a0', GradientType=0); +} +#navbar .navbar-inner.green { + background-color: #98f064; + background-image: -moz-linear-gradient(top, #c8ffa7, #50da00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8ffa7), to(#50da00)); + background-image: -webkit-linear-gradient(top, #c8ffa7, #50da00); + background-image: -o-linear-gradient(top, #c8ffa7, #50da00); + background-image: linear-gradient(to bottom, #c8ffa7, #50da00); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8ffa7', endColorstr='#ff50da00', GradientType=0); +} +#navbar .navbar-inner.green .brand, +#navbar .navbar-inner.green .nav > li > a { + text-shadow: 0 1px 0 #50da00; + color: #333333; +} +#navbar .navbar-inner.green .brand .caret, +#navbar .navbar-inner.green .nav > li > a .caret { + border-bottom-color: #55992e; + border-top-color: #55992e; +} +#navbar .navbar-inner.green .brand:hover .caret, +#navbar .navbar-inner.green .nav > li > a:hover .caret, +#navbar .navbar-inner.green .brand:focus .caret, +#navbar .navbar-inner.green .nav > li > a:focus .caret { + border-bottom-color: #446630; + border-top-color: #446630; +} +#navbar .navbar-inner.green .brand span { + background-image: url(../img/mr-typo-red_x120.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.green .brand span { + background-image: url(../img/mr-typo-red_x120@2x.png); + } +} +#navbar .navbar-inner.green .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.green .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.green .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #80e943; + background-image: -moz-linear-gradient(top, #50da00, #c8ffa7); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50da00), to(#c8ffa7)); + background-image: -webkit-linear-gradient(top, #50da00, #c8ffa7); + background-image: -o-linear-gradient(top, #50da00, #c8ffa7); + background-image: linear-gradient(to bottom, #50da00, #c8ffa7); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff50da00', endColorstr='#ffc8ffa7', GradientType=0); +} +#navbar .navbar-inner.blue { + background-color: #6498f0; + background-image: -moz-linear-gradient(top, #a7c8ff, #0050da); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a7c8ff), to(#0050da)); + background-image: -webkit-linear-gradient(top, #a7c8ff, #0050da); + background-image: -o-linear-gradient(top, #a7c8ff, #0050da); + background-image: linear-gradient(to bottom, #a7c8ff, #0050da); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa7c8ff', endColorstr='#ff0050da', GradientType=0); +} +#navbar .navbar-inner.blue .brand, +#navbar .navbar-inner.blue .nav > li > a { + text-shadow: 0 1px 0 #74a7ff; + color: #f2f2f2; +} +#navbar .navbar-inner.blue .brand .caret, +#navbar .navbar-inner.blue .nav > li > a .caret { + border-bottom-color: #8db5f9; + border-top-color: #8db5f9; +} +#navbar .navbar-inner.blue .brand:hover .caret, +#navbar .navbar-inner.blue .nav > li > a:hover .caret, +#navbar .navbar-inner.blue .brand:focus .caret, +#navbar .navbar-inner.blue .nav > li > a:focus .caret { + border-bottom-color: #bfd3f5; + border-top-color: #bfd3f5; +} +#navbar .navbar-inner.blue .brand span { + background-image: url(../img/mr-typo-red_x120-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.blue .brand span { + background-image: url(../img/mr-typo-red_x120-light@2x.png); + } +} +#navbar .navbar-inner.blue .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.blue .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.blue .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #4380e9; + background-image: -moz-linear-gradient(top, #0050da, #a7c8ff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0050da), to(#a7c8ff)); + background-image: -webkit-linear-gradient(top, #0050da, #a7c8ff); + background-image: -o-linear-gradient(top, #0050da, #a7c8ff); + background-image: linear-gradient(to bottom, #0050da, #a7c8ff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0050da', endColorstr='#ffa7c8ff', GradientType=0); +} +#navbar .navbar-inner.violet { + background-color: #9864f0; + background-image: -moz-linear-gradient(top, #c8a7ff, #5000da); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8a7ff), to(#5000da)); + background-image: -webkit-linear-gradient(top, #c8a7ff, #5000da); + background-image: -o-linear-gradient(top, #c8a7ff, #5000da); + background-image: linear-gradient(to bottom, #c8a7ff, #5000da); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8a7ff', endColorstr='#ff5000da', GradientType=0); +} +#navbar .navbar-inner.violet .brand, +#navbar .navbar-inner.violet .nav > li > a { + text-shadow: 0 1px 0 #a774ff; + color: #f2f2f2; +} +#navbar .navbar-inner.violet .brand .caret, +#navbar .navbar-inner.violet .nav > li > a .caret { + border-bottom-color: #b58df9; + border-top-color: #b58df9; +} +#navbar .navbar-inner.violet .brand:hover .caret, +#navbar .navbar-inner.violet .nav > li > a:hover .caret, +#navbar .navbar-inner.violet .brand:focus .caret, +#navbar .navbar-inner.violet .nav > li > a:focus .caret { + border-bottom-color: #d3bff5; + border-top-color: #d3bff5; +} +#navbar .navbar-inner.violet .brand span { + background-image: url(../img/mr-typo-red_x120-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.violet .brand span { + background-image: url(../img/mr-typo-red_x120-light@2x.png); + } +} +#navbar .navbar-inner.violet .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.violet .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.violet .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #8043e9; + background-image: -moz-linear-gradient(top, #5000da, #c8a7ff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5000da), to(#c8a7ff)); + background-image: -webkit-linear-gradient(top, #5000da, #c8a7ff); + background-image: -o-linear-gradient(top, #5000da, #c8a7ff); + background-image: linear-gradient(to bottom, #5000da, #c8a7ff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000da', endColorstr='#ffc8a7ff', GradientType=0); +} +#navbar .navbar-inner.black { + background-color: #4f4f4f; + background-image: -moz-linear-gradient(top, #787878, #121212); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#787878), to(#121212)); + background-image: -webkit-linear-gradient(top, #787878, #121212); + background-image: -o-linear-gradient(top, #787878, #121212); + background-image: linear-gradient(to bottom, #787878, #121212); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff787878', endColorstr='#ff121212', GradientType=0); +} +#navbar .navbar-inner.black .brand, +#navbar .navbar-inner.black .nav > li > a { + text-shadow: 0 1px 0 #5e5e5e; + color: #f2f2f2; +} +#navbar .navbar-inner.black .brand .caret, +#navbar .navbar-inner.black .nav > li > a .caret { + border-bottom-color: #959595; + border-top-color: #959595; +} +#navbar .navbar-inner.black .brand:hover .caret, +#navbar .navbar-inner.black .nav > li > a:hover .caret, +#navbar .navbar-inner.black .brand:focus .caret, +#navbar .navbar-inner.black .nav > li > a:focus .caret { + border-bottom-color: #c4c4c4; + border-top-color: #c4c4c4; +} +#navbar .navbar-inner.black .brand span { + background-image: url(../img/mr-typo-red_x120.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.black .brand span { + background-image: url(../img/mr-typo-red_x120.png); + } +} +#navbar .navbar-inner.black .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.black .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.black .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #3b3b3b; + background-image: -moz-linear-gradient(top, #121212, #787878); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#121212), to(#787878)); + background-image: -webkit-linear-gradient(top, #121212, #787878); + background-image: -o-linear-gradient(top, #121212, #787878); + background-image: linear-gradient(to bottom, #121212, #787878); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff121212', endColorstr='#ff787878', GradientType=0); +} +#navbar .navbar-inner .brand span { + background-size: auto 100%; + background-position: left center; + padding-left: 24px; + background-repeat: no-repeat; + display: inline-block; + min-width: 400px; + height:48px; + +} + +.navbar .nav>li>a { + padding: 14px 15px 14px; +} + +.octoprint-container { + margin-top: 20px; + /** OctoPrint application tabs */ + /** Accordions */ +} +.octoprint-container .tab-content { + padding: 9px 15px; + border-left: 1px solid #DDD; + border-right: 1px solid #DDD; + border-bottom: 1px solid #DDD; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.octoprint-container .nav { + margin-bottom: 0px; +} +.octoprint-container .tab-content h1 { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333; + border: 0; + border-bottom: 1px solid #E5E5E5; + font-weight: normal; +} +.octoprint-container .accordion-heading .accordion-heading-button { + float: right; +} +.octoprint-container .accordion-heading .accordion-heading-button a { + display: inline-block; + padding: 8px 15px; + font-size: 14px; + line-height: 20px; + color: #000; + text-decoration: none; + background: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.octoprint-container .accordion-heading a.accordion-toggle { + display: inline-block; +} +.octoprint-container .accordion-heading [class^="icon-"], +.octoprint-container .accordion-heading [class*=" icon-"] { + color: #000; +} +.print-control .btn { + padding-left: 4px; + padding-right: 4px; +} +.upload-buttons .btn { + margin-right: 0; +} +/** Tables */ +table { + table-layout: fixed; +} +table .popover-title { + text-overflow: ellipsis; + word-break: break-all; +} +table th, +table td { + overflow: hidden; +} +table th.gcode_files_name, +table td.gcode_files_name { + text-overflow: ellipsis; + white-space: nowrap; + text-align: left; +} +table th.gcode_files_action, +table td.gcode_files_action { + text-align: center; + width: 90px; +} +table th.gcode_files_action a, +table td.gcode_files_action a { + text-decoration: none; + color: #000; +} +table th.gcode_files_action a.disabled, +table td.gcode_files_action a.disabled { + color: #ccc; + cursor: default; +} +table th.timelapse_files_name, +table td.timelapse_files_name { + text-overflow: ellipsis; + text-align: left; +} +table th.timelapse_files_size, +table td.timelapse_files_size { + text-align: right; + width: 55px; +} +table th.timelapse_files_action, +table td.timelapse_files_action { + text-align: center; + width: 45px; +} +table th.timelapse_files_action a, +table td.timelapse_files_action a { + text-decoration: none; + color: #000; +} +table th.timelapse_files_action a.disabled, +table td.timelapse_files_action a.disabled { + color: #ccc; + cursor: default; +} +table th.settings_users_name, +table td.settings_users_name { + text-overflow: ellipsis; + text-align: left; +} +table th.settings_users_active, +table td.settings_users_active, +table th.settings_users_admin, +table td.settings_users_admin { + text-align: center; + width: 55px; +} +table th.settings_users_actions, +table td.settings_users_actions { + text-align: center; + width: 60px; +} +table th.settings_users_actions a, +table td.settings_users_actions a { + text-decoration: none; + color: #000; +} +table th.settings_users_actions a.disabled, +table td.settings_users_actions a.disabled { + color: #ccc; + cursor: default; +} +table th.settings_logs_name, +table td.settings_logs_name { + text-overflow: ellipsis; + text-align: left; +} +table th.settings_logs_size, +table td.settings_logs_size { + text-align: right; + width: 70px; +} +table th.settings_logs_date, +table td.settings_logs_date { + text-align: left; + width: 130px; +} +table th.settings_logs_action, +table td.settings_logs_action { + text-align: center; + width: 70px; +} +table th.settings_logs_action a, +table td.settings_logs_action a { + text-decoration: none; + color: #000; +} +table th.settings_logs_action a.disabled, +table td.settings_logs_action a.disabled { + color: #ccc; + cursor: default; +} +/** Temperature tab */ +#temperature-graph { + height: 350px; + width: 100%; + background-image: url("../img/graph-background.png"); + background-position: center; + background-repeat: no-repeat; +} +.tab-content, +.tab-pane { + overflow: visible; +} +.tempInput { + width: 50px; +} +#temp_newTemp, +#temp_newBedTemp, +#speed_innerWall, +#speed_outerWall, +#speed_fill, +#speed_support, +#webcam_timelapse_interval, +#webcam_timelapse_postRoll { + text-align: right; +} +ul.dropdown-menu li a { + cursor: pointer; +} +/** Connection settings */ +#connection_ports, +#connection_baudrates { + width: 100%; +} +/** Offline overlay */ +#offline_overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10000; + display: none; +} +#offline_overlay_background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000000; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + opacity: 0.5; +} +#offline_overlay_wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding-top: 60px; +} +#offline_overlay_wrapper .container { + margin: auto; +} +/** Webcam */ +#webcam_container { + width: 100%; +} +#webcam_container .flipH { + -webkit-transform: scaleX(-1); + -moz-transform: scaleX(-1); +} +#webcam_container .flipV { + -webkit-transform: scaleY(-1); + -moz-transform: scaleY(-1); +} +#webcam_container .flipH.flipV { + -webkit-transform: scaleX(-1) scaleY(-1); + -moz-transform: scaleX(-1) scaleY(-1); +} +/** GCODE file manager */ +#files .gcode_files { + padding-right: 7px; +} +#files .gcode_files .entry { + padding: 5px; + line-height: 20px; + border-bottom: 1px solid #ddd; + position: relative; +} +#files .gcode_files .entry:hover { + background-color: #f5f5f5; +} +#files .gcode_files .entry .title { + text-overflow: ellipsis; + word-break: break-all; +} +#files .gcode_files .entry .uploaded, +#files .gcode_files .entry .size, +#files .gcode_files .entry .additionalInfo { + font-size: 85%; + color: #999; +} +#files .gcode_files .entry .action-buttons { + position: absolute; + bottom: 5px; + right: 5px; +} +#files .gcode_files .entry .additionalInfo { + padding-bottom: 22px; +} +#files .upload-buttons { + margin-top: 10px; +} +#files .form-search { + text-align: center; + margin-bottom: 5px !important; +} +/** Control tab */ +#control { + overflow: hidden; +} +#control .jog-panel { + float: left; + margin-right: 19px; +} +#control h1 { + text-align: left; +} +#control .jog-panel > div { + text-align: center; +} +#control .jog-panel > div.distance { + text-align: left; +} +#control .box { + width: 30px; + height: 30px; + margin-right: 10px; + margin-bottom: 10px; + padding-left: 8px; +} +#control .control-box { + display: block; + height: 30px; + margin-bottom: 10px; +} +#control .btn-group { + margin-bottom: 10px; +} +#control .btn-group.distance > .btn { + width: 43px; + padding: 3px 0; + height: 30px; +} +/** GCODE viewer */ +#gcode .progress { + width: 582px; +} +#gcode .progress .bar { + -webkit-transition: width 0s linear; + -moz-transition: width 0s linear; + -o-transition: width 0s linear; + transition: width 0s linear; +} +#gcode #gcode_layer_slider { + height: 568px; + float: right; +} +#gcode #gcode_layer_slider .slider-handle { + width: 14px; + height: 14px; + margin-left: -3px; + margin-top: -7px; +} +#gcode #gcode_command_slider .slider-handle { + width: 14px; + height: 14px; + margin-left: -7px; + margin-top: -3px; +} +/** Terminal output */ +#term #terminal-output { + min-height: 340px; +} +/** Settings dialog */ +/** Footer */ +.footer ul { + margin: 0; +} +.footer ul li { + display: inline; + margin-left: 1em; + font-size: 85%; +} +.footer ul li:first-child { + margin-left: 0; +} +.footer ul li a { + color: #555; +} +/** Notifications */ +.ui-pnotify .alert a { + color: #c09853; +} +.ui-pnotify .alert-error a, +.ui-pnotify .alert-danger a { + color: #b94a48; +} +.ui-pnotify .alert-success a { + color: #468847; +} +.ui-pnotify .alert-info a { + color: #3a87ad; +} +.pnotify_additional_info .pnotify_more { + font-size: 85%; +} +/** General helper classes */ +.text-right { + text-align: right; +} +.overflow_visible { + overflow: visible !important; +} +#drop_overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10000; + display: none; +} +#drop_overlay.in { + display: block; +} +#drop_overlay #drop_overlay_background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000000; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + opacity: 0.5; +} +#drop_overlay #drop_overlay_wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding-top: 60px; +} +#drop_overlay #drop_overlay_wrapper #drop, +#drop_overlay #drop_overlay_wrapper #drop_background { + position: absolute; + top: 50%; + left: 50%; + margin-left: -200px; + margin-top: -200px; +} +#drop_overlay #drop_overlay_wrapper #drop_locally, +#drop_overlay #drop_overlay_wrapper #drop_locally_background { + position: absolute; + top: 50%; + left: 50%; + margin-left: -425px; + margin-top: -200px; +} +#drop_overlay #drop_overlay_wrapper #drop_sd, +#drop_overlay #drop_overlay_wrapper #drop_sd_background { + position: absolute; + top: 50%; + left: 50%; + margin-left: 25px; + margin-top: -200px; +} +#drop_overlay #drop_overlay_wrapper .dropzone { + width: 404px; + height: 404px; + z-index: 10001; + color: #ffffff; + font-size: 30px; +} +#drop_overlay #drop_overlay_wrapper .dropzone i { + font-size: 50px; +} +#drop_overlay #drop_overlay_wrapper .dropzone .centered { + display: table-cell; + text-align: center; + vertical-align: middle; + width: 400px; + height: 400px; + line-height: 40px; + filter: alpha(opacity=100); + -moz-opacity: 1.0; + -khtml-opacity: 1.0; + opacity: 1.0; +} +#drop_overlay #drop_overlay_wrapper .dropzone_background { + width: 400px; + height: 400px; + border: 2px dashed #eeeeee; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + background-color: #000000; + filter: alpha(opacity=25); + -moz-opacity: 0.25; + -khtml-opacity: 0.25; + opacity: 0.25; +} +#drop_overlay #drop_overlay_wrapper .dropzone_background.hover { + background-color: #000000; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + opacity: 0.5; +} +#drop_overlay #drop_overlay_wrapper .dropzone_background.fade { + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + opacity: 1; +} +.icon-sd-black-14 { + background: url("../img/icon-sd-black-14.png") 0 3px no-repeat; + width: 11px; + height: 17px; + display: inline-block !important; +} +.center { + float: none; + margin-left: auto; + margin-right: auto; +} +/** Styles for Bootstrap Slider */ +.slider .slider-selection { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #0044cc; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.slider .slider-selection:hover, +.slider .slider-selection:focus, +.slider .slider-selection:active, +.slider .slider-selection.active, +.slider .slider-selection.disabled, +.slider .slider-selection[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} +.slider .slider-selection:active, +.slider .slider-selection.active { + background-color: #003399 \9; +} +.slider.slider-disabled .slider-selection { + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.slider .slider-track { + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.slider.slider-disabled .slider-track { + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.slider .slider-handle { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + padding: 4px 12px; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e6e6e6; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #cccccc; + *border: 0; + border-bottom-color: #b3b3b3; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + *margin-left: .3em; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + padding: 0; + margin-bottom: 0; + opacity: 1; + filter: alpha(opacity=100); +} +.slider .slider-handle:hover, +.slider .slider-handle:focus, +.slider .slider-handle:active, +.slider .slider-handle.active, +.slider .slider-handle.disabled, +.slider .slider-handle[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} +.slider .slider-handle:active, +.slider .slider-handle.active { + background-color: #cccccc \9; +} +.slider .slider-handle:first-child { + *margin-left: 0; +} +.slider .slider-handle:hover, +.slider .slider-handle:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.slider .slider-handle:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.slider .slider-handle.active, +.slider .slider-handle:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); +} +.slider .slider-handle.disabled, +.slider .slider-handle[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.slider .slider-handle.hide { + display: none; +} +.slider .slider-handle.round { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} + + +#btn_motors_off, +#tab_temp, +#temp, +#control_zaxis, +#gcode_command_slider, #gcode_layer_slider, +#renderer_options, +#control_extruder {display:none;} + +.btn-group>.btn:first-child, +.btn-group>.btn:last-child, +select, +textarea, +input, +.uneditable-input, +.input-append .add-on:last-child, +.input-append .btn:last-child, +.input-append .btn-group:last-child>.dropdown-toggle, +.input-append input, +.input-append select, +.input-append .uneditable-input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} \ No newline at end of file diff --git a/src/octoprint/static/css/octoprint.css b/src/octoprint/static/css/octoprint.css index aa71526a..ded15524 100644 --- a/src/octoprint/static/css/octoprint.css +++ b/src/octoprint/static/css/octoprint.css @@ -1 +1,1471 @@ -.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;margin-bottom:0;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}.btn:active,.btn.active{background-color:#ccc \9}.btn:first-child{*margin-left:0}.btn:hover,.btn:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.btn.disabled,.btn[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-large{padding:11px 19px;font-size:17.5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}.btn-small{padding:2px 10px;font-size:11.9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:0}.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"]{margin-top:-1px}.btn-mini{padding:0 6px;font-size:10.5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255,255,255,0.75)}.btn-primary{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.btn-primary:active,.btn-primary.active{background-color:#039 \9}.btn-warning{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#faa732;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#f89406;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{color:#fff;background-color:#f89406;*background-color:#df8505}.btn-warning:active,.btn-warning.active{background-color:#c67605 \9}.btn-danger{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#da4f49;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{color:#fff;background-color:#bd362f;*background-color:#a9302a}.btn-danger:active,.btn-danger.active{background-color:#942a25 \9}.btn-success{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#5bb75b;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{color:#fff;background-color:#51a351;*background-color:#499249}.btn-success:active,.btn-success.active{background-color:#408140 \9}.btn-info{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#49afcd;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{color:#fff;background-color:#2f96b4;*background-color:#2a85a0}.btn-info:active,.btn-info.active{background-color:#24748c \9}.btn-inverse{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#363636;background-image:-moz-linear-gradient(top,#444,#222);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));background-image:-webkit-linear-gradient(top,#444,#222);background-image:-o-linear-gradient(top,#444,#222);background-image:linear-gradient(to bottom,#444,#222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);border-color:#222 #222 #000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{color:#fff;background-color:#222;*background-color:#151515}.btn-inverse:active,.btn-inverse.active{background-color:#080808 \9}button.btn,input[type="submit"].btn{*padding-top:3px;*padding-bottom:3px}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0}button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px}button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px}button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding-bottom:1px}.btn-link,.btn-link:active,.btn-link[disabled]{background-color:transparent;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.btn-link{border-color:transparent;cursor:pointer;color:#08c;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.btn-link:hover,.btn-link:focus{color:#005580;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,.btn-link[disabled]:focus{color:#333;text-decoration:none}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#navbar .navbar-inner{background-color:#ebebeb;background-image:-moz-linear-gradient(top,#fff,#ccc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ccc));background-image:-webkit-linear-gradient(top,#fff,#ccc);background-image:-o-linear-gradient(top,#fff,#ccc);background-image:linear-gradient(to bottom,#fff,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffcccccc',GradientType=0)}#navbar .navbar-inner .brand,#navbar .navbar-inner .nav>li>a{text-shadow:0 1px 0 #fff;color:#333}#navbar .navbar-inner .brand .caret,#navbar .navbar-inner .nav>li>a .caret{border-bottom-color:#939393;border-top-color:#939393}#navbar .navbar-inner .brand:hover .caret,#navbar .navbar-inner .nav>li>a:hover .caret,#navbar .navbar-inner .brand:focus .caret,#navbar .navbar-inner .nav>li>a:focus .caret{border-bottom-color:#636363;border-top-color:#636363}#navbar .navbar-inner .brand span{background-image:url(../img/tentacle-20x20.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner .brand span{background-image:url(../img/tentacle-20x20@2x.png)}}#navbar .navbar-inner .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner .nav li.dropdown.open.active>.dropdown-toggle{background-color:#e0e0e0;background-image:-moz-linear-gradient(top,#ccc,#fff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ccc),to(#fff));background-image:-webkit-linear-gradient(top,#ccc,#fff);background-image:-o-linear-gradient(top,#ccc,#fff);background-image:linear-gradient(to bottom,#ccc,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc',endColorstr='#ffffffff',GradientType=0)}#navbar .navbar-inner.red{background-color:#e36565;background-image:-moz-linear-gradient(top,#f9a0a0,#c20c0c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9a0a0),to(#c20c0c));background-image:-webkit-linear-gradient(top,#f9a0a0,#c20c0c);background-image:-o-linear-gradient(top,#f9a0a0,#c20c0c);background-image:linear-gradient(to bottom,#f9a0a0,#c20c0c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9a0a0',endColorstr='#ffc20c0c',GradientType=0)}#navbar .navbar-inner.red .brand,#navbar .navbar-inner.red .nav>li>a{text-shadow:0 1px 0 #c20c0c;color:#f2f2f2}#navbar .navbar-inner.red .brand .caret,#navbar .navbar-inner.red .nav>li>a .caret{border-bottom-color:#f28d8d;border-top-color:#f28d8d}#navbar .navbar-inner.red .brand:hover .caret,#navbar .navbar-inner.red .nav>li>a:hover .caret,#navbar .navbar-inner.red .brand:focus .caret,#navbar .navbar-inner.red .nav>li>a:focus .caret{border-bottom-color:#f2c0c0;border-top-color:#f2c0c0}#navbar .navbar-inner.red .brand span{background-image:url(../img/tentacle-20x20-light.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.red .brand span{background-image:url(../img/tentacle-20x20-light@2x.png)}}#navbar .navbar-inner.red .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.red .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.red .nav li.dropdown.open.active>.dropdown-toggle{background-color:#d84747;background-image:-moz-linear-gradient(top,#c20c0c,#f9a0a0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c20c0c),to(#f9a0a0));background-image:-webkit-linear-gradient(top,#c20c0c,#f9a0a0);background-image:-o-linear-gradient(top,#c20c0c,#f9a0a0);background-image:linear-gradient(to bottom,#c20c0c,#f9a0a0);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc20c0c',endColorstr='#fff9a0a0',GradientType=0)}#navbar .navbar-inner.orange{background-color:#e39665;background-image:-moz-linear-gradient(top,#f9c3a0,#c2530c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9c3a0),to(#c2530c));background-image:-webkit-linear-gradient(top,#f9c3a0,#c2530c);background-image:-o-linear-gradient(top,#f9c3a0,#c2530c);background-image:linear-gradient(to bottom,#f9c3a0,#c2530c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9c3a0',endColorstr='#ffc2530c',GradientType=0)}#navbar .navbar-inner.orange .brand,#navbar .navbar-inner.orange .nav>li>a{text-shadow:0 1px 0 #f6a570;color:#333}#navbar .navbar-inner.orange .brand .caret,#navbar .navbar-inner.orange .nav>li>a .caret{border-bottom-color:#93552e;border-top-color:#93552e}#navbar .navbar-inner.orange .brand:hover .caret,#navbar .navbar-inner.orange .nav>li>a:hover .caret,#navbar .navbar-inner.orange .brand:focus .caret,#navbar .navbar-inner.orange .nav>li>a:focus .caret{border-bottom-color:#634430;border-top-color:#634430}#navbar .navbar-inner.orange .brand span{background-image:url(../img/tentacle-20x20.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.orange .brand span{background-image:url(../img/tentacle-20x20@2x.png)}}#navbar .navbar-inner.orange .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.orange .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.orange .nav li.dropdown.open.active>.dropdown-toggle{background-color:#d88047;background-image:-moz-linear-gradient(top,#c2530c,#f9c3a0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c2530c),to(#f9c3a0));background-image:-webkit-linear-gradient(top,#c2530c,#f9c3a0);background-image:-o-linear-gradient(top,#c2530c,#f9c3a0);background-image:linear-gradient(to bottom,#c2530c,#f9c3a0);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2530c',endColorstr='#fff9c3a0',GradientType=0)}#navbar .navbar-inner.yellow{background-color:#e3d765;background-image:-moz-linear-gradient(top,#f9f0a0,#c2b00c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f9f0a0),to(#c2b00c));background-image:-webkit-linear-gradient(top,#f9f0a0,#c2b00c);background-image:-o-linear-gradient(top,#f9f0a0,#c2b00c);background-image:linear-gradient(to bottom,#f9f0a0,#c2b00c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f0a0',endColorstr='#ffc2b00c',GradientType=0)}#navbar .navbar-inner.yellow .brand,#navbar .navbar-inner.yellow .nav>li>a{text-shadow:0 1px 0 #f6e970;color:#333}#navbar .navbar-inner.yellow .brand .caret,#navbar .navbar-inner.yellow .nav>li>a .caret{border-bottom-color:#93892e;border-top-color:#93892e}#navbar .navbar-inner.yellow .brand:hover .caret,#navbar .navbar-inner.yellow .nav>li>a:hover .caret,#navbar .navbar-inner.yellow .brand:focus .caret,#navbar .navbar-inner.yellow .nav>li>a:focus .caret{border-bottom-color:#635e30;border-top-color:#635e30}#navbar .navbar-inner.yellow .brand span{background-image:url(../img/tentacle-20x20.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.yellow .brand span{background-image:url(../img/tentacle-20x20@2x.png)}}#navbar .navbar-inner.yellow .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.yellow .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.yellow .nav li.dropdown.open.active>.dropdown-toggle{background-color:#d8ca47;background-image:-moz-linear-gradient(top,#c2b00c,#f9f0a0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c2b00c),to(#f9f0a0));background-image:-webkit-linear-gradient(top,#c2b00c,#f9f0a0);background-image:-o-linear-gradient(top,#c2b00c,#f9f0a0);background-image:linear-gradient(to bottom,#c2b00c,#f9f0a0);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2b00c',endColorstr='#fff9f0a0',GradientType=0)}#navbar .navbar-inner.green{background-color:#98f064;background-image:-moz-linear-gradient(top,#c8ffa7,#50da00);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c8ffa7),to(#50da00));background-image:-webkit-linear-gradient(top,#c8ffa7,#50da00);background-image:-o-linear-gradient(top,#c8ffa7,#50da00);background-image:linear-gradient(to bottom,#c8ffa7,#50da00);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8ffa7',endColorstr='#ff50da00',GradientType=0)}#navbar .navbar-inner.green .brand,#navbar .navbar-inner.green .nav>li>a{text-shadow:0 1px 0 #a7ff74;color:#333}#navbar .navbar-inner.green .brand .caret,#navbar .navbar-inner.green .nav>li>a .caret{border-bottom-color:#55992e;border-top-color:#55992e}#navbar .navbar-inner.green .brand:hover .caret,#navbar .navbar-inner.green .nav>li>a:hover .caret,#navbar .navbar-inner.green .brand:focus .caret,#navbar .navbar-inner.green .nav>li>a:focus .caret{border-bottom-color:#446630;border-top-color:#446630}#navbar .navbar-inner.green .brand span{background-image:url(../img/tentacle-20x20.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.green .brand span{background-image:url(../img/tentacle-20x20@2x.png)}}#navbar .navbar-inner.green .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.green .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.green .nav li.dropdown.open.active>.dropdown-toggle{background-color:#80e943;background-image:-moz-linear-gradient(top,#50da00,#c8ffa7);background-image:-webkit-gradient(linear,0 0,0 100%,from(#50da00),to(#c8ffa7));background-image:-webkit-linear-gradient(top,#50da00,#c8ffa7);background-image:-o-linear-gradient(top,#50da00,#c8ffa7);background-image:linear-gradient(to bottom,#50da00,#c8ffa7);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff50da00',endColorstr='#ffc8ffa7',GradientType=0)}#navbar .navbar-inner.blue{background-color:#6498f0;background-image:-moz-linear-gradient(top,#a7c8ff,#0050da);background-image:-webkit-gradient(linear,0 0,0 100%,from(#a7c8ff),to(#0050da));background-image:-webkit-linear-gradient(top,#a7c8ff,#0050da);background-image:-o-linear-gradient(top,#a7c8ff,#0050da);background-image:linear-gradient(to bottom,#a7c8ff,#0050da);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa7c8ff',endColorstr='#ff0050da',GradientType=0)}#navbar .navbar-inner.blue .brand,#navbar .navbar-inner.blue .nav>li>a{text-shadow:0 1px 0 #74a7ff;color:#333}#navbar .navbar-inner.blue .brand .caret,#navbar .navbar-inner.blue .nav>li>a .caret{border-bottom-color:#2e5599;border-top-color:#2e5599}#navbar .navbar-inner.blue .brand:hover .caret,#navbar .navbar-inner.blue .nav>li>a:hover .caret,#navbar .navbar-inner.blue .brand:focus .caret,#navbar .navbar-inner.blue .nav>li>a:focus .caret{border-bottom-color:#304466;border-top-color:#304466}#navbar .navbar-inner.blue .brand span{background-image:url(../img/tentacle-20x20.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.blue .brand span{background-image:url(../img/tentacle-20x20@2x.png)}}#navbar .navbar-inner.blue .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.blue .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.blue .nav li.dropdown.open.active>.dropdown-toggle{background-color:#4380e9;background-image:-moz-linear-gradient(top,#0050da,#a7c8ff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0050da),to(#a7c8ff));background-image:-webkit-linear-gradient(top,#0050da,#a7c8ff);background-image:-o-linear-gradient(top,#0050da,#a7c8ff);background-image:linear-gradient(to bottom,#0050da,#a7c8ff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0050da',endColorstr='#ffa7c8ff',GradientType=0)}#navbar .navbar-inner.violet{background-color:#9864f0;background-image:-moz-linear-gradient(top,#c8a7ff,#5000da);background-image:-webkit-gradient(linear,0 0,0 100%,from(#c8a7ff),to(#5000da));background-image:-webkit-linear-gradient(top,#c8a7ff,#5000da);background-image:-o-linear-gradient(top,#c8a7ff,#5000da);background-image:linear-gradient(to bottom,#c8a7ff,#5000da);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8a7ff',endColorstr='#ff5000da',GradientType=0)}#navbar .navbar-inner.violet .brand,#navbar .navbar-inner.violet .nav>li>a{text-shadow:0 1px 0 #5000da;color:#f2f2f2}#navbar .navbar-inner.violet .brand .caret,#navbar .navbar-inner.violet .nav>li>a .caret{border-bottom-color:#b58df9;border-top-color:#b58df9}#navbar .navbar-inner.violet .brand:hover .caret,#navbar .navbar-inner.violet .nav>li>a:hover .caret,#navbar .navbar-inner.violet .brand:focus .caret,#navbar .navbar-inner.violet .nav>li>a:focus .caret{border-bottom-color:#d3c0f5;border-top-color:#d3c0f5}#navbar .navbar-inner.violet .brand span{background-image:url(../img/tentacle-20x20-light.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.violet .brand span{background-image:url(../img/tentacle-20x20-light@2x.png)}}#navbar .navbar-inner.violet .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.violet .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.violet .nav li.dropdown.open.active>.dropdown-toggle{background-color:#8043e9;background-image:-moz-linear-gradient(top,#5000da,#c8a7ff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5000da),to(#c8a7ff));background-image:-webkit-linear-gradient(top,#5000da,#c8a7ff);background-image:-o-linear-gradient(top,#5000da,#c8a7ff);background-image:linear-gradient(to bottom,#5000da,#c8a7ff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000da',endColorstr='#ffc8a7ff',GradientType=0)}#navbar .navbar-inner.black{background-color:#4f4f4f;background-image:-moz-linear-gradient(top,#787878,#121212);background-image:-webkit-gradient(linear,0 0,0 100%,from(#787878),to(#121212));background-image:-webkit-linear-gradient(top,#787878,#121212);background-image:-o-linear-gradient(top,#787878,#121212);background-image:linear-gradient(to bottom,#787878,#121212);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff787878',endColorstr='#ff121212',GradientType=0)}#navbar .navbar-inner.black .brand,#navbar .navbar-inner.black .nav>li>a{text-shadow:0 1px 0 #121212;color:#f2f2f2}#navbar .navbar-inner.black .brand .caret,#navbar .navbar-inner.black .nav>li>a .caret{border-bottom-color:#959595;border-top-color:#959595}#navbar .navbar-inner.black .brand:hover .caret,#navbar .navbar-inner.black .nav>li>a:hover .caret,#navbar .navbar-inner.black .brand:focus .caret,#navbar .navbar-inner.black .nav>li>a:focus .caret{border-bottom-color:#c4c4c4;border-top-color:#c4c4c4}#navbar .navbar-inner.black .brand span{background-image:url(../img/tentacle-20x20-light.png)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#navbar .navbar-inner.black .brand span{background-image:url(../img/tentacle-20x20-light@2x.png)}}#navbar .navbar-inner.black .nav li.dropdown.open>.dropdown-toggle,#navbar .navbar-inner.black .nav li.dropdown.active>.dropdown-toggle,#navbar .navbar-inner.black .nav li.dropdown.open.active>.dropdown-toggle{background-color:#3b3b3b;background-image:-moz-linear-gradient(top,#121212,#787878);background-image:-webkit-gradient(linear,0 0,0 100%,from(#121212),to(#787878));background-image:-webkit-linear-gradient(top,#121212,#787878);background-image:-o-linear-gradient(top,#121212,#787878);background-image:linear-gradient(to bottom,#121212,#787878);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff121212',endColorstr='#ff787878',GradientType=0)}#navbar .navbar-inner .brand span{background-size:20px 20px;background-position:left center;padding-left:24px;background-repeat:no-repeat}.octoprint-container{margin-top:20px}.octoprint-container .tab-content{padding:9px 15px;border-left:1px solid #DDD;border-right:1px solid #DDD;border-bottom:1px solid #DDD;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}.octoprint-container .nav{margin-bottom:0}.octoprint-container .tab-content h1{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5;font-weight:normal}.octoprint-container .accordion-heading .accordion-heading-button{float:right}.octoprint-container .accordion-heading .accordion-heading-button a{display:inline-block;padding:8px 15px;font-size:14px;line-height:20px;color:#000;text-decoration:none;background:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.octoprint-container .accordion-heading a.accordion-toggle{display:inline-block}.octoprint-container .accordion-heading [class^="icon-"],.octoprint-container .accordion-heading [class*=" icon-"]{color:#000}.print-control .btn{padding-left:4px;padding-right:4px}.upload-buttons .btn{margin-right:0}table{table-layout:fixed}table .popover-title{text-overflow:ellipsis;word-break:break-all}table th,table td{overflow:hidden}table th.gcode_files_name,table td.gcode_files_name{text-overflow:ellipsis;white-space:nowrap;text-align:left}table th.gcode_files_action,table td.gcode_files_action{text-align:center;width:90px}table th.gcode_files_action a,table td.gcode_files_action a{text-decoration:none;color:#000}table th.gcode_files_action a.disabled,table td.gcode_files_action a.disabled{color:#ccc;cursor:default}table th.timelapse_files_name,table td.timelapse_files_name{text-overflow:ellipsis;text-align:left}table th.timelapse_files_size,table td.timelapse_files_size{text-align:right;width:55px}table th.timelapse_files_action,table td.timelapse_files_action{text-align:center;width:45px}table th.timelapse_files_action a,table td.timelapse_files_action a{text-decoration:none;color:#000}table th.timelapse_files_action a.disabled,table td.timelapse_files_action a.disabled{color:#ccc;cursor:default}table th.settings_users_name,table td.settings_users_name{text-overflow:ellipsis;text-align:left}table th.settings_users_active,table td.settings_users_active,table th.settings_users_admin,table td.settings_users_admin{text-align:center;width:55px}table th.settings_users_actions,table td.settings_users_actions{text-align:center;width:60px}table th.settings_users_actions a,table td.settings_users_actions a{text-decoration:none;color:#000}table th.settings_users_actions a.disabled,table td.settings_users_actions a.disabled{color:#ccc;cursor:default}table th.settings_logs_name,table td.settings_logs_name{text-overflow:ellipsis;text-align:left}table th.settings_logs_size,table td.settings_logs_size{text-align:right;width:70px}table th.settings_logs_date,table td.settings_logs_date{text-align:left;width:130px}table th.settings_logs_action,table td.settings_logs_action{text-align:center;width:70px}table th.settings_logs_action a,table td.settings_logs_action a{text-decoration:none;color:#000}table th.settings_logs_action a.disabled,table td.settings_logs_action a.disabled{color:#ccc;cursor:default}#temperature-graph{height:350px;width:100%;background-image:url("../img/graph-background.png");background-position:center;background-repeat:no-repeat}.tab-content,.tab-pane{overflow:visible}.tempInput{width:50px}#temp_newTemp,#temp_newBedTemp,#speed_innerWall,#speed_outerWall,#speed_fill,#speed_support,#webcam_timelapse_interval,#webcam_timelapse_postRoll{text-align:right}ul.dropdown-menu li a{cursor:pointer}#connection_ports,#connection_baudrates{width:100%}#offline_overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}#offline_overlay_background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}#offline_overlay_wrapper{position:absolute;top:0;bottom:0;left:0;right:0;padding-top:60px}#offline_overlay_wrapper .container{margin:auto}#webcam_container{width:100%}#webcam_container .flipH{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1)}#webcam_container .flipV{-webkit-transform:scaleY(-1);-moz-transform:scaleY(-1)}#webcam_container .flipH.flipV{-webkit-transform:scaleX(-1) scaleY(-1);-moz-transform:scaleX(-1) scaleY(-1)}#files .gcode_files{padding-right:7px}#files .gcode_files .entry{padding:5px;line-height:20px;border-bottom:1px solid #ddd;position:relative}#files .gcode_files .entry:hover{background-color:#f5f5f5}#files .gcode_files .entry .title{text-overflow:ellipsis;word-break:break-all}#files .gcode_files .entry .uploaded,#files .gcode_files .entry .size,#files .gcode_files .entry .additionalInfo{font-size:85%;color:#999}#files .gcode_files .entry .action-buttons{position:absolute;bottom:5px;right:5px}#files .gcode_files .entry .additionalInfo{padding-bottom:22px}#files .upload-buttons{margin-top:10px}#files .form-search{text-align:center;margin-bottom:5px!important}#control{overflow:hidden}#control .jog-panel{float:left;margin-right:19px}#control h1{text-align:left}#control .jog-panel>div{text-align:center}#control .jog-panel>div.distance{text-align:left}#control .box{width:30px;height:30px;margin-right:10px;margin-bottom:10px;padding-left:8px}#control .control-box{display:block;height:30px;margin-bottom:10px}#control .btn-group{margin-bottom:10px}#control .btn-group.distance>.btn{width:43px;padding:3px 0;height:30px}#gcode .progress{width:582px}#gcode .progress .bar{-webkit-transition:width 0s linear;-moz-transition:width 0s linear;-o-transition:width 0s linear;transition:width 0s linear}#gcode #gcode_layer_slider{height:568px;float:right}#gcode #gcode_layer_slider .slider-handle{width:14px;height:14px;margin-left:-3px;margin-top:-7px}#gcode #gcode_command_slider .slider-handle{width:14px;height:14px;margin-left:-7px;margin-top:-3px}#term #terminal-output{min-height:340px}.footer ul{margin:0}.footer ul li{display:inline;margin-left:1em;font-size:85%}.footer ul li:first-child{margin-left:0}.footer ul li a{color:#555}.ui-pnotify .alert a{color:#c09853}.ui-pnotify .alert-error a,.ui-pnotify .alert-danger a{color:#b94a48}.ui-pnotify .alert-success a{color:#468847}.ui-pnotify .alert-info a{color:#3a87ad}.pnotify_additional_info .pnotify_more{font-size:85%}.text-right{text-align:right}.overflow_visible{overflow:visible!important}#drop_overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}#drop_overlay.in{display:block}#drop_overlay #drop_overlay_background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}#drop_overlay #drop_overlay_wrapper{position:absolute;top:0;bottom:0;left:0;right:0;padding-top:60px}#drop_overlay #drop_overlay_wrapper #drop,#drop_overlay #drop_overlay_wrapper #drop_background{position:absolute;top:50%;left:50%;margin-left:-200px;margin-top:-200px}#drop_overlay #drop_overlay_wrapper #drop_locally,#drop_overlay #drop_overlay_wrapper #drop_locally_background{position:absolute;top:50%;left:50%;margin-left:-425px;margin-top:-200px}#drop_overlay #drop_overlay_wrapper #drop_sd,#drop_overlay #drop_overlay_wrapper #drop_sd_background{position:absolute;top:50%;left:50%;margin-left:25px;margin-top:-200px}#drop_overlay #drop_overlay_wrapper .dropzone{width:404px;height:404px;z-index:10001;color:#fff;font-size:30px}#drop_overlay #drop_overlay_wrapper .dropzone i{font-size:50px}#drop_overlay #drop_overlay_wrapper .dropzone .centered{display:table-cell;text-align:center;vertical-align:middle;width:400px;height:400px;line-height:40px;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}#drop_overlay #drop_overlay_wrapper .dropzone_background{width:400px;height:400px;border:2px dashed #eee;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#000;filter:alpha(opacity=25);-moz-opacity:.25;-khtml-opacity:.25;opacity:.25}#drop_overlay #drop_overlay_wrapper .dropzone_background.hover{background-color:#000;filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}#drop_overlay #drop_overlay_wrapper .dropzone_background.fade{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;opacity:1}.icon-sd-black-14{background:url("../img/icon-sd-black-14.png") 0 3px no-repeat;width:11px;height:17px;display:inline-block!important}.center{float:none;margin-left:auto;margin-right:auto}.slider .slider-selection{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.slider .slider-selection:hover,.slider .slider-selection:focus,.slider .slider-selection:active,.slider .slider-selection.active,.slider .slider-selection.disabled,.slider .slider-selection[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.slider .slider-selection:active,.slider .slider-selection.active{background-color:#039 \9}.slider.slider-disabled .slider-selection{background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.slider .slider-track{background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.slider.slider-disabled .slider-track{background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.slider .slider-handle{display:inline-block;*display:inline;*zoom:1;padding:4px 12px;font-size:14px;line-height:20px;text-align:center;vertical-align:middle;cursor:pointer;color:#333;text-shadow:0 1px 1px rgba(255,255,255,0.75);background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #ccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);padding:0;margin-bottom:0;opacity:1;filter:alpha(opacity=100)}.slider .slider-handle:hover,.slider .slider-handle:focus,.slider .slider-handle:active,.slider .slider-handle.active,.slider .slider-handle.disabled,.slider .slider-handle[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}.slider .slider-handle:active,.slider .slider-handle.active{background-color:#ccc \9}.slider .slider-handle:first-child{*margin-left:0}.slider .slider-handle:hover,.slider .slider-handle:focus{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.slider .slider-handle:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.slider .slider-handle.active,.slider .slider-handle:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.slider .slider-handle.disabled,.slider .slider-handle[disabled]{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.slider .slider-handle.hide{display:none}.slider .slider-handle.round{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%} \ No newline at end of file +.btn { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + padding: 4px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e6e6e6; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #cccccc; + *border: 0; + border-bottom-color: #b3b3b3; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + *margin-left: .3em; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); +} +.btn:hover, +.btn:focus, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} +.btn:active, +.btn.active { + background-color: #cccccc \9; +} +.btn:first-child { + *margin-left: 0; +} +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); +} +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; +} +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #0044cc; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} +.btn-primary:active, +.btn-primary.active { + background-color: #003399 \9; +} +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + border-color: #f89406 #f89406 #ad6704; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #f89406; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f89406; + *background-color: #df8505; +} +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + border-color: #bd362f #bd362f #802420; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #bd362f; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; +} +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); + border-color: #51a351 #51a351 #387038; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #51a351; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #51a351; + *background-color: #499249; +} +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #49afcd; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + border-color: #2f96b4 #2f96b4 #1f6377; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #2f96b4; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #2f96b4; + *background-color: #2a85a0; +} +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(to bottom, #444444, #222222); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #222222; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; + *background-color: #151515; +} +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} +button.btn, +input[type="submit"].btn { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} +button.btn.btn-large, +input[type="submit"].btn.btn-large { + *padding-top: 7px; + *padding-bottom: 7px; +} +button.btn.btn-small, +input[type="submit"].btn.btn-small { + *padding-top: 3px; + *padding-bottom: 3px; +} +button.btn.btn-mini, +input[type="submit"].btn.btn-mini { + *padding-top: 1px; + *padding-bottom: 1px; +} +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.btn-link { + border-color: transparent; + cursor: pointer; + color: #0088cc; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #005580; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; + line-height: 0; +} +.clearfix:after { + clear: both; +} +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +#navbar .navbar-inner { + background-color: #ebebeb; + background-image: -moz-linear-gradient(top, #ffffff, #cccccc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc)); + background-image: -webkit-linear-gradient(top, #ffffff, #cccccc); + background-image: -o-linear-gradient(top, #ffffff, #cccccc); + background-image: linear-gradient(to bottom, #ffffff, #cccccc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0); +} +#navbar .navbar-inner .brand, +#navbar .navbar-inner .nav > li > a { + text-shadow: 0 1px 0 #cccccc; + color: #333333; +} +#navbar .navbar-inner .brand .caret, +#navbar .navbar-inner .nav > li > a .caret { + border-bottom-color: #939393; + border-top-color: #939393; +} +#navbar .navbar-inner .brand:hover .caret, +#navbar .navbar-inner .nav > li > a:hover .caret, +#navbar .navbar-inner .brand:focus .caret, +#navbar .navbar-inner .nav > li > a:focus .caret { + border-bottom-color: #636363; + border-top-color: #636363; +} +#navbar .navbar-inner .brand span { + background-image: url(../img/tentacle-20x20.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner .brand span { + background-image: url(../img/tentacle-20x20@2x.png); + } +} +#navbar .navbar-inner .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #e0e0e0; + background-image: -moz-linear-gradient(top, #cccccc, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #cccccc, #ffffff); + background-image: -o-linear-gradient(top, #cccccc, #ffffff); + background-image: linear-gradient(to bottom, #cccccc, #ffffff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffffffff', GradientType=0); +} +#navbar .navbar-inner.red { + background-color: #e36565; + background-image: -moz-linear-gradient(top, #f9a0a0, #c20c0c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9a0a0), to(#c20c0c)); + background-image: -webkit-linear-gradient(top, #f9a0a0, #c20c0c); + background-image: -o-linear-gradient(top, #f9a0a0, #c20c0c); + background-image: linear-gradient(to bottom, #f9a0a0, #c20c0c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9a0a0', endColorstr='#ffc20c0c', GradientType=0); +} +#navbar .navbar-inner.red .brand, +#navbar .navbar-inner.red .nav > li > a { + text-shadow: 0 1px 0 #f67070; + color: #f2f2f2; +} +#navbar .navbar-inner.red .brand .caret, +#navbar .navbar-inner.red .nav > li > a .caret { + border-bottom-color: #f28d8d; + border-top-color: #f28d8d; +} +#navbar .navbar-inner.red .brand:hover .caret, +#navbar .navbar-inner.red .nav > li > a:hover .caret, +#navbar .navbar-inner.red .brand:focus .caret, +#navbar .navbar-inner.red .nav > li > a:focus .caret { + border-bottom-color: #f2bfbf; + border-top-color: #f2bfbf; +} +#navbar .navbar-inner.red .brand span { + background-image: url(../img/tentacle-20x20-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.red .brand span { + background-image: url(../img/tentacle-20x20-light@2x.png); + } +} +#navbar .navbar-inner.red .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.red .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.red .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #d84747; + background-image: -moz-linear-gradient(top, #c20c0c, #f9a0a0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c20c0c), to(#f9a0a0)); + background-image: -webkit-linear-gradient(top, #c20c0c, #f9a0a0); + background-image: -o-linear-gradient(top, #c20c0c, #f9a0a0); + background-image: linear-gradient(to bottom, #c20c0c, #f9a0a0); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc20c0c', endColorstr='#fff9a0a0', GradientType=0); +} +#navbar .navbar-inner.orange { + background-color: #e39665; + background-image: -moz-linear-gradient(top, #f9c3a0, #c2530c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9c3a0), to(#c2530c)); + background-image: -webkit-linear-gradient(top, #f9c3a0, #c2530c); + background-image: -o-linear-gradient(top, #f9c3a0, #c2530c); + background-image: linear-gradient(to bottom, #f9c3a0, #c2530c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9c3a0', endColorstr='#ffc2530c', GradientType=0); +} +#navbar .navbar-inner.orange .brand, +#navbar .navbar-inner.orange .nav > li > a { + text-shadow: 0 1px 0 #f6a570; + color: #f2f2f2; +} +#navbar .navbar-inner.orange .brand .caret, +#navbar .navbar-inner.orange .nav > li > a .caret { + border-bottom-color: #f2b58d; + border-top-color: #f2b58d; +} +#navbar .navbar-inner.orange .brand:hover .caret, +#navbar .navbar-inner.orange .nav > li > a:hover .caret, +#navbar .navbar-inner.orange .brand:focus .caret, +#navbar .navbar-inner.orange .nav > li > a:focus .caret { + border-bottom-color: #f2d3bf; + border-top-color: #f2d3bf; +} +#navbar .navbar-inner.orange .brand span { + background-image: url(../img/tentacle-20x20-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.orange .brand span { + background-image: url(../img/tentacle-20x20-light@2x.png); + } +} +#navbar .navbar-inner.orange .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.orange .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.orange .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #d88047; + background-image: -moz-linear-gradient(top, #c2530c, #f9c3a0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2530c), to(#f9c3a0)); + background-image: -webkit-linear-gradient(top, #c2530c, #f9c3a0); + background-image: -o-linear-gradient(top, #c2530c, #f9c3a0); + background-image: linear-gradient(to bottom, #c2530c, #f9c3a0); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2530c', endColorstr='#fff9c3a0', GradientType=0); +} +#navbar .navbar-inner.yellow { + background-color: #e3d765; + background-image: -moz-linear-gradient(top, #f9f0a0, #c2b00c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f0a0), to(#c2b00c)); + background-image: -webkit-linear-gradient(top, #f9f0a0, #c2b00c); + background-image: -o-linear-gradient(top, #f9f0a0, #c2b00c); + background-image: linear-gradient(to bottom, #f9f0a0, #c2b00c); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f0a0', endColorstr='#ffc2b00c', GradientType=0); +} +#navbar .navbar-inner.yellow .brand, +#navbar .navbar-inner.yellow .nav > li > a { + text-shadow: 0 1px 0 #c2b00c; + color: #333333; +} +#navbar .navbar-inner.yellow .brand .caret, +#navbar .navbar-inner.yellow .nav > li > a .caret { + border-bottom-color: #93892e; + border-top-color: #93892e; +} +#navbar .navbar-inner.yellow .brand:hover .caret, +#navbar .navbar-inner.yellow .nav > li > a:hover .caret, +#navbar .navbar-inner.yellow .brand:focus .caret, +#navbar .navbar-inner.yellow .nav > li > a:focus .caret { + border-bottom-color: #635e30; + border-top-color: #635e30; +} +#navbar .navbar-inner.yellow .brand span { + background-image: url(../img/tentacle-20x20.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.yellow .brand span { + background-image: url(../img/tentacle-20x20@2x.png); + } +} +#navbar .navbar-inner.yellow .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.yellow .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.yellow .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #d8ca47; + background-image: -moz-linear-gradient(top, #c2b00c, #f9f0a0); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c2b00c), to(#f9f0a0)); + background-image: -webkit-linear-gradient(top, #c2b00c, #f9f0a0); + background-image: -o-linear-gradient(top, #c2b00c, #f9f0a0); + background-image: linear-gradient(to bottom, #c2b00c, #f9f0a0); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc2b00c', endColorstr='#fff9f0a0', GradientType=0); +} +#navbar .navbar-inner.green { + background-color: #98f064; + background-image: -moz-linear-gradient(top, #c8ffa7, #50da00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8ffa7), to(#50da00)); + background-image: -webkit-linear-gradient(top, #c8ffa7, #50da00); + background-image: -o-linear-gradient(top, #c8ffa7, #50da00); + background-image: linear-gradient(to bottom, #c8ffa7, #50da00); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8ffa7', endColorstr='#ff50da00', GradientType=0); +} +#navbar .navbar-inner.green .brand, +#navbar .navbar-inner.green .nav > li > a { + text-shadow: 0 1px 0 #50da00; + color: #333333; +} +#navbar .navbar-inner.green .brand .caret, +#navbar .navbar-inner.green .nav > li > a .caret { + border-bottom-color: #55992e; + border-top-color: #55992e; +} +#navbar .navbar-inner.green .brand:hover .caret, +#navbar .navbar-inner.green .nav > li > a:hover .caret, +#navbar .navbar-inner.green .brand:focus .caret, +#navbar .navbar-inner.green .nav > li > a:focus .caret { + border-bottom-color: #446630; + border-top-color: #446630; +} +#navbar .navbar-inner.green .brand span { + background-image: url(../img/tentacle-20x20.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.green .brand span { + background-image: url(../img/tentacle-20x20@2x.png); + } +} +#navbar .navbar-inner.green .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.green .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.green .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #80e943; + background-image: -moz-linear-gradient(top, #50da00, #c8ffa7); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#50da00), to(#c8ffa7)); + background-image: -webkit-linear-gradient(top, #50da00, #c8ffa7); + background-image: -o-linear-gradient(top, #50da00, #c8ffa7); + background-image: linear-gradient(to bottom, #50da00, #c8ffa7); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff50da00', endColorstr='#ffc8ffa7', GradientType=0); +} +#navbar .navbar-inner.blue { + background-color: #6498f0; + background-image: -moz-linear-gradient(top, #a7c8ff, #0050da); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a7c8ff), to(#0050da)); + background-image: -webkit-linear-gradient(top, #a7c8ff, #0050da); + background-image: -o-linear-gradient(top, #a7c8ff, #0050da); + background-image: linear-gradient(to bottom, #a7c8ff, #0050da); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa7c8ff', endColorstr='#ff0050da', GradientType=0); +} +#navbar .navbar-inner.blue .brand, +#navbar .navbar-inner.blue .nav > li > a { + text-shadow: 0 1px 0 #74a7ff; + color: #f2f2f2; +} +#navbar .navbar-inner.blue .brand .caret, +#navbar .navbar-inner.blue .nav > li > a .caret { + border-bottom-color: #8db5f9; + border-top-color: #8db5f9; +} +#navbar .navbar-inner.blue .brand:hover .caret, +#navbar .navbar-inner.blue .nav > li > a:hover .caret, +#navbar .navbar-inner.blue .brand:focus .caret, +#navbar .navbar-inner.blue .nav > li > a:focus .caret { + border-bottom-color: #bfd3f5; + border-top-color: #bfd3f5; +} +#navbar .navbar-inner.blue .brand span { + background-image: url(../img/tentacle-20x20-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.blue .brand span { + background-image: url(../img/tentacle-20x20-light@2x.png); + } +} +#navbar .navbar-inner.blue .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.blue .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.blue .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #4380e9; + background-image: -moz-linear-gradient(top, #0050da, #a7c8ff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0050da), to(#a7c8ff)); + background-image: -webkit-linear-gradient(top, #0050da, #a7c8ff); + background-image: -o-linear-gradient(top, #0050da, #a7c8ff); + background-image: linear-gradient(to bottom, #0050da, #a7c8ff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0050da', endColorstr='#ffa7c8ff', GradientType=0); +} +#navbar .navbar-inner.violet { + background-color: #9864f0; + background-image: -moz-linear-gradient(top, #c8a7ff, #5000da); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c8a7ff), to(#5000da)); + background-image: -webkit-linear-gradient(top, #c8a7ff, #5000da); + background-image: -o-linear-gradient(top, #c8a7ff, #5000da); + background-image: linear-gradient(to bottom, #c8a7ff, #5000da); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8a7ff', endColorstr='#ff5000da', GradientType=0); +} +#navbar .navbar-inner.violet .brand, +#navbar .navbar-inner.violet .nav > li > a { + text-shadow: 0 1px 0 #a774ff; + color: #f2f2f2; +} +#navbar .navbar-inner.violet .brand .caret, +#navbar .navbar-inner.violet .nav > li > a .caret { + border-bottom-color: #b58df9; + border-top-color: #b58df9; +} +#navbar .navbar-inner.violet .brand:hover .caret, +#navbar .navbar-inner.violet .nav > li > a:hover .caret, +#navbar .navbar-inner.violet .brand:focus .caret, +#navbar .navbar-inner.violet .nav > li > a:focus .caret { + border-bottom-color: #d3bff5; + border-top-color: #d3bff5; +} +#navbar .navbar-inner.violet .brand span { + background-image: url(../img/tentacle-20x20-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.violet .brand span { + background-image: url(../img/tentacle-20x20-light@2x.png); + } +} +#navbar .navbar-inner.violet .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.violet .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.violet .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #8043e9; + background-image: -moz-linear-gradient(top, #5000da, #c8a7ff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5000da), to(#c8a7ff)); + background-image: -webkit-linear-gradient(top, #5000da, #c8a7ff); + background-image: -o-linear-gradient(top, #5000da, #c8a7ff); + background-image: linear-gradient(to bottom, #5000da, #c8a7ff); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5000da', endColorstr='#ffc8a7ff', GradientType=0); +} +#navbar .navbar-inner.black { + background-color: #4f4f4f; + background-image: -moz-linear-gradient(top, #787878, #121212); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#787878), to(#121212)); + background-image: -webkit-linear-gradient(top, #787878, #121212); + background-image: -o-linear-gradient(top, #787878, #121212); + background-image: linear-gradient(to bottom, #787878, #121212); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff787878', endColorstr='#ff121212', GradientType=0); +} +#navbar .navbar-inner.black .brand, +#navbar .navbar-inner.black .nav > li > a { + text-shadow: 0 1px 0 #5e5e5e; + color: #f2f2f2; +} +#navbar .navbar-inner.black .brand .caret, +#navbar .navbar-inner.black .nav > li > a .caret { + border-bottom-color: #959595; + border-top-color: #959595; +} +#navbar .navbar-inner.black .brand:hover .caret, +#navbar .navbar-inner.black .nav > li > a:hover .caret, +#navbar .navbar-inner.black .brand:focus .caret, +#navbar .navbar-inner.black .nav > li > a:focus .caret { + border-bottom-color: #c4c4c4; + border-top-color: #c4c4c4; +} +#navbar .navbar-inner.black .brand span { + background-image: url(../img/tentacle-20x20-light.png); +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #navbar .navbar-inner.black .brand span { + background-image: url(../img/tentacle-20x20-light@2x.png); + } +} +#navbar .navbar-inner.black .nav li.dropdown.open > .dropdown-toggle, +#navbar .navbar-inner.black .nav li.dropdown.active > .dropdown-toggle, +#navbar .navbar-inner.black .nav li.dropdown.open.active > .dropdown-toggle { + background-color: #3b3b3b; + background-image: -moz-linear-gradient(top, #121212, #787878); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#121212), to(#787878)); + background-image: -webkit-linear-gradient(top, #121212, #787878); + background-image: -o-linear-gradient(top, #121212, #787878); + background-image: linear-gradient(to bottom, #121212, #787878); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff121212', endColorstr='#ff787878', GradientType=0); +} +#navbar .navbar-inner .brand span { + background-size: 20px 20px; + background-position: left center; + padding-left: 24px; + background-repeat: no-repeat; +} +.octoprint-container { + margin-top: 20px; + /** OctoPrint application tabs */ + /** Accordions */ +} +.octoprint-container .tab-content { + padding: 9px 15px; + border-left: 1px solid #DDD; + border-right: 1px solid #DDD; + border-bottom: 1px solid #DDD; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; +} +.octoprint-container .nav { + margin-bottom: 0px; +} +.octoprint-container .tab-content h1 { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333; + border: 0; + border-bottom: 1px solid #E5E5E5; + font-weight: normal; +} +.octoprint-container .accordion-heading .accordion-heading-button { + float: right; +} +.octoprint-container .accordion-heading .accordion-heading-button a { + display: inline-block; + padding: 8px 15px; + font-size: 14px; + line-height: 20px; + color: #000; + text-decoration: none; + background: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.octoprint-container .accordion-heading a.accordion-toggle { + display: inline-block; +} +.octoprint-container .accordion-heading [class^="icon-"], +.octoprint-container .accordion-heading [class*=" icon-"] { + color: #000; +} +.print-control .btn { + padding-left: 4px; + padding-right: 4px; +} +.upload-buttons .btn { + margin-right: 0; +} +/** Tables */ +table { + table-layout: fixed; +} +table .popover-title { + text-overflow: ellipsis; + word-break: break-all; +} +table th, +table td { + overflow: hidden; +} +table th.gcode_files_name, +table td.gcode_files_name { + text-overflow: ellipsis; + white-space: nowrap; + text-align: left; +} +table th.gcode_files_action, +table td.gcode_files_action { + text-align: center; + width: 90px; +} +table th.gcode_files_action a, +table td.gcode_files_action a { + text-decoration: none; + color: #000; +} +table th.gcode_files_action a.disabled, +table td.gcode_files_action a.disabled { + color: #ccc; + cursor: default; +} +table th.timelapse_files_name, +table td.timelapse_files_name { + text-overflow: ellipsis; + text-align: left; +} +table th.timelapse_files_size, +table td.timelapse_files_size { + text-align: right; + width: 55px; +} +table th.timelapse_files_action, +table td.timelapse_files_action { + text-align: center; + width: 45px; +} +table th.timelapse_files_action a, +table td.timelapse_files_action a { + text-decoration: none; + color: #000; +} +table th.timelapse_files_action a.disabled, +table td.timelapse_files_action a.disabled { + color: #ccc; + cursor: default; +} +table th.settings_users_name, +table td.settings_users_name { + text-overflow: ellipsis; + text-align: left; +} +table th.settings_users_active, +table td.settings_users_active, +table th.settings_users_admin, +table td.settings_users_admin { + text-align: center; + width: 55px; +} +table th.settings_users_actions, +table td.settings_users_actions { + text-align: center; + width: 60px; +} +table th.settings_users_actions a, +table td.settings_users_actions a { + text-decoration: none; + color: #000; +} +table th.settings_users_actions a.disabled, +table td.settings_users_actions a.disabled { + color: #ccc; + cursor: default; +} +table th.settings_logs_name, +table td.settings_logs_name { + text-overflow: ellipsis; + text-align: left; +} +table th.settings_logs_size, +table td.settings_logs_size { + text-align: right; + width: 70px; +} +table th.settings_logs_date, +table td.settings_logs_date { + text-align: left; + width: 130px; +} +table th.settings_logs_action, +table td.settings_logs_action { + text-align: center; + width: 70px; +} +table th.settings_logs_action a, +table td.settings_logs_action a { + text-decoration: none; + color: #000; +} +table th.settings_logs_action a.disabled, +table td.settings_logs_action a.disabled { + color: #ccc; + cursor: default; +} +/** Temperature tab */ +#temperature-graph { + height: 350px; + width: 100%; + background-image: url("../img/graph-background.png"); + background-position: center; + background-repeat: no-repeat; +} +.tab-content, +.tab-pane { + overflow: visible; +} +.tempInput { + width: 50px; +} +#temp_newTemp, +#temp_newBedTemp, +#speed_innerWall, +#speed_outerWall, +#speed_fill, +#speed_support, +#webcam_timelapse_interval, +#webcam_timelapse_postRoll { + text-align: right; +} +ul.dropdown-menu li a { + cursor: pointer; +} +/** Connection settings */ +#connection_ports, +#connection_baudrates { + width: 100%; +} +/** Offline overlay */ +#offline_overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10000; + display: none; +} +#offline_overlay_background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000000; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + opacity: 0.5; +} +#offline_overlay_wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding-top: 60px; +} +#offline_overlay_wrapper .container { + margin: auto; +} +/** Webcam */ +#webcam_container { + width: 100%; +} +#webcam_container .flipH { + -webkit-transform: scaleX(-1); + -moz-transform: scaleX(-1); +} +#webcam_container .flipV { + -webkit-transform: scaleY(-1); + -moz-transform: scaleY(-1); +} +#webcam_container .flipH.flipV { + -webkit-transform: scaleX(-1) scaleY(-1); + -moz-transform: scaleX(-1) scaleY(-1); +} +/** GCODE file manager */ +#files .gcode_files { + padding-right: 7px; +} +#files .gcode_files .entry { + padding: 5px; + line-height: 20px; + border-bottom: 1px solid #ddd; + position: relative; +} +#files .gcode_files .entry:hover { + background-color: #f5f5f5; +} +#files .gcode_files .entry .title { + text-overflow: ellipsis; + word-break: break-all; +} +#files .gcode_files .entry .uploaded, +#files .gcode_files .entry .size, +#files .gcode_files .entry .additionalInfo { + font-size: 85%; + color: #999; +} +#files .gcode_files .entry .action-buttons { + position: absolute; + bottom: 5px; + right: 5px; +} +#files .gcode_files .entry .additionalInfo { + padding-bottom: 22px; +} +#files .upload-buttons { + margin-top: 10px; +} +#files .form-search { + text-align: center; + margin-bottom: 5px !important; +} +/** Control tab */ +#control { + overflow: hidden; +} +#control .jog-panel { + float: left; + margin-right: 19px; +} +#control h1 { + text-align: left; +} +#control .jog-panel > div { + text-align: center; +} +#control .jog-panel > div.distance { + text-align: left; +} +#control .box { + width: 30px; + height: 30px; + margin-right: 10px; + margin-bottom: 10px; + padding-left: 8px; +} +#control .control-box { + display: block; + height: 30px; + margin-bottom: 10px; +} +#control .btn-group { + margin-bottom: 10px; +} +#control .btn-group.distance > .btn { + width: 43px; + padding: 3px 0; + height: 30px; +} +/** GCODE viewer */ +#gcode .progress { + width: 582px; +} +#gcode .progress .bar { + -webkit-transition: width 0s linear; + -moz-transition: width 0s linear; + -o-transition: width 0s linear; + transition: width 0s linear; +} +#gcode #gcode_layer_slider { + height: 568px; + float: right; +} +#gcode #gcode_layer_slider .slider-handle { + width: 14px; + height: 14px; + margin-left: -3px; + margin-top: -7px; +} +#gcode #gcode_command_slider .slider-handle { + width: 14px; + height: 14px; + margin-left: -7px; + margin-top: -3px; +} +/** Terminal output */ +#term #terminal-output { + min-height: 340px; +} +/** Settings dialog */ +/** Footer */ +.footer ul { + margin: 0; +} +.footer ul li { + display: inline; + margin-left: 1em; + font-size: 85%; +} +.footer ul li:first-child { + margin-left: 0; +} +.footer ul li a { + color: #555; +} +/** Notifications */ +.ui-pnotify .alert a { + color: #c09853; +} +.ui-pnotify .alert-error a, +.ui-pnotify .alert-danger a { + color: #b94a48; +} +.ui-pnotify .alert-success a { + color: #468847; +} +.ui-pnotify .alert-info a { + color: #3a87ad; +} +.pnotify_additional_info .pnotify_more { + font-size: 85%; +} +/** General helper classes */ +.text-right { + text-align: right; +} +.overflow_visible { + overflow: visible !important; +} +#drop_overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 10000; + display: none; +} +#drop_overlay.in { + display: block; +} +#drop_overlay #drop_overlay_background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #000000; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + opacity: 0.5; +} +#drop_overlay #drop_overlay_wrapper { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding-top: 60px; +} +#drop_overlay #drop_overlay_wrapper #drop, +#drop_overlay #drop_overlay_wrapper #drop_background { + position: absolute; + top: 50%; + left: 50%; + margin-left: -200px; + margin-top: -200px; +} +#drop_overlay #drop_overlay_wrapper #drop_locally, +#drop_overlay #drop_overlay_wrapper #drop_locally_background { + position: absolute; + top: 50%; + left: 50%; + margin-left: -425px; + margin-top: -200px; +} +#drop_overlay #drop_overlay_wrapper #drop_sd, +#drop_overlay #drop_overlay_wrapper #drop_sd_background { + position: absolute; + top: 50%; + left: 50%; + margin-left: 25px; + margin-top: -200px; +} +#drop_overlay #drop_overlay_wrapper .dropzone { + width: 404px; + height: 404px; + z-index: 10001; + color: #ffffff; + font-size: 30px; +} +#drop_overlay #drop_overlay_wrapper .dropzone i { + font-size: 50px; +} +#drop_overlay #drop_overlay_wrapper .dropzone .centered { + display: table-cell; + text-align: center; + vertical-align: middle; + width: 400px; + height: 400px; + line-height: 40px; + filter: alpha(opacity=100); + -moz-opacity: 1.0; + -khtml-opacity: 1.0; + opacity: 1.0; +} +#drop_overlay #drop_overlay_wrapper .dropzone_background { + width: 400px; + height: 400px; + border: 2px dashed #eeeeee; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + background-color: #000000; + filter: alpha(opacity=25); + -moz-opacity: 0.25; + -khtml-opacity: 0.25; + opacity: 0.25; +} +#drop_overlay #drop_overlay_wrapper .dropzone_background.hover { + background-color: #000000; + filter: alpha(opacity=50); + -moz-opacity: 0.5; + -khtml-opacity: 0.5; + opacity: 0.5; +} +#drop_overlay #drop_overlay_wrapper .dropzone_background.fade { + -webkit-transition: all 0.3s ease-out; + -moz-transition: all 0.3s ease-out; + -ms-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + opacity: 1; +} +.icon-sd-black-14 { + background: url("../img/icon-sd-black-14.png") 0 3px no-repeat; + width: 11px; + height: 17px; + display: inline-block !important; +} +.center { + float: none; + margin-left: auto; + margin-right: auto; +} +/** Styles for Bootstrap Slider */ +.slider .slider-selection { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #0044cc; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} +.slider .slider-selection:hover, +.slider .slider-selection:focus, +.slider .slider-selection:active, +.slider .slider-selection.active, +.slider .slider-selection.disabled, +.slider .slider-selection[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} +.slider .slider-selection:active, +.slider .slider-selection.active { + background-color: #003399 \9; +} +.slider.slider-disabled .slider-selection { + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.slider .slider-track { + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.slider.slider-disabled .slider-track { + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.slider .slider-handle { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + *zoom: 1; + padding: 4px 12px; + font-size: 14px; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e6e6e6; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #cccccc; + *border: 0; + border-bottom-color: #b3b3b3; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; + *margin-left: .3em; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + padding: 0; + margin-bottom: 0; + opacity: 1; + filter: alpha(opacity=100); +} +.slider .slider-handle:hover, +.slider .slider-handle:focus, +.slider .slider-handle:active, +.slider .slider-handle.active, +.slider .slider-handle.disabled, +.slider .slider-handle[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} +.slider .slider-handle:active, +.slider .slider-handle.active { + background-color: #cccccc \9; +} +.slider .slider-handle:first-child { + *margin-left: 0; +} +.slider .slider-handle:hover, +.slider .slider-handle:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} +.slider .slider-handle:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.slider .slider-handle.active, +.slider .slider-handle:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); +} +.slider .slider-handle.disabled, +.slider .slider-handle[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.slider .slider-handle.hide { + display: none; +} +.slider .slider-handle.round { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; +} diff --git a/src/octoprint/static/img/mr-typo-red_x120.png b/src/octoprint/static/img/mr-typo-red_x120.png new file mode 100644 index 0000000000000000000000000000000000000000..d666e091d1e492b2a48add265af2e52e2879cb62 GIT binary patch literal 16613 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 G`hNhvvWAlY literal 0 HcmV?d00001 diff --git a/src/octoprint/static/less/bootstrap/variables.less b/src/octoprint/static/less/bootstrap/variables.less index 31c131b1..775c61bc 100644 --- a/src/octoprint/static/less/bootstrap/variables.less +++ b/src/octoprint/static/less/bootstrap/variables.less @@ -70,9 +70,9 @@ @paddingSmall: 2px 10px; // 26px @paddingMini: 0 6px; // 22px -@baseBorderRadius: 4px; -@borderRadiusLarge: 6px; -@borderRadiusSmall: 3px; +@baseBorderRadius: 0px; +@borderRadiusLarge: 0px; +@borderRadiusSmall: 0px; // Tables diff --git a/src/octoprint/templates/index.jinja2 b/src/octoprint/templates/index.jinja2 index 7a2cf6cd..6fd8aa1a 100644 --- a/src/octoprint/templates/index.jinja2 +++ b/src/octoprint/templates/index.jinja2 @@ -40,6 +40,7 @@ {% endfor %} {% endif %} + -
+
{% if webcamStream %}
@@ -382,7 +383,7 @@
-
+

Z

@@ -405,7 +406,7 @@
-