Vivian: Copie depuis https://fr.dicoado.org/w/index.php?title=MediaWiki:Common.css&oldid=81027

2024-05-06T14:35:16Z

Copie depuis https://fr.dicoado.org/w/index.php?title=MediaWiki:Common.css&oldid=81027

Nova pagina

/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Darkmode */
body.darkmode #catlinks #mw-normal-catlinks ul li a {
color:lightblue !important;
}
body.darkmode nav.top-bar{
filter:invert(1) hue-rotate(180deg);
}
body.darkmode #searchInput {
color:white;
}
body.darkmode .diff-deletedline {
border-color:orange;
}
body.darkmode table {
background-color:unset !important;
}
/* luciole-regular - latin-ext */
@font-face {
font-family: 'Luciole';
font-style: normal;
font-weight: 400;
src: url('../fonts/Luciole-Regular.eot'); /* IE9 Compat Modes */
src: local('Luciole'), local('Luciole-Regular'),
url('../fonts/Luciole-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Luciole-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/Luciole-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/Luciole-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Luciole-Regular.svg#Luciole') format('svg'); /* Legacy iOS */
}

/* poppins-regular - latin-ext */
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url('../fonts/Poppins-Regular.eot'); /* IE9 Compat Modes */
src: local('Poppins'), local('Poppins-Regular'),
url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Poppins-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/Poppins-Regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* source-code-pro-regular - latin-ext */
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: url('../fonts/source-code-pro-v11-latin-ext-regular.eot'); /* IE9 Compat Modes */
src: local('Source Code Pro Regular'), local('SourceCodePro-Regular'),
url('../fonts/source-code-pro-v11-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/source-code-pro-v11-latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/source-code-pro-v11-latin-ext-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/source-code-pro-v11-latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/source-code-pro-v11-latin-ext-regular.svg#SourceCodePro') format('svg'); /* Legacy iOS */
}

body {font-family: 'Poppins', sans-serif;}

p {font-family: 'Poppins', sans-serif;}

h1 {font-family: 'Luciole', serif;}

h2 {font-family: 'Luciole', serif;}

h3 {font-family: 'Luciole', serif;}

h4 {font-family: 'Poppins', sans-serif;}

h5 {font-family: 'Poppins', sans-serif;}

s{text-decoration: line-through;}

.top-bar li > a {font-family: 'Poppins', sans-serif;}

.label {background-color: #269dc4;}

.unpatrolled {color: red; font-weight: bold;}

div.mw-recentchanges-toplinks mw-recentchanges-toplinks-collapsed.mw-collapsible.mw-made-collapsible.mw-collapsed {visibility: hidden;}

.mw-editsection {font-size: 0.8rem}

mw-bodytext {font-family: 'Source Code Pro', sans-serif;}

.top-bar-section ul li > a {font-family: 'Poppins', sans-serif;}

.top-bar input {width:250px;}

.top-bar .button.search {font-family: 'Poppins', serif; background-color: #269dc4; top: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-left: -5px;}

nav.top-bar {box-shadow: 0px 0.5px 4px;}

fa {font-family: 'Poppins', sans-serif;}

code, kbd, pre, samp {font-family: 'Source Code Pro', sans-serif;}

code {background-color: #E6E6E6; border-color: #BDBDBD;}

/* change la couleur des liens "rouges" */
#mw-content-text a.new {
color: #e76e1c;
}

*::selection {background: #e77f1c63;}

.mw-content-ltr ol {margin: 0 0 0 1.2em;}

input[type="submit"] {background-color: #f8f9fa;
color: #202122;
display: inline-block;
box-sizing: border-box;
min-width: 4em;
max-width: 28.75em;
margin: 0;
padding: 6px 12px;
border: 1px solid #a2a9b1;
border-radius: 2px;
cursor: pointer;
vertical-align: middle;
font-family: inherit;
font-size: 1em;
line-height: 1.28571429em;
text-align: center;}

#wpSave {background-color: #36c !important; color: #ffffff;}

span.mw-ui-button.mw-ui-progressive {font-weight: normal !important;}

.oo-ui-labelElement-label {font-size: 0.875rem; font-family: 'Poppins',sans-serif; font-weight: normal;}

.oo-ui-inputWidget-input.oo-ui-buttonElement-button {background-color:#3498db ; border-color: #34495e; margin: 0.5em 0; padding: 0.3em 0.75em 0.4em 0.75em;}

/* headertabs style */
#headertabs.retro.ui-widget {
font-family:inherit;
font-size: 1em;
background: #fff;
border: 0px;
}

#headertabs.retro .ui-tabs-panel {
border-color: rgb(36,51,86) rgb(128,128,128) rgb (128,128,128);
border-style: solid;
border-width: 1px;
}

#headertabs.retro .ui-widget-header {
background: #ffffff;
border-bottom: 5px solid #008CBA;
}

#headertabs.retro .ui-state-default,
#headertabs.retro .ui-state-default a {
background: #e6e6e6;
border-color: #666;
color: #000;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}

#headertabs.retro .ui-state-hover,
#headertabs.retro .ui-state-hover a {
background: rgb(191,218,255);
color: #000;
}

