/* Amnimo Supply_Status */ /* --------------------------------- */ /* GLOBAL */ /* --------------------------------- */ tr.grid-row:nth-child(odd) { background: #eee; } .grid:not(.not-link) .grid-row:hover { background: #daeaff;/*#ffc6e3;*/ } /* --------------------------------- */ /* STATUS BASE */ /* --------------------------------- */ .status_base { font-size: 14px; padding: 0px 5px 5px 0px; font-weight: bold; border-radius: 3px; //float: none !important; border: solid 0.5px #c0c0c0 !important; color: #fff; background: #333; } /* --------------------------------- */ /* STATUS ANALYZING */ /* --------------------------------- */ .status_analyzing{ color: #fff; background: #ffa500; } /* --------------------------------- */ /* STATUS REPAIRING */ /* --------------------------------- */ .status_repairing{ color: #fff; background: #178fe5; } /* --------------------------------- */ /* STATUS USING */ /* --------------------------------- */ .status_using::before { content: "👍🏻"; font-size: 16px; } .status_using{ color: #fff; background: #1f55d4; } /* --------------------------------- */ /* STATUS PENDING */ /* --------------------------------- */ .status_pending::before { content: "⚠️"; font-size: 16px; } .status_pending { color: #fff; background: #1f55d4; animation-name: flashing; animation-duration: 3.0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; } @keyframes flashing { 0% {color: #ff0;background-color: #000;} 50% {color: #000;background-color: #ff0;} 100% {color: #ff0;background-color: #000;} } /* --------------------------------- */ /* STATUS FREE */ /* --------------------------------- */ .status_free::before { content: "🖐🏼"; font-size: 16px; } .status_free{ color: #fff; background: #1cb65d; } /* --------------------------------- */ /* STATUS RETURNED */ /* --------------------------------- */ .status_returned::before { content: "✈️"; font-size: 16px; } .status_returned { color: #fff; background: #333; } /* --------------------------------- */ /* STATUS BROKEN */ /* --------------------------------- */ .status_broken::before { content: "❌"; font-size: 16px; } .status_broken{ color: #fff; background: #623c95; }