kirche-im-netz.Startodon-Hub/style/recommendationPopup.css
2025-01-05 22:18:05 +01:00

89 lines
No EOL
1.9 KiB
CSS

.recommendation-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
padding: 10px;
background: rgba(53, 53, 53, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.recommendation-popup-content {
position: relative;
background-color: var(--background-color);
border-radius: 15px;
padding: 20px;
padding-bottom: 0;
width: 500px;
min-height: 85%;
max-height: 85%;
overflow: hidden;
display: flex;
flex-direction: column;
}
.recommendation-popup-header {
display: flex;
flex-direction: column;
padding: 10px;
border-bottom: 1px solid #ddd;
}
.recommendation-popup-header .starterkit-footer {
position:relative;
border: 0;
padding: 0 10px;
}
.recommendation-popup-header .authors-container {
margin: 10px 0;
}
.recommendation-popup-header h3 {
color: #fff;
margin: 0;
}
.recommendation-popup-body {
overflow-y: auto;
padding: 10px 10px 0 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
align-items: start;
list-style-type: none;
border-top: solid 1px #777;
}
.info-tile {
background-color: var(--secondary-background-color);
padding: 15px;
border: 1px solid var(--primary-color);
border-radius: 15px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.info-tile .description {
font-size: 14px;
color: #fff;
}
.loading-spinner {
display: none; /* Standardmäßig versteckt */
width: 50px;
height: 50px;
border: 5px solid rgba(0, 0, 0, 0.1);
border-top: 5px solid #3498db; /* Farbe des Spinners */
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 20px auto; /* Zentriert im Container */
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}