Différences entre les versions de « MediaWiki:Vector.css »
Aller à la navigation
Aller à la recherche
(26 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 19 : | Ligne 19 : | ||
span.tocnumber { display: inherit; } | span.tocnumber { display: inherit; } | ||
.toclevel-3 .tocnumber { display: none; } | .toclevel-3 .tocnumber { display: none; } | ||
+ | .mw-headline-number { display: none; } | ||
+ | |||
+ | /************* Brut de classe ****************/ | ||
+ | |||
+ | .subtitle { display: none; } | ||
+ | .linkpreview { | ||
+ | height: 250px; | ||
+ | width: 49.7%; | ||
+ | display: inline-block; | ||
+ | margin-bottom: 20px; | ||
+ | vertical-align: top; | ||
+ | font-family: Oxygen, Arial, 'Helvetica Neue', Helvetica, sans-serif; | ||
+ | scroll-snap-align: start; | ||
+ | line-height: 1.2; | ||
+ | } | ||
+ | @media (max-width: 750px) { | ||
+ | .linkpreview { width: 49%; } | ||
+ | } | ||
+ | .linkpreview h3 { | ||
+ | font-size: 60%!important; | ||
+ | text-transform: uppercase; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: normal; | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | .linkpreview a { | ||
+ | display: block; | ||
+ | width: 95%; | ||
+ | font-size: 13px; | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | font-style: italic; | ||
+ | } | ||
+ | .linkpreview img { | ||
+ | width: 100%; | ||
+ | height: 185px; | ||
+ | object-fit: cover; | ||
+ | } | ||
+ | .tab label, .subtitle { | ||
+ | font-size: 110%; | ||
+ | font-weight: normal; | ||
+ | font-variant: small-caps; | ||
+ | font-family: Impact, Haettenschweiler, Arial Black; | ||
+ | } | ||
+ | .contenttab { | ||
+ | padding-left: 3px; | ||
+ | scroll-snap-type: y mandatory; | ||
+ | } | ||
+ | #tabs { | ||
+ | position: relative; | ||
+ | clear: both; | ||
+ | margin-left : auto; | ||
+ | margin-right: auto; | ||
+ | max-width: 998px; | ||
+ | } | ||
+ | .tab { float: left; } | ||
+ | .tab label { | ||
+ | background: #c9adad; | ||
+ | padding: 5px 20px 5px 20px; | ||
+ | border: 1px solid #ccc; | ||
+ | margin-left: -1px; | ||
+ | position: relative; | ||
+ | left: 1px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .tab [type=radio] { display: none; } | ||
+ | .content { | ||
+ | position: absolute; | ||
+ | top: 29px; | ||
+ | left: 0; | ||
+ | background: rgba(255, 255, 255, .4); | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | padding: 5px; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | .content > * { | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.6s ease; | ||
+ | -moz-transition: opacity 0.6s ease; | ||
+ | -ms-transition: opacity 0.6s ease; | ||
+ | -o-transition: opacity 0.6s ease; | ||
+ | } | ||
+ | [type=radio]:checked ~ label { | ||
+ | background: rgba(255, 255, 255, 0.85); | ||
+ | border-bottom: 2px solid rgba(255, 255, 255, 0); | ||
+ | z-index: 2; | ||
+ | } | ||
+ | [type=radio]:checked ~ label ~ .content { z-index: 1; } | ||
+ | [type=radio]:checked ~ label ~ .content > * { opacity: 1; } | ||
+ | |||
+ | .page-Accueil .contenttab { height: 260px; overflow-y: scroll; } | ||
+ | .page-Accueil #tabs { min-height: 295px; } | ||
+ | |||
+ | .page-Brut_de_classe .mw-body { height: 6050px; } | ||
+ | .page-Brut_de_classe #tabs { min-height: 5980px; } | ||
/** | /** | ||
Ligne 26 : | Ligne 122 : | ||
* https://wikirouge.net/Éléments_pour_un_programme_communiste | * https://wikirouge.net/Éléments_pour_un_programme_communiste | ||
*/ | */ | ||
− | .section-expandable ul { color: darkgrey; } | + | |
+ | .page-Pour_un_programme_communiste .mw-headline-number { display: inline; } | ||
+ | .section-expandable ul li::marker { color: darkgrey; } | ||
.section-expandable-content { | .section-expandable-content { | ||
transition: all 1s; | transition: all 1s; | ||
Ligne 60 : | Ligne 158 : | ||
/****************** Sidebar **********************/ | /****************** Sidebar **********************/ | ||
− | |||
− | |||
− | |||
#p-navigation li a, #p-Rubriques li a { | #p-navigation li a, #p-Rubriques li a { | ||
Ligne 81 : | Ligne 176 : | ||
#n-Utiliser-le-wiki a:before { content: url(/nowiki/icones/Help.png); } | #n-Utiliser-le-wiki a:before { content: url(/nowiki/icones/Help.png); } | ||
− | #p- | + | #p-Soutenir\ WikiRouge li { display: inline-block; } |
− | #p- | + | #p-Soutenir\ WikiRouge li a { display: block; width: 25px; height: 25px; overflow: hidden; } |
− | #p- | + | #p-Soutenir\ WikiRouge li a:hover { opacity: 0.6; } |
#n-Page-Facebook a:before { content: url(/nowiki/icones/Facebook.png); } | #n-Page-Facebook a:before { content: url(/nowiki/icones/Facebook.png); } | ||
#n-Compte-Twitter a:before { content: url(/nowiki/icones/Twitter.png); } | #n-Compte-Twitter a:before { content: url(/nowiki/icones/Twitter.png); } | ||
+ | #n-Instagram a:before { content: url(/nowiki/icones/Instagram.png); } | ||
+ | #n-Youtube a:before { content: url(/nowiki/icones/Youtube.png); } | ||
#n-Faire-un-don a:before { content: url(/nowiki/icones/Don.png); } | #n-Faire-un-don a:before { content: url(/nowiki/icones/Don.png); } | ||
#n-Th\.C3\.A9orie a:before { content: url(/nowiki/icones/Theorie.png); } | #n-Th\.C3\.A9orie a:before { content: url(/nowiki/icones/Theorie.png); } | ||
Ligne 92 : | Ligne 189 : | ||
#n-\.C3\.89cologie a:before { content: url(/nowiki/icones/Ecologie.png); } | #n-\.C3\.89cologie a:before { content: url(/nowiki/icones/Ecologie.png); } | ||
#n-Pays a:before { content: url(/nowiki/icones/Pays.png); } | #n-Pays a:before { content: url(/nowiki/icones/Pays.png); } | ||
− | #n- | + | #n-Organisations a:before { content: url(/nowiki/icones/Partis.png); } |
#n-Socialistes a:before { content: url(/nowiki/icones/Socialistes.png); } | #n-Socialistes a:before { content: url(/nowiki/icones/Socialistes.png); } | ||
#n-Voir-toutes\.\.\. a:before { content: url(/nowiki/icones/Plus.png); } | #n-Voir-toutes\.\.\. a:before { content: url(/nowiki/icones/Plus.png); } | ||
Ligne 207 : | Ligne 304 : | ||
.media.video { | .media.video { | ||
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top; | background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Version actuelle datée du 30 avril 2023 à 23:45
/* Le CSS placé ici affectera les utilisateurs de l’habillage Vector. */
.filehistory { font-size: 90%; }
.listfiles { font-size: 80%; }
.mw-references-wrap {
border-top: none!important;
margin-top: 0!important;
}
#mw-normal-catlinks {
display: block!important;
font-variant: small-caps;
border: 1px solid #d8d8d8;
padding-left: 5px;
}
#catlinks a { color:black!important; }
#catlinks a:hover { background: #e0d6d6; text-decoration:none; }
span.tocnumber { display: inherit; }
.toclevel-3 .tocnumber { display: none; }
.mw-headline-number { display: none; }
/************* Brut de classe ****************/
.subtitle { display: none; }
.linkpreview {
height: 250px;
width: 49.7%;
display: inline-block;
margin-bottom: 20px;
vertical-align: top;
font-family: Oxygen, Arial, 'Helvetica Neue', Helvetica, sans-serif;
scroll-snap-align: start;
line-height: 1.2;
}
@media (max-width: 750px) {
.linkpreview { width: 49%; }
}
.linkpreview h3 {
font-size: 60%!important;
text-transform: uppercase;
margin-bottom: 0;
font-weight: normal;
margin-top: 0;
}
.linkpreview a {
display: block;
width: 95%;
font-size: 13px;
text-decoration: none;
color: black;
font-style: italic;
}
.linkpreview img {
width: 100%;
height: 185px;
object-fit: cover;
}
.tab label, .subtitle {
font-size: 110%;
font-weight: normal;
font-variant: small-caps;
font-family: Impact, Haettenschweiler, Arial Black;
}
.contenttab {
padding-left: 3px;
scroll-snap-type: y mandatory;
}
#tabs {
position: relative;
clear: both;
margin-left : auto;
margin-right: auto;
max-width: 998px;
}
.tab { float: left; }
.tab label {
background: #c9adad;
padding: 5px 20px 5px 20px;
border: 1px solid #ccc;
margin-left: -1px;
position: relative;
left: 1px;
cursor: pointer;
}
.tab [type=radio] { display: none; }
.content {
position: absolute;
top: 29px;
left: 0;
background: rgba(255, 255, 255, .4);
right: 0;
bottom: 0;
padding: 5px;
border: 1px solid #ccc;
}
.content > * {
opacity: 0;
-webkit-transition: opacity 0.6s ease;
-moz-transition: opacity 0.6s ease;
-ms-transition: opacity 0.6s ease;
-o-transition: opacity 0.6s ease;
}
[type=radio]:checked ~ label {
background: rgba(255, 255, 255, 0.85);
border-bottom: 2px solid rgba(255, 255, 255, 0);
z-index: 2;
}
[type=radio]:checked ~ label ~ .content { z-index: 1; }
[type=radio]:checked ~ label ~ .content > * { opacity: 1; }
.page-Accueil .contenttab { height: 260px; overflow-y: scroll; }
.page-Accueil #tabs { min-height: 295px; }
.page-Brut_de_classe .mw-body { height: 6050px; }
.page-Brut_de_classe #tabs { min-height: 5980px; }
/**
* Pour le Programme
* https://wikirouge.net/Éléments_pour_un_programme_communiste
*/
.page-Pour_un_programme_communiste .mw-headline-number { display: inline; }
.section-expandable ul li::marker { color: darkgrey; }
.section-expandable-content {
transition: all 1s;
max-height: 200px;
overflow: hidden;
text-overflow: ellipsis;
background: -webkit-linear-gradient(#000, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section-expandable-content a { pointer-events: none; }
.section-expandable-toggle {
text-align:center;
font-size: 150%;
color: gray;
}
.section-expandable-content:hover, .section-expandable-toggle:hover { cursor: pointer; }
.section-expandable:hover .section-expandable-toggle {
background-color: #fecece;
color: #a81b1b;
}
/**
* Pour les anniversaires
* https://wikirouge.net/Anniversaires
*/
.tableanniv tr {
text-align: center;
vertical-align: top;
}
/****************** Sidebar **********************/
#p-navigation li a, #p-Rubriques li a {
display: block;
border-radius: 10px;
padding-left: 5px;
}
#p-navigation li a:hover,
#p-Rubriques li a:hover {
text-decoration: none;
background-image: linear-gradient(to left, rgba(255,0,0,0), #e0d6d6);
}
#p-navigation li a:before,
#p-Rubriques li a:before { vertical-align: -52%; margin-right: 6px; }
#n-Info-sur-WikiRouge a:before { content: url(/nowiki/icones/Info.png); }
#n-randompage a:before { content: url(/nowiki/icones/Random.png); }
#n-Utiliser-le-wiki a:before { content: url(/nowiki/icones/Help.png); }
#p-Soutenir\ WikiRouge li { display: inline-block; }
#p-Soutenir\ WikiRouge li a { display: block; width: 25px; height: 25px; overflow: hidden; }
#p-Soutenir\ WikiRouge li a:hover { opacity: 0.6; }
#n-Page-Facebook a:before { content: url(/nowiki/icones/Facebook.png); }
#n-Compte-Twitter a:before { content: url(/nowiki/icones/Twitter.png); }
#n-Instagram a:before { content: url(/nowiki/icones/Instagram.png); }
#n-Youtube a:before { content: url(/nowiki/icones/Youtube.png); }
#n-Faire-un-don a:before { content: url(/nowiki/icones/Don.png); }
#n-Th\.C3\.A9orie a:before { content: url(/nowiki/icones/Theorie.png); }
#n-Histoire a:before { content: url(/nowiki/icones/Histoire.png); }
#n-\.C3\.89conomie a:before { content: url(/nowiki/icones/Economie.png); }
#n-\.C3\.89cologie a:before { content: url(/nowiki/icones/Ecologie.png); }
#n-Pays a:before { content: url(/nowiki/icones/Pays.png); }
#n-Organisations a:before { content: url(/nowiki/icones/Partis.png); }
#n-Socialistes a:before { content: url(/nowiki/icones/Socialistes.png); }
#n-Voir-toutes\.\.\. a:before { content: url(/nowiki/icones/Plus.png); }
#p-coll-print_export li { display: inline-block; }
#p-coll-print_export li a { display: block; width: 25px; height: 25px; overflow: hidden; }
#p-coll-print_export li a:hover { opacity: 0.6; }
#coll-create_a_book a:before { content: url(/nowiki/icones/Book.png); }
#coll-book_creator_disable a:before { content: url(/nowiki/icones/Book.png); }
#coll-download-as-rl a:before { content: url(/nowiki/icones/PDF.png); }
#coll-download-as-odf a:before { content: url(/nowiki/icones/ODT.png); }
#coll-download-as-epub a:before { content: url(/nowiki/icones/epub.png); }
#t-print a:before { content: url(/nowiki/icones/Print.png); }
#p-tb #t-print { display: none; } /* cacher dans les pages spéciales */
/********* Page d'accueil (Main Page) **********/
.page-Accueil h1 { display: none; }
/* Pour la version mobile */
#mainpage table {
padding-top: 10px;
padding-bottom: 10px;
}
#mainpage table a { font-size:0.85em; }
#mainpage table table td {
padding-top : 0px ;
border: 1px solid black;
border-radius: 5px;
}
#mainpage table table b {
display: block;
text-align: center;
text-transform: uppercase;
color: black;
font-family: Impact, Haettenschweiler, Arial Black;
font-size: 120%;
font-weight: normal;
}
.page-Accueil #mainpage h3 span { padding: 5px; background-color: black; color:white; }
.page-Accueil .imglinks a img:hover { background-color: #ffe3e5; opacity: 0.9;}
/*** Brut de classe ***/
#Iframe1 { width: 100%; height: 311px; }
/*********************************************/
/*********** Styles des modèles **************/
/* style "Modèle:Désambiguation" */
.desambiguation { font-style: italic; }
/* [[Modèle:Nobr]] */
.nowrap { white-space: nowrap; }
/***** Infobox *****/
.infobox_v2 {
background: #f9f9f9;
color: #000;
font-size: 90%;
line-height: 1.2em;
float: right;
clear: right;
margin: 0 0 0.5em 1em;
width: 294px;
border: 1px solid #aaa;
border-spacing: 5px;
}
.infobox_v2 th {
vertical-align: super;
text-align: left;
}
.infobox_v2 .entete {
height: 43px;
vertical-align: middle;
text-align: center;
font-size: 140%;
font-weight: bolder;
line-height: 1.1em;
color: #000;
}
/* Padding si pictogramme d'infobox, e.g. ".entete.foobar"
Pas de pictogramme donc pas de padding sur ".entete.defaut" et ".entete"
Possibilité de désactiver ce padding en ajoutant une classe "large" */
.infobox_v2 .entete:not(.defaut):not([class="entete"]):not(.large) {
padding: 1px 48px;
}
/* Pour [[Modèle:Image et son]], etc. */
.infobox_v2 .media {
height: 35px;
vertical-align: middle;
text-align: center;
font-weight: bolder;
color: #000;
}
/* Graphiques transparents d'en-têtes des Infobox */
.entete {
background-position: right center;
background-repeat: no-repeat;
}
.media.audio {
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/35px-Gnome-speakernotes.png") no-repeat left top;
}
.media.video {
background: url("//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Tango-video-x-generic.png/35px-Tango-video-x-generic.png") no-repeat left top;
}