/* ========================================================================== * Flights board / cargo operations styles * -------------------------------------------------------------------------- * Matches leapdyn.com's existing design language (css/default.css): "Open * Sans" body font, the site's #F44336 red accent, light #ededed/#cccccc * content panels, the flat rounded button system shared with css/default.css's * .button, and the green/red/black status-color convention used on dispatch.php. * ========================================================================== */ :root{ --cargo-red:#F44336; /* site brand accent, matches header-bar/nav hover */ --cargo-panel:#ededed; /* content panel background, matches existing content tables */ --cargo-line:#cccccc; /* panel borders, matches .nav / .shadedlink */ --cargo-text:#383838; /* body text, matches #container-main */ --cargo-dim:#686868; /* secondary text, matches div.section.divider h2 */ --cargo-ok:green; /* matches dispatch.php's "DISPATCH ACTIVE" convention */ --cargo-warn:#E80000; /* matches .rules / .notam alert convention */ } .cargo-console{ background:#fff;color:var(--cargo-text); font:11pt "Open Sans",Verdana,Arial,sans-serif; padding:0; } .cargo-console a{color:var(--cargo-red)} .cargo-hint{color:var(--cargo-dim);font-size:10pt} .cargo-flash{border-radius:.2em;padding:10px 16px;margin-bottom:16px;font-size:10pt;border:1px solid} .cargo-flash-ok{background:#eef7ee;border-color:var(--cargo-ok);color:#1e5c1e} .cargo-flash-warn{background:#fdeceb;border-color:var(--cargo-warn);color:#a30000} /* ---- Buttons ------------------------------------------------------------- * The site-wide button system, flat / rounded / bold — the look defined in * docs/reference_images "sitewide button style, colors and font reference". * The base .cargo-btn is the NEUTRAL action (white, e.g. "details"/"omit"); * semantic variants add colour, composed as class="cargo-btn cargo-btn-approve": * approve green primary / positive (create, save, update) * deny soft red reject / soft-negative * danger maroon destructive (ban, delete) * css/default.css's legacy .button is kept visually identical, so the two * class names render as one button. No gradients, bevels or inset shadows — * that grey, beveled treatment was the old look this replaces. * * inline-flex + centring, NOT inline-block: css/leap-ops.css gives every button * a 40px min-height, and an inline-block leaves its text at the top of that * taller box while a native