« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (New page: →* Le CSS placé ici sera appliqué à toutes les apparences. : →FEUILLE DE STYLE GLOBALE : /* Cette page contrôle l'apparence pour toutes les skins. Les modifications devant s'appli...) |
Aucun résumé des modifications |
||
| (56 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
* { | |||
box-sizing: content-box; | |||
} | } | ||
.shadowbox img { | |||
-webkit-box-shadow: 0px 0px 4px 1px #000000; | |||
box-shadow: 0px 0px 4px 1px #000000; | |||
} | } | ||
.res-img img { | |||
max-width:100%; | |||
height:auto; | |||
} | } | ||
.res-img-50 img { | |||
max-width:50%; | |||
height:auto; | |||
} | } | ||
.testimonial-quote { | |||
font-size: 1em; | |||
display:flex; | |||
background: #EEE; | |||
border-radius: 15px; | |||
} | } | ||
.testimonial-quote blockquote { | |||
/* Negate theme styles */ | |||
border: 0; | |||
margin: 0; | |||
padding: 0; | |||
background: none; | |||
color: gray; | |||
font-family: Georgia, serif; | |||
font-size: 1.25em; | |||
font-style: italic; | |||
line-height: 1.4 !important; | |||
margin: 0; | |||
position: relative; | |||
text-shadow: 0 1px white; | |||
z-index: 600; | |||
/* | |||
} | } | ||
.testimonial-quote blockquote * { | |||
box-sizing: border-box; | |||
} | } | ||
.testimonial-quote p { | |||
margin-left: 65px; | |||
margin-right:15px; | |||
margin- | |||
} | } | ||
.testimonial-quote blockquote { | |||
color: #75808a; | |||
line-height: 1.4 !important; | |||
} | } | ||
.testimonial-quote blockquote:first-child:before { | |||
content: '\201C'; | |||
color: #81bedb; | |||
. | font-size: 7.5em; | ||
font-weight: 700; | |||
opacity: .3; | |||
position: absolute; | |||
top: -.4em; | |||
left: -.2em; | |||
text-shadow: none; | |||
z-index: -300; | |||
} | } | ||
.testimonial-quote cite { | |||
color: gray; | |||
display: block; | |||
font-size: .8em; | |||
} | } | ||
.testimonial-quote cite span { | |||
color: #5e5e5e; | |||
font-size: 1em; | |||
font-style: normal; | |||
font-weight: 700; | |||
letter-spacing: 1px; | |||
text-transform: uppercase; | |||
text-shadow: 0 1px white; | |||
} | } | ||
.testimonial-quote { | |||
position: relative; | |||
} | } | ||
.testimonial-quote.right .quote-container { | |||
padding-left: 0; | |||
padding-right: 160px; | |||
} | } | ||
.testimonial-quote.right cite { | |||
text-align: right; | |||
. | |||
} | } | ||
.prelike { | |||
font-family: monospace,monospace; | |||
. | font-size: 87.5%; | ||
line-height: 1.3; | |||
background: #f8f9fa; | |||
} | } | ||
/* | /** | ||
* Styling for links generated by [[MediaWiki:Edittools]] in WikimediaUI inspired theme. | |||
* @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling | |||
* @updated 2020-03-17 | |||
/ | |||
. | |||
/ | |||
*/ | */ | ||
.mw-charinsert-buttons { | |||
margin-top: 8px; | |||
border: 1px solid #c8ccd1; | |||
padding: 2px 4px 4px; | |||
font-size: 1.1em; | |||
text-align: center; | |||
} | } | ||
.mw-charinsert-buttons a { | |||
background-color: #f8f9fa !important; | |||
color: #202122; | |||
border: thin #36c outset; | |||
padding: 0 1px 2px; | |||
font-size: 0.9em; | |||
font-weight: bold; | |||
text-decoration: none; | |||
} | } | ||
. | .mw-charinsert-buttons a:hover { | ||
background-color: #fff; | |||
color: #404244; | |||
} | } | ||
.mw-charinsert-buttons a:active { | |||
background-color: #c8ccd1; | |||
border-style: inset; | |||
. | |||
} | } | ||
.client-js .mw-edittools-section { | |||
display: inline; | |||
. | |||
} | } | ||
.client-js .mw-edittools-section input[type="button"] { | |||
background-color: #f8f9fa; | |||
color: #202122; | |||
margin-left: 1px; | |||
border-radius: 2px; | |||
padding: 1px 6px; | |||
font-size: .9em; | |||
/* Apply pointer cursor to all interactive elements. */ | |||
cursor: pointer; | |||
} | } | ||
.client-js .mw-edittools-section input[type="button"]:hover { | |||
background-color: #fff; | |||
color: #404244; | |||
} | } | ||
.client-js .mw-edittools-section input[type="button"]:active { | |||
background-color: #c8ccd1; | |||
color: #000; | |||
} | } | ||
/* END WIKIPEDIA STYLING BOX */ | |||
/* TABLEAU DES AMENDEMENTS */ | |||
.tab_amendements { | |||
font-family: "Times New Roman", Times, serif; | |||
font-size: 14px; | |||
max-width:800px; | |||
} | } | ||
.tab_amendements * { | |||
line-height: 1.1; | |||
} | } | ||
.tab_amendements .numero { | |||
border-radius: 50%; | |||
border: solid 1px black; | |||
width: 10px; | |||
height: 10px; | |||
font-size: 10px; | |||
text-align: center; | |||
} | } | ||
.tab_amendements .titre { | |||
text-align: center; | |||
} | } | ||
.tab_amendements .line-through { | |||
background: palevioletred; | |||
} | } | ||
.tab_amendements .hidden { | |||
display: none; | |||
} | } | ||
.tab_amendements .bg-green { | |||
background: lightgreen; | |||
} | } | ||
.tab_amendements .toggle_amendement { | |||
cursor: pointer; | |||
border: solid 1px grey; | |||
padding: 2px; | |||
margin: 0 3px; | |||
font-size: 11px; | |||
background: silver; | |||
position:relative; | |||
} | } | ||
. | .tab_amendements .toggle_amendement.adopte, | ||
.tab_amendements .toggle_amendement.satisfait, | |||
.tab_amendements .toggle_amendement.rejete { | |||
padding: 2px 18px 2px 2px; | |||
} | } | ||
. | .tab_amendements .toggle_amendement.rejete:before, | ||
.tab_amendements .toggle_amendement.satisfait:before, | |||
.tab_amendements .toggle_amendement.adopte:before { | |||
content:''; | |||
background:url('/skins/vector/images/sprites.png'); | |||
position:absolute; | |||
width:17px; | |||
height:19px; | |||
top:0; | |||
right:0; | |||
} | } | ||
.tab_amendements .toggle_amendement.adopte:before { | |||
. | background-position-x: -17px | ||
} | } | ||
.tab_amendements .toggle_amendement.satisfait:before { | |||
. | background-position-x: -36px | ||
} | } | ||
. | .tab_amendements .toggle_amendement:hover { | ||
background: grey; | |||
. | |||
} | } | ||
.tab_amendements .toggle_amendement_clicked { | |||
background: lightgreen; | |||
} | } | ||
.tab_amendements .amendements_wrapper { | |||
display: flex; | |||
flex-flow: row; | |||
/*justify-content: space-around;*/ | |||
/* | |||
/ | |||
} | } | ||
.tab_amendements .tab_amendements { | |||
max-width: 800px; | |||
} | } | ||
.flexwrapper, .flexboxwrapper_divertissements { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: space-around; | |||
} | } | ||
.flexwrapper > div { | |||
box-sizing:border-box; | |||
max-width:50%; | |||
padding:1em; | |||
min-width:23em; | |||
} | } | ||
.flexboxwrapper_divertissements > div { | |||
border: solid 1px silver; | |||
border-radius: 10px; | |||
max-width:33%; | |||
min-width:20em; | |||
margin-bottom:1em; | |||
} | } | ||
.flexboxwrapper_divertissements .flexSubTitle{ | |||
text-align:center; | |||
border-bottom:solid 1px silver; | |||
font-weight:bold; | |||
. | |||
} | } | ||
. | .flexboxwrapper_divertissements .flexSubContent { | ||
} | } | ||
.flexboxwrapper_divertissements .flexSubDesc { | |||
padding: 0 1em; | |||
font-size: 0.9em; | |||
} | } | ||
.flexboxwrapper_divertissements video, .flexboxwrapper_divertissements iframe { | |||
width:100% !important; | |||
height:100% !important; | |||
max-width:auto !important; | |||
max-height:auto !important; | |||
} | } | ||
div.warning_head { | |||
color:white; | |||
border:solid 1px red; | |||
background:#F00; | |||
display:inline; | |||
. | font-weight:bold; | ||
padding: 0 1em; | |||
} | } | ||
div.warning_content { | |||
border:solid 1px red; | |||
background:#FEE; | |||
padding:0.5em; | |||
} | } | ||
.contenu_titre { | |||
border-left:solid 2px silver; | |||
margin-left:1em; | |||
padding-left:1em; | |||
} | |||
margin | |||
padding | |||
} | |||
Version actuelle datée du 24 juillet 2023 à 09:54
* {
box-sizing: content-box;
}
.shadowbox img {
-webkit-box-shadow: 0px 0px 4px 1px #000000;
box-shadow: 0px 0px 4px 1px #000000;
}
.res-img img {
max-width:100%;
height:auto;
}
.res-img-50 img {
max-width:50%;
height:auto;
}
.testimonial-quote {
font-size: 1em;
display:flex;
background: #EEE;
border-radius: 15px;
}
.testimonial-quote blockquote {
/* Negate theme styles */
border: 0;
margin: 0;
padding: 0;
background: none;
color: gray;
font-family: Georgia, serif;
font-size: 1.25em;
font-style: italic;
line-height: 1.4 !important;
margin: 0;
position: relative;
text-shadow: 0 1px white;
z-index: 600;
}
.testimonial-quote blockquote * {
box-sizing: border-box;
}
.testimonial-quote p {
margin-left: 65px;
margin-right:15px;
}
.testimonial-quote blockquote {
color: #75808a;
line-height: 1.4 !important;
}
.testimonial-quote blockquote:first-child:before {
content: '\201C';
color: #81bedb;
font-size: 7.5em;
font-weight: 700;
opacity: .3;
position: absolute;
top: -.4em;
left: -.2em;
text-shadow: none;
z-index: -300;
}
.testimonial-quote cite {
color: gray;
display: block;
font-size: .8em;
}
.testimonial-quote cite span {
color: #5e5e5e;
font-size: 1em;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
text-shadow: 0 1px white;
}
.testimonial-quote {
position: relative;
}
.testimonial-quote.right .quote-container {
padding-left: 0;
padding-right: 160px;
}
.testimonial-quote.right cite {
text-align: right;
}
.prelike {
font-family: monospace,monospace;
font-size: 87.5%;
line-height: 1.3;
background: #f8f9fa;
}
/**
* Styling for links generated by [[MediaWiki:Edittools]] in WikimediaUI inspired theme.
* @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
* @updated 2020-03-17
*/
.mw-charinsert-buttons {
margin-top: 8px;
border: 1px solid #c8ccd1;
padding: 2px 4px 4px;
font-size: 1.1em;
text-align: center;
}
.mw-charinsert-buttons a {
background-color: #f8f9fa !important;
color: #202122;
border: thin #36c outset;
padding: 0 1px 2px;
font-size: 0.9em;
font-weight: bold;
text-decoration: none;
}
.mw-charinsert-buttons a:hover {
background-color: #fff;
color: #404244;
}
.mw-charinsert-buttons a:active {
background-color: #c8ccd1;
border-style: inset;
}
.client-js .mw-edittools-section {
display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
background-color: #f8f9fa;
color: #202122;
margin-left: 1px;
border-radius: 2px;
padding: 1px 6px;
font-size: .9em;
/* Apply pointer cursor to all interactive elements. */
cursor: pointer;
}
.client-js .mw-edittools-section input[type="button"]:hover {
background-color: #fff;
color: #404244;
}
.client-js .mw-edittools-section input[type="button"]:active {
background-color: #c8ccd1;
color: #000;
}
/* END WIKIPEDIA STYLING BOX */
/* TABLEAU DES AMENDEMENTS */
.tab_amendements {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
max-width:800px;
}
.tab_amendements * {
line-height: 1.1;
}
.tab_amendements .numero {
border-radius: 50%;
border: solid 1px black;
width: 10px;
height: 10px;
font-size: 10px;
text-align: center;
}
.tab_amendements .titre {
text-align: center;
}
.tab_amendements .line-through {
background: palevioletred;
}
.tab_amendements .hidden {
display: none;
}
.tab_amendements .bg-green {
background: lightgreen;
}
.tab_amendements .toggle_amendement {
cursor: pointer;
border: solid 1px grey;
padding: 2px;
margin: 0 3px;
font-size: 11px;
background: silver;
position:relative;
}
.tab_amendements .toggle_amendement.adopte,
.tab_amendements .toggle_amendement.satisfait,
.tab_amendements .toggle_amendement.rejete {
padding: 2px 18px 2px 2px;
}
.tab_amendements .toggle_amendement.rejete:before,
.tab_amendements .toggle_amendement.satisfait:before,
.tab_amendements .toggle_amendement.adopte:before {
content:'';
background:url('/skins/vector/images/sprites.png');
position:absolute;
width:17px;
height:19px;
top:0;
right:0;
}
.tab_amendements .toggle_amendement.adopte:before {
background-position-x: -17px
}
.tab_amendements .toggle_amendement.satisfait:before {
background-position-x: -36px
}
.tab_amendements .toggle_amendement:hover {
background: grey;
}
.tab_amendements .toggle_amendement_clicked {
background: lightgreen;
}
.tab_amendements .amendements_wrapper {
display: flex;
flex-flow: row;
/*justify-content: space-around;*/
}
.tab_amendements .tab_amendements {
max-width: 800px;
}
.flexwrapper, .flexboxwrapper_divertissements {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.flexwrapper > div {
box-sizing:border-box;
max-width:50%;
padding:1em;
min-width:23em;
}
.flexboxwrapper_divertissements > div {
border: solid 1px silver;
border-radius: 10px;
max-width:33%;
min-width:20em;
margin-bottom:1em;
}
.flexboxwrapper_divertissements .flexSubTitle{
text-align:center;
border-bottom:solid 1px silver;
font-weight:bold;
}
.flexboxwrapper_divertissements .flexSubContent {
}
.flexboxwrapper_divertissements .flexSubDesc {
padding: 0 1em;
font-size: 0.9em;
}
.flexboxwrapper_divertissements video, .flexboxwrapper_divertissements iframe {
width:100% !important;
height:100% !important;
max-width:auto !important;
max-height:auto !important;
}
div.warning_head {
color:white;
border:solid 1px red;
background:#F00;
display:inline;
font-weight:bold;
padding: 0 1em;
}
div.warning_content {
border:solid 1px red;
background:#FEE;
padding:0.5em;
}
.contenu_titre {
border-left:solid 2px silver;
margin-left:1em;
padding-left:1em;
}