| html { |
| font-size: 100%; |
| height: 100%; |
| } |
| |
| body { |
| /* scrollbar styling for Internet Explorer */ |
| scrollbar-face-color: $scroll-bar-color; |
| scrollbar-track-color: $scroll-bar-color; |
| height: 100%; |
| } |
| |
| $scrollbar-width: 8px; |
| $scrollbar-height: 8px; |
| /* firefox */ |
| $ff-scrollbar-width: 17px; |
| /* scrollbar styling for Google Chrome | Safari | Opera */ |
| ::-webkit-scrollbar { |
| width: $scrollbar-width; |
| height: $scrollbar-height; |
| } |
| |
| ::-webkit-scrollbar-track { |
| background-color: transparent; |
| border-radius: 10px; |
| } |
| |
| ::-webkit-scrollbar-thumb { |
| border-radius: 10px; |
| background-color: $light-gray; |
| border-right: 2px solid $content-background-color; |
| } |
| |
| /* Mozilla Firefox currently doesn't support scrollbar styling */ |
| |
| ul { |
| list-style: none; |
| } |
| |
| h1, h2, h3, h4, h5, h6, ul { |
| margin: 0; |
| padding: 0; |
| } |
| |
| input { |
| |
| padding: 7px 10px; |
| } |
| |
| .disabled { |
| opacity: 0.7 !important; |
| } |
| |
| fieldset { |
| border: none; |
| } |
| |
| fieldset { |
| label { |
| display: inline-block; |
| } |
| } |
| |
| .nav-tabs > li > a:focus, |
| .btn:focus, |
| .btn:active:focus, |
| .btn.active:focus { |
| outline: none; |
| } |
| |
| .box-hover { |
| border: 1px solid $light-blue; |
| } |
| /* monkey patch */ |
| .sdc-button.sdc-button__link.sdc-button.sdc-button__link { |
| width: initial; |
| &:focus { |
| border: none; |
| } |
| } |