From 0f9bcfeee6b47e6206b062d2affd0862209820f3 Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Tue, 13 Dec 2016 22:49:26 +0000 Subject: [PATCH] Use navbar for loading indication --- index.css | 49 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 49 insertions(+), 0 deletions(-) diff --git a/index.css b/index.css new file mode 100644 index 0000000..dfc40fa --- /dev/null +++ b/index.css @@ -0,0 +1,49 @@ +tr.active { + color: gray; +} +.form-round-left { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; + border-right: 0; +} +.navbar-text { + margin-right: 15px; + margin-left: 15px; +} +.input-group-btn:first-child { + width: 50%; +} +@keyframes blink { + 50% { color: transparent; } +} +.status-boarding { + animation: blink 1s linear infinite; +} +.status-delayed { + font-weight: bold; +} +.bg-active { + background-color: #eee; +} +.bg-default { + border: 1px solid #eee; +} +.label.bg-success, .label.bg-warning, .label.bg-danger, .label.bg-active, .label.bg-default { + color: black; + font-weight: normal; + font-size: inherit; +} + +nav.loading { + background-image: -webkit-linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent); + background-image: -o-linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent); + background-image: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent); + -webkit-background-size: 40px 40px; + background-size: 40px 40px; + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +nav.loading * { + color: black !important; +} -- Gitblit v1.9.1