Homec4science
Diffusion Eawag_Swing_Weight_Elicitation (solothurn) Browse

R8244/client/src/app/survey-v2/branch2-f/branch2-f.component.css
e09cb47c7c5csolothurn

Last Change
Raw File

branch2-f.component.css
View Options

ul {
list-style: none;
padding: 0;
}
li {
background: #eee;
margin: 1px;
padding: 5px 10px;
}
.sortable-ghost {
opacity: .6;
}
.jumbotron {
width: 700px;
height: 550px;
overflow: auto;
}
.header {
position: absolute;
top:0;
width: 100%;
height: 40px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
background-color: #f5f5f5;
}
.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #007BFF;
cursor: pointer;
}
.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #007BFF;
cursor: pointer;
}
/* The slider sqaure */
.slidersquare {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
/* Mouse-over effects */
.slidersquare:hover {
opacity: 1; /* Fully shown on mouse-over */
}
/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slidersquare::-webkit-slider-thumb {
-webkit-appearance: none; /* Override default look */
appearance: none;
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
background: #007BFF; /* Blue background */
cursor: pointer; /* Cursor on hover */
}
.slidersquare::-moz-range-thumb {
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
background: #007BFF; /* Green background */
cursor: pointer; /* Cursor on hover */
}
.center {
margin: auto;
width: 60%;
}
c4science · Help