Files
wordRotator/src/client/sass/lib/_style.scss
2020-10-17 16:42:59 +02:00

135 lines
2.2 KiB
SCSS

.zf-green {
color: #68b604
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: left
}
input[type=checkBox].form-control {
height: 24px;
height: 1.5rem;
width: 100%
}
[type=submit] {
display: block;
box-sizing: border-box;
width: 100%;
height: 39px;
height: 2.4375rem;
padding: 8px;
padding: .5rem;
border: 1px solid #cacaca;
margin: 0 0 16px;
margin: 0 0 1rem;
font-family: inherit;
font-size: 16px;
font-size: 1rem;
color: #0a0a0a;
background-color: #fefefe;
box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
border-radius: 0;
transition: box-shadow .5s, border-color .25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none
}
form ul li {
color: red;
font-size: 12.8px;
font-size: .8rem
}
.button-dropdown:after {
border-color: #000 transparent transparent;
border-width: .4em;
border-style: solid;
content: "";
position: absolute;
top: .4em;
display: block;
height: 0;
width: 0;
right: 1em
}
.button-dropdown {
position: relative;
display: block;
padding-right: 2em
}
.button-dropdown.open:after {
border-color: transparent transparent #000;
top: 0
}
a.ui-datepicker-next, a.ui-datepicker-prev {
height: 100% !important
}
div.container a.navbar-brand > img {
display: inline;
margin-right: 4px
}
ul.menu.plain li.active a {
background-color: #ededed;
color: #000
}
ul.menu.plain li a {
color: #000
}
ul.menu.plain li a:hover {
color: #525252
}
ul.submenu {
border-top: 1px solid #bcbcbc;
border-bottom: 1px solid #bcbcbc;
margin-left: 10px
}
#cookie-compliance {
line-height: 1.2;
font-size: 0.8rem;
width: 100%;
margin: 0 0;
padding: 0.3rem 0;
#close-cookie-msg {
float: right;
margin-bottom: 0;
margin-right: 3px;
padding: 0.4rem 0.8rem;
}
}
.menu-container .button
{
text-align: center;
width: 100%;
}
@for $i from 1 through 20 {
$factor: $i/20;
$value: percentage($factor);
.height-#{$factor*100} {
height: $value;
}
.max-height-#{$factor*100} {
max-height: $value;
}
.width-#{$factor*100} {
width: $value;
}
.max-width-#{$factor*100} {
max-width: $value;
}
}
.text-right {
text-align: right;
}