/* Amnimo Production Status */ /* --------------------------------- */ /* GLOBAL */ /* --------------------------------- */ tr.grid-row:nth-child(odd) { background: #eee !important; } .grid:not(.not-link) .grid-row:hover { background: #daeaff !important;/*#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: #000; } /* --------------------------------- */ /* STATUS SCHEDULE */ /* --------------------------------- */ .status_schedule::before { content: "📆"; font-size: 16px; } .status_schedule{ color: #000; background: #eee; } /* --------------------------------- */ /* STATUS INPREPARATION */ /* --------------------------------- */ .status_inpreparation::before { content: "📝"; font-size: 16px; } .status_inpreparation{ color: #fff; background: #ffa500; } /* --------------------------------- */ /* STATUS REPAIRING */ /* --------------------------------- */ .status_repairing{ color: #fff; background: #178fe5; } /* --------------------------------- */ /* STATUS INPRODUCTION */ /* --------------------------------- */ .status_inproduction::before { content: "🔥"; font-size: 16px; } .status_inproduction { color: #fff; background: #1cb65d; animation-name: flashing_prod; animation-duration: 3.0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; } @keyframes flashing_prod{ 0% { background-color: #1cb65d; } 50% {background-color: #3a4c40; } 100% {background-color: #1cb65d;} } /* --------------------------------- */ /* STATUS COMPLETE */ /* --------------------------------- */ .status_complete::before { content: "👍🏻"; font-size: 16px; } .status_complete { color: #fff; background: #1f55d4; } /* --------------------------------- */ /* STATUS STOPPED */ /* --------------------------------- */ .status_stopped::before { content: "⛔"; font-size: 16px; } .status_stopped { color: #000; background: #1cb65d; animation-name: flashing_stop; animation-duration: 3.0s; animation-timing-function: linear; animation-fill-mode: forwards; animation-iteration-count: infinite; } @keyframes flashing_stop{ 0% {color: #000;background-color: #FFF;} 50% {color: #FFF;background-color: #000;} 100% {color: #000;background-color: #FFF;} }