MediaWiki:Common.css : Différence entre versions

De Réformation tranquille
Sauter à la navigation Sauter à la recherche
 
(244 révisions intermédiaires par 2 utilisateurs 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 {
 
  background-color: white;
 
}
 
 
panel {
 
  background-color: none;
 
}
 
 
element.style {
 
  background-color: white;
 
}
 
  
 
#mw-page-base {
 
#mw-page-base {
 
   background: linear-gradient(white, white);
 
   background: linear-gradient(white, white);
 
}
 
}
 +
/*
 +
body {
 +
    width: 100%; 
 +
    text-align: center;
 +
    margin-top: 0em;
 +
    margin: auto;
 +
    position:relative;
 +
    background-color: white;
 +
}
 +
*/
  
 
body {
 
body {
     width: 85%;   
+
     width: 60%;   
 
     text-align: center;
 
     text-align: center;
 
     margin-top: 1em;  
 
     margin-top: 1em;  
Ligne 27 : Ligne 25 :
  
 
div { text-align: left; }
 
div { text-align: left; }
 
body #ca-delete {
 
    display: none !important;
 
}
 
  
 
.vectorTabs .new a, .vectorTabs .new a:visited {
 
.vectorTabs .new a, .vectorTabs .new a:visited {
Ligne 36 : Ligne 30 :
 
}
 
}
  
#searchInput {
+
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
     border: none;
+
     background-color: white;
 +
    background-image: linear-gradient(to bottom,rgba(167,215,249,0) 0,white 100%);
 
}
 
}
  
body {
+
.mw-body {
     background: #fff;
+
     border: 0px;
 
}
 
}
  
p, li{
+
div#content {
     font-size: 14px;
+
     border-left: 0px solid black;
    line-height: 150%  ;
 
 
}
 
}
  
h1, h2, h3, h4, h5, h6{
+
h1, h2, h3, h4, h5, h6 {
     font-weight: normal;
+
     border-bottom: 0px solid black;
 
}
 
}
  
/*.wma-left-margin.col-md-10{
 
    padding-left: 50px;
 
}*/
 
  
.wma-left-margin .container{
+
#mw-panel .portal h3 {
     width: 100%;
+
    color: black;
     margin-left: 38px;
+
    font-weight: normal;
 +
    margin: 0.5em 0 0 0.66666667em;
 +
    padding: 0.25em 0;
 +
    cursor: default;
 +
     border: 0px;
 +
     font-size: 0.75em;
 
}
 
}
  
/* Container */
 
.inner-container {background:#fff}
 
  
/* Navigation */
+
#mw-panel .portal .body li a:visited {
.navbar-default {
+
     color: black;
     border:none;
 
 
}
 
}
  
.navbar .navbar-nav {
+
#mw-panel .portal .body li a {
     float: inherit;
+
     color: black;
    margin-top:160px
 
 
}
 
}
.navbar .navbar-nav > li > a {
+
a:visited {
     margin: 0 25px;
+
     color: darkgreen;
 
}
 
}
nav li.dropdown:first-child {margin-left: 25px;}
 
  
.navbar .navbar-nav > li > a{
+
#mw-panel .portal .body li {
     /*text-transform: lowercase;*/
+
     margin: 0em;
     margin: 0 79px;
+
    padding: 0.25em;
 +
    font-size: 0.8em;
 +
    line-height: 1.5em;
 +
     word-wrap: break-word;
 
}
 
}
  
.navbar .navbar-nav > li:first-child > a{margin-left:50px}
+
a.new:visited, #p-personal a.new:visited {
 +
    color: black;
 +
}
 +
a.new, #p-personal a.new {
 +
    color: black;
 +
}
  
.navbar .navbar-nav > li:last-child > a{margin-right:0}
+
div#content a {
 +
    color: darkgreen;
 +
}
  
 +
#mw-panel .portal .body {
 +
    background-image: none;
 +
}
  
 +
.vectorTabs li a {
 +
    color: black;
 +
}
  
 +
.vectorTabs li a {
 +
    color: black;
 +
}
  
@media (max-width: 1199px){
+
h3, h4, h5, h6 {
 +
    border-bottom: 0px;
 +
}
  
    .navbar .navbar-nav > li > a {
 
        margin: 0 54px;
 
    }
 
  
    .navbar .navbar-nav > li:first-child > a{margin-left:40px}
+
#mw-panel #p-logo + .portal {
 +
    margin-top: 0em;
 +
}
  
    nav li.dropdown:first-child {margin-left: 40px;}
