139 lines
2.6 KiB
CSS
139 lines
2.6 KiB
CSS
.small_error_text {
|
|
font-size: 14px;
|
|
color: red;
|
|
}
|
|
|
|
.small_warn_text {
|
|
font-size: 14px;
|
|
color: orange;
|
|
}
|
|
|
|
.small_valid_text {
|
|
font-size: 14px;
|
|
color: green;
|
|
}
|
|
|
|
.small_fg_text {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.big_error_text {
|
|
font-size: 32px;
|
|
color: red;
|
|
}
|
|
|
|
.header_sized_text {
|
|
font-size: 32px;
|
|
}
|
|
|
|
.medium_sized_text {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.valid-action {
|
|
background-color:green;
|
|
color: white;
|
|
}
|
|
|
|
.rounded-all-25 {
|
|
border-radius: 25px;
|
|
}
|
|
|
|
.rounded-all-25-with-padding {
|
|
border-radius: 25px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.round-border-only-top {
|
|
border-top-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
|
|
.round-border-only-top-with-padding {
|
|
border-top-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
padding-top: 3px;
|
|
padding-right: 3px;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
.round-all-scroll {
|
|
border-top-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
padding-top: 3px;
|
|
padding-right: 3px;
|
|
padding-left: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
.round-all-scroll-no-padding {
|
|
border-top-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.round-border-only-top-with-no-padding {
|
|
border-top-right-radius: 15px;
|
|
border-top-left-radius: 15px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.round-border-only-bottom {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-right-radius: 15px;
|
|
border-bottom-left-radius: 15px;
|
|
}
|
|
|
|
.no-round-borders {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
padding-top: 0px;
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.accent-blink {
|
|
background-color: @accent_bg_color;
|
|
animation:blink 1s linear infinite;
|
|
}
|
|
|
|
@keyframes blink{
|
|
0%{opacity: 1;}
|
|
25%{opacity: 0.75;}
|
|
50%{opacity: 0.5;}
|
|
75%{opacity: 0.75;}
|
|
100%{opacity: 1;}
|
|
}
|
|
|
|
.green-trough trough {
|
|
background-color:green;
|
|
color:green;
|
|
}
|
|
|
|
.green-text {
|
|
color:green;
|
|
}
|
|
|
|
.accent-text {
|
|
color: @accent_bg_color;
|
|
} |