MediaWiki:Common.css

/* Le CSS placé ici sera appliqué à tous les habillages. */
#content {
	margin-left: 14em;
}
.page-Accueil #ca-talk {
	display: none;
}

.page-Accueil table th {
  padding: 15px 10px 0;
}

.page-Accueil table h2 {
  margin: 0;
}


.client-js .vector-search-box-vue.vector-search-box-show-thumbnail.vector-search-box-auto-expand-width .searchButton {
	left: 1px !important;
}

.mw-content-container {
	max-width: none;
}

.vector-sticky-header-context-bar-primary {
  font-family: sans-serif !important;
}

@media screen and (min-width: 1000px) {
	/* Remove the max-width settings in the vector-2022 skin */
	.mw-page-container,
	.mw-workspace-container,
	.mw-content-container,
	.vector-sticky-header,
	.mw-article-toolbar-container {
		max-width: unset !important;
	}
	
	/* Shrink the whitespace gap under the top header as well */
	.mw-header {
		margin-bottom: 0.5em;
	}
	
	/* Fix for menu popup location */
	.vector-toc-collapsed #mw-sidebar-checkbox:not(:checked) ~ .mw-table-of-contents-container {
	    margin-left: unset;
	}
}
@media screen and (min-width:982px) {
 .mw-body,
 #mw-head-base,
 #left-navigation,
 #mw-data-after-content,has-
 .mw-footer {
  /* margin-left: 16em; */
 }
 .mw-body {
  /* padding:1.25em 1.5em 1.5em 1.5em */
 }
 .mw-footer {
  padding:1.25em
 }
 #mw-panel {
  width: 14em;
  padding-left:0.5em;
  font-size: 1.20em;
 }
 #p-search {
  margin-right:1em
 }
 #p-personal {
  right:1em
 }
 a:visited {
  color: #005062;
 }
 a {
  color: #0686d2;
 }

}

.lxterm-code .prompt {
	text-align: left;
	width: 1%;
	white-space: nowrap;
	padding-right: 5px;
}

.lxterm-code .switch {
	text-align: right;
	font-size: .7rem;
	width: 1%;
	white-space: nowrap;
	padding-left: 5px;
}

.prompt-code {
  padding: 1em;
  overflow-x: hidden;
}

.hide {
	display: none !important;
}

.tocright {
  display: block;
  float: right;
  right: 15px;
  z-index: 100;
  top: 155px;
  width: 350px;
}

.tocright + .wgTemplateWarning {
	display: block;
	position: relative;
/*	left: calc( calc( calc( 100% - 350px ) - 45% ) / 2 ) !important; */
	margin: 0 auto;
}

.mw-highlight pre {
	z-index: 0;
}

body {
  font-size: 16px;
}

.ns-10 {
  color: black;
}

/* Titres */
#firstHeading {
  font-size: 200%;
}
.mw-body h1,
.vector-sticky-header-context-bar-primary {
  font-size: 200%;
}
.mw-body h2 {
  font-size: 175%;
}
.mw-body h3 {
  font-size: 150%;
}
.mw-body h4 {
  font-size: 125%;
}
.mw-body h5 {
  font-size: 100%;
}
h1, h2, h3, h4, h5, h6,
.vector-sticky-header-context-bar-primary {
  border-bottom: 1px solid lightblue;
  color: #5C5AFE;
  font-weight: normal;
  margin: 20px 0;
}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
  border-bottom: 1px dotted lightblue;
}
.mw-body .mw-editsection {
  font-size: 11px;
}
.clp {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  color: black;
  padding: 2px;
}
.css, .javascript {
  background-color: #F9F9F9;
  color: #000000;
  border: 1px dashed #2F6FAB;
}

#p-search form, #p-search input {
  margin: 0 0.5em;
}

/* Message boxes */
.mParam {
  border: 1px solid gray;
  background-color: #EAEAEA;
}
.author {
  text-align: right;
  height: 3em;
  position: absolute;
  top: -85px;
  left: 0px;
}
.has-redir .author {
  top: -75px;
}

.toc {
  margin: 10px 0 10px 10px;
  border: 1px dotted #AAAAAA;
}
.wgTemplateWarning {
  border: 1px solid red;
  background: none repeat scroll 0 0 #FFE4E4;
  padding: 10px;
  text-align: center;
  width: 45%;
  margin: 10px auto;
}
.wgTemplate {
  background-color: white;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 1px 1px 13px #CACBCD;
  margin: 20px auto;
  width: fit-content;
  max-width: 70%;
  padding: 0.5em;
}
div.prompt-code {
  border-style: solid;
  border-width: 1px 1px 1px 20px;
  font-family: monospace,"Courier New";
  font-size: 13px;
  margin: 5px;
  padding: 5px 10px;
  width: 90%;  
}
div.prompt-code pre {
  border: 0;
  background-color: inherit;
  font-family: inherit;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: inherit;  
}
div.linux-code {
  background-color: #E3F3FE;
  border-color: #004DFF;
  color: #000000;
}
div.osx-code {
  background-color: #FFF1DC;
  border-color: #FF9900;
  color: #000000;
}
div.sql-code {
  background-color: #E3FEE4;
  border-color: #179D00;
  color: #000000;
}
.template-documentation {
    background-color: lightblue;
    border: 1px solid #aaa;
    clear: both;
    margin: 1em 0 0;
    padding: 1em;
}

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    /* @noflip */
    padding: 0.25em 0.9em;     /* 0.9em left/right */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
    border: 1px solid red;
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
    border: 1px solid orange;
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}
 
table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f9f9f9;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 2px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* These mbox-small classes must be placed after all other
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    /* @noflip */
    clear: right;
    /* @noflip */
    float: right;
    /* @noflip */
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}

.mw-templatedata-doc-params {
  width: 100%;
}

.mw-body h1, .mw-body h2, .mw-body #firstHeading, .mw-body .vector-sticky-header-context-bar-primary {
  font-family: sans-serif;
}

.mw-body h3, .mw-body h4 {
  font-weight: normal;
}

/* GeSHI */
.mw-geshi {
  font: 12px/1.4em "Lucida Console",monospace;
  color: #000000;
}
div.mw-geshi {
  padding: 0.3em; 
  margin: 1em 0; 
  border: 1px solid #2f6fab;
  background-color: #f9f9f9;
  overflow-x: scroll;
}
div.mw-geshi pre {
  border: 0 none;
}
.cmd {
  background-color: #D4F1FF;
  color: #000000;
  font-family: monospace, "Courrier New";
  font-size: 13px;
}
.enCoursInfos {
  font-size: 14px;
  line-height: 0.9em;
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    margin: auto;
    min-width: 30%;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    padding: 0.25em 1em;      /* Title, group and above/below styles */
    line-height: 1.5em;
    text-align: center;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 1em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.mw-body-content .navbar ul {
    line-height: inherit;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
    font-size: 100%;
}
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

.navbox th {
	padding-left: calc( 3em + 1px );
}
.collapsibleTable {
	min-width: 75%;
}
.collapsibleTable.collapsed {
	min-width: 30%;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 45px;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}
/* ...unless they also use the hlist class */
.toc.hlist ul,
#toc.hlist ul,
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;
}

.templatePath {
	font-style: italic;
	font-weight: bold;
	font-family: monospace;
	color: cornflowerblue;
}
.templateFilename {
	font-style: italic;
	font-weight: bold;
	font-family: monospace;
	color: #a874f7;
}