MediaWiki:Common.css : Différence entre versions

De Le Parergon
Sauter à la navigation Sauter à la recherche
 
(197 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
 
/* Le CSS placé ici sera appliqué à tous les habillages. */
  
head {
+
#mw-page-base {
  background-color: orange;
+
   background: linear-gradient(white, white);
}
 
 
 
panel {
 
   background-color: none;
 
}
 
 
 
element.style {
 
  background-color: white;
 
}
 
 
 
#simpleSearch input {
 
    background-color: transparent;
 
    color: #000;
 
    margin: 0;
 
    padding: 0;
 
    border: 0;
 
 
}
 
}
  
 
#mw-page-base {
 
#mw-page-base {
  background: linear-gradient(white, white);
 
 
     height: 0em;
 
     height: 0em;
 
}
 
}
 
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
 
    margin-left: 0em;
 
  
 
body {
 
body {
     width: 100%;   
+
     width: 60%;   
    text-align: center;
+
ƒ    text-align: center;
     margin-top: 1em;  
+
     margin-top: 4em;  
 
     margin: auto;  
 
     margin: auto;  
 
     position:relative;
 
     position:relative;
 
     background-color: white;
 
     background-color: white;
    font-family: ;
 
    font
 
 
}
 
}
  
 
div { text-align: left; }
 
div { text-align: left; }
 
/* PREVENTS US FROM DELETING PAGES
 
body #ca-delete {
 
    display: none !important;
 
}
 
*/
 
  
 
.vectorTabs .new a, .vectorTabs .new a:visited {
 
.vectorTabs .new a, .vectorTabs .new a:visited {
Ligne 52 : Ligne 24 :
 
}
 
}
  
#searchInput {
+
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
     border: none;
+
     background-color: white;
     box-shadow: inset 0 0 1px 1px black;
+
     background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,white 100%);
}
 
 
 
div#content {
 
    border-left: px solid black;
 
 
}
 
}
  
Ligne 65 : Ligne 33 :
 
}
 
}
  
 
+
div#content {
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
+
     border-left: 0px solid black;
     background-color: white;
 
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,white 100%);
 
 
}
 
}
  
Ligne 84 : Ligne 50 :
 
     font-size: 0.75em;
 
     font-size: 0.75em;
 
}
 
}
h1, h2, h3, h4, h5, h6 {
+
 
    border-bottom: 0px solid black;
 
}
 
  
 
#mw-panel .portal .body li a:visited {
 
#mw-panel .portal .body li a:visited {
Ligne 96 : Ligne 60 :
 
}
 
}
 
a:visited {
 
a:visited {
     color: purple;
+
    text-decoration: underline;
 +
     color: black;
 
}
 
}
  
 
#mw-panel .portal .body li {
 
#mw-panel .portal .body li {
     margin: 0;
+
     margin: 0em;
     padding: 0.25em 0;
+
     padding: 0.25em;
     font-size: 0.8em;
+
     font-size: 1.1em;
 
     line-height: 1.5em;
 
     line-height: 1.5em;
 
     word-wrap: break-word;
 
     word-wrap: break-word;
 
}
 
}
 +
 +
#mw-panel
 +
position: fixed;
 +
  
 
a.new:visited, #p-personal a.new:visited {
 
a.new:visited, #p-personal a.new:visited {
Ligne 112 : Ligne 81 :
 
a.new, #p-personal a.new {
 
a.new, #p-personal a.new {
 
     color: black;
 
     color: black;
 +
}
 +
 +
#p-personal li {
 +
    color: lightgrey;
 +
    float: left;
 +
    margin-left: 0.75em;
 +
    padding-top: 0.5em;
 +
    font-size: 0.875em;
 +
    line-height: 1.16666667;
 +
    white-space: nowrap;
 +
 
}
 
}
  
 
div#content a {
 
div#content a {
     color: purple;
+
     color: black;
 +
    text-decoration: underline;
 
}
 
}
  
Ligne 121 : Ligne 102 :
 
     background-image: none;
 
     background-image: none;
 
}
 
}
 
  
 
