.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; clear: both; } #control .jog-panel>div.keycontrol { clear: both; } #control .jog-panel>div.keycontrol>div.keycontrol { clear: both; text-align: left; } #control .jog-panel>div.keycontrol>div.keycontroltext { float: left; text-align: left; margin-right: 9px; } #control .jog-panel>div.keycontrol>div.keycontrolinput>input { width: 180px; text-align: center; } #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%; }