MediaWiki:Erudite.css : Différence entre versions

Ligne 153 : Ligne 153 :
 
.grid-thema {
 
.grid-thema {
 
display:grid;
 
display:grid;
grid-template-columns:1fr 1fr 1fr;
+
grid-template-columns:auto auto auto;
 
grid-column-gap:1em;
 
grid-column-gap:1em;
 
}
 
}

Version du 23 septembre 2019 à 13:45

@media (min-width: 300px) {
.home {
  display: grid;
  grid-template-columns: minmax(200px,1fr) minmax(400px,2fr);
  grid-template-rows: auto 1fr auto;
  grid-gap: 5px;
/*  grid-auto-rows: minmax(100px, auto);*/
}
.top {
  grid-column: span 3;
  /*grid-row: 1;*/
}

.left1 { 

}
.left2 {

}

.right {
  
}

}
/*
#top-wrap {
  background-image: url(/w/images/ban4.jpg);
}

#nav-meta {
  margin:0.5em -8em 0 1em;
  padding-left:1em;
  border left: none;
  border-left-width: 0;
}
*/

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

#nav-meta, .mw-jump {display:none;}

#search.widget {
	float:right;
	
}

#bottom-wrap {
  padding: 0.5em 0 0.5em 0;
  background:unset;
  background-image: url(/w/images/d/d8/Foot_bg.png);
}

a {
  border-bottom-style: none;
}

.them {
	    display: flex;
    flex-wrap: wrap;
}

.intro {
  text-align:justify;
  font-weight: bolder;
  font-size: 1.1em;
}

/* Zaïd proposals. To come back after trying, simply add &action=edit at the end of the url to get to the editing mode.*/
#top-wrap, #footer-wrap-inner, .message {
    width:100%;
    max-width: 100%;
    margin: 0 auto;
}

 #top-wrap {
  background-image: none; /*url(/w/images/f/ff/Background-Website01.jpg);*/
  background-color: #111;
  padding:3.625em 0 3.625em 0;
  

}
 #menu {
	margin:3em 0 -3.625em 0;
}

body {
	  background-color: #FFFFFF;
	  background: url(/w/images/3/36/Background-Website02.png) center fixed;
	  opacity:0.95;
}

 #main {
	border-width:0;
}

/*#ternary.footer {display:none;}*/
#toolbox {display:none;}

.thema {
	text-align:justify;
	text-justify: inter-word;
}

.grid-themaold {
	display:grid;
	/*grid-gap:10px;*/
	/*border:1px solid;*/
	/*padding:1em;*/
	/*margin: 2em;*/
	grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	grid-column-gap:1em;
	/*background-color:#fff;*/
}

.col {
	background-color:#eee;
	padding:1em;
}

.image-en-tete {
	position:relative;
	text-align:left;
	color:white;
}

.bottom-left {
	position:relative;
	bottom: 7em;
	left:3em;
}

.mw-content-ltr .mw-collapsible-toggle {
	float: inherit;
}

.mw-cite-backlink a{
    display:inline-block;
}
@media (min-width: 801px) {
#bandeau-video {
    display: grid;
    padding:0em;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color: black;
    opacity:inherit;
}
.grid-thema {
	display:grid;
	grid-template-columns:auto auto auto;
	grid-column-gap:1em;
}
}
@media (max-width: 800px) {
#bandeau-video {
    display: grid;
    padding:0em;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: black;
    opacity:inherit;
}
.grid-thema {
	display:grid;
	grid-template-columns:1fr;
	grid-column-gap:1em;
}
}

#vignette{
  padding:10px
}