+
#mw-panel .portal .body li a {
 +
    text-transform:;
 +
}
  
    /*.wma-left-margin.col-md-10{
+
#mw-panel .portal h3 {
        padding-left: 80px;
+
     text-transform: uppercase;
    }*/
+
}
     .wma-left-margin .container{
 
        margin-left: 66px;
 
    }
 
  
 +
table.wikitable > tr > th, table.wikitable > * > tr > th {
 +
    background-color: white;
 
}
 
}
  
/*
+
.wikitable {
@media (max-width: 1015px){
+
     background-color: white;
    .navbar .navbar-nav > li > a {
+
}
        margin: 0 25px;
 
    }
 
     nav li.dropdown:first-child {margin-left: 25px;}
 
    .wma-left-margin .container{
 
        margin-left:32px;
 
    }
 
}*/
 
  
@media (max-width: 991px){
+
#footer-places-about {
 +
    display:center !important;
 +
}
  
    .wma-left-margin .container{
+
#footer-poweredbyico, #f-copyrightico, li#footer-places-disclaimer,li#footer-places-privacy{display: none !important}
        margin-left:0;
 
    }
 
 
 
    .navbar .navbar-nav > li > a {
 
        margin: 0 26px;
 
    }
 
  
 +
.mw-editsection, .mw-editsection-like {
 +
    font-family: georgia;
 +
    display: none;
 
}
 
}
  
@media (max-width:767px) {
+
/* Remove OUTILS from left sidebar */
 +
#p-tb {display: none;}
  
    #logo a img {
+
#ca-nstab-main { display:none!important; }
        max-width:120px;
+
#ca-nstab-user { display:none!important; }
        margin-left:15px;
+
#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; }
  
     .navbar .navbar-toggle {top: 110px !important}
+
element.style {
 +
}
 +
a {
 +
     text-decoration: none;
 +
    color: darkgreen;
 +
    background: white;
 +
}
  
    .navbar .navbar-nav {
+
element.style {
        float: inherit;
+
}
        margin-top:inherit;
+
div#content {
        text-align:left;
+
    border-left: 0px solid black;
    }
+
}
 +
.mw-body {
 +
    padding: 0em 1.5em 1.5em 1.5em;
 +
}
  
    .navbar .navbar-nav > li > a {
+
element.style {
        margin:inherit;
+
}
    }
 
  
    .navbar .navbar-nav > li > a,
 
    .navbar-nav > li + li,
 
    .navbar .navbar-nav > li:first-child > a {margin-left:0}
 
  
    nav li.dropdown:first-child {margin-left:0 !important}
+
element.style {
 +
}
 +
.toctogglelabel {
 +
    display: none !important;
 +
}
  
    .navbar .navbar-nav .open .dropdown-toggle {background-color:transparent !important}
+
.toctogglespan {
 +
    display: none;
 +
}
  
     .navbar .navbar-nav .dropdown-menu {
+
.firstHeading {
        background:transparent;
+
     margin-bottom: 0.1em;
        margin-top: -8px;
+
    line-height: 1.2em;
    }
+
    padding-bottom: 0;
 +
}
  
     .navbar-default .navbar-nav .open .dropdown-menu > li > a {}
+
div#content {
 +
     border-left: 0x solid black;
 +
}
  
    .wma-left-margin.col-md-10{
+
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
        padding-left:inherit;
+
    margin-left: ;
     }
+
    margin-top: ;
 +
    border-left: 0px solid black;
 +
    border-right: 0px solid black;
 +
    border-top: 0px solid black;
 +
     border-bottom: 0px solid black;
 
}
 
}
  
@media (max-width:479px) {
+
#footer-places li {
 +
    display: none;
 +
}
  
    #boxed {width:auto}
+
#mw-panel .portal .body li {
 +
    display:;
 +
}
  
    #logo a img {
+
#searchInput {
        max-width: 100px;
+
    border: 1px solid black;
    }
 
 
 
    .navbar .navbar-toggle {top: 88px !important}
 
 
}
 
}
  
  
 +
element.style {
 +
}
 +
#p-logo a {
 +
    display: block;
 +
    width: 8em;
 +
    height: 6em;
 +
    background-repeat: no-repeat;
 +
    background-position: center center;
 +
    text-decoration: none;
 +
}
  
/* Page Specific */
+
html {
 +
    font-size: 1.1em;
 +
}
  
/* HOME */
+
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, #footer {
body.home .content-editor p{
+
    margin-left: 0em;
     margin: 70px 0;
+
}
 +
#mw-head-base {
 +
     margin-top: -5em;
 +
    margin-left: 10em;
 +
    height: 4em;
 
}
 
}
  
 +
