|
|
| Ligne 1 : |
Ligne 1 : |
| /* Atlas-pagina: layout zoals vroeger nadoen */
| |
| body.page-Atlas .atlas-page {
| |
| max-width: 1050px;
| |
| margin: 0 auto;
| |
| padding: 40px 24px 0 24px;
| |
| font-family: "ITCFranklinGothicW02-Bk 812924", Arial, sans-serif;
| |
| }
| |
|
| |
|
| /* Titel "Atlas" */
| |
| body.page-Atlas .atlas-title {
| |
| font-size: 48px;
| |
| margin: 0 0 24px 0;
| |
| color: #505b61;
| |
| }
| |
| body.page-Atlas .atlas-title::after {
| |
| content: "";
| |
| display: block;
| |
| width: 70px;
| |
| border-bottom: 8px solid #fbe023;
| |
| margin-top: 4px;
| |
| }
| |
|
| |
| /* Blok-titles ("Contributions les plus récentes", "Oeuvres au hasard") */
| |
| body.page-Atlas .atlas-section__title {
| |
| background-color: #505b61;
| |
| color: #ffffff;
| |
| font-size: 22px;
| |
| margin: 0 0 20px 0;
| |
| padding: 8px;
| |
| font-weight: normal;
| |
| }
| |
|
| |
| /* Geen standaard-lijststijl binnen Atlas */
| |
| body.page-Atlas .atlas-page ul {
| |
| list-style: none;
| |
| list-style-image: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* Container met thumbnails */
| |
| body.page-Atlas .atlas-thumbs {
| |
| margin: 18px 0 22px 0;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 8px;
| |
| }
| |
|
| |
| /* Elk werk in eigen boxje, zoals oude slideshow */
| |
| body.page-Atlas .atlas-thumbs li {
| |
| width: 210px;
| |
| text-align: center;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| /* De bestaande .thumb-structuur netjes laten aansluiten */
| |
| body.page-Atlas .atlas-thumbs li .thumb {
| |
| margin: 0;
| |
| width: 100%;
| |
| }
| |
| body.page-Atlas .atlas-thumbs li .thumbinner {
| |
| background-color: #ffffff;
| |
| border: 1px solid transparent;
| |
| min-height: 197px;
| |
| position: relative;
| |
| }
| |
| body.page-Atlas .atlas-thumbs li .thumbinner .thumbcaption {
| |
| position: absolute;
| |
| bottom: 0;
| |
| width: 90%;
| |
| left: 5%;
| |
| height: 52px;
| |
| text-align: center;
| |
| font-size: 12px;
| |
| }
| |
|
| |
| /* Linkkleur in de lijst */
| |
| body.page-Atlas .atlas-thumbs li a {
| |
| color: #505b61;
| |
| text-decoration: none;
| |
| }
| |
| body.page-Atlas .atlas-thumbs li a:hover {
| |
| text-decoration: underline;
| |
| }
| |