/* * Copyright (c) Microsoft Corporation. All rights reserved. Licensed under the MIT license. * See LICENSE in the project root for license information. */ html, body { width: 100%; height: 100%; margin: 0; padding: 0; } ul { margin: 0; padding: 0; } .ms-welcome__main { padding: 20px; padding-bottom: 30px; padding-top: 50px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; align-items: center; } .ms-welcome__main { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; align-items: center; -webkit-flex: 1 0 0; flex: 1 0 0; padding: 10px 20px; } .ms-welcome__main > h2 { width: 100%; text-align: center; } .ms-welcome__features { list-style-type: none; margin-top: 20px; } .ms-welcome__features.ms-List .ms-ListItem { padding-bottom: 20px; display: -webkit-flex; display: flex; } .ms-welcome__features.ms-List .ms-ListItem > .ms-Icon { margin-right: 10px; } .ms-welcome__action.ms-Button--hero { margin-top: 30px; } .ms-Button.ms-Button--hero .ms-Button-label { color: #0078d7; } .ms-Button.ms-Button--hero:hover .ms-Button-label, .ms-Button.ms-Button--hero:focus .ms-Button-label{ color: #005a9e; cursor: pointer; } .error { font: red; font-weight: bold; } b { font-weight: bold; } .panel-overlay { background-color: #333; opacity: 0.5; position: absolute; left: 0px; top: 0px; z-index: 100; height: 100%; width: 100%; overflow: hidden; background-position: center; background-repeat: no-repeat; } .panel-overlay-message { z-index: 200; } .prevent-scrolling { position: fixed; width: 100%; } /** Slider */ .range_container { display: flex; flex-direction: column; width: 95%; margin: 10% auto; } .sliders_control { position: relative; min-height: 50px; } .form_control { position: relative; display: flex; justify-content: space-between; font-size: 14px; color: #635a5a; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: all; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 0 1px #C6C6C6; cursor: pointer; } input[type=range]::-moz-range-thumb { -webkit-appearance: none; pointer-events: all; width: 24px; height: 24px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 0 1px #C6C6C6; cursor: pointer; } input[type=range]::-webkit-slider-thumb:hover { background: #f7f7f7; } input[type=range]::-webkit-slider-thumb:active { box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe; -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe; } input[type="number"] { color: #8a8383; width: 50px; height: 30px; font-size: 14px; border: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } input[type="range"] { -webkit-appearance: none; appearance: none; height: 2px; width: 100%; position: absolute; background-color: #C6C6C6; pointer-events: none; } #fromSlider { height: 0; z-index: 1; } .folders { width: 50%; height: 1000px; background: #dddddd; } .slider { width: 50% } .folder-svg { background-color: lightgray; } .folder-name { fill: black; font-family: sans-serif; font-size: 4pt; cursor: default; } .folder-warn { fill: black; font-family: sans-serif; font-weight: bolder; font-size: 4pt; cursor: default; } .breadcrumb { fill: black; font-family: sans-serif; font-weight: bold; font-size: 4pt; cursor: default; } .breadcrumb-rollover { fill: green; font-family: sans-serif; font-weight: bolder; font-size: 4pt; cursor: pointer; } .folder-name-rollover { fill: blue; font-family: sans-serif; font-weight: bold; font-size: 4pt; cursor: pointer; } .folderNavigatorPath { fill: gray; width: 100%; pointer-events:all; }