// // Statusbar // -------------------------------------------------- .status-bar-body { color: white; position: fixed; width: 100%; background-color: rgba(0, 0, 0, 0.7); text-align: center; padding: 20px; z-index: 9999999; bottom: 0px; display: block; line-height: 20px; } .status-bar-close { color: white; font-weight: bold; font-size: 21px; cursor: pointer; } .status-bar-close:hover { color: white; } .status-bar-close i { vertical-align: top !important; padding-top: 3px; } .status-bar-content i { margin-right: 10px; font-size: 21px; vertical-align: middle; } .status-bar-content .showMore { color: @link; float: right; margin-left: 10px; font-size: 0.7em; cursor: pointer; vertical-align: middle; white-space: nowrap; } .status-bar-content .status-bar-details { text-align: left; font-size: 0.7em; margin-top: 20px; max-height: 200px; overflow: auto; } .status-bar-content span { vertical-align: middle; } .status-bar-content i.error, .status-bar-content i.fatal { color: @danger; } .status-bar-content i.warning { color: @warning; } .status-bar-content i.info, .status-bar-content i.debug { color: @info; } .status-bar-content i.success { color: #85CA2B; } // // Third Party Tools // -------------------------------------------------- // Highlight .highlight { background-color: @background-color-highlight; } // // Bootstrap Alert panels // -------------------------------------------------- .alert-default { color: @text-color-highlight; background-color: @background-color-secondary; border-color: @background-color-page; font-size: 13px; .info { margin: 10px 0; } } .alert-success { color: @text-color-success; background-color: @background-color-success; border-color: @border-color-success; } .alert-warning { color: @text-color-warning; background-color: @background-color-warning; border-color: @border-color-warning; } .alert-danger { color: @text-color-danger; background-color: @background-color-danger; border-color: @border-color-danger; } // // data-saved feedback Deprecated since 1.2 // -------------------------------------------------- .data-saved { padding-left: 10px; color: @link; } img.bounceIn { animation-duration: 800ms; }