@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap'); /* --- Galaxy Generator Overrides --- */ /* When the element has the "galaxygen" class, force a solid black background. */ body.galaxygen { background-color: #000 !important; background-image: none !important; } /* --- Original Global Styles --- */ body { font-family: 'Orbitron', sans-serif; background: #1a1a1a url("spacebackground.png") repeat-y center top; background-attachment: fixed; background-size: auto; color: #ccc; margin: 0; padding-top: 0px; /* Adjust based on navbar height */ line-height: 1.5; } nav { position: relative; } .nav-left { display: inline-block; } .nav-right { position: absolute; right: 20px; /* Adjust as needed */ top: 50%; transform: translateY(-50%); } .distinct-button { background-color: #FF9900; /* Visually distinct color */ color: #fff; padding: 5px 10px; border-radius: 4px; text-decoration: none; font-weight: bold; } .distinct-button:hover { background-color: #e68a00; } h1, h2, h3 { margin: 0.5em 0; } .container { max-width: 900px; margin: 60px auto 20px auto; /* Pushes content down below navbar */ padding: 20px; background: #262626; border: 1px solid #444; border-radius: 4px; } .section { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #444; } button { background-color: #444; color: #ccc; border: 1px solid #555; padding: 6px 12px; font-size: 0.9em; cursor: pointer; border-radius: 3px; margin-top: 5px; } button:hover { background-color: #555; } .settlement, .planet { margin: 0.5em 0; padding: 0.5em; background: #333; border: 1px solid #444; border-radius: 3px; } .settlement-output { white-space: pre-wrap; font-family: monospace; font-size: 0.9em; } /* Navbar Fix - Full Width & Attached to Top */ nav { background-color: #262626; /* Match container background */ width: 100%; padding: 10px; text-align: center; border-bottom: 2px solid #444; /* Add a subtle bottom border */ position: fixed; /* Keeps it at the top while scrolling */ top: 0; left: 0; z-index: 1000; /* Ensures it appears above other content */ } nav a { color: #ccc; text-decoration: none; font-size: 1.1em; margin: 0 15px; /* Adds spacing between links */ font-weight: bold; } nav a:hover { color: #fff; /* Highlights when hovered */ } .settlement-output { background: #1a1a1a; /* Lighter than its border, for contrast */ padding: 10px; border-radius: 5px; border: 1px solid #555; text-align: left; color: #ddd; line-height: 1.4; } .weapon-output { margin-top: 20px; /* Spacing above the entire list */ padding: 10px; background: #1a1a1a; /* Keep consistent with your overall theme */ border: 1px solid #555; border-radius: 5px; color: #ddd; line-height: 1.4; } .weapon-item { margin-bottom: 10px; padding: 10px; background: #333; border: 1px solid #444; border-radius: 3px; } .weapon-output { background: #1a1a1a; /* Dark background to match your style */ padding: 15px; border: 1px solid #444; border-radius: 4px; margin-top: 10px; } .weapon-item { background: #333; margin-bottom: 10px; padding: 10px; border: 1px solid #444; border-radius: 3px; } .weapon-name { font-weight: bold; margin-bottom: 5px; color: #fff; font-size: 1.05em; } .weapon-stats { color: #ccc; line-height: 1.5; font-size: 0.95em; } .art-credit { position: fixed; bottom: 0; left: 0; font-size: 0.4em; /* Half of previous 0.8em size */ color: rgba(255, 255, 255, 0.5); /* Subtle transparency */ background: rgba(0, 0, 0, 0.2); /* Light transparent black for readability */ padding: 2px 4px; border-radius: 2px; text-decoration: none; width: auto; } .art-credit a { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .art-credit a:hover { text-decoration: underline; } .centered-death-screen { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #262626; border: 1px solid #444; padding: 20px; border-radius: 4px; text-align: center; z-index: 2000; } .bond-card, .item-card { font-family: 'Roboto', sans-serif; background: #333; border: 1px solid #444; border-radius: 4px; padding: 10px; margin-bottom: 5px; } .bond-card ul, .item-card ul { margin: 0; padding-left: 20px; } .event-card { background: #333; border: 1px solid #444; border-radius: 4px; padding: 15px; margin: 10px; cursor: pointer; font-family: 'Roboto', sans-serif; font-size: 1.1em; } .event-card:hover { background: #444; } .scar-alert { color: #ff5555; font-weight: bold; margin-top: 10px; }