MediaWiki:Common.css : Différence entre versions

 
(47 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
/* Le CSS placé ici sera appliqué à tous les habillages. */
+
body {
#cartouche {
+
  background-color: #FFF5EE;
position : relative;
+
}
top : 100px;
+
 
right : 0;
+
h1 {
width : 20%;
+
  font-size: 20px;
 
}
 
}
  
 
img {
 
img {
     max-width: 50%;
+
     max-width: 100%;
 
     height: auto;
 
     height: auto;
 
}
 
}
  
#valuecol {
+
li a {
vertical-align:middle;
+
  display: block;
display: table-cell;
+
  width: auto;
 +
}
 +
/* Change the link color on hover */
 +
li a:hover {
 +
  background-color: #555;
 +
  color: white;
 +
}
 +
.active {
 +
  background-color: #A9A9A9;
 +
  color: white;
 
}
 
}
#titlecol {
+
 
font-weight: bolder;
+
.dropdown {
vertical-align:top;
+
  position: relative;
display: table-cell;
+
  display: inline-block;
 
}
 
}
  
#vid {
+
.dropdown-content {
   margin: 1% 15%
+
  display: none;
 +
  position: absolute;
 +
  background-color: #f9f9f9;
 +
  min-width: 160px;
 +
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
  padding: 12px 16px;
 +
   z-index: 1;
 
}
 
}
  
body
+
.dropdown:hover .dropdown-content {
{
+
  display: block;
/*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;}
 
#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;}
 
#content.mw-body { margin: 10em; border:none;}
#mw-head-base, #content, #footer {display:none;}  
+
#mw-head-base, #content, #footer {display:none;}
 
.ns-3504 #mw-content-ltr {
 
.ns-3504 #mw-content-ltr {
color: #000000;
+
    color: #000000;
 
}
 
}
 
body.ns-3504 {background: #282828}
 
body.ns-3504 {background: #282828}
  
 
.ns-3504 #content a {
 
.ns-3504 #content a {
color: #da5c2a;
+
    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 {
+
.mw-editsection { display:none!important; }
color: #da5c2a;  
+
.hiddentext {display:none;}
}
 
*/
 

Version actuelle datée du 16 septembre 2021 à 16:47

body {
  background-color: #FFF5EE;
}

h1 {
  font-size: 20px;
}

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

li a {
  display: block;
  width: auto;
}
/* Change the link color on hover */
li a:hover {
  background-color: #555;
  color: white;
}
.active {
  background-color: #A9A9A9;
  color: white;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

#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;
}

.mw-editsection { display:none!important; }
.hiddentext {display:none;}