.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; }