« MediaWiki:Common.css » : différence entre les versions
Aller à la navigation
Aller à la recherche
m (test) |
Aucun résumé des modifications |
||
(54 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; | |||
} | } | ||
.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- | 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- | |||
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; | |||
border: | |||
} | } | ||
.client-js .mw-edittools-section { | |||
display: inline; | |||
} | } | ||
.client-js .mw-edittools-section input[type="button"] { | |||
background-color: #f8f9fa; | |||
margin: | 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; | |||
background-color:# | 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; | |||
background: | |||
} | } | ||
.tab_amendements .toggle_amendement { | |||
margin: | 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: | 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: | background-position-x: -17px | ||
} | } | ||
.tab_amendements .toggle_amendement.satisfait:before { | |||
background- | background-position-x: -36px | ||
} | } | ||
.tab_amendements .toggle_amendement:hover { | |||
background | background: grey; | ||
} | } | ||
background | .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 { | ||
display: | 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; | ||
padding:0 | |||
} | } | ||
.contenu_titre { | |||
border-left:solid 2px silver; | |||
margin-left:1em; | |||
padding-left:1em; | |||
} |
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; }