/* css for Missions */ /* Hacking missions */ #mission-container { overflow: hidden; } .hack-mission-grid { display: grid; /*grid-template-columns: 11% 11% 11% 11% 11% 11% 11% 11%;*/ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; /*grid-template-rows: 10% 10% 10% 10% 10% 10% 10% 10%;*/ grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 2.5%; height: 90%; position: absolute; width: 100%; overflow-y: auto; padding-right: 10px; } .hack-mission-grid::-webkit-scrollbar { display: none; } .hack-mission-node { z-index: 5; background-color: #808080; align-self: center; justify-self: center; display: inline-block; } .hack-mission-node p { margin-top: 8px; color: #fff; font-size: 12px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hack-mission-player-node { color: #fff; background-color: #00f; } .hack-mission-player-node-active { border: 2px solid #fff; background-color: #66f; } .hack-mission-enemy-node { color: #fff; background-color: #f00; } .hack-mission-cpu-node { width: 100%; height: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .hack-mission-firewall-node { width: 90%; height: 100%; } .hack-mission-database-node { width: 100%; height: 90%; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); } .hack-mission-database-node p { -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); color: #fff; font-size: 12px; margin-top: 8px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hack-mission-transfer-node { width: 100%; height: 90%; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); } .hack-mission-transfer-node p { -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); color: #fff; font-size: 12px; margin-top: 8px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .hack-mission-spam-node, .hack-mission-shield-node { height: 100%; width: 100%; } /* Non-map related DOM elements */ /* Element at the top of the Hacking Mission page (intro page, start button, guide buttons, etc.) */ .hack-mission-header-element { margin: 6px; } .hack-mission-action-buttons-container { border: 2px solid #fff; }