#headertabs.retro .ui-state-active,
#headertabs.retro .ui-state-active a {
background: #008CBA;
border-color: #000;
border-width: 1px 1px 0px 1px;
color: #fff;
}

#headertabs.retro .ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: inherit;
font-size: 1em;
}

#headertabs.retro .ui-widget-content a {
color: #008CBA;
}

#headertabs.retro .ui-widget a:visited {
color: #008CBA;
}

#headertabs.retro .ui-widget-content a.new {
color: #CC2200;
}

#headertabs.retro .ui-widget-content a.new:visited {
color: #A55858;
}

#headertabs.retro .ui-widget-content a.exitw {
color: #3366BB;
}

#headertabs.retro .ui-widget-content a.redirect {
color: #308050
}

#headertabs.retro .ui-widget-content a.redirect:visited {
color: #3070A0;
}

table.sortable.wikitable.smwtable.jquery-tablesorter {font-size: 1rem;}

body.page-Dico_Accueil h1#firstHeading.title, body.page-Dico_Accueil h4.namespace.label, body.page-Dico_Accueil div#siteNotice.sitenotice {display: none; visibility: hidden;}

h3#tagline { display: none; }

#searchInputMainPage {
max-width: 600px;
margin: auto;
padding: 1.5rem 1rem 1.3rem;
font-size: 100%;
}

#searchInput,#searchInputMainPage {
box-shadow: none;
border-radius: 50px;
border: 1px solid #DADADA;
} /* Apparence de la barre de recherche sans clique (en accueil et en haut à droite) */
#searchInput:focus,#searchInputMainPage:focus {border: 1px solid #0488bd;} /* Apparence de la barre de recherche quand on clique dessus */

#pt-notifications-alert .mw-echo-notifications-badge:after, #pt-notifications-notice .mw-echo-notifications-badge:after {background-color: #E77F1C; filter: invert(0%);}
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge {
width:25px;
}
#pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {filter:invert(0%);}

.top-bar-section ul #echo-notifications li {
font-size: .8rem;
padding: 0.2rem 0;
}

#mwProtect-level-edit,
#mwProtect-level-move {
height: 100px;
}

.zoom {
transition: transform .2s; /* Animation */
display:inline-block;
transform: scale(0.9);
}

.zoom:hover {
transform: scale(1.2)
}

.zoom a:hover {
color: #e77f1c;
}

.gallerybox {float: left;}
#mw-category-media .gallerybox{ float:none; }

body
.label {
border-radius: 2px;
box-shadow: 0 2px 4px rgba(0,0,0,0.14), 0 2px 4px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.label:hover {
box-shadow: 0 9px 18px rgba(0,0,0,0.15), 0 6px 6px rgba(0,0,0,0.22);
}

/* design pour les formulaires Pageforms */

#pfForm .createboxInput:focus, #pfForm textarea:focus {
border: 1px solid #0488bd;
background: #fff;
}

#pfForm textarea {
width:100% !important;
}