#mw-panel .portal .body li {
 +
    display: none;
 +
}
  
/* Page Headings / Titles  themo_page_header_1 */
+
#footer ul {
 
+
     display: none;
h1{
 
     font-size: 26px
 
 
}
 
}
  
.wma-left-margin h1{
+
body {
    margin: 40px 0;  }
+
     font-family: georgia;
 
 
.page-title.left {
 
    padding: 40px 30% 40px 0;
 
}
 
#themo_page_header_1.page-title h1 {
 
    color: #666666;
 
     font-weight: normal;
 
 
}
 
}
  
.content-editor{
+
.mw-body-content {
     padding-top: 10px;
+
    position: relative;
     padding-bottom: 40px;
+
    font-size: 1em;
 +
     line-height: 1.6;
 +
     z-index: 0;
 
}
 
}
  
/* Background */
 
  
.page-id-59 .content-editor img.alignnone,
+
.mw-body-content h2 {
.page-id-59 .content-editor img.alignleft,
+
    margin-top: 3em;
.page-id-59 .content-editor img.alignright {margin-bottom:30px}
+
    font-size: 1.2em;
 +
    text-align: center;
 +
    margin-bottom: 0.25em;
 +
    padding: 0;
 +
    font-family: georgia;
 +
    line-height: 1.3;
 +
    text-transform: uppercase;
 +
}
  
 +
.mw-body-content h3 {
 +
    margin-top: 2.5em;
 +
    font-size: 1em;
 +
    text-align: left;
 +
    margin-bottom: 0.25em;
 +
    padding: 0;
 +
    font-family: georgia;
 +
    line-height: 1.3;
 +
    text-transform: italic;
 +
}
  
/* Gallery Grid */
+
.mw-body-content h3 {
.jig-preset-global {
+
     margin-top: 2.5em;
     margin-top: 36px !important;
+
     font-size: 0.875em;
     margin-bottom: 10px !important;
 
 
}
 
}
  
.page-id-13 .col-xs-12 h3{
+
 
     margin-top: 26px;
+
.mw-body-content p {
    margin-bottom: -22px;
+
     text-align: justify;
 
}
 
}
  
/* Guiding Principles */
 
  
@media (max-width: 1199px) {
+
.mw-body .firstHeading {
     .features-inner {
+
     overflow: visible;
        padding-left: 0;
+
    font-family: georgia;
        padding-right: 0;
+
     text-align: center;
     }
+
     margin-top: 1em;
}
 
@media (max-width: 991px) {
 
    .features-inner .feature-block {
 
        max-width:100%;
 
     }
 
    .features-inner .feature-block img {
 
        width:100%;
 
    }
 
 
}
 
}
  
/* BLOG */
+
.toc, .mw-warning, .toccolours {
.post-meta{
+
     border: 0px solid #a2a9b1;
     display: none;
+
    background-color: white;
}
 
  
body.single .post-inner .entry-content:before, body.single .post-inner .entry-content:after {
+
.mw-body-content .toc h2 {
     content: " ";
+
     font-family: georgia;
     display: table;
+
     font-size: 100%;
 
}
 
}
body.single .post-inner .entry-content:after {clear:both}
 

Version actuelle datée du 25 février 2023 à 17:40

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

#mw-page-base {
  background: linear-gradient(white, white);
}
/*
body {
    width: 100%;   
    text-align: center;
    margin-top: 0em; 
    margin: auto; 
    position:relative;
    background-color: white;
}
*/

body {
    width: 60%;   
    text-align: center;
    margin-top: 1em; 
    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 {
    color: darkgreen;
}

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

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

div#content a {
    color: darkgreen;
}

#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: georgia;
    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: none;
    color: darkgreen;
    background: white;
}

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

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


element.style {
}
#p-logo a {
    display: block;
    width: 8em;
    height: 6em;
    background-repeat: no-repeat;
    background-position: center center;
    text-decoration: none;
}

html {
    font-size: 1.1em;
}

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

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

#footer ul {
    display: none;
}

body {
    font-family: georgia;
}

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


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

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

.mw-body-content h3 {
    margin-top: 2.5em;
    font-size: 0.875em;
}


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


.mw-body .firstHeading {
    overflow: visible;
    font-family: georgia;
    text-align: center;
    margin-top: 1em;
}

.toc, .mw-warning, .toccolours {
    border: 0px solid #a2a9b1;
    background-color: white;

.mw-body-content .toc h2 {
    font-family: georgia;
    font-size: 100%;
}