Files
unity/Assets/Game/UI/GameHud.uss
T

62 lines
6.3 KiB
Plaintext

.field { position:absolute; left:0; right:0; top:0; bottom:0; color:rgb(220,235,233); }
.topbar { flex-direction:row; justify-content:space-between; margin:30px 42px; padding-bottom:16px; border-bottom-width:1px; border-bottom-color:rgba(112,184,176,.55); }
.brand { font-size:27px; -unity-font-style:bold; letter-spacing:5px; color:rgb(101,237,204); }
.status { font-size:17px; letter-spacing:2px; color:rgb(190,212,210); }
.mission { position:absolute; left:42px; top:112px; max-width:530px; padding:20px; background-color:rgba(10,23,29,.85); border-left-width:3px; border-left-color:rgb(91,230,195); }
.section { color:rgb(104,210,188); font-size:13px; letter-spacing:3px; margin-top:16px; margin-bottom:10px; }
.mission .section { margin-top:0; }
.mission-text { font-size:21px; white-space:normal; }
.telemetry { position:absolute; right:42px; top:126px; -unity-text-align:upper-right; font-size:16px; color:rgb(204,224,220); }
.crosshair { position:absolute; left:50%; top:50%; width:40px; height:40px; translate:-50% -50%; align-items:center; justify-content:center; }
.crosshair { background-color:rgba(5,18,22,.45); border-radius:20px; }
.cross-text { font-size:34px; color:rgb(163,255,229); }
.reticle-arm { position:absolute; background-color:rgb(163,255,229); }
.unity-button.frame.selected,.unity-button.frame.selected:focus,.unity-button.frame.selected:hover { background-color:rgb(38,77,72); border-color:rgb(127,240,204); }
.interact { position:absolute; top:61%; left:30%; right:30%; -unity-text-align:middle-center; font-size:18px; padding:12px; background-color:rgba(8,19,23,.78); color:rgb(139,246,215); }
.notice { position:absolute; top:28%; left:23%; right:23%; white-space:normal; -unity-text-align:middle-center; font-size:18px; color:rgb(255,205,127); }
.bottom { position:absolute; left:42px; right:42px; bottom:26px; }
.armor,.energy,.cargo-progress { width:320px; height:26px; margin-bottom:8px; }
.unity-progress-bar__container { background-color:rgb(17,32,39); border-width:0; }
.unity-progress-bar__progress { background-color:rgb(54,169,145); }
.energy .unity-progress-bar__progress { background-color:rgb(70,139,183); }
.cargo-progress .unity-progress-bar__progress { background-color:rgb(213,152,67); }
.unity-progress-bar__title { color:rgb(235,245,240); font-size:12px; -unity-font-style:bold; }
.hint { margin-top:14px; color:rgb(145,174,177); font-size:13px; white-space:normal; }
.hangar { flex-grow:1; color:rgb(222,235,230); background-color:rgba(4,12,17,.38); }
.hangar-scroll { width:820px; height:100%; background-color:rgba(8,19,25,.94); }
.hangar-content { width:800px; min-height:100%; padding:38px; padding-top:36px; padding-bottom:42px; }
.title { font-size:56px; -unity-font-style:bold; color:rgb(115,237,203); letter-spacing:5px; }
.subtitle { font-size:13px; letter-spacing:4px; color:rgb(140,172,174); margin-bottom:20px; }
.body { font-size:17px; white-space:normal; margin-top:10px; margin-bottom:12px; color:rgb(190,209,205); }
.row { flex-direction:row; margin-top:8px; }
.button,.primary,.quiet,.loadout,.frame,.route { color:rgb(210,230,223); background-color:rgb(25,48,53); border-width:1px; border-color:rgb(58,91,91); border-radius:2px; padding:12px 18px; margin:0; margin-right:10px; margin-top:8px; font-size:15px; white-space:normal; }
.button:hover,.loadout:hover,.frame:hover,.route:hover { background-color:rgb(43,79,78); border-color:rgb(107,228,193); }
.primary { background-color:rgb(115,225,188); color:rgb(8,32,30); -unity-font-style:bold; padding:15px 22px; }
.primary:hover { background-color:rgb(158,255,214); }
.primary:disabled { background-color:rgb(52,71,69); color:rgb(124,147,140); }
.frame { width:230px; height:106px; font-size:17px; }
.selected { border-color:rgb(127,240,204); background-color:rgb(38,77,72); }
.loadout { -unity-text-align:middle-left; padding:10px 14px; font-size:14px; }
.budget { color:rgb(133,237,203); font-size:14px; margin-top:12px; white-space:normal; }
.warning { color:rgb(255,180,101); font-size:14px; margin-top:10px; white-space:normal; }
.quiet { background-color:rgba(0,0,0,0); border-width:0; -unity-text-align:middle-left; color:rgb(134,161,163); margin-top:14px; }
.overlay { position:absolute; top:0; bottom:0; left:0; right:0; align-items:center; justify-content:center; background-color:rgba(2,9,13,.65); }
.panel { width:790px; padding:38px; border-width:1px; border-color:rgb(72,132,121); background-color:rgb(10,25,31); color:rgb(225,239,233); }
.heading { font-size:29px; -unity-font-style:bold; color:rgb(123,238,203); letter-spacing:2px; margin-bottom:14px; }
.route { height:100px; -unity-text-align:middle-left; font-size:17px; margin-bottom:8px; }
.language-control { position:absolute; right:32px; bottom:32px; width:310px; }
.language-button { height:52px; margin:0; padding:10px 18px; font-size:17px; color:rgb(215,241,232); background-color:rgb(13,34,40); border-width:1px; border-color:rgb(89,165,147); border-radius:3px; -unity-text-align:middle-center; }
.language-button:hover,.language-button:focus { background-color:rgb(35,70,69); border-color:rgb(127,240,204); }
.language-menu { position:absolute; bottom:64px; left:0; right:0; padding:14px; background-color:rgb(10,27,33); border-width:1px; border-color:rgb(89,165,147); border-radius:3px; }
.language-heading { font-size:14px; color:rgb(145,191,182); margin:0 8px 8px; }
.language-option { height:46px; margin:4px 0; padding:8px 12px; font-size:17px; color:rgb(220,241,232); background-color:rgb(25,48,53); border-width:1px; border-color:rgb(58,91,91); -unity-text-align:middle-left; }
.language-option:hover,.language-option:focus { background-color:rgb(43,79,78); border-color:rgb(127,240,204); }
.language-option.selected { background-color:rgb(38,77,72); border-color:rgb(127,240,204); }
.language-dismiss { position:absolute; left:0; right:0; top:0; bottom:0; }
.inventory-column { margin-right:16px; }
.inventory-cell { background-color:rgb(22,41,47); border-width:1px; border-color:rgb(58,91,91); margin:0; padding:0; }
.inventory-cell:hover,.inventory-cell:focus { border-color:rgb(135,235,200); background-color:rgb(38,77,72); }
.inventory-item { background-color:rgba(47,85,83,.8); color:rgb(225,239,233); border-width:1px; border-color:rgb(80,137,126); -unity-text-align:middle-center; white-space:normal; font-size:13px; }
.inventory-item.selected { border-color:rgb(155,247,207); background-color:rgba(61,115,105,.85); }