Luanti-Minetest/luanti-web
1
0
Fork 0
Code Issues Pull requests Projects Releases 6 Packages Wiki Activity Actions

second alpha (v0.2)

Browse source
This commit is contained in:
Rainer 2025-06-21 15:58:52 +02:00
parent 7a343254e2
commit 7a1094c733
22 changed files with 2343 additions and 1511 deletions
Download patch file Download diff file Expand all files Collapse all files

129
site_generator/templates/css.template
View file

@ -100,7 +100,14 @@ a.world-preview:hover {
.page-nav-buttons { text-align: right; margin-top: 10px; margin-bottom: 15px; }
.page-nav-buttons .button { background-color: #555; color: #FFA500; border: 1px solid #666; padding: 5px 10px; margin-left: 5px; margin-bottom: 5px; border-radius: 3px; text-decoration: none; font-size: 0.9em; display: inline-block; }
.page-nav-buttons .button:hover { background-color: #666; color: #FFC500; }
.leaflet-map { width: 100%; height: 600px; border: 1px solid #666; margin-bottom: 5px; border-radius: 3px; background-color: #111;}
/* KORREKTUR: Klasse umbenannt von .leaflet-map zu .map-view-container */
.map-view-container {
width: 100%;
height: 600px;
border: 1px solid #666;
margin-bottom: 5px;
border-radius: 3px;
}
.map-sub-info { display: flex; justify-content: space-between; align-items: center; font-size: 0.9em; color: #aaa; margin-bottom: 20px; padding: 5px 0; }
.map-sub-info .map-file-link { text-align: left; }
.map-sub-info .map-last-update { text-align: right; }
@ -119,7 +126,7 @@ a.world-preview:hover {
padding: 15px;
border-radius: 5px;
border: 1px solid #4a4a4a;
flex-grow: 0; /* KORREKTUR: Verhindert das Strecken der letzten Box */
flex-grow: 0;
flex-shrink: 1;
flex-basis: calc(50% - 8px);
box-sizing: border-box;
@ -181,7 +188,7 @@ a.world-preview:hover {
border: 1px solid #555;
border-radius: 5px;
padding: 10px;
width: calc((100% - 30px) / 3); /* KORREKTUR: Max 3 Boxen pro Zeile */
width: calc((100% - 30px) / 3);
box-sizing: border-box;
display: flex;
flex-direction: column;
@ -429,57 +436,6 @@ a.read-more-link {
display: block;
}
/* KORREKTUR: Leaflet Fullscreen Button Icon */
.leaflet-control-fullscreen a {
background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 9H0v7h7v-2H2V9zM0 7h2V2h5V0H0v7zm14 2v5h-5v2h7V9h-2zm0-2V0h-7v2h5v5h2z" fill="%23333"/%3E%3C/svg%3E') no-repeat center center;
background-size: 16px 16px;
font-size: 0; /* Versteckt fehlerhafte Text-Icons */
}
.leaflet-control-fullscreen a.leaflet-fullscreen-on {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 11h5v5h2V9H0v2zm11 5h5V9h-2v5h-3v2zM5 0H0v7h2V2h3V0zm9 2V0h-2v7h7V5h-5z" fill="%23333"/%3E%3C/svg%3E');
}
/* KORREKTUR: Stile für Marker-Popup */
.leaflet-popup-content-wrapper, .leaflet-popup-content {
background-color: #303030 !important;
color: #ddd !important;
border-radius: 5px;
}
.leaflet-popup-content {
margin: 0 !important;
padding: 0 !important;
line-height: 1.5;
}
.leaflet-container a.leaflet-popup-close-button {
color: #ddd;
padding: 8px 8px 0 0;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #fff;
background-color: transparent;
}
.popup-player-box {
padding: 10px;
}
.popup-player-box .player-name {
font-size: 1.2em; /* Schriftgröße für Namen im Popup erhöht */
}
.popup-player-vitals {
display: flex;
justify-content: space-around;
gap: 10px;
align-items: center;
margin-top: 8px;
}
.popup-player-vitals .vital {
display: flex;
align-items: center;
gap: 5px;
}
.popup-player-vitals .icon {
font-size: 1.2em;
}
@media (max-width: 768px) {
/* Responsive Stile für Burger-Menü */
.responsive-nav {
@ -525,7 +481,7 @@ a.read-more-link {
margin-right: 0;
margin-bottom: 15px;
}
.leaflet-map {
.map-view-container { /* KORREKTUR: Klasse umbenannt */
height: auto;
aspect-ratio: 4 / 3;
max-height: 70vh;
@ -535,3 +491,66 @@ a.read-more-link {
.player-box { width: 100%; } /* 1 Spalte auf Handys */
.admin-box { flex-basis: 100%; } /* 1 Spalte auf Handys */
}
/* Stile für OpenLayers Popups (Leaflet-Look-and-Feel) */
.ol-popup {
position: absolute;
background-color: #303030;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
padding: 1px;
border-radius: 5px;
bottom: 12px;
left: -50px;
min-width: 280px;
border: 1px solid #555;
color: #ddd;
}
.ol-popup:after, .ol-popup:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ol-popup:after {
border-top-color: #303030;
border-width: 10px;
left: 48px;
margin-left: -10px;
}
.ol-popup:before {
border-top-color: #555;
border-width: 11px;
left: 48px;
margin-left: -11px;
}
.ol-popup-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
color: #ddd;
font-size: 1.5em;
font-weight: bold;
}
.ol-popup-closer:hover {
color: #fff;
}
.ol-popup-content {
font-size: 13px;
line-height: 1.5;
padding: 10px;
margin: 0;
}
/* Stile für den Inhalt innerhalb des Popups */
.popup-player-box .player-header { display: flex; align-items: center; margin-bottom: 8px; }
.popup-player-box .player-identity { display: flex; align-items: center; }
.popup-player-box .player-icon { width: 40px; height: 40px; margin-right: 10px; border-radius: 3px; flex-shrink: 0;}
.popup-player-box .player-name-status { display: flex; align-items: center; }
.popup-player-box .player-name { font-weight: bold; font-size: 1.2em; color: #FFD700; margin-left: 5px; }
.popup-player-box .privilege-separator { height: 1px; background-color: #555; border: 0; margin: 8px 0; }
.popup-player-box .popup-player-vitals { display: flex; justify-content: space-around; gap: 10px; align-items: center; margin-top: 8px; }
.popup-player-box .popup-player-vitals .vital { display: flex; align-items: center; gap: 5px; }
.popup-player-box .popup-player-vitals .icon { font-size: 1.2em; }