MediaWiki:Group-Redacteurs-fiches.css : Différence entre versions

Ligne 25 : Ligne 25 :
 
html[lang="de"] #p-logo:after {
 
html[lang="de"] #p-logo:after {
 
   content:"Cinemathèque du Rhin supérieur";
 
   content:"Cinemathèque du Rhin supérieur";
 +
}
 +
 +
* {box-sizing: border-box;}
 +
.wrapper {
 +
  max-width: 940px;
 +
  margin: 0 auto;
 +
}
 +
 +
.wrapper > div {
 +
  border: 2px solid rgb(233,171,88);
 +
  border-radius: 5px;
 +
  background-color: rgba(233,171,88,.5);
 +
  padding: 1em;
 +
  color: #d9480f;
 +
}
 +
 +
.wrapper {
 +
  display: grid;
 +
  grid-template-columns: repeat(1fr 4fr);
 +
  grid-gap: 10px;
 +
  grid-auto-rows: minmax(100px, auto);
 +
}
 +
.one {
 +
  grid-column: 1 / 3;
 +
  grid-row: 1 / 1;
 +
}
 +
.two {
 +
  grid-column: 2 / 2;
 +
  grid-row: 2 / 2;
 +
}
 +
.three {
 +
  grid-column: 1;
 +
  grid-row: 4;
 +
  height: -10px;
 +
}
 +
.four {
 +
  grid-column: 3;
 +
  grid-row: 3;
 +
}
 +
.five {
 +
  grid-column: 2;
 +
  grid-row: 4;
 +
}
 +
.six {
 +
  grid-column: 3;
 +
  grid-row: 4;
 
}
 
}

Version du 20 février 2019 à 16:32

#nav-meta {
  display:block;
  margin:0.5em -8em 0 1em;
/*  position:fixed;
  padding-left: 78%;*/
  border-left: none;

}

#main, #top-wrap h1, #tagline, #nav, #footer-wrap-inner, .message {
    width:80%;
    max-width: 80em;
    margin: 0 auto;
}

#ternary.footer {display:block;}

html[lang="fr"] #top-wrap {
  content:"Cinemathèque du Rhin supérieur";
}
html[lang="en"] #top-wrap:before {
  content:"Cinemathèque du Rhin";
}
html[lang="de"] #p-logo:after {
  content:"Cinemathèque du Rhin supérieur";
}

* {box-sizing: border-box;}
.wrapper {
  max-width: 940px;
  margin: 0 auto;
}

.wrapper > div {
  border: 2px solid rgb(233,171,88);
  border-radius: 5px;
  background-color: rgba(233,171,88,.5);
  padding: 1em;
  color: #d9480f;
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(1fr 4fr);
  grid-gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.one {
  grid-column: 1 / 3;
  grid-row: 1 / 1;
}
.two { 
  grid-column: 2 / 2;
  grid-row: 2 / 2;
}
.three {
  grid-column: 1;
  grid-row: 4;
  height: -10px;
}
.four {
  grid-column: 3;
  grid-row: 3;
}
.five {
  grid-column: 2;
  grid-row: 4;
}
.six {
  grid-column: 3;
  grid-row: 4;
}