« MediaWiki:Mobile.css » : différence entre les versions

De JVFlux
mAucun résumé des modifications
Aucun résumé des modifications
 
(109 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */
.accueil_lien{font-size:110%;padding-top:15px}#accueil_global ul{list-style:url(https://jvflux.fr/images/f/f0/sommaire_puces.png)} .remove_from_mobile{display:none!important}#accueil_recherche form input:nth-of-type(1){margin:0 auto;border:none;border:solid 4px #028efd;border-radius:30px;height:40px;padding:10px;width:80%}#accueil_recherche form input[type=submit]{border-radius:30px;border:solid 1px #028efd;margin-left:-40px;background:no-repeat center/35% url(https://jvflux.fr/images/b/bc/loupe.png) #028efd;height:40px;width:60px}#accueil_phrase-aleatoire{text-align:center;margin-top:20px}#accueil_articles,#accueil_naviguer,#accueil_raccourcis,.accueil_flex{display:flex;flex-direction:column}#accueil_articles .accueil_articles-qualite,#accueil_articles .accueil_articles-semaine,#accueil_naviguer .accueil_naviguer-actualites,#accueil_naviguer .accueil_naviguer-navigation{border:1px solid #aaa;flex:1;margin-bottom:10px}.accueil_flex-box{flex:1}.accueil_articles-boite,.accueil_raccourcis-raccourcis{margin:20px auto 15px auto;width:90%}#accueil_articles .accueil_articles-qualite .accueil_flex li:nth-child(6),#accueil_naviguer .accueil_naviguer-navigation .accueil_flex-box:nth-child(1){margin-bottom:10px}#accueil_raccourcis{margin-bottom:10px;text-align:center;background-color:#c4fefb;border-radius:5px}#accueil_raccourcis p{margin-top:0}#accueil_raccourcis .floatleft{margin:0}.accueil_raccourcis-raccourcis{margin-bottom:0!important}#accueil_raccourcis .accueil_raccourcis-raccourcis .accueil_flex div:nth-child(1){display:none}#accueil_message-fin{text-align:center;margin-top:20px;font-size:110%}.flex_generique-container{display:flex;justify-content:center}.flex_generique-item{flex:1}.bandeau_article_qualite{margin:15px 0 0 0}.bandeau_article_qualite div{padding:5px 5px 0 5px;text-align:center}@media screen and (max-width:750px){iframe{max-width:100%!important;width:auto!important;height:auto!important}}
@darkmode-table-background-color: #ddd;
@darkmode-border-color: #cdcbc8;
@darkmode-link-color: #69f;
@darkmode-link-visited-color: #709bbd;
@darkmode-red-link-color: #ff6e6e;
 
#content {
background-color: #000;
background-image: none;
}
 
    &,
img,
video,
svg,
  iframe, /* some maps are iframes */
  .mw-wiki-logo,
.mw-no-invert,
.mw-mmv-overlay,
.mw-mmv-pre-image,
.mw-kartographer-map,
.mw-kartographer-mapDialog-map {
        filter: invert(1) hue-rotate(180deg);
        -webkit-filter: invert(1) hue-rotate(180deg);
    }
 
    /* Backgrounds */
    .toc,
    .thumbinner,
    #simpleSearch,
    #searchInput,
    #searchButton,
    #searchGoButton,
    table,
    table.toccolours,
    .wikitable,
    .mw-notification {
        background-color: @darkmode-table-background-color;
    }
 
    /* Borders */
    body,
    #mw-head,
    #mw-panel,
    #content.mw-body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .toc,
    div.thumbinner,
    #simpleSearch,
    #searchInput,
    table.toccolours,
    .mw-notification {
        border-color: @darkmode-border-color;
    }
 
    .thumbimage {
        border: 0;
    }
 
    /* Normal links */
    a,
    #mw-panel .portal .body li a,
    .toctogglelabel,
    .mw-parser-output a.external,
    .mw-parser-output a.extiw,
    .mw-parser-output a.extiw:active {
        color: @darkmode-link-color;
    }
 
    /* Visited links */
    a:visited,
    #mw-panel .portal .body li a:visited {
        color: @darkmode-link-visited-color;
    }
 
    /* Red links */
    a.new,
    .new a {
        color: @darkmode-red-link-color;
    }
 
    /**
* Skin-specific overrides
*/
 
    .vectorTabs li a {
        color: @darkmode-link-color;
    }
 
    /**
* Non-MediaWiki overrides
*/
 
    .infobox, /* English Wikipedia, most other wikis with infoboxes */
.infobox_v2 {
        /* French/Portuguese Wikipedia, etc. */
        background-color: @darkmode-table-background-color;
        border-color: @darkmode-border-color;
    }
 
    /* Maintenance templates you see atop some articles */
    .ambox-content {
        background-color: @darkmode-table-background-color;
        border-color: @darkmode-border-color;
    }

Dernière version du 18 juin 2023 à 13:52

.accueil_lien{font-size:110%;padding-top:15px}#accueil_global ul{list-style:url(https://jvflux.fr/images/f/f0/sommaire_puces.png)} .remove_from_mobile{display:none!important}#accueil_recherche form input:nth-of-type(1){margin:0 auto;border:none;border:solid 4px #028efd;border-radius:30px;height:40px;padding:10px;width:80%}#accueil_recherche form input[type=submit]{border-radius:30px;border:solid 1px #028efd;margin-left:-40px;background:no-repeat center/35% url(https://jvflux.fr/images/b/bc/loupe.png) #028efd;height:40px;width:60px}#accueil_phrase-aleatoire{text-align:center;margin-top:20px}#accueil_articles,#accueil_naviguer,#accueil_raccourcis,.accueil_flex{display:flex;flex-direction:column}#accueil_articles .accueil_articles-qualite,#accueil_articles .accueil_articles-semaine,#accueil_naviguer .accueil_naviguer-actualites,#accueil_naviguer .accueil_naviguer-navigation{border:1px solid #aaa;flex:1;margin-bottom:10px}.accueil_flex-box{flex:1}.accueil_articles-boite,.accueil_raccourcis-raccourcis{margin:20px auto 15px auto;width:90%}#accueil_articles .accueil_articles-qualite .accueil_flex li:nth-child(6),#accueil_naviguer .accueil_naviguer-navigation .accueil_flex-box:nth-child(1){margin-bottom:10px}#accueil_raccourcis{margin-bottom:10px;text-align:center;background-color:#c4fefb;border-radius:5px}#accueil_raccourcis p{margin-top:0}#accueil_raccourcis .floatleft{margin:0}.accueil_raccourcis-raccourcis{margin-bottom:0!important}#accueil_raccourcis .accueil_raccourcis-raccourcis .accueil_flex div:nth-child(1){display:none}#accueil_message-fin{text-align:center;margin-top:20px;font-size:110%}.flex_generique-container{display:flex;justify-content:center}.flex_generique-item{flex:1}.bandeau_article_qualite{margin:15px 0 0 0}.bandeau_article_qualite div{padding:5px 5px 0 5px;text-align:center}@media screen and (max-width:750px){iframe{max-width:100%!important;width:auto!important;height:auto!important}}