MediaWiki:Common.css : Différence entre versions
(Page blanchie) |
|||
Ligne 1 : | Ligne 1 : | ||
+ | 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 à 19:57
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;
}
*/