/* Amnimo NG_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::before { content: "🕵🏻‍♂️"; font-size: 16px; } .status_analyzing{ color: #fff; background: #ffa500; } /* --------------------------------- */ /* STATUS REPAIRING */ /* --------------------------------- */ .status_repairing{ color: #fff; background: #178fe5; } /* --------------------------------- */ /* STATUS COMPLETE */ /* --------------------------------- */ .status_complete::before { content: "👍🏻"; font-size: 16px; } .status_complete { color: #fff; background: #1f55d4; } /* --------------------------------- */ /* STATUS PENDING */ /* --------------------------------- */ .status_pending::before { content: "⚠️"; font-size: 16px; } .status_pending { color: #fff; background: #1f55d4; animation-name: flashing_pending; animation-duration: 3.0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; } @keyframes flashing_pending{ 0% {color: #ff0;background-color: #000;} 50% {color: #000;background-color: #ff0;} 100% {color: #ff0;background-color: #000;} } /* --------------------------------- */ /* STATUS WATING */ /* --------------------------------- */ .status_waiting::before { content: "🚨"; font-size: 16px; } .status_waiting{ color: #fff; background: #1f55d4; animation-name: flashing_waiting; animation-duration: 3.0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; } @keyframes flashing_waiting{ 0% {color: #fff;background-color: #000;} 50% {color: #000;background-color: #fff;} 100% {color: #fff;background-color: #000;} } /* --------------------------------- */ /* STATUS PURCHASED */ /* --------------------------------- */ .status_purchased::before { content: "💰"; font-size: 16px; } .status_purchased { color: #fff; background: #1cb65d; } /* --------------------------------- */ /* STATUS CHANGED */ /* --------------------------------- */ .status_changed::before { content: "🔃"; font-size: 16px; } .status_changed { color: #fff; background: #1cb65d; } /* --------------------------------- */ /* STATUS DISCARDED */ /* --------------------------------- */ .status_discarded::before { content: "❌"; font-size: 16px; } .status_discarded{ color: #fff; background: #623c95; }