MediaWiki:Common.css: Difference between revisions
Created page with "→Container für die Willkommens-Box: .welcome-container { background: rgba(20, 20, 25, 0.9); border: 2px solid #00d4ff; border-radius: 15px; padding: 20px; margin-bottom: 20px; box-shadow: 0 0 20px rgba(0, 212, 255, 0.2); color: #ffffff; text-align: center; } →Titel in der Box: .welcome-title { font-size: 2em; font-weight: bold; color: #00d4ff; text-transform: uppercase; letter-spacing: 2px; margin-bottom:..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Container | /* Global Space-Look Enhancements */ | ||
body { | |||
background-color: #0b0e11; | |||
} | |||
/* Styling for Ship Infoboxes */ | |||
.infobox { | |||
background: #1a1a1b !important; | |||
border: 2px solid #3c444d !important; | |||
border-radius: 8px; | |||
color: #e2e2e2 !important; | |||
box-shadow: 0 0 15px rgba(0, 150, 255, 0.1); | |||
font-family: 'Segoe UI', Roboto, sans-serif; | |||
} | |||
.infobox th { | |||
background: linear-gradient(90deg, #1e3c72 0%, #2a5298 100%) !important; | |||
color: #ffffff !important; | |||
padding: 8px !important; | |||
border-radius: 5px 5px 0 0; | |||
} | |||
/* Welcome Container (English Version) */ | |||
.welcome-container { | .welcome-container { | ||
background: rgba(20, 20, 25, 0.9); | background: rgba(20, 20, 25, 0.9); | ||
border: 2px solid #00d4ff; | border: 2px solid #00d4ff; | ||
border-radius: 15px; | border-radius: 15px; | ||
padding: | padding: 25px; | ||
margin-bottom: | margin-bottom: 25px; | ||
box-shadow: 0 0 20px rgba(0, 212, 255, 0.2); | box-shadow: 0 0 20px rgba(0, 212, 255, 0.2); | ||
color: #ffffff; | color: #ffffff; | ||
| Line 11: | Line 33: | ||
} | } | ||
.welcome-title { | .welcome-title { | ||
font-size: 2em; | font-size: 2.2em; | ||
font-weight: bold; | font-weight: bold; | ||
color: #00d4ff; | color: #00d4ff; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
letter-spacing: | letter-spacing: 3px; | ||
margin-bottom: | margin-bottom: 12px; | ||
text-shadow: 0 0 | text-shadow: 0 0 12px rgba(0, 212, 255, 0.6); | ||
} | } | ||
.welcome-text { | .welcome-text { | ||
font-size: 1.1em; | font-size: 1.1em; | ||
line-height: 1.6; | line-height: 1.6; | ||
max-width: | max-width: 750px; | ||
margin: 0 auto | margin: 0 auto 25px auto; | ||
} | } | ||
.welcome-buttons { | .welcome-buttons { | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 20px; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
} | } | ||
| Line 41: | Line 60: | ||
background: linear-gradient(135deg, #005f73 0%, #0a9396 100%); | background: linear-gradient(135deg, #005f73 0%, #0a9396 100%); | ||
border: 1px solid #94d2bd; | border: 1px solid #94d2bd; | ||
border-radius: | border-radius: 6px; | ||
padding: | padding: 12px 24px; | ||
color: white !important; | color: white !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
font-weight: bold; | font-weight: bold; | ||
transition: | transition: all 0.3s ease; | ||
} | } | ||
.welcome-button:hover { | .welcome-button:hover { | ||
transform: translateY(-3px); | transform: translateY(-3px); | ||
box-shadow: 0 5px | box-shadow: 0 5px 20px rgba(10, 147, 150, 0.5); | ||
border-color: #ffffff; | |||
} | } | ||