mirror of
https://github.com/cliffe/BreakEscape.git
synced 2026-02-21 19:28:03 +00:00
87072c6f4e
- Created TITLE_SCREEN_CUSTOMIZATION.md with examples for extending the title screen. - Added TITLE_SCREEN_DEVELOPER_GUIDE.md for technical guidance on implementation. - Introduced TITLE_SCREEN_IMPLEMENTATION.md detailing the architecture and features. - Compiled TITLE_SCREEN_INDEX.md as a documentation index for easy navigation. - Updated TITLE_SCREEN_OVERLAY_UPDATE.md to reflect changes in title screen display mode. - Created TITLE_SCREEN_QUICK_START.md for a quick setup guide. - Developed TITLE_SCREEN_README.md as a comprehensive overview of the title screen system. - Added title-screen-demo.json scenario to demonstrate title screen functionality. - Modified existing files to integrate the title screen into the game flow.
57 lines
1.1 KiB
CSS
57 lines
1.1 KiB
CSS
/* Title Screen Minigame Styles */
|
|
|
|
.title-screen-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: transparent;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 40px;
|
|
color: #fff;
|
|
font-family: 'Press Start 2P', monospace;
|
|
}
|
|
|
|
|
|
.title-screen-title {
|
|
font-size: 38px;
|
|
font-weight: bold;
|
|
letter-spacing: 4px;
|
|
text-align: center;
|
|
/* color: #00ff00; */
|
|
animation: pulse 2s ease-in-out infinite;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.title-screen-logo {
|
|
/* max-width: 300px; */
|
|
/* max-height: 300px; */
|
|
width: 300px;
|
|
/* height: auto; */
|
|
/* margin-bottom: 20px; */
|
|
filter: drop-shadow(0 0 20px rgba(126, 18, 214, 0.3));
|
|
}
|
|
|
|
.title-screen-subtitle {
|
|
font-size: 18px;
|
|
letter-spacing: 2px;
|
|
text-align: center;
|
|
color: #888;
|
|
margin: 0;
|
|
padding: 0;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.title-screen-loading {
|
|
font-size: 14px;
|
|
letter-spacing: 1px;
|
|
text-align: center;
|
|
color: #666;
|
|
margin: 0;
|
|
padding: 0;
|
|
animation: loading-dots 1.5s steps(4, end) infinite;
|
|
}
|
|
|