MediaWiki:Common.css : Différence entre versions

 
(31 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 5 : Ligne 5 :
 
h1 {
 
h1 {
 
   font-size: 20px;
 
   font-size: 20px;
}
 
 
Code für Common.css
 
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
 
#cartouche {
 
position : sticky;
 
top : 100px;
 
right : 0px;
 
width : 20%
 
}
 
 
div.sticky {
 
  position: -webkit-sticky;
 
  position: sticky;
 
  top: 0;
 
  padding: 5px;
 
  background-color: #cae8ca;
 
  border: 2px solid #4CAF50;
 
 
}
 
}
  
Ligne 31 : Ligne 12 :
 
}
 
}
  
span#valuecol {
+
li a {
vertical-align:middle;
+
  display: block;
display: table-cell;
+
   width: auto;
}
 
span#titlecol {
 
font-weight: bolder;
 
vertical-align:left;
 
display: table-cell;
 
}
 
 
 
div#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;
 
 
}
 
}
 
+
/* Change the link color on hover */
div#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,  #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
+
li a:hover {
div#content.mw-body { margin: 10em; border:none;}
+
  background-color: #555;
#mw-head-base, div#content, div#footer {display:none;}
+
  color: white;
.ns-3504 div#mw-content-ltr {
 
    color: #000000;
 
 
}
 
}
body.ns-3504 {background: #282828}
+
.active {
 
+
  background-color: #A9A9A9;
.ns-3504 div#content a {
+
  color: white;
    color: #da5c2a;
 
 
}
 
}
  
/* Style the button that is used to open and close the collapsible content */
+
.dropdown {
.collapsible {
+
   position: relative;
/*  background-color: #eee;*/
+
   display: inline-block;
  background-image:url('https://rhinedits.u-strasbg.fr/w/images/1/18/Avant1930.png');
 
  color: #444;
 
  cursor: pointer;
 
  padding: 40px;
 
  width: 90%;
 
  border: none;
 
   text-align: right;
 
   outline: none;
 
  font-size: 25px;
 
  color: red;
 
 
}
 
}
  
/* 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) */
+
.dropdown-content {
.active, .collapsible:hover {
+
  display: none;
   background-color: #ccc;
+
  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;
 
}
 
}
  
/* Style the collapsible content. Note: hidden by default */
+
.dropdown:hover .dropdown-content {
.content {
+
  display: block;
    padding: 0 18px;
 
    background-color: white;
 
    max-height: 0;
 
    overflow: hidden;
 
    transition: max-height 0.2s ease-out;
 
 
}
 
}
  
/*
+
#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,  #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
div#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;}
div#content.mw-body { margin: 10em; border:none;} .
+
#mw-head-base, #content, #footer {display:none;}
#mw-head-base, div#content, div#footer {display:none;}
+
.ns-3504 #mw-content-ltr {
.ns-3504 div#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;
 
}
 
}
*/
+
 
 +
.mw-editsection { display:none!important; }
 +
.hiddentext {display:none;}

Version actuelle datée du 16 septembre 2021 à 15: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;}