MediaWiki:Common.css : Différence entre versions

Ligne 6 : Ligne 6 :
 
   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%
 +
}
 +
 +
img {
 +
    max-width: 100%;
 +
    height: auto;
 +
}
 +
 +
span#valuecol {
 +
vertical-align:middle;
 +
display: table-cell;
 +
}
 +
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;
 +
}
 +
 +
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;
 +
}
 +
 +
/* Style the button that is used to open and close the collapsible content */
 +
.collapsible {
 +
/*  background-color: #eee;*/
 +
  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) */
 +
.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;
 +
}
 +
*/

Version du 3 janvier 2019 à 21:26

body {
  background-color: #FFF5EE;
}

h1 {
  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%
}

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

span#valuecol {
vertical-align:middle;
display: table-cell;
}
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;
}

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

/* Style the button that is used to open and close the collapsible content */
.collapsible {
/*  background-color: #eee;*/
  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) */
.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;
}
*/