/* page de discussions + Salon : plus larges avec police plus petite */
.ns-talk .row, body.rootpage-Dico_Salon .row { max-width: 100em; font-size: 14px; }
body.ns-talk p, body.rootpage-Dico_Salon p { font-size: 14px; }
body.ns-talk dd, body.rootpage-Dico_Salon dd { font-size: 14px; padding-left: 10px;
background-image: linear-gradient(#e77f1c 33%, rgba(255,255,255,0) 0%);
background-position: left;
background-size: 2px 7px;
background-repeat: repeat-y
}
body.ns-talk dl, body.rootpage-Dico_Salon dl { background: #a6d7e733; }
body.ns-talk li, body.rootpage-Dico_Salon li { font-size: 14px; }
.ns-talk h2, .rootpage-Dico_Salon h2 {
border-top: #269dc4 2px solid;
padding-top: 5px;
font-size: 30px;
margin-top: .5em
}
.ns-talk #toc, body.rootpage-Dico_Salon #toc {
padding: 0.5em 0.5em 0.5em 0.5em;
border: 1px solid #dddddd;
display: inline-flex;
width: auto;
margin: 0
}

.mediabox {
float:left;
display: inline-block;
background: #fff;
border-radius: 5px;
padding: 15px;
margin: 0.5rem;
position: relative;
border: 1px solid #ccc;
border-radius: 10px;
}

.mediabox td, th {
padding: 0.6em
}

.mediaContainer {margin:auto;}

span.fancytree-node {
display: inherit;
width: 100%;
margin-top: 0px;
min-height: 20px
}
span.fancytree-node {
display: inherit;
width: 100%;
margin-top: 0px;
min-height: 20px
}
[dir="ltr"] * {
direction: ltr
}
*, ::before, ::after {
box-sizing: border-box
}
ul.fancytree-container li {
list-style-image: none;
list-style-position: outside;
list-style-type: none
}
ul.fancytree-container li {
list-style-image: none;
list-style-position: outside;
list-style-type: none
}
ul.fancytree-container {
font-size:inherit
}

@media screen and (max-width: 450px) {
.oo-ui-popupWidget-popup {
margin-left:0 !important
}
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup .mw-echo-ui-notificationItemWidget-content-message-body {
white-space: normal !important
}
}
@media screen and (max-width: 520px) {
.mw-echo-ui-overlay > .mw-echo-ui-notificationBadgeButtonPopupWidget-popup:not(.oo-ui-element-hidden) {
left:0 !important
}
}

/* Visual Editor */
span.oo-ui-tool-name-bullet {
visibility: collapse;
}

/* Categories */
#catlinks ul { /*Display that list inline*/
list-style:none;
margin:0.1%;
text-align:center;
display:inline
}
#catlinks ul li {/*Inline and with a small margin */
display:inline;
margin:0 5px 0 5px
}
#mw-normal-catlinks, .mw-hidden-cats-user-shown, .mw-hidden-cats-ns-shown { /*Beautifully (IMO) centered, but putting display:flex only on hidden cat if they are shown*/
display:flex;
align-items:center
}
#catlinks { /*No border */
border-style:solid none none
}

#mw-hidden-catlinks { /*Small separation between hidden and visible cats */
margin-top:10px
}
.mw-hidden-cats-hidden { /*Do not display hidden cats by default */
display:none
}
#mw-hidden-cats-btn { /*Fixing margin and cursor */
cursor:pointer;
margin:0 0 0.3em 0
}

/**Navigation bar**/
.dico-navigation-bar {
text-align:left;
margin-bottom:1em;
width:100%;
border: #1e90ff 1px solid;
border-radius:3px
}
.dico-nav-title {
text-align:center;
margin:3px;
height:auto;
font-weight:bold;
border-radius:3px;
background-color:#eb843e;
color:white
}
.dico-nav-btn {
cursor:pointer;
border-radius:3px;
font-size:60%;
margin:0.36em
}
.dico-nav-btn-container{float:right}
.dico-nav-frame{margin:0}

/** For template {{couleur}} **/
.dico-color-rect:before {
content:"\a0\a0\a0\a0\a0"
}
.dico-color-rect {
border:1px solid darkgrey;
font-family:monospace,'Courier'
}

/*
span.VDlink.a:visited {
color:#753AB3;
cursor:help;
border-bottom:1px dotted black;
}

span.VDlink.a:link {
color:#753AB3;
cursor:help;
border-bottom:1px dotted black;
}
*/
/* For Special:Drilldown */
.drilldown-filter .oo-ui-actionFieldLayout-input:not(.mw-widget-titleInputWidget){
float:none !important;
}
.drilldown-filter {
clear:both;
padding-top:2em;
}

/* Hides the broken smw's indicator */
#mw-indicator-smw-entity-examiner { display:none }

.select2-container--default .select2-selection--multiple,
.select2-container .select2-search--inline .select2-search__field,
#pfForm .select2-container {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
}

.select2-search--inline {float:unset !important}

.select2-container .select2-search--inline .select2-search__field {
font-size: 0.875rem;
margin-top: 0;
}

.rootpage-Dico_Accueil .actions-button {display : none} /* Masquer les boutons d'action sur la HP */

audio, .mw-tmh-player.audio {max-width: 100%}

#footer #footer-left-ul {
list-style : none;
margin: 0 0 1em 0;
border-top: 1px solid #ddd;
padding-top: 1rem;
margin-top: 2rem;
}

#pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {
width:100% !important;
}

#pfForm .jstree-container-ul {width:0;}

#footer-right-icons .f-dropdown li {display:block;}

#actions #ca-ve-edit {display:none;}

/* Delete margin which was used for the width... */
.oo-ui-checkboxInputWidget {
margin-right: 0;
}

/* Set the width at the same value as the height */
#pfForm select, #pfForm input[type="checkbox"] {
max-width: none;
width: 1.42857143em !important;
}

MediaWiki:Common.css - Cronologia da las versiuns

Vivian: Copie depuis https://fr.dicoado.org/w/index.php?title=MediaWiki:Common.css&oldid=81027