No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* | /* Main page background */ | ||
body.page-Main_Page { | body.page-Main_Page { | ||
background: url('https://predictive-pulse.com/images/5ean444_winter_cabin_forest_snow_night_sky_stars_peaceful_reali_fc7e7992-0c1e-4564-bf78-2930ff9dc2f9.png') no-repeat center center fixed; | background: url('https://predictive-pulse.com/images/5ean444_winter_cabin_forest_snow_night_sky_stars_peaceful_reali_fc7e7992-0c1e-4564-bf78-2930ff9dc2f9.png') no-repeat center center fixed; | ||
Line 6: | Line 5: | ||
} | } | ||
/* Style for the navigation grid */ | |||
.mainpage-navigation { | .mainpage-navigation { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: center; | justify-content: center; | ||
gap: 20px; | |||
padding: 20px; | padding: 20px; | ||
background-color: | background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent background for readability */ | ||
border-radius: | border-radius: 12px; | ||
} | } | ||
/* Individual navigation blocks */ | |||
.nav-item { | .nav-item { | ||
display: flex; | display: flex; | ||
Line 22: | Line 22: | ||
align-items: center; | align-items: center; | ||
text-align: center; | text-align: center; | ||
width: 150px; | width: 150px; | ||
padding: 10px; | padding: 10px; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: | border-radius: 12px; | ||
transition: transform 0.3s, box-shadow 0.3s; | background-color: #fff; | ||
transition: transform 0.3s, box-shadow 0.3s; | |||
} | } | ||
.nav-item:hover { | .nav-item:hover { | ||
transform: scale(1.05); | transform: scale(1.05); | ||
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); | box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); | ||
} | } | ||
Line 38: | Line 38: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
border-radius: | border-radius: 8px; | ||
margin-bottom: | margin-bottom: 10px; | ||
} | } | ||
.nav-item span { | .nav-item span { | ||
font-size: | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
color: #333; | color: #333; | ||
} | } | ||
. | /* Footer style */ | ||
.main-footer { | |||
text-align: center; | |||
margin-top: 20px; | |||
padding: 10px; | |||
background-color: rgba(0, 0, 0, 0.7); | |||
color: #fff; | color: #fff; | ||
border-radius: 12px; | |||
border-radius: | |||
} | } |
Revision as of 04:39, 25 November 2024
/* Main page background */
body.page-Main_Page {
background: url('https://predictive-pulse.com/images/5ean444_winter_cabin_forest_snow_night_sky_stars_peaceful_reali_fc7e7992-0c1e-4564-bf78-2930ff9dc2f9.png') no-repeat center center fixed;
background-size: cover;
}
/* Style for the navigation grid */
.mainpage-navigation {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent background for readability */
border-radius: 12px;
}
/* Individual navigation blocks */
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 150px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 12px;
background-color: #fff;
transition: transform 0.3s, box-shadow 0.3s;
}
.nav-item:hover {
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.nav-item img {
width: 100%;
height: auto;
border-radius: 8px;
margin-bottom: 10px;
}
.nav-item span {
font-size: 14px;
font-weight: bold;
color: #333;
}
/* Footer style */
.main-footer {
text-align: center;
margin-top: 20px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
border-radius: 12px;
}