Homec4science
Diffusion Eawag_Swing_Weight_Elicitation (solothurn) Browse

R8244/client/src/app/survey-v1/branch3-r/branch3-r.component.css
ab4146932734solothurn

Last Change
Raw File

branch3-r.component.css
View Options

ul {
list-style: none;
padding: 0;
}
li {
background: #eee;
margin: 1px;
padding: 5px 10px;
}
.sortable-ghost {
opacity: .6;
}
.jumbotron {
width: 84em;
margin: auto;
height: 100%;
overflow: auto;
}
.header {
position: absolute;
top:0;
width: 100%;
height: 40px;
}
.footer {
position: relative !important;
bottom: 0;
text-align: center !important;
width: 100%;
height: 60px;
background-color: #f5f5f5;
margin-top: -50px;
line-height: 60px; /* Vertically center the text there */
}
.containecenter{
width: 100% !important;
margin: auto;
}
.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: 75%;
}
.pic{
margin: auto;
width: 30%;
}
mat-slider {
width: 300px;
}
.container {
margin: 0;
}
.card-group {
margin-left: 3em;
}
.card-footer {
height: 5em;
padding-bottom: 2em solid transparent;
}
.card {
margin-bottom: 2em;
}
.lead {
font-size:1.1em;
margin-right: 10em;
}
c4science · Help