.vectorTabs li a {
 
.vectorTabs li a {
Ligne 132 : Ligne 112 :
  
 
h3, h4, h5, h6 {
 
h3, h4, h5, h6 {
     border-bottom: 0;
+
     border-bottom: 0px;
 
}
 
}
  
Ligne 149 : Ligne 129 :
  
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
     background-color: #f8f9fa;
+
     background-color: white;
 
}
 
}
  
Ligne 165 : Ligne 145 :
 
     font-family: sans-serif;
 
     font-family: sans-serif;
 
     display: none;
 
     display: none;
}
 
 
/* INFOBOX */
 
#infobox table {
 
    border: 1px solid black;
 
    float: right;
 
    margin: 1em;
 
    padding: 1em;
 
 
}
 
}
  
 
/* Remove OUTILS from left sidebar */
 
/* Remove OUTILS from left sidebar */
 
#p-tb {display: none;}
 
#p-tb {display: none;}
 
  
 
#ca-nstab-main { display:none!important; }
 
#ca-nstab-main { display:none!important; }
Ligne 191 : Ligne 162 :
 
}
 
}
 
a {
 
a {
     text-decoration: none;
+
     text-decoration: underline;
     color: purple;
+
     color: black;
     background: none;
+
     background: white;
 +
}
 +
 
 +
element.style {
 +
}
 +
#mw-head {
 +
    position: relative;
 +
    top: 0;
 +
    right: 0;
 +
    width: 100%;
 
}
 
}
  
Ligne 206 : Ligne 186 :
  
 
element.style {
 
element.style {
}
 
#mw-panel .portal .body li {
 
    font-size: 0.84em;
 
 
}
 
}
  
Ligne 220 : Ligne 197 :
 
.toctogglespan {
 
.toctogglespan {
 
     display: none;
 
     display: none;
}
 
 
 
html, body {
 
    font-family: arial;
 
}
 
 
element.style {
 
}
 
.toc {
 
    display: inline-block;
 
    display: table;
 
    zoom: 1;
 
    *display: inline;
 
    padding: 7px;
 
}
 
.toc, .mw-warning, .toccolours {
 
    border: 0px solid #a2a9b1;
 
    background-color: white;
 
    padding: 5px;
 
    font-size: 95%;
 
 
}
 
}
  
Ligne 250 : Ligne 206 :
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
     border-bottom: 1px solid black;
+
     border-bottom: 0solid black;
 
}
 
}
  
 +
div#content {
 +
    border-left: 0x solid black;
 +
}
  
 
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
 
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
     margin-left: 11em;
+
     margin-left: ;
     border-left: px solid black;
+
    margin-top: ;
     border-right: px solid black;
+
     border-left: 0px solid black;
     border-top: px solid black;
+
     border-right: 0px solid black;
     border-bottom: px solid black;
+
     border-top: 0px solid black;
 
+
     border-bottom: 0px solid black;
 
}
 
}
  
Ligne 268 : Ligne 227 :
  
 
#mw-panel .portal .body li {
 
#mw-panel .portal .body li {
     font-size: 0.86em;
+
     display:;
 +
}
 +
 
 +
#searchInput {
 +
    border: 1px solid black;
 
}
 
}
  
#mw-head-base {
+
 
     height: 0.75em;
+
#p-logo a {
     margin-top: 0em;
+
    display: none;
     margin-left: 0;
+
    width: 4.5em;
 +
     height: 3em;
 +
    background-repeat: no-repeat;
 +
     background-position: center center;
 +
     text-decoration: none;
 
}
 
}
  
  
/* */
 
  
element.style {
+
html {
 +
    font-size: 1.3em;
 +
    font-family: georgia;
 +
}
 +
 
 +
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
 +
    margin-left: 0em;
 
}
 
}
#simpleSearch #searchButton {
+
 
    background-image: url(/skins/Vector/images/search-ltr.png?39f97);
+
#mw-head-base {
     background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E);
+
     margin-top: -4em;
     background-position: center center;
+
     margin-left: 10em;
     background-repeat: no-repeat;
+
     height: 0em;
 
}
 
}
#simpleSearch #searchButton, #simpleSearch #mw-searchButton {
+
 
     position: absolute;
+
#mw-panel .portal .body li {
    top: 0;
