« MediaWiki:Common.css » : différence entre les versions
De Wiki sur les laboratoires de création en bibliothèque
Aucun résumé des modifications |
Aucun résumé des modifications |
||
(259 versions intermédiaires par 3 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* Le CSS placé ici sera appliqué à tous les habillages. */ | /* Le CSS placé ici sera appliqué à tous les habillages. */ | ||
dd { | |||
line-height:1.67em; | |||
} | |||
.navbar-form .input-group > .form-control { | |||
width:120px; | |||
font-size: 80%; | |||
padding: 3px; | |||
} | |||
nav#p-tb { | |||
font-size: 80%; | |||
} | |||
.Outils { | |||
margin-top:2em; | |||
} | |||
/* Table des matières (TOC) : enlever la numérotation auto */ | |||
div#toc { | |||
padding:.5rem 1rem 1rem 1rem; | |||
color: white; | |||
font-size:.8em; | |||
} | |||
div.toc { | |||
background-color:transparent; | |||
} | |||
div#toc a, | |||
label.toctogglelabel { | |||
color: white; | |||
} | |||
span.tocnumber, .toctoggle,#footer-info { | |||
display: none !important; | |||
} | |||
#toc h2 { | |||
display:block; | |||
font-size:1.25em; | |||
color: white; | |||
} | |||
table,.notesbaspage { | |||
font-size:80%; | |||
margin-top:2em; | |||
margin-bottom:2em; | |||
} | |||
.untableau { | |||
display:inline-block; | |||
margin-top:2em; | |||
} | |||
table.table-100 { | |||
font-size:100%; | |||
} | |||
#footer-places { | |||
padding-top:20px; | |||
} | |||
.tabber .tabbertab { | |||
border:none; | |||
} | |||
div.row { | |||
margin:10px 0; | |||
} | |||
/** Bloc **/ | |||
.BlocA { | |||
min-height:300px; | |||
margin-right:0px; | |||
overflow: hidden; | |||
border-right:10px solid white; | |||
background-color:white; | |||
} | |||
.BlocLien { | |||
position:absolute; | |||
top:0; | |||
left:0; | |||
display:inline-block; | |||
} | |||
.BlocTexte { | |||
padding:10px; | |||
font-size: 1.33rem; | |||
line-height: 1.67rem; | |||
color:white; | |||
} | |||
.BlocTexte.Droite { | |||
display:inline-block; | |||
position:absolute; | |||
top:0; | |||
right:0; | |||
max-width:45%; | |||
min-width:130px; | |||
height:100%; | |||
} | |||
.BlocTexte.Bas { | |||
display:inline-block; | |||
position:absolute; | |||
bottom:0; | |||
left:0; | |||
max-width:100%; | |||
padding:1rem; | |||
vertical-align:top; | |||
} | |||
p.SurTitre { | |||
display: inline-block; | |||
font-family: "Simplon", Helvetica, Arial, sans-serif; | |||
font-size: 1.4rem; | |||
padding:3px 0 0; | |||
} | |||
p.Titre { | |||
font-family: "Simplon", Helvetica, Arial, sans-serif; | |||
font-weight: normal; | |||
text-transform: uppercase; | |||
font-size: 1.5rem; | |||
line-height: 1.75rem; | |||
margin: 1rem 0; | |||
padding-left: 0; | |||
font-style: italic; | |||
} | |||
.b1t1, .b3t4, .b3t6 {background-color: #771c51;} | |||
.b1t2, .b3t1, .b3t7 {background-color: #0065af;} | |||
.b1t3, .b2t1, .b3t2 {background-color: #d51a00;} | |||
.b1t4, .b3t3, .b3t5 {background-color: #148944;} | |||
.b1t5, .b3t4, .b3t6 {background-color: #000000;} | |||
/* Janvier 2019 */ | |||
/* Navigation */ | |||
.MenuNav .navbar-nav li:nth-child(2) a:hover { | |||
background-color: #771c51; | |||
color:white; | |||
} | |||
.MenuNav .navbar-nav li:nth-child(3) a:hover { | |||
background-color: #0065af; | |||
color:white; | |||
} | |||
.MenuNav .navbar-nav li:nth-child(4) a:hover { | |||
background-color: #d51a00; | |||
color:white; | |||
} | |||
.MenuNav .navbar-nav li:nth-child(5) a:hover { | |||
background-color: #148944; | |||
color:white; | |||
} | |||
.p-search, .p-search .form-inline .input-group { | |||
width:100%; | |||
} | |||
#p-search #searchInput { | |||
max-width:100%; | |||
min-width:100%; | |||
} | |||
.ns-special div#p-search { | |||
visibility:hidden; | |||
} | |||
.container > :first-child .navbar { | |||
margin-top:0; | |||
} | |||
.navbar-default .navbar-nav > li { | |||
border-left:none; | |||
} | |||
body.page-Accueil div#ca-talk, | |||
body.page-Accueil div#ca-history, | |||
body.page-Accueil div#ca-viewsource { | |||
visibility:hidden; | |||
display:none !important; | |||
} | |||
body.page-Accueil #firstHeading { | |||
display:none !important; | |||
} | |||
li.navbar-newtalk-notifier { | |||
display: none !important; | |||
} | |||
.skin-chameleon .navbar-tools { | |||
border:0; | |||
} | |||
.skin-chameleon .navbar-tools > li:first-child:last-child, | |||
.skin-chameleon .navbar-tools li.open:first-child:last-child, | |||
.skin-chameleon .navbar-tools > li, | |||
.skin-chameleon .navbar-tools li.open { | |||
height:48px; | |||
border-bottom:0; | |||
} | |||
blockquote { | |||
font-size:100%; | |||
} | |||
.mw-body ol, .mw-body ul { | |||
margin-bottom:12px; | |||
} | |||
.mw-body { | |||
padding:0; | |||
} | |||
/** BLOCS PAGE D'ACCUEIL **/ | |||
.splash { | |||
display:block; | |||
max-height:240px; | |||
width:100%; | |||
margin-bottom:1em; | |||
} | |||
.splash-image{ | |||
object-fit:cover; | |||
height:240px; | |||
width:100%; | |||
} | |||
.splash-texte { | |||
font-size:125%; | |||
font-weight:bold; | |||
width:33%; | |||
} | |||
.splash-texte a, | |||
.splash-texte a:hover, | |||
.splash-texte a:active { | |||
color:white; | |||
} | |||
.row-equal { | |||
display: flex; | |||
display: -webkit-flex; | |||
flex-wrap: wrap; | |||
border-bottom:1px solid silver; | |||
} | |||
.bloc-accueil { | |||
} | |||
.bloc-accueil p { | |||
padding:0; | |||
margin:0; | |||
} | |||
.bloc-accueil img { | |||
object-fit:cover; | |||
height:120px; | |||
margin-top:0; | |||
} | |||
.bloc-accueil dd { | |||
margin-left:0; | |||
padding-left:0; | |||
font-size:.8em; | |||
} | |||
@media (min-width: 992px) { | |||
.bloc-accueil.dernier { | |||
width: 33%; | |||
} | |||
} | |||
.accueil-entête { | |||
color:white; | |||
font-size:1em; | |||
font-weight:bold; | |||
text-align:center; | |||
margin-top:0; | |||
border-radius: 0 0 3px 3px; | |||
border-color:transparent; | |||
} | |||
.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:hover, | |||
.skin-chameleon .navbar-tools li.open > a.navbar-userloggedin:hover { | |||
height:100%; | |||
line-height:1.3em; | |||
padding:0; | |||
margin:0; | |||
} | |||
.skin-chameleon .navbar-tools > li > a > *, | |||
.skin-chameleon .navbar-tools li.open > a > *, | |||
.skin-chameleon .navbar-tools > li > a:hover > *, | |||
.skin-chameleon .navbar-tools li.open > a:hover > *, | |||
.skin-chameleon .navbar-tools > li > a:focus > *, | |||
.skin-chameleon .navbar-tools li.open > a:focus > * { | |||
height:100%; | |||
line-height:1.3em; | |||
padding:0; | |||
margin:0; | |||
} | |||
/* Bandeau noir */ | |||
li.navbar-tools-tools span.glyphicon-user { | |||
font-size: 24px; | |||
line-height: 36px; | |||
} | |||
/* Pied de page */ | |||
.ContainerNoir { | |||
background-color:black; | |||
display:block; | |||
width:100% | |||
} | |||
.ContainerNoir, | |||
.ContainerNoir a { | |||
color:white; | |||
} | |||
.ContainerNoir a:hover, | |||
.ContainerNoir a:active { | |||
color:silver; | |||
} | |||
.ContainerNoir ul { | |||
padding-left:0; | |||
} | |||
.ContainerNoir ul li { | |||
padding-left:0; | |||
font-size:70%; | |||
list-style:none; | |||
} | |||
.ContainerGris { | |||
background-color:#333333; | |||
height:92px; | |||
display:block; | |||
margin-top:-12px; | |||
} | |||
.ContainerBlanc { | |||
background-color:white; | |||
height:36px; | |||
margin-top:12px; | |||
display:block;; | |||
} | |||
/* RSS */ | |||
.fil-rss-item { | |||
line-height:1em; | |||
} | |||
dd.fil-rss-item-description p { | |||
display:none; | |||
} | |||
.fil-rss-item dt { | |||
margin:0; | |||
padding:0; | |||
font-size:.9em; | |||
} | |||
dd.fil-rss-item-description p:first-child { | |||
display:block; | |||
line-height:1.33em; | |||
margin:0; | |||
padding:0; | |||
} | |||
#catlinks { | |||
display:none; | |||
} | |||
.termeduglossaire { | |||
font-weight: 500; | |||
border-bottom : 1px dashed orange; | |||
} | |||
.table-condensed th, | |||
.table-striped th { | |||
text-align:center; | |||
} | |||
body { | body { | ||
color: # | /* Margin bottom by footer height see also ".smwofootergrid.container" */ | ||
margin-bottom: 117px; | |||
overflow-anchor: none; | |||
/* YO */ | |||
background-color:@color0; | |||
color:@color1; | |||
line-height:1.67; | |||
} | |||
/* YO : CONTENU BANQ.LESS */ | |||
.mw-body { | |||
margin-top:0; | |||
} | |||
/* TITRE */ | |||
#siteSub, #jump-to-nav { | |||
display:none; | |||
} | |||
.container { | |||
/* padding-left:80px; */ | |||
} | |||
ul.menuTop { | |||
margin-top:11px; | |||
margin-bottom:5px; | |||
font-size:.70em; | |||
float:right; | |||
max-width: 940px; | |||
margin: 11px auto 5px; | |||
} | |||
.menuTop li { | |||
list-style-type:none; | |||
display:inline | |||
} | |||
.menuTop a:link, | |||
.menuTop a:visited { | |||
color:#000; | |||
text-decoration:underline; | |||
margin-left:10px; | |||
} | |||
.navbar-brand { | |||
min-height:82px; | |||
width:100%; | |||
} | |||
/** LOGO **/ | |||
#p-logo { | |||
width:180px; | |||
margin: 0; | |||
padding: 0; | |||
display:inline; | |||
} | |||
#p-logo img { | |||
height:92px; | |||
width:auto; | |||
} | |||
/** Barre noire -> outils perso **/ | |||
.navbar-default { | |||
border-color:white; | |||
border:none; | |||
} | |||
#mw-navigation.p-navbar { | |||
background-color:black; | |||
width:100%; | |||
line-height:.75; | |||
font-size:75%; | |||
padding:0; | |||
margin:0; | |||
height:38px !important; | |||
} | |||
.skin-chameleon .navbar-tools { | |||
height:40px; | |||
} | |||
.skin-chameleon .navbar-tools > li > a > *, | |||
.skin-chameleon .navbar-tools li.open > a > *, | |||
.skin-chameleon .navbar-tools > li > a:hover > *, | |||
.skin-chameleon .navbar-tools li.open > a:hover > *, | |||
.skin-chameleon .navbar-tools > li > a:focus > *, | |||
.skin-chameleon .navbar-tools li.open > a:focus > * { | |||
padding: 3px; | |||
display: block; | |||
line-height: 9px; | |||
} | |||
.p-navbar .navbar-nav .navbar-tool > a.navbar-userloggedin { | |||
color:white; | |||
} | } | ||
.p-navbar .navbar-nav .navbar-tool > a.navbar-userloggedin:hover { | |||
color:yellow !important; | |||
} | |||
/** MENU DE NAVIGATION (sidebar) **/ | |||
.navbar { | .navbar { | ||
background- | margin-bottom:0; | ||
position:relative; | |||
z-index:10; | |||
} | |||
.navbar-default { | |||
background-color:transparent; | |||
} | |||
nav#mw-navigation-fxwedwaux0 { | |||
margin: 0 auto; | |||
padding: 0 20px; | |||
} | |||
.navbar-default .navbar-nav > li { | |||
border-left:1px solid black; | |||
text-transform: uppercase; | |||
font-weight:bold; | |||
font-size:90%; | |||
} | |||
.navbar-default .navbar-nav > li > ul > li { | |||
text-transform: none; | |||
font-weight:normal; | |||
color:black; | |||
font-size:90%; | |||
} | |||
.navbar-default .navbar-nav > li > a:hover, | |||
.navbar-default .navbar-nav > li > a:focus { | |||
background-color: black; | |||
color: white; | |||
} | |||
.navbar-default .navbar-nav > li:first-child { | |||
border-left:0; | |||
} | |||
.navbar ul.navbar-nav { | |||
font-size:90%; | |||
} | |||
.navbar-default .navbar-nav > .open > a, | |||
.navbar-default .navbar-nav > .open > a:hover, | |||
navbar-default .navbar-nav > .open > a:focus { | |||
background-color: black; | |||
color: white; | |||
} | |||
/** ACTIONS SUR LA PAGE **/ | |||
#p-contentnavigation ul.list-inline li { | |||
font-size: 80%; | |||
} | |||
/** RECHERCHE **/ | |||
#p-search { | |||
margin:0; | |||
z-index:1; | |||
position:relative; | |||
} | |||
#p-search { | |||
padding-left:20px; | |||
} | |||
#p-search #searchInput { | |||
width:100%; | |||
min-width:@screen-xs-max; | |||
max-width:@screen-md-max; | |||
} | |||
/* Bandeau noir */ | |||
li.navbar-tools-tools span.glyphicon-user { | |||
font-size: 24px; | |||
line-height: 36px; | |||
} | |||
/* Pied de page */ | |||
div.ContainerNoir { | |||
background-color:black; | |||
display:block; | |||
} | |||
div.ContainerNoir, | |||
div.ContainerNoir a { | |||
color:white; | |||
} | |||
div.ContainerNoir a:hover, | |||
div.ContainerNoir a:active { | |||
color:silver; | |||
} | |||
div.ContainerNoir ul { | |||
padding-left:0; | |||
} | |||
div.ContainerNoir ul li { | |||
padding-left:0; | |||
font-size:70%; | |||
list-style:none; | |||
} | |||
div.ContainerGris { | |||
background-color:#333333; | |||
height:92px; | |||
display:block; | |||
margin-top:-12px; | |||
text-align:center; | |||
} | |||
div.ContainerBlanc { | |||
background-color:white; | |||
height:36px; | |||
margin-top:12px; | |||
display:block; | |||
text-align:center; | |||
} | |||
/*** GRILLES COULEURS ***/ | |||
.b1t1, .b3t4, .b3t6 { | |||
background-color: #771c51; | |||
} | |||
.b1t2, .b3t1, .b3t7 { | |||
background-color: #0065af; | |||
} | |||
.b1t3, .b2t1, .b3t2 { | |||
background-color: #d51a00; | |||
} | |||
.b1t4, .b3t3, .b3t5 { | |||
background-color: #148944; | |||
} | |||
.GrilleCouleur2 .b1t1, | |||
.GrilleCouleur2 .b3t4, | |||
.GrilleCouleur2 .b3t6 { | |||
background-color: #0065af; | |||
} | |||
.GrilleCouleur2 .b1t2, | |||
.GrilleCouleur2 .b3t1, | |||
.GrilleCouleur2 .b3t7 { | |||
background-color: #d51a00; | |||
} | |||
.GrilleCouleur2 .b1t3, | |||
.GrilleCouleur2 .b2t1, | |||
.GrilleCouleur2 .b3t2 { | |||
background-color: #148944; | |||
} | |||
/*** AJOUTS MAI 2020 ***/ | |||
#bandeau_haut { | |||
padding:6px 0 3px 8%; | |||
background-color:black; | |||
color:white !important; | |||
font-size:80%; | |||
margin-top:-12px; | |||
width:100%; | |||
} | |||
#bandeau_haut a { | |||
color:white !important; | |||
} | |||
.navbar-right-aligned { | |||
padding-right:2rem; | |||
} | |||
body.not-logged-in ul#p-contentnavigation { | |||
display:none !important; | |||
} | |||
.p-contentnavigation { | |||
background-color:#eee; | |||
padding:6px 0 3px 8%; | |||
margin-left:10%; | |||
} | |||
ul.list-inline { | |||
line-height:1; | |||
} | |||
.ContainerNoir .container { | |||
margin-left:8%; | |||
} | |||
/** AJOUTS OCTOBRE 2020 **/ | |||
div.barre_outils, | |||
div.actions_page, | |||
div.barre_recherche, | |||
div.contenu_principal { | |||
padding-left:0; | |||
padding-right:0; | |||
} | |||
div.p-contentnavigation { | |||
padding:0; | |||
margin-left: 0; | |||
} | |||
#p-search #searchInput { | |||
max-width: 80%; | |||
min-width: 80%; | |||
} | |||
pagetools, .pagetools .tab-group { | |||
font-size: 0.8rem; | |||
} | } |
Dernière version du 14 octobre 2020 à 21:36
/* Le CSS placé ici sera appliqué à tous les habillages. */
dd {
line-height:1.67em;
}
.navbar-form .input-group > .form-control {
width:120px;
font-size: 80%;
padding: 3px;
}
nav#p-tb {
font-size: 80%;
}
.Outils {
margin-top:2em;
}
/* Table des matières (TOC) : enlever la numérotation auto */
div#toc {
padding:.5rem 1rem 1rem 1rem;
color: white;
font-size:.8em;
}
div.toc {
background-color:transparent;
}
div#toc a,
label.toctogglelabel {
color: white;
}
span.tocnumber, .toctoggle,#footer-info {
display: none !important;
}
#toc h2 {
display:block;
font-size:1.25em;
color: white;
}
table,.notesbaspage {
font-size:80%;
margin-top:2em;
margin-bottom:2em;
}
.untableau {
display:inline-block;
margin-top:2em;
}
table.table-100 {
font-size:100%;
}
#footer-places {
padding-top:20px;
}
.tabber .tabbertab {
border:none;
}
div.row {
margin:10px 0;
}
/** Bloc **/
.BlocA {
min-height:300px;
margin-right:0px;
overflow: hidden;
border-right:10px solid white;
background-color:white;
}
.BlocLien {
position:absolute;
top:0;
left:0;
display:inline-block;
}
.BlocTexte {
padding:10px;
font-size: 1.33rem;
line-height: 1.67rem;
color:white;
}
.BlocTexte.Droite {
display:inline-block;
position:absolute;
top:0;
right:0;
max-width:45%;
min-width:130px;
height:100%;
}
.BlocTexte.Bas {
display:inline-block;
position:absolute;
bottom:0;
left:0;
max-width:100%;
padding:1rem;
vertical-align:top;
}
p.SurTitre {
display: inline-block;
font-family: "Simplon", Helvetica, Arial, sans-serif;
font-size: 1.4rem;
padding:3px 0 0;
}
p.Titre {
font-family: "Simplon", Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.5rem;
line-height: 1.75rem;
margin: 1rem 0;
padding-left: 0;
font-style: italic;
}
.b1t1, .b3t4, .b3t6 {background-color: #771c51;}
.b1t2, .b3t1, .b3t7 {background-color: #0065af;}
.b1t3, .b2t1, .b3t2 {background-color: #d51a00;}
.b1t4, .b3t3, .b3t5 {background-color: #148944;}
.b1t5, .b3t4, .b3t6 {background-color: #000000;}
/* Janvier 2019 */
/* Navigation */
.MenuNav .navbar-nav li:nth-child(2) a:hover {
background-color: #771c51;
color:white;
}
.MenuNav .navbar-nav li:nth-child(3) a:hover {
background-color: #0065af;
color:white;
}
.MenuNav .navbar-nav li:nth-child(4) a:hover {
background-color: #d51a00;
color:white;
}
.MenuNav .navbar-nav li:nth-child(5) a:hover {
background-color: #148944;
color:white;
}
.p-search, .p-search .form-inline .input-group {
width:100%;
}
#p-search #searchInput {
max-width:100%;
min-width:100%;
}
.ns-special div#p-search {
visibility:hidden;
}
.container > :first-child .navbar {
margin-top:0;
}
.navbar-default .navbar-nav > li {
border-left:none;
}
body.page-Accueil div#ca-talk,
body.page-Accueil div#ca-history,
body.page-Accueil div#ca-viewsource {
visibility:hidden;
display:none !important;
}
body.page-Accueil #firstHeading {
display:none !important;
}
li.navbar-newtalk-notifier {
display: none !important;
}
.skin-chameleon .navbar-tools {
border:0;
}
.skin-chameleon .navbar-tools > li:first-child:last-child,
.skin-chameleon .navbar-tools li.open:first-child:last-child,
.skin-chameleon .navbar-tools > li,
.skin-chameleon .navbar-tools li.open {
height:48px;
border-bottom:0;
}
blockquote {
font-size:100%;
}
.mw-body ol, .mw-body ul {
margin-bottom:12px;
}
.mw-body {
padding:0;
}
/** BLOCS PAGE D'ACCUEIL **/
.splash {
display:block;
max-height:240px;
width:100%;
margin-bottom:1em;
}
.splash-image{
object-fit:cover;
height:240px;
width:100%;
}
.splash-texte {
font-size:125%;
font-weight:bold;
width:33%;
}
.splash-texte a,
.splash-texte a:hover,
.splash-texte a:active {
color:white;
}
.row-equal {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
border-bottom:1px solid silver;
}
.bloc-accueil {
}
.bloc-accueil p {
padding:0;
margin:0;
}
.bloc-accueil img {
object-fit:cover;
height:120px;
margin-top:0;
}
.bloc-accueil dd {
margin-left:0;
padding-left:0;
font-size:.8em;
}
@media (min-width: 992px) {
.bloc-accueil.dernier {
width: 33%;
}
}
.accueil-entête {
color:white;
font-size:1em;
font-weight:bold;
text-align:center;
margin-top:0;
border-radius: 0 0 3px 3px;
border-color:transparent;
}
.skin-chameleon .navbar-tools > li > a.navbar-userloggedin:hover,
.skin-chameleon .navbar-tools li.open > a.navbar-userloggedin:hover {
height:100%;
line-height:1.3em;
padding:0;
margin:0;
}
.skin-chameleon .navbar-tools > li > a > *,
.skin-chameleon .navbar-tools li.open > a > *,
.skin-chameleon .navbar-tools > li > a:hover > *,
.skin-chameleon .navbar-tools li.open > a:hover > *,
.skin-chameleon .navbar-tools > li > a:focus > *,
.skin-chameleon .navbar-tools li.open > a:focus > * {
height:100%;
line-height:1.3em;
padding:0;
margin:0;
}
/* Bandeau noir */
li.navbar-tools-tools span.glyphicon-user {
font-size: 24px;
line-height: 36px;
}
/* Pied de page */
.ContainerNoir {
background-color:black;
display:block;
width:100%
}
.ContainerNoir,
.ContainerNoir a {
color:white;
}
.ContainerNoir a:hover,
.ContainerNoir a:active {
color:silver;
}
.ContainerNoir ul {
padding-left:0;
}
.ContainerNoir ul li {
padding-left:0;
font-size:70%;
list-style:none;
}
.ContainerGris {
background-color:#333333;
height:92px;
display:block;
margin-top:-12px;
}
.ContainerBlanc {
background-color:white;
height:36px;
margin-top:12px;
display:block;;
}
/* RSS */
.fil-rss-item {
line-height:1em;
}
dd.fil-rss-item-description p {
display:none;
}
.fil-rss-item dt {
margin:0;
padding:0;
font-size:.9em;
}
dd.fil-rss-item-description p:first-child {
display:block;
line-height:1.33em;
margin:0;
padding:0;
}
#catlinks {
display:none;
}
.termeduglossaire {
font-weight: 500;
border-bottom : 1px dashed orange;
}
.table-condensed th,
.table-striped th {
text-align:center;
}
body {
/* Margin bottom by footer height see also ".smwofootergrid.container" */
margin-bottom: 117px;
overflow-anchor: none;
/* YO */
background-color:@color0;
color:@color1;
line-height:1.67;
}
/* YO : CONTENU BANQ.LESS */
.mw-body {
margin-top:0;
}
/* TITRE */
#siteSub, #jump-to-nav {
display:none;
}
.container {
/* padding-left:80px; */
}
ul.menuTop {
margin-top:11px;
margin-bottom:5px;
font-size:.70em;
float:right;
max-width: 940px;
margin: 11px auto 5px;
}
.menuTop li {
list-style-type:none;
display:inline
}
.menuTop a:link,
.menuTop a:visited {
color:#000;
text-decoration:underline;
margin-left:10px;
}
.navbar-brand {
min-height:82px;
width:100%;
}
/** LOGO **/
#p-logo {
width:180px;
margin: 0;
padding: 0;
display:inline;
}
#p-logo img {
height:92px;
width:auto;
}
/** Barre noire -> outils perso **/
.navbar-default {
border-color:white;
border:none;
}
#mw-navigation.p-navbar {
background-color:black;
width:100%;
line-height:.75;
font-size:75%;
padding:0;
margin:0;
height:38px !important;
}
.skin-chameleon .navbar-tools {
height:40px;
}
.skin-chameleon .navbar-tools > li > a > *,
.skin-chameleon .navbar-tools li.open > a > *,
.skin-chameleon .navbar-tools > li > a:hover > *,
.skin-chameleon .navbar-tools li.open > a:hover > *,
.skin-chameleon .navbar-tools > li > a:focus > *,
.skin-chameleon .navbar-tools li.open > a:focus > * {
padding: 3px;
display: block;
line-height: 9px;
}
.p-navbar .navbar-nav .navbar-tool > a.navbar-userloggedin {
color:white;
}
.p-navbar .navbar-nav .navbar-tool > a.navbar-userloggedin:hover {
color:yellow !important;
}
/** MENU DE NAVIGATION (sidebar) **/
.navbar {
margin-bottom:0;
position:relative;
z-index:10;
}
.navbar-default {
background-color:transparent;
}
nav#mw-navigation-fxwedwaux0 {
margin: 0 auto;
padding: 0 20px;
}
.navbar-default .navbar-nav > li {
border-left:1px solid black;
text-transform: uppercase;
font-weight:bold;
font-size:90%;
}
.navbar-default .navbar-nav > li > ul > li {
text-transform: none;
font-weight:normal;
color:black;
font-size:90%;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
background-color: black;
color: white;
}
.navbar-default .navbar-nav > li:first-child {
border-left:0;
}
.navbar ul.navbar-nav {
font-size:90%;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
navbar-default .navbar-nav > .open > a:focus {
background-color: black;
color: white;
}
/** ACTIONS SUR LA PAGE **/
#p-contentnavigation ul.list-inline li {
font-size: 80%;
}
/** RECHERCHE **/
#p-search {
margin:0;
z-index:1;
position:relative;
}
#p-search {
padding-left:20px;
}
#p-search #searchInput {
width:100%;
min-width:@screen-xs-max;
max-width:@screen-md-max;
}
/* Bandeau noir */
li.navbar-tools-tools span.glyphicon-user {
font-size: 24px;
line-height: 36px;
}
/* Pied de page */
div.ContainerNoir {
background-color:black;
display:block;
}
div.ContainerNoir,
div.ContainerNoir a {
color:white;
}
div.ContainerNoir a:hover,
div.ContainerNoir a:active {
color:silver;
}
div.ContainerNoir ul {
padding-left:0;
}
div.ContainerNoir ul li {
padding-left:0;
font-size:70%;
list-style:none;
}
div.ContainerGris {
background-color:#333333;
height:92px;
display:block;
margin-top:-12px;
text-align:center;
}
div.ContainerBlanc {
background-color:white;
height:36px;
margin-top:12px;
display:block;
text-align:center;
}
/*** GRILLES COULEURS ***/
.b1t1, .b3t4, .b3t6 {
background-color: #771c51;
}
.b1t2, .b3t1, .b3t7 {
background-color: #0065af;
}
.b1t3, .b2t1, .b3t2 {
background-color: #d51a00;
}
.b1t4, .b3t3, .b3t5 {
background-color: #148944;
}
.GrilleCouleur2 .b1t1,
.GrilleCouleur2 .b3t4,
.GrilleCouleur2 .b3t6 {
background-color: #0065af;
}
.GrilleCouleur2 .b1t2,
.GrilleCouleur2 .b3t1,
.GrilleCouleur2 .b3t7 {
background-color: #d51a00;
}
.GrilleCouleur2 .b1t3,
.GrilleCouleur2 .b2t1,
.GrilleCouleur2 .b3t2 {
background-color: #148944;
}
/*** AJOUTS MAI 2020 ***/
#bandeau_haut {
padding:6px 0 3px 8%;
background-color:black;
color:white !important;
font-size:80%;
margin-top:-12px;
width:100%;
}
#bandeau_haut a {
color:white !important;
}
.navbar-right-aligned {
padding-right:2rem;
}
body.not-logged-in ul#p-contentnavigation {
display:none !important;
}
.p-contentnavigation {
background-color:#eee;
padding:6px 0 3px 8%;
margin-left:10%;
}
ul.list-inline {
line-height:1;
}
.ContainerNoir .container {
margin-left:8%;
}
/** AJOUTS OCTOBRE 2020 **/
div.barre_outils,
div.actions_page,
div.barre_recherche,
div.contenu_principal {
padding-left:0;
padding-right:0;
}
div.p-contentnavigation {
padding:0;
margin-left: 0;
}
#p-search #searchInput {
max-width: 80%;
min-width: 80%;
}
pagetools, .pagetools .tab-group {
font-size: 0.8rem;
}