archil/css/theme.css

157 lines
4.3 KiB
CSS
Raw Normal View History

2023-08-10 13:44:01 +02:00
body {
display: block;
margin: 8px;
}
.content{
margin-bottom: 8px;
margin-left: auto;
margin-right: auto;
max-width: 800px;
word-wrap: break-word;
}
header .bandeau {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 1em 0;
}
.header .site-description {
display: flex;
justify-content: space-between;
}
nav li {
display:inline-block;
margin:0 0.2em 0.4em 0;
}
nav ul {
margin: 0;
}
nav .pagination {
margin-top: 10em;
}
.postes {
font-family: var(--policetitre);
}
.postes li {
margin: 0;
}
.postes ul {
margin: 0;
}
header .titre-site {
font-size: 1.5rem;
}
.site-description {
font-family: var(--policecorps);
}
ul .liste-item {
font-family: var(--policetitre);
}
.liste-item time {
margin-bottom: 0em;
font-family: var(--policetitre);
}
.liste-item p {
margin-bottom: 0em;
font-family: var(--policetitre);
}
nav li{
font-family: var(--policetitre);
}
/*Bouton de paginations*/
.pagination .pagination-items {
list-style: none;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.pagination .pagination-item {
margin: 0em;
flex-basis: 7.5%;
display: flex;
align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item {
flex-basis: auto;
margin-top: 2em;
}
.pagination .pagination-item + .pagination-item {
margin-left: 0.5em
}
/*.pagination .pagination-item-label {
display:block;
flex-basis: 100%;
background: #f0f0f0;
text-decoration: none;
padding:.5em;
border-radius:.25em;
text-align: center;
}*/
/*.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active {
background: #c41558;
color: #fff;
}*/
/*.pagination .on .pagination-item-label {
font-weight: bold;
}*/
.pagination .pagination_precedent_suivant .disabled {
visibility: hidden
}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {
color:#888;
font-weight: normal;}
/*
.menu_articles .pagination strong {
font-size:1em;
}*/
/*Pour tester*/
/* exemple d'habillage */
.sociaux{
padding-top: 0.5em;
}
.sociaux ul {margin:0;padding:0;list-style:none;}
.sociaux li {display:inline-block;margin:0 0.2em 0.4em 0;}
.sociaux a {text-decoration:none;}
.sociaux a:focus, .sociaux a:hover, .sociaux a:active {background-color:transparent;}
.sociaux a.spip_out::after, .sociaux a.external::after { content: none; }
.sociaux .name { position:absolute; clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; margin:0; overflow:hidden; padding:0; width:1px; white-space:nowrap; }
.sociaux .socicon { display: block; font-size:1.4em;padding:.5em;border-radius:1em;color:#fff;background-color:#000; transition: background-color 0.2s;}
.sociaux .facebook .socicon {background-color:var(--couleurpolices);}
.sociaux .twitter .socicon {background-color:var(--couleurpolices);}
.sociaux .mastodon .socicon {background-color:var(--couleurpolices);}
.sociaux .instagram .socicon {background-color:var(--couleurpolices);}
.sociaux .googleplus .socicon {background-color:var(--couleurpolices);}
.sociaux .blogger .socicon {background-color:var(--couleurpolices);}
.sociaux .linkedin .socicon {background-color:var(--couleurpolices);}
.sociaux .youtube .socicon {background-color:var(--couleurpolices);}
.sociaux .pinterest .socicon {background-color:var(--couleurpolices);}
.sociaux .rss .socicon {background-color:var(--couleurpolices);}
.sociaux .mail .socicon {background-color:var(--couleurpolices);}
.sociaux .tripadvisor .socicon {background-color:var(--couleurpolices);}
.sociaux .vimeo .socicon {background-color:var(--couleurpolices);}
.sociaux .fickr .socicon {background-color:var(--couleurpolices);}
.sociaux .viber .socicon {background-color:var(--couleurpolices);}
.sociaux .whatsapp .socicon {background-color:var(--couleurpolices);}
.sociaux .skype .socicon {background-color:var(--couleurpolices);}
.sociaux .bandcamp .socicon {background-color:var(--couleurpolices);}
.sociaux .socicon:hover {background-color:var(--couleursurvol);} /* doit rester en dernier pour être pris en compte ! */