Browse Source

Mise en forme suite (normalement, rien n'a bougé)

master
jeanmarie 3 months ago
parent
commit
e0e102d822
  1. 109
      css/html5up_massively.spip.css

109
css/html5up_massively.spip.css

@ -15,68 +15,20 @@ img { height: auto; max-width:100%; }
#intro.hidden + #header .logo { opacity:1 !important; display:block; }
.page_sommaire #intro > p { margin-right: auto; margin-left: auto; max-width: 1000px;}
#main > .post {
padding-top:4rem;
}
#main > .post { padding-top:4rem; }
#main > .post:after { display:block; content:''; clear:both; }
/* on veut ajaxer la liste/articles donc on prend en compte une div de + dans les styles "> div " */
#main > * {
padding:0;
border-top:0;
margin: 0;
}
#main > div > * {
padding: 4rem 4rem 2rem 4rem;
border-top: solid 2px #eeeeee;
margin: 0;
}
#main > * { padding:0; border-top:0; margin: 0;}
#main > div > * { padding: 4rem 4rem 2rem 4rem; border-top: solid 2px #eeeeee; margin: 0;}
#main > div > [id^=pagination_] { padding:0; border:0; }
#main > div > .posts {
display: flex;
flex-wrap: wrap;
align-items: stretch;
text-align: center;
width: 100%;
padding: 0;
}
#main > div > .posts > * {
flex-shrink: 1;
flex-grow: 0;
}
#main > div > .posts > * {
width: 50%;
}
#main > div > .posts > * {
padding: 4rem;
width: 50%;
}
#main > div > .posts > article {
border-color: #eeeeee;
border-left-width: 2px;
border-style: solid;
border-top-width: 2px;
text-align: center;
}
#main > div > .posts > article > :last-child {
margin-bottom: 0;
}
#main > div > .posts > article:nth-child(2n - 1) {
border-left-width: 0;
}
#main > div > .posts > article:nth-child(-n + 2) {
border-top-width: 0;
}
#main > div > .posts { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; width: 100%; padding: 0; }
#main > div > .posts > * { flex-shrink: 1; flex-grow: 0; }
#main > div > .posts > * { width: 50%; }
#main > div > .posts > * { padding: 4rem; width: 50%; }
#main > div > .posts > article { border-color: #eeeeee; border-left-width: 2px; border-style: solid; border-top-width: 2px; text-align: center; }
#main > div > .posts > article > :last-child { margin-bottom: 0; }
#main > div > .posts > article:nth-child(2n - 1) { border-left-width: 0; }
#main > div > .posts > article:nth-child(-n + 2) { border-top-width: 0; }
/* Le portofolio */
ul.portfolio {display:flex; flex-wrap:wrap; justify-content:center; padding: 0; list-style: none;}
@ -129,37 +81,14 @@ fieldset.previsu legend { color: #F57900; }
.erreur_message { color: red; }
@media screen and (max-width: 736px) {
#main > div > .posts > * {
width: 100%;
}
#main > div > .posts > * {
padding: 2rem;
width: 100%;
}
#main > div > .posts > article:nth-child(2n - 1) {
border-left-width: 2px;
}
#main > div > .posts > article:nth-child(-n + 2) {
border-top-width: 2px;
}
#main > div > .posts > article:nth-child(n) {
border-left-width: 0;
}
#main > div > .posts > article:nth-child(-n + 1) {
border-top-width: 0;
}
#main > div > .posts > article .image {
max-width: 25rem;
margin-left: auto;
margin-right: auto;
}
#main > div > .posts > * { width: 100%; }
#main > div > .posts > * { padding: 2rem; width: 100%; }
#main > div > .posts > article:nth-child(2n - 1) { border-left-width: 2px; }
#main > div > .posts > article:nth-child(-n + 2) { border-top-width: 2px; }
#main > div > .posts > article:nth-child(n) { border-left-width: 0; }
#main > div > .posts > article:nth-child(-n + 1) { border-top-width: 0; }
#main > div > .posts > article .image { max-width: 25rem; margin-left: auto; margin-right: auto; }
}

Loading…
Cancel
Save