+
     display: none;
    right: 0;
 
    width: 1.65em;
 
    height: 100%;
 
    cursor: pointer;
 
    text-indent: -99999px;
 
    direction: ltr;
 
    white-space: nowrap;
 
    overflow: hidden;
 
 
}
 
}
#simpleSearch input {
+
 
     background-color: transparent;
+
#footer ul {
    color: #000;
+
     display: none;
    /* margin: 0; */
 
    /* padding: 0; */
 
    /* border: 0; */
 
 
}
 
}
#p-search form, #p-search input {
+
 
     margin: 0.4em 0 0;
+
.mw-body-content {
 +
     position: relative;
 +
    font-size: 0.875em;
 +
    line-height: 1.6;
 +
    z-index: 0;
 
}
 
}
input[type='submit'], input[type='button'], input[type='reset'], input[type='file'] {
+
 
     direction: ltr;
+
.mw-body h1, .mw-body-content h1 {
 +
     font-size: 1.4em;
 +
    text-transform: uppercase;
 
}
 
}
.sitedir-ltr textarea, .sitedir-ltr input {
+
 
     direction: ltr;
+
.mw-body .firstHeading {
 +
    overflow: visible;
 +
    font-family: sans-serif;
 +
    text-align: center;
 +
     margin-top: 4em;
 
}
 
}
user agent stylesheet
+
 
input[type="submit" i] {
+
.mw-body-content h2 {
     appearance: auto;
+
     margin-top: 2em;
    user-select: none;
+
     font-size: 1em;
    white-space: pre;
 
     align-items: flex-start;
 
 
     text-align: center;
 
     text-align: center;
     cursor: default;
+
     margin-bottom: 0.25em;
    box-sizing: border-box;
+
     padding: 0;
    background-color: buttonface;
+
     font-family: sans-serif;
    color: buttontext;
+
     line-height: 1.3;
     padding: 1px 6px;
+
     text-transform: uppercase;
     border-width: 2px;
 
    border-style: outset;
 
     border-color: buttonborder;
 
     border-image: initial;
 
 
}
 
}
user agent stylesheet
+
 
input {
+
.mw-body-content h3 {
    writing-mode: horizontal-tb !important;
+
     margin-top: 2em;
     font-style: ;
+
     font-size: 0.875em;
     font-variant-ligatures: ;
+
     text-align: left;
     font-variant-caps: ;
+
     margin-bottom: 0.25em;
     font-variant-numeric: ;
+
     padding: 0;
     font-variant-east-asian: ;
+
     font-family: sans-serif;
    font-weight: ;
+
     line-height: 1.3;
    font-stretch: ;
+
     text-transform: italic;
    font-size: ;
 
     font-family: ;
 
    text-rendering: auto;
 
    color: fieldtext;
 
    letter-spacing: normal;
 
    word-spacing: normal;
 
     line-height: normal;
 
     text-transform: none;
 
    text-indent: 0px;
 
    text-shadow: none;
 
    display: inline-block;
 
    text-align: start;
 
    appearance: auto;
 
    -webkit-rtl-ordering: logical;
 
    cursor: text;
 
    background-color: field;
 
    margin: 0em;
 
    padding: 1px 2px;
 
    border-width: 2px;
 
    border-style: inset;
 
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
 
    border-image: initial;
 
 
}
 
}
div#simpleSearch {
+
 
    height: 1.4em;
+
.mw-body-content p {
    margin-top: 0.5em;
+
     text-align: justify;
    background-color: white;
 
    padding: 0.2em;
 
     font-size: 1em;
 
    font-family: fedra,Palatino,"times new roman";
 
    -moz-border-radius: .3em;
 
    border-radius: 0.3em;
 
 
}
 
}
#simpleSearch {
+
 
    background-color: #fff;
+
pre, .mw-code {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==);
 
    background-image: url(/skins/Vector/images/search-fade.png?50f7b)!ie;
 
    background-position: top left;
 
    background-repeat: repeat-x;
 
 
     color: #000;
 
     color: #000;
     display: block;
+
     /* background-color: #f8f9fa; */
     width: 12.6em;
+
     border: 1px solid black;
     width: 20vw;
+
     padding: 1em;
     min-width: 5em;
+
     white-space: pre-wrap;
    max-width: 20em;
+
}
    padding-right: 1.4em;
+
 
    height: 1.4em;
+
@media screen {
     margin-top: 0.65em;
+
     #p-logo a {
    position: relative;
+
        display: fixed;
    min-height: 1px;
+
        background-repeat: no-repeat;
    border: 1px solid #a2a9b1;
+
        background-position: center center;
    border-radius: 2px;
+
        text-decoration: none;
    -webkit-transition: border-color 250ms;
+
     }
    -moz-transition: border-color 250ms;
 
     transition: border-color 250ms;
 
 
}
 
}
div {
+
 
    text-align: left;
+
@media screen
 +
#p-logo {
 +
width: 3em;
 +
height: 4em;
 
}
 
}
#p-search {
+
 
    top: 0.4em;
+
element.style {
    left: 0.4em;
 
    padding: 0;
 
    text-align: left;
 
    margin-right: 0;
 
 
}
 
}
body, #content, .portlet {
+
#p-logo {
     font-family: fedra,Palatino,"times new roman";
+
    width: 4.5em;
 +
     height: 3em;
 
}
 
}
body {
+
 
    width: 85%;
+
.mw-body-content {
    text-align: center;
+
     margin-top: 2.5em;
     margin-top: 1em;
 
    margin: auto;
 
    position: relative;
 
 
}
 
}
html, body {
+
 
    height: 100%;
+
element.style {
    margin: 0;
 
    padding: 0;
 
    font-family: sans-serif;
 
 
}
 
}
@media screen and (max-width: 1024px)
+
pre, .mw-code {
html {
+
    color: #000;
     font-size: 1em;
+
    border: white;
 +
    padding: 1em;
 +
     white-space: pre-wrap;
 
}
 
}
html {
+
 
    font-size: 1.5em;
+
 
 +
 
 +
@media screen
 +
pre, .mw-code {
 +
color: #000;
 +
background-color: white;
 +
border-left: 1px solid #eaecf0;
 +
padding: 1em;
 +
font-style: italic;
 +
font-size: 12pt;
 
}
 
}
html {
+
 
    font-size: 100%;
+
 
 +
pre, .mw-code {
 +
color: #000;
 +
border: white;
 +
padding: 1em;
 +
white-space: pre-wrap;
 +
background-color: white;
 +
font-style: italic;
 +
font-size: 12pt;
 
}
 
}

Version actuelle datée du 12 août 2024 à 07:28

/* Le CSS placé ici sera appliqué à tous les habillages. */

#mw-page-base {
  background: linear-gradient(white, white);
}

#mw-page-base {
    height: 0em;
}

body {
    width: 60%;   
ƒ    text-align: center;
    margin-top: 4em; 
    margin: auto; 
    position:relative;
    background-color: white;
}

div { text-align: left; }

.vectorTabs .new a, .vectorTabs .new a:visited {
    color: black;
}

.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
    background-color: white;
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,white 100%);
}

.mw-body {
    border: 0px;
}

div#content {
    border-left: 0px solid black;
}

h1, h2, h3, h4, h5, h6 {
    border-bottom: 0px solid black;
}

#mw-panel .portal h3 {
    color: black;
    font-weight: normal;
    margin: 0.5em 0 0 0.66666667em;
    padding: 0.25em 0;
    cursor: default;
    border: 0px;
    font-size: 0.75em;
}


#mw-panel .portal .body li a:visited {
    color: black;
}

#mw-panel .portal .body li a {
    color: black;
}
a:visited {
    text-decoration: underline;
    color: black;
}

#mw-panel .portal .body li {
    margin: 0em;
    padding: 0.25em;
    font-size: 1.1em;
    line-height: 1.5em;
    word-wrap: break-word;
}

#mw-panel
position: fixed;


a.new:visited, #p-personal a.new:visited {
    color: black;
}
a.new, #p-personal a.new {
    color: black;
}

#p-personal li {
    color: lightgrey;
    float: left;
    margin-left: 0.75em;
    padding-top: 0.5em;
    font-size: 0.875em;
    line-height: 1.16666667;
    white-space: nowrap;

}

div#content a {
    color: black;
    text-decoration: underline;
}

#mw-panel .portal .body {
    background-image: none;
}

.vectorTabs li a {
    color: black;
}

.vectorTabs li a {
    color: black;
}

h3, h4, h5, h6 {
    border-bottom: 0px;
}


#mw-panel #p-logo + .portal {
    margin-top: 0em;
}

#mw-panel .portal .body li a {
    text-transform:;
}

#mw-panel .portal h3 {
    text-transform: uppercase;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: white;
}

.wikitable {
    background-color: white;
}

#footer-places-about {
    display:center !important;
}

#footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer,li#footer-places-privacy{display: none !important}

.mw-editsection, .mw-editsection-like {
    font-family: sans-serif;
    display: none;
}

/* Remove OUTILS from left sidebar */
#p-tb {display: none;}

#ca-nstab-main { display:none!important; }
#ca-nstab-user { display:none!important; }
#ca-talk { display:none!important; }
#ca-view { display:none!important; }
#ca-history { display:none!important; }
#ca-watch { display:none!important; }
#ca-unwatch { display:none!important; }
#ca-viewsource { display:none!important; }

element.style {
}
a {
    text-decoration: underline;
    color: black;
    background: white;
}

element.style {
}
#mw-head {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
}

element.style {
}
div#content {
    border-left: 0px solid black;
}
.mw-body {
    padding: 0em 1.5em 1.5em 1.5em;
}

element.style {
}


element.style {
}
.toctogglelabel {
    display: none !important;
}

.toctogglespan {
    display: none;
}

.firstHeading {
    margin-bottom: 0.1em;
    line-height: 1.2em;
    padding-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    border-bottom: 0solid black;
}

div#content {
    border-left: 0x solid black;
}

.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
    margin-left: ;
    margin-top: ;
    border-left: 0px solid black;
    border-right: 0px solid black;
    border-top: 0px solid black;
    border-bottom: 0px solid black;
}

#footer-places li {
    display: none;
}

#mw-panel .portal .body li {
    display:;
}

#searchInput {
    border: 1px solid black;
}


#p-logo a {
    display: none;
    width: 4.5em;
    height: 3em;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}



html {
    font-size: 1.3em;
    font-family: georgia;
}

.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
    margin-left: 0em;
}

#mw-head-base {
    margin-top: -4em;
    margin-left: 10em;
    height: 0em;
}

#mw-panel .portal .body li {
    display: none;
}

#footer ul {
    display: none;
}

.mw-body-content {
    position: relative;
    font-size: 0.875em;
    line-height: 1.6;
    z-index: 0;
}

.mw-body h1, .mw-body-content h1 {
    font-size: 1.4em;
    text-transform: uppercase;
}

.mw-body .firstHeading {
    overflow: visible;
    font-family: sans-serif;
    text-align: center;
    margin-top: 4em;
}

.mw-body-content h2 {
    margin-top: 2em;
    font-size: 1em;
    text-align: center;
    margin-bottom: 0.25em;
    padding: 0;
    font-family: sans-serif;
    line-height: 1.3;
    text-transform: uppercase;
}

.mw-body-content h3 {
    margin-top: 2em;
    font-size: 0.875em;
    text-align: left;
    margin-bottom: 0.25em;
    padding: 0;
    font-family: sans-serif;
    line-height: 1.3;
    text-transform: italic;
}

.mw-body-content p {
    text-align: justify;
}

pre, .mw-code {
    color: #000;
    /* background-color: #f8f9fa; */
    border: 1px solid black;
    padding: 1em;
    white-space: pre-wrap;
}

@media screen {
    #p-logo a {
        display: fixed;
        background-repeat: no-repeat;
        background-position: center center;
        text-decoration: none;
    }
}

@media screen
#p-logo {
width: 3em;
height: 4em;
}

element.style {
}
#p-logo {
    width: 4.5em;
    height: 3em;
}

.mw-body-content {
    margin-top: 2.5em;
}

element.style {
}
pre, .mw-code {
    color: #000;
    border: white;
    padding: 1em;
    white-space: pre-wrap;
}



@media screen
pre, .mw-code {
color: #000;
background-color: white;
border-left: 1px solid #eaecf0;
padding: 1em;
font-style: italic;
font-size: 12pt;
}


pre, .mw-code {
color: #000;
border: white;
padding: 1em;
white-space: pre-wrap;
background-color: white;
font-style: italic;
font-size: 12pt;
}