This commit is contained in:
2018-01-10 14:09:34 +01:00
parent d1de2210e6
commit 6366bbc6a8
19 changed files with 776 additions and 162 deletions
+105 -45
View File
@@ -1,90 +1,150 @@
.redish{
color:#F2353C;
}
.blueish{
color:#247CF0;
}
.greenish{
color:#5A9101;
}
.pointer{
cursor:pointer;
}
.align-right{
text-align:right;
.redish {
color: #F2353C;
}
.site-menu-sub > li{
margin-left:30px;
padding-left:10px;
.blueish {
color: #247CF0;
}
.site-menu-sub > li :hover{
background-color:#463238;
color:gold;
.greenish {
color: #5A9101;
}
.pointer {
cursor: pointer;
}
.align-right {
text-align: right;
}
.site-menu-sub > li {
margin-left: 30px;
padding-left: 10px;
}
.site-menu-sub > li :hover {
background-color: #463238;
color: gold;
}
/*********TABLES************/
.table-blueish-header{
background-color:#247CF0;
color:#fff !important;
.table-blueish-header {
background-color: #247CF0;
color: #fff !important;
}
.table-blueish-header{
background-color:#247CF0;
color:#fff !important;
.table-blueish-header {
background-color: #247CF0;
color: #fff !important;
}
.table-tealish-header{
background-color:#008577;
color:#fff !important;
.table-tealish-header {
background-color: #008577;
color: #fff !important;
}
.table-tealish-light-header{
background-color:#C3F7F2;
color:#fff !important;
.table-tealish-light-header {
background-color: #C3F7F2;
color: #fff !important;
}
/*********SWITCH************/
.onoffswitch {
position: relative; width: 60px;
-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
position: relative;
width: 60px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
.onoffswitch-label {
display: block; overflow: hidden; cursor: pointer;
border: 2px solid #05A85C; border-radius: 16px;
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #05A85C;
border-radius: 16px;
}
.onoffswitch-inner {
display: block; width: 200%; margin-left: -100%;
display: block;
width: 200%;
margin-left: -100%;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
display: block; float: left; width: 50%; height: 23px; padding: 0; line-height: 23px;
font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
display: block;
float: left;
width: 50%;
height: 23px;
padding: 0;
line-height: 23px;
font-size: 11px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
box-sizing: border-box;
}
.onoffswitch-inner:before {
content: "Ja";
padding-left: 10px;
background-color: #63BE62; color: #FFFFFF;
background-color: #63BE62;
color: #FFFFFF;
}
.onoffswitch-inner:after {
content: "nee";
padding-right: 10px;
background-color: #EEEEEE; color: #999999;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
display: block; width: 25px; margin: 1.5px;
display: block;
width: 25px;
margin: 1.5px;
background: #FFFFFF;
position: absolute; top: 0; bottom: 0;
position: absolute;
top: 0;
bottom: 0;
right: 33px;
border: 2px solid #408C40; border-radius: 16px;
border: 2px solid #408C40;
border-radius: 16px;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
}
/**********percentage input***********/
.percentage-input {
text-align: right;
padding-right: 25px;
}
.percentage-sign {
position: relative;
right: 15px;
z-index: 10;
top: 7px;
}
/**********END: percentage input***********/
.pointer{
cursor:pointer;
}