MediaWiki:Common.css : Différence entre versions

Ligne 1 : Ligne 1 :
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
 
#cartouche {
 
#cartouche {
position : sticky;
+
position : relative;
 
top : 100px;
 
top : 100px;
right : 0px;
+
right : 0;
 
width : 20%
 
width : 20%
 
}
 
}
Ligne 12 : Ligne 12 :
 
}
 
}
  
span#valuecol {
+
#valuecol {
 
vertical-align:middle;
 
vertical-align:middle;
 
display: table-cell;
 
display: table-cell;
 
}
 
}
span#titlecol {
+
#titlecol {
 
font-weight: bolder;
 
font-weight: bolder;
vertical-align:left;
+
vertical-align:top;
 
display: table-cell;
 
display: table-cell;
 
}
 
}
  
div#vid {
+
#vid {
 
   margin: 1% 15%  
 
   margin: 1% 15%  
 
}
 
}
Ligne 40 : Ligne 40 :
 
}
 
}
  
div#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,  #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
+
#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,  #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
div#content.mw-body { margin: 10em; border:none;}
+
#content.mw-body { margin: 10em; border:none;}
#mw-head-base, div#content, div#footer {display:none;}  
+
#mw-head-base, #content, #footer {display:none;}  
.ns-3504 div#mw-content-ltr {
+
.ns-3504 #mw-content-ltr {
 
color: #000000;
 
color: #000000;
 
}
 
}
 
body.ns-3504 {background: #282828}
 
body.ns-3504 {background: #282828}
  
.ns-3504 div#content a {
+
.ns-3504 #content a {
 
color: #da5c2a;  
 
color: #da5c2a;  
 
}
 
}
  
 
/* Style the button that is used to open and close the collapsible content */
 
/* Style the button that is used to open and close the collapsible content */
.collapsible {
+
.collapsible:focus {
 
/*  background-color: #eee;*/
 
/*  background-color: #eee;*/
 
   background-image:url('https://rhinedits.u-strasbg.fr/w/images/1/18/Avant1930.png');
 
   background-image:url('https://rhinedits.u-strasbg.fr/w/images/1/18/Avant1930.png');
 
   color: #444;
 
   color: #444;
 
   cursor: pointer;
 
   cursor: pointer;
   padding: 40px;
+
   padding: 0;
 
   width: 90%;
 
   width: 90%;
 
   border: none;
 
   border: none;
Ligne 64 : Ligne 64 :
 
   outline: none;
 
   outline: none;
 
   font-size: 25px;
 
   font-size: 25px;
  color: red;
+
 
 
}
 
}
  

Version du 3 janvier 2019 à 19:27

/* Le CSS placé ici sera appliqué à tous les habillages. */
#cartouche {
position : relative;
top : 100px;
right : 0;
width : 20%
}

img {
    max-width: 100%;
    height: auto;
}

#valuecol {
vertical-align:middle;
display: table-cell;
}
#titlecol {
font-weight: bolder;
vertical-align:top;
display: table-cell;
}

#vid {
  margin: 1% 15% 
}

body
{
/*background-image:url('http://rhinedits.u-strasbg.fr/w/images/1/19/Grendelbruch.png');*/
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,   #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
#content.mw-body { margin: 10em; border:none;}
#mw-head-base, #content, #footer {display:none;} 
.ns-3504 #mw-content-ltr {
	color: #000000;
}
body.ns-3504 {background: #282828}

.ns-3504 #content a {
	color: #da5c2a; 
}

/* Style the button that is used to open and close the collapsible content */
.collapsible:focus {
/*  background-color: #eee;*/
  background-image:url('https://rhinedits.u-strasbg.fr/w/images/1/18/Avant1930.png');
  color: #444;
  cursor: pointer;
  padding: 0;
  width: 90%;
  border: none;
  text-align: right;
  outline: none;
  font-size: 25px;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}

/* Style the collapsible content. Note: hidden by default */
.content {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*
div#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,   #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
div#content.mw-body { margin: 10em; border:none;} .
#mw-head-base, div#content, div#footer {display:none;} 
.ns-3504 div#mw-content-ltr {
	color: #000000;
}
body.ns-3504 {background: #282828}

.ns-3504 div#content a {
	color: #da5c2a; 
}
*/