MediaWiki:Common.css : Différence entre versions

 
(56 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 : sticky;
+
}
top : 900px;
+
 
right : 0px;
+
h1 {
width : 20%
+
  font-size: 20px;
 
}
 
}
  
Ligne 12 : Ligne 12 :
 
}
 
}
  
span#valuecol {
+
li a {
vertical-align:middle;
+
  display: block;
display: table-cell;
+
  width: auto;
 
}
 
}
span#titlecol {
+
/* Change the link color on hover */
font-weight: bolder;
+
li a:hover {
vertical-align:left;
+
  background-color: #555;
display: table-cell;
+
  color: white;
 
}
 
}
 
+
.active {
div#vid {
+
  background-color: #A9A9A9;
   margin: 1% 15%
+
   color: white;
 
}
 
}
  
body
+
.dropdown {
{
+
  position: relative;
/*background-image:url('http://rhinedits.u-strasbg.fr/w/images/1/19/Grendelbruch.png');*/
+
  display: inline-block;
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;
 
 
}
 
}
  
div#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer,  #left-navigation,  #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
+
.dropdown-content {
div#content.mw-body { margin: 10em; border:none;}
+
  display: none;
#mw-head-base, div#content, div#footer {display:none;}
+
  position: absolute;
.ns-3504 div#mw-content-ltr {
+
  background-color: #f9f9f9;
color: #000000;
+
  min-width: 160px;
 +
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
  padding: 12px 16px;
 +
  z-index: 1;
 
}
 
}
body.ns-3504 {background: #282828}
 
  
.ns-3504 div#content a {
+
.dropdown:hover .dropdown-content {
color: #da5c2a;  
+
  display: block;
 
}
 
}
  
/* Style the button that is used to open and close the collapsible content */
+
#mw-panel, #mw-head, #mw-page-base,  #firstHeading,  #footer, #left-navigation,  #contentSub,  #jump-to-nav,  .mw-pt-translate-header {display:none;}
.collapsible {
+
#content.mw-body { margin: 10em; border:none;}
/* background-color: #eee;*/
+
#mw-head-base, #content, #footer {display:none;}
  background-image:url('https://rhinedits.u-strasbg.fr/w/images/1/18/Avant1930.png');
+
.ns-3504 #mw-content-ltr {
  color: #444;
+
    color: #000000;
  cursor: pointer;
 
  padding: 40px;
 
  width: 90%;
 
  border: none;
 
  text-align: right;
 
  outline: none;
 
  font-size: 25px;
 
  color: red;
 
 
}
 
}
 +
body.ns-3504 {background: #282828}
  
/* 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) */
+
.ns-3504 #content a {
.active, .collapsible:hover {
+
    color: #da5c2a;
  background-color: #ccc;
 
 
}
 
}
  
/* Style the collapsible content. Note: hidden by default */
+
.mw-editsection { display:none!important; }
.content {
+
.hiddentext {display:none;}
    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;
 
}
 
*/
 

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