« 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 |
||
Ligne 355 : | Ligne 355 : | ||
text-align:center; | text-align:center; | ||
} | } | ||
/// BANQ.less /// | |||
// BAnQ - basé sur | |||
// Stragula - https://github.com/SemanticMediaWiki/Stragula | |||
// ISC - https://github.com/SemanticMediaWiki/Stragula/blob/master/COPYING | |||
// C - Karsten Hoffmeyer 2017, 2018 | |||
// This file contains rules that may be used on every website using this flavour. | |||
// ----------------------------------------------------- | |||
/* Color variables */ | |||
@color0: #ffffff; | |||
@color1: #202020; | |||
@color2: #5e9dc8; | |||
@color3: #3e85b5; | |||
@color4: #458ec0; | |||
@color5: #dcf0f7; | |||
@color6: #f7d96d; | |||
@color7: #f3c624; | |||
@color8: #ff5656; | |||
@color9: #f30000; | |||
@color10: #725b06; | |||
@color11: #510e1c; | |||
@color12: #f5f5f5; | |||
@color13: #d57520; | |||
@color14: #aaaaaa; | |||
@color15: #000000; | |||
/* Navbar variables */ | |||
@navbar-default-bg: @color0; | |||
@nav-tabs-active-link-hover-color: @color15; | |||
/* Button variables */ | |||
@btn-default-bg: @color2; | |||
@btn-default-border: @btn-default-bg; | |||
@btn-default-focus-bg: @color3; | |||
@btn-default-focus-border: @btn-default-focus-bg; | |||
@btn-default-visited-bg: @color4; | |||
@btn-default-visited-border: @btn-default-visited-bg; | |||
/* Screen variables */ | |||
@screen-sm: 875px; | |||
@grid-gutter-width: 24px; | |||
/** | |||
* General adaptions | |||
*/ | |||
/* enforce a minimum height on every screen */ | |||
html { | |||
position: relative; | |||
min-height: 100%; | |||
} | |||
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; | |||
} | |||
/* fix gap between header and content */ | |||
.contentHeader { | |||
margin: 0 0 0.5em; | |||
border-bottom: 0; | |||
padding-bottom: 0; | |||
} | |||
/* make headlines appear more distinct */ | |||
.mw-headline { | |||
font-weight: 500; | |||
color: @color15; | |||
} | |||
/* horizontal lines */ | |||
hr { | |||
margin-top: 10px; | |||
margin-bottom: 10px; | |||
border: 0 !important; | |||
} | |||
/* floating */ | |||
.float-left { | |||
float: left; | |||
} | |||
.float-right { | |||
float: right; | |||
} | |||
/* table of contents */ | |||
#toc, | |||
.toc { | |||
h2 { | |||
display: none; | |||
} | |||
#toctitle, | |||
.toctitle { | |||
text-align: left !important; | |||
} | |||
.toctoggle { | |||
text-align: right !important; | |||
} | |||
} | |||
#preftoc > li.selected > a { | |||
&, | |||
&:hover, | |||
&:focus { | |||
color: @color3; | |||
} | |||
} | |||
#toctitle { | |||
display: none; | |||
} | |||
/* pre */ | |||
div.smwpre { | |||
padding: 0.5em !important; | |||
font-size: 0.8em !important | |||
} | |||
/* EditTools */ | |||
.mw-editTools { | |||
font-size: smaller; | |||
} | |||
/* header cell of configuration parameter template */ | |||
table a:not(.btn), | |||
.table a:not(.btn) { | |||
text-decoration: none; | |||
} | |||
.hproduct table tbody tr td { | |||
padding: 2px; | |||
} | |||
/** | |||
* buttons | |||
*/ | |||
.dropbtn { | |||
background-color: @color5; | |||
color: @color2; | |||
padding: 3px 6px; | |||
font-size: 16px; | |||
border: none; | |||
cursor: pointer; | |||
text-align: right; | |||
border-radius: 0 !important; | |||
} | |||
/** | |||
* dropdown buttons | |||
*/ | |||
/* The container <div> - needed to position the dropdown content */ | |||
.dropdown { | |||
position: relative; | |||
display: inline-block; | |||
&:hover { | |||
/* Show the dropdown menu on hover */ | |||
.dropdown-content { | |||
display: block; | |||
} | |||
/* Change the background color of the dropdown button when the dropdown content is shown */ | |||
.dropbtn { | |||
background-color: @color2; | |||
color: @color0; | |||
} | |||
.dropbtn.document-draft { | |||
background-color: @color7; | |||
color: @color10; | |||
} | |||
.dropbtn.document-obsolete { | |||
background-color: @color9; | |||
color: @color11; | |||
} | |||
} | |||
.dropbtn.document-draft { | |||
background-color: @color6; | |||
color: @color10; | |||
} | |||
.dropbtn.document-obsolete { | |||
background-color: @color8; | |||
color: @color11; | |||
} | |||
} | |||
.dropdown-outer { | |||
min-width: 160px; | |||
} | |||
/* Dropdown Content (Hidden by Default) */ | |||
.dropdown-content { | |||
display: none; | |||
position: absolute; | |||
font-size: 14px; | |||
background-color: @color0; | |||
box-shadow: 0px 8px 16px 0px rgba( 0, 0, 0, 0.2 ); | |||
z-index: 1; | |||
border-radius: 0px; | |||
left: auto; | |||
right: 0; | |||
border-top: 5px solid @color2; | |||
/* Links inside the dropdown */ | |||
a { | |||
background-color: @color0; | |||
color: @color2; | |||
padding: 3px 6px; | |||
text-decoration: none; | |||
display: block; | |||
text-align: left; | |||
min-width: 150px; | |||
/* Change color of dropdown links on hover */ | |||
&:hover, | |||
&:focus { | |||
color: @color15; | |||
background-color: @color0; | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
} | |||
} | |||
.selflink { | |||
background-color: @color0; | |||
color: @brand-primary; | |||
margin-left: 6px; | |||
padding: 5px; | |||
&:hover { | |||
background-color: @color0; | |||
color: @color2; | |||
margin-left: 6px; | |||
padding: 5px; | |||
} | |||
} | |||
ul { | |||
list-style-type: none; | |||
list-style-image: none; | |||
margin: 0 0 0 6px; | |||
padding: 0 0 0 0; | |||
-webkit-column-break-inside: avoid; | |||
page-break-inside: avoid; | |||
break-inside: avoid; /* IE 10+ */ | |||
break-inside: avoid-column; | |||
} | |||
li { | |||
padding: 0 0 0 0; | |||
a { | |||
&:hover { | |||
background-color: @color0; | |||
color: @color2; | |||
text-decoration: underline; | |||
} | |||
} | |||
} | |||
} | |||
@media only screen and (max-width: 480px) { | |||
.dropdown-content { | |||
left: -100% !important; | |||
right: auto !important; | |||
column-gap: 0px !important; | |||
} | |||
} | |||
/* Document management specific changes */ | |||
.dropdown-content.document-draft { | |||
border-top: 5px solid @color7; | |||
} | |||
.dropdown-content.document-obsolete { | |||
border-top: 5px solid @color9; | |||
} | |||
/** | |||
* Special pages | |||
*/ | |||
/* Special:Ask - buttons */ | |||
.smw-ask-action-btn-lblue { | |||
color: @color0 !important; | |||
background-color: @navbar-default-bg !important; | |||
border-color: @btn-default-border !important; | |||
} | |||
a.smw-ask-action-btn-lblue { | |||
&:visited { | |||
color: @color0 !important; | |||
background-color: @navbar-default-bg !important; | |||
border-color: @btn-default-border !important; | |||
} | |||
&:hover { | |||
color: @color0 !important; | |||
background-color: @btn-default-visited-bg !important; | |||
border-color: @btn-default-visited-border !important; | |||
} | |||
} | |||
.smw-ask-action-btn-dblue { | |||
color: @color0 !important; | |||
background-color: @btn-default-visited-bg !important; | |||
border-color: @btn-default-visited-border !important; | |||
&:hover { | |||
color: @color0 !important; | |||
background-color: @btn-default-focus-bg !important; | |||
border-color: @btn-default-focus-border !important; | |||
} | |||
&:focus { | |||
color: @color0 !important; | |||
background-color: @btn-default-focus-bg !important; | |||
border-color: @btn-default-focus-border !important; | |||
} | |||
} | |||
a.smw-ask-action-btn-dblue { | |||
&:visited { | |||
color: @color0 !important; | |||
background-color: @btn-default-visited-bg !important; | |||
border-color: @btn-default-visited-border !important; | |||
} | |||
&:hover { | |||
color: @color0 !important; | |||
background-color: @btn-default-focus-bg !important; | |||
border-color: @btn-default-focus-border !important; | |||
} | |||
&:focus { | |||
color: @color0 !important; | |||
background-color: @btn-default-focus-bg !important; | |||
border-color: @btn-default-focus-border !important; | |||
} | |||
} | |||
/* Special:Search - result list */ | |||
.searchresults .mw-search-results { | |||
padding-left: 0; | |||
} | |||
/* Special:Search - input field */ | |||
#searchText { | |||
width: 70%; | |||
} | |||
/** | |||
* navbar | |||
*/ | |||
.navbar-nav { | |||
>li { | |||
padding-top: 0.5px; | |||
} | |||
} | |||
.navbar-default .navbar-nav > li > a { | |||
color: @color1; | |||
} | |||
.navbar-default .navbar-nav > li > a { | |||
&:hover, | |||
&:focus { | |||
color: @color15; | |||
background-color: @color0; | |||
} | |||
} | |||
a.dropdown-toggle.navbar-userloggedin span.glyphicon.glyphicon-user { | |||
color: @color0; | |||
} | |||
.navbar.navbar-default.p-tb { | |||
border: none; | |||
} | |||
/* Edit & history drop-down */ | |||
.navbar-tools-tools { | |||
margin-top: 1px; | |||
} | |||
/* navbar - search button */ | |||
.btn-default { | |||
@color: @btn-default-color; | |||
color: @color; | |||
background-color: @btn-default-bg; | |||
border-color: @btn-default-border; | |||
&:focus, | |||
&.focus, | |||
&:hover { | |||
color: @color; | |||
background-color: @btn-default-focus-bg; | |||
border-color: @btn-default-focus-border; | |||
} | |||
&:active, | |||
&.active, | |||
.open > .dropdown-toggle { | |||
color: @color; | |||
background-color: @btn-default-focus-bg; | |||
border-color: @btn-default-focus-border; | |||
&:hover, | |||
&:focus, | |||
&.focus { | |||
color: @color; | |||
background-color: darken(@btn-default-focus-bg, 6%); | |||
border-color: darken(@btn-default-focus-border, 12%); | |||
} | |||
} | |||
&.disabled, | |||
&[disabled], | |||
fieldset[disabled] & { | |||
&:hover, | |||
&:focus, | |||
&.focus { | |||
background-color: @btn-default-bg; | |||
border-color: @btn-default-border; | |||
} | |||
} | |||
.badge { | |||
color: @btn-default-bg; | |||
background-color: @color; | |||
} | |||
} | |||
/* navbar - dropdown */ | |||
.navbar .dropdown-menu > li { | |||
> a { | |||
background-color: @color0; | |||
&:hover, &:focus { | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
} | |||
} | |||
&.active > a, | |||
&.selected > a { | |||
background-color: @color0; | |||
color: @color2; | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
} | |||
} | |||
/* navbar - dropdown - narrow screen */ | |||
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |||
color: @color2; | |||
background-color: @color0; | |||
&:hover, | |||
&:focus { | |||
color: @color3; | |||
background-color: @color0; | |||
} | |||
} | |||
/* navbar - personal tools - wide screen and narrow screen */ | |||
.skin-chameleon { | |||
.navbar-tools { | |||
.open > a { | |||
&, | |||
&:hover, | |||
&:focus { | |||
background-color: @color3; | |||
} | |||
} | |||
>li, | |||
li.open { | |||
&:first-child { | |||
>ul.dropdown-menu { | |||
margin-top: 0.5px; | |||
} | |||
} | |||
> a.navbar-userloggedin { | |||
&:active { | |||
color: @color4; | |||
} | |||
&:hover { | |||
background-color: @color4; | |||
} | |||
&:focus { | |||
background-color: @color3; | |||
} | |||
} | |||
} | |||
} | |||
} | |||
/** | |||
* Extensions | |||
*/ | |||
/* CharInsert */ | |||
#specialchars.my-buttons { | |||
p#Standard.specialbasic { | |||
a { | |||
background-color: @color12; | |||
padding: 3px; | |||
text-decoration: none; | |||
} | |||
margin: 10px 10px 10px 0; | |||
} | |||
line-height: 1.8em; | |||
} | |||
/* DissmissableSiteNotice */ | |||
.sitedir-ltr .mw-dismissable-notice-body { | |||
margin: 0.5em 8% 0.5em 5em; | |||
} | |||
/* Echo - navbar - personal tools */ | |||
#pt-notifications-alert, | |||
#pt-notifications-message { | |||
.mw-echo-notifications-badge { | |||
&:hover, | |||
&:active, | |||
&:focus { | |||
-moz-outline-style: none; | |||
outline: none; | |||
background-color: @color0; | |||
color: @color3; | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
} | |||
font-weight: normal !important; | |||
} | |||
} | |||
#pt-notifications-message .mw-echo-notifications-badge { | |||
margin-left: 0 !important; | |||
} | |||
/* Liquid Threads */ | |||
.lqt_header_content { | |||
margin: -1em 0 1.5em; | |||
} | |||
.lqt-talkpage-header { | |||
background-color: @color2 !important; | |||
} | |||
.lqt_toc { | |||
border-collapse: collapse; | |||
width: 100% !important; | |||
} | |||
.lqt-post-wrapper { | |||
background: none repeat scroll 0 0 @color0; | |||
} | |||
.lqt_post_new_message { | |||
background-color: @color0 !important; | |||
border: 1pt solid @color14 !important; | |||
width: 99%; | |||
} | |||
.thread-collapse-control { | |||
a { | |||
background: url(data:image/gif;base64,R0lGODlhEQAOAMQAAISEhMvLy1FRUXFxcVRUVGpqal1dXebm5tLS0tjY2MTExOHh4Z+fn7GxsY+Pj6+vr7q6uuTk5JSUlHt7e5aWlqioqFhYWE9PT2NjY93d3Z2dnU1NTejo6AAAAAAAAAAAACH5BAAAAAAALAAAAAARAA4AAAVJICJsZGmaEyedLCkgXGa1J8XdFV0ay80dBd3m4bspdIVD8QagKZa3BIEFgPo0J0LCelsYTAyur1HCRMS+AQmC9gUug3bREbCGAAA7) no-repeat scroll 0 0 transparent; | |||
} | |||
} | |||
a.thread-control-collapsed { | |||
background: url(data:image/gif;base64,R0lGODlhDgARAMQAAISEhMvLy1FRUXFxcVRUVGpqal1dXebm5tLS0tjY2MTExOHh4Z+fn7GxsY+Pj6+vr7q6uuTk5JSUlHt7e5aWlqioqFhYWE9PT2NjY93d3Z2dnU1NTejo6AAAAAAAAAAAACH5BAAAAAAALAAAAAAOABEAAAVG4IRwZGmSm0At57m9xnO06PsWCm3vQOLuNgIjUgICMZCacTcILIEXx9PW5EwNjaKRoGFpeb7fLafbWCozGkcgyahLo3cpBAA7) no-repeat scroll 0 0 transparent; | |||
} | |||
ul.lqt-thread-toolbar-commands { | |||
list-style-type: none !important; | |||
list-style-image: none !important; | |||
} | |||
.lqt_header_content { | |||
margin-top: 0; | |||
margin-bottom: 0.5em; | |||
} | |||
.lqt_start_discussion a, | |||
.lqt_start_discussion a:hover { | |||
color: #ffffff; | |||
padding-right: 10px; | |||
} | |||
/* Liquid Threads - navbar - personal tools */ | |||
#pt-newmessages { | |||
a { | |||
background-color: @color0; | |||
color: @color2; | |||
&:hover, | |||
&:focus { | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
} | |||
} | |||
&.active a { | |||
// FIXME: Colors should already be covered by #pt-newmessages a | |||
background-color: @color0; | |||
color: @color2; | |||
font-weight: 900; | |||
&:hover, | |||
&:focus { | |||
color: @color3; | |||
// FIXME: Should already be covered by #pt-newmessages a | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
} | |||
} | |||
} | |||
/* Page Forms */ | |||
.pfFieldRow { | |||
margin: 8px 0; | |||
} | |||
.pfFieldLabel { | |||
padding-right: 0; | |||
font-weight: bold; | |||
text-align: right; | |||
} | |||
@media (max-width: @screen-sm-min) { | |||
.pfFieldLabel { | |||
text-align: left; | |||
} | |||
} | |||
/** Semantic MediaWiki | |||
* Highlight special properties on special page "Browse" | |||
*/ | |||
.smwbuiltin a { | |||
color: @color13; | |||
} | |||
/** Semantic Cite | |||
* Unconfuse link to subobject | |||
*/.scite-citation-resourcelink a:before { | |||
content: "↘"; | |||
} | |||
/* Semantic Result Formats */ | |||
// FIXME: .srf-tree should be handled in SRF | |||
.srf-tree ul li ul { | |||
&, | |||
li ul { | |||
list-style-type: none !important; | |||
list-style-image: none !important; | |||
} | |||
} | |||
/* Translate */ | |||
/* Use "Special:PageTranslation" instead */ | |||
.mw-pt-translate-header { | |||
display: none; | |||
/* font-size: 10px !important; // Chrome ignores font-size: x-small */ | |||
/* margin-top: -3em; */ | |||
/* text-align: right; */ | |||
} | |||
/* Universal language selector - navbar - personal tools */ | |||
#pt-uls { | |||
padding-left: 20px; | |||
a.uls-trigger { | |||
padding: 10px 0 10px 40px !important; | |||
} | |||
} | |||
#pt-uls.active a { | |||
background-color: @color0; | |||
color: @color2; | |||
text-decoration: none; | |||
&:hover, | |||
&:focus { | |||
color: @color3; | |||
text-decoration: underline; | |||
text-decoration-color: @color2; | |||
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23D3E3F4%22%20d%3D%22M0%200h11.876v16h-11.876v-16z%22%2F%3E%3Cpath%20fill%3D%22%23E9E9E9%22%20d%3D%22M12.819%200v15.969h10.755c1.085-2.578%201.837-4.991%203.062-8.591l-3.062-7.378h-10.755z%22%2F%3E%3Cpath%20fill%3D%22%23434343%22%20d%3D%22M14.828%204.146c.32.023.639.035.951.035.471%200%20.922-.016%201.354-.046l.023-.258.034-.367.081-.711.033-.333.873.058c-.073.577-.133%201.091-.179%201.542%201.116-.119%202.233-.331%203.349-.637l.092.809c-1.078.271-2.251.472-3.521.602-.05.463-.082.968-.098%201.514.524-.187%201.14-.313%201.847-.378.064-.207.136-.461.213-.763l.865.201c-.027.123-.088.315-.184.579.814.104%201.461.34%201.938.711.681.542%201.021%201.252%201.021%202.128%200%20.963-.406%201.746-1.221%202.351-.635.47-1.505.784-2.609.94l-.505-.779c.968-.104%201.739-.337%202.317-.7.733-.458%201.101-1.066%201.101-1.823%200-.772-.341-1.363-1.021-1.772-.345-.21-.764-.344-1.256-.401-.604%201.422-1.4%202.598-2.387%203.527.035.352.102.715.201%201.09l-.849.314-.126-.773c-.654.462-1.27.693-1.847.693-.696%200-1.044-.407-1.044-1.222%200-1.104.591-2.103%201.771-2.993.227-.165.532-.352.918-.562.012-.524.046-1.128.104-1.812-.585.046-1.143.069-1.675.069l-.493-.011-.071-.822m2.127%203.384c-.268.161-.545.392-.831.694-.612.619-.94%201.226-.986%201.817l-.017.121.017.138c0%20.252.112.378.339.378.492%200%201.02-.258%201.582-.773-.057-.613-.092-1.404-.104-2.375m2.455-.884c-.57.08-1.111.226-1.623.436%200%20.883.018%201.581.052%202.093.634-.707%201.158-1.55%201.571-2.529%22%2F%3E%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M8.517%2011.735l-.734-2.409h-3.69l-.734%202.409h-2.313l3.573-10.165h2.625l3.587%2010.165h-2.314m-1.246-4.21c-.679-2.183-1.062-3.418-1.149-3.704-.083-.286-.143-.512-.18-.678-.153.59-.589%202.051-1.309%204.382h2.638%22%2F%3E%3Cpath%20fill%3D%22%23BCBCBC%22%20d%3D%22M12.817%2013.5v2.5h10.757l.98-2.5h-11.737z%22%2F%3E%3Cpath%20fill%3D%22%233692D0%22%20d%3D%22M.011%2013.511h3.569l2.367-3.116%202.367%203.116h3.57v2.484h-11.873v-2.484z%22%2F%3E%3C%2Fsvg%3E) !important; | |||
} | |||
} | |||
/** | |||
* Footer | |||
*/ | |||
.smwofootergrid.container { | |||
position: absolute; | |||
bottom: 0; | |||
width: 100%; | |||
/* Set the fixed height of the footer here */ | |||
height: 117px; | |||
} | |||
.smwofooterrow.row { | |||
padding-top: 5px; | |||
background-color: @color5; | |||
} | |||
.smwofooterrowb.row { | |||
background-color: @color5; | |||
} | |||
.smwofooterrowtb.row { | |||
background-color: @color2; | |||
} | |||
.footer-info.list-unstyled.small { | |||
margin-bottom: 0; | |||
} | |||
/* no margins for links to special pages at the bottom */ | |||
.smwofootercomptb.col-lg-10 { | |||
nav#p-tb.navbar.navbar-default.p-tb { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
} | |||
} | |||
@media only screen and (max-width: 480px) { | |||
.smwofootercomptb.col-lg-10 { | |||
nav#p-tb.navbar.navbar-default.p-tb { | |||
margin-top: 0; | |||
margin-bottom: 0; | |||
} | |||
} | |||
} | |||
.list-inline.footer-places { | |||
margin-left: 10px; | |||
} | |||
.list-inline.pull-right.footer-icons { | |||
margin-bottom: 5px; | |||
} | |||
.footer-info.list-unstyled.small { | |||
margin-left: 10px; | |||
} | |||
/** | |||
* Interlanguage dropdown styling | |||
* Styles copied from https://www.w3schools.com/css/css_dropdowns.asp | |||
*/ | |||
.icon-language { | |||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABnklEQVRIie3Ty4uPYRQH8M9MY9TkXjOFklsuvzIauWWKMmGpsGCHzWRFo8TWyoK1hD/AxkI2JpdkYaFMSUYWosg1C0pJGotzXj1eb4Qs1O9bp+c8zznv+Z7bSxv/O7p/5dD5lwQHcP53CVbjUspAg30yelKfjedYik0Ywb7SuashwDZMLfSxhqy3195aeJJyvzR0NGR3ER9Fdd3Ygc+FTy9mpn4Sp3Azk+rA+59VMCjKv5wEu7AhA1R4kyITWIx5WIMl2IuXlXN9BkN53kgp30r04GBW3MJ8rMADMfRDVfIlwTSsFUN7iHG8wHpMKfz6cA5z8n5GtOyOGPIwNmJ/nWAwWW/lfUK0ZpJoU+V/HPdwVMxqJxaJecAzXBFb9d0MtuS5O0XNNir63JftmcA70cIjeF34f0n7N4JZWJmPY5VRbMVAygwsxCN8Qn9+N4q7RfDpYr1vlwRDWf44DteyP41l2Iy34qc6hnV4nGSdmItV2CPW+mxJsFwM9KofcS2zauEEFuT7MF6lvjVJn+I6LuBDQ6w/RpdoVxtt/AN8BQ8WTTa0nUihAAAAAElFTkSuQmCC'); | |||
padding: 2px 14px; | |||
background-repeat: no-repeat; | |||
} | |||
/** | |||
* Misc | |||
*/ | |||
/* Glyphicons */ | |||
.glyphicon-search { | |||
top: 4px; | |||
} | |||
.glyphicon-pencil { | |||
top: 0px; | |||
font-size: 80%; | |||
} | |||
/* oo-ui button */ | |||
button.oo-ui-inputWidget-input { | |||
padding: 0.35em 1em !important; | |||
} | |||
/* Fix misplacement of category links */ | |||
#catlinks { | |||
clear: right; | |||
} | |||
/* Fix margin of successbox margins */ | |||
.successbox p { | |||
margin: 0; | |||
} | |||
/* Fix styling of concept descriptions */ | |||
.concept-documenation { | |||
margin-top: 10px; | |||
padding: 2px 0; | |||
} | |||
/* YO */ | |||
.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: 978px; | |||
margin: 0 0 0 32%; | |||
padding: 0; | |||
} | |||
#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; | |||
} | |||
/** 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; | |||
} | |||
#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%; | |||
} |
Version du 14 octobre 2020 à 11:07
/* 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 a {
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;
}
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;
}
/** 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;
}
.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;
}
/// BANQ.less ///
// BAnQ - basé sur
// Stragula - https://github.com/SemanticMediaWiki/Stragula
// ISC - https://github.com/SemanticMediaWiki/Stragula/blob/master/COPYING
// C - Karsten Hoffmeyer 2017, 2018
// This file contains rules that may be used on every website using this flavour.
// -----------------------------------------------------
/* Color variables */
@color0: #ffffff;
@color1: #202020;
@color2: #5e9dc8;
@color3: #3e85b5;
@color4: #458ec0;
@color5: #dcf0f7;
@color6: #f7d96d;
@color7: #f3c624;
@color8: #ff5656;
@color9: #f30000;
@color10: #725b06;
@color11: #510e1c;
@color12: #f5f5f5;
@color13: #d57520;
@color14: #aaaaaa;
@color15: #000000;
/* Navbar variables */
@navbar-default-bg: @color0;
@nav-tabs-active-link-hover-color: @color15;
/* Button variables */
@btn-default-bg: @color2;
@btn-default-border: @btn-default-bg;
@btn-default-focus-bg: @color3;
@btn-default-focus-border: @btn-default-focus-bg;
@btn-default-visited-bg: @color4;
@btn-default-visited-border: @btn-default-visited-bg;
/* Screen variables */
@screen-sm: 875px;
@grid-gutter-width: 24px;
/**
* General adaptions
*/
/* enforce a minimum height on every screen */
html {
position: relative;
min-height: 100%;
}
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;
}
/* fix gap between header and content */
.contentHeader {
margin: 0 0 0.5em;
border-bottom: 0;
padding-bottom: 0;
}
/* make headlines appear more distinct */
.mw-headline {
font-weight: 500;
color: @color15;
}
/* horizontal lines */
hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0 !important;
}
/* floating */
.float-left {
float: left;
}
.float-right {
float: right;
}
/* table of contents */
#toc,
.toc {
h2 {
display: none;
}
#toctitle,
.toctitle {
text-align: left !important;
}
.toctoggle {
text-align: right !important;
}
}
#preftoc > li.selected > a {
&,
&:hover,
&:focus {
color: @color3;
}
}
#toctitle {
display: none;
}
/* pre */
div.smwpre {
padding: 0.5em !important;
font-size: 0.8em !important
}
/* EditTools */
.mw-editTools {
font-size: smaller;
}
/* header cell of configuration parameter template */
table a:not(.btn),
.table a:not(.btn) {
text-decoration: none;
}
.hproduct table tbody tr td {
padding: 2px;
}
/**
* buttons
*/
.dropbtn {
background-color: @color5;
color: @color2;
padding: 3px 6px;
font-size: 16px;
border: none;
cursor: pointer;
text-align: right;
border-radius: 0 !important;
}
/**
* dropdown buttons
*/
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
&:hover {
/* Show the dropdown menu on hover */
.dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn {
background-color: @color2;
color: @color0;
}
.dropbtn.document-draft {
background-color: @color7;
color: @color10;
}
.dropbtn.document-obsolete {
background-color: @color9;
color: @color11;
}
}
.dropbtn.document-draft {
background-color: @color6;
color: @color10;
}
.dropbtn.document-obsolete {
background-color: @color8;
color: @color11;
}
}
.dropdown-outer {
min-width: 160px;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
font-size: 14px;
background-color: @color0;
box-shadow: 0px 8px 16px 0px rgba( 0, 0, 0, 0.2 );
z-index: 1;
border-radius: 0px;
left: auto;
right: 0;
border-top: 5px solid @color2;
/* Links inside the dropdown */
a {
background-color: @color0;
color: @color2;
padding: 3px 6px;
text-decoration: none;
display: block;
text-align: left;
min-width: 150px;
/* Change color of dropdown links on hover */
&:hover,
&:focus {
color: @color15;
background-color: @color0;
text-decoration: underline;
text-decoration-color: @color2;
}
}
.selflink {
background-color: @color0;
color: @brand-primary;
margin-left: 6px;
padding: 5px;
&:hover {
background-color: @color0;
color: @color2;
margin-left: 6px;
padding: 5px;
}
}
ul {
list-style-type: none;
list-style-image: none;
margin: 0 0 0 6px;
padding: 0 0 0 0;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid; /* IE 10+ */
break-inside: avoid-column;
}
li {
padding: 0 0 0 0;
a {
&:hover {
background-color: @color0;
color: @color2;
text-decoration: underline;
}
}
}
}
@media only screen and (max-width: 480px) {
.dropdown-content {
left: -100% !important;
right: auto !important;
column-gap: 0px !important;
}
}
/* Document management specific changes */
.dropdown-content.document-draft {
border-top: 5px solid @color7;
}
.dropdown-content.document-obsolete {
border-top: 5px solid @color9;
}
/**
* Special pages
*/
/* Special:Ask - buttons */
.smw-ask-action-btn-lblue {
color: @color0 !important;
background-color: @navbar-default-bg !important;
border-color: @btn-default-border !important;
}
a.smw-ask-action-btn-lblue {
&:visited {
color: @color0 !important;
background-color: @navbar-default-bg !important;
border-color: @btn-default-border !important;
}
&:hover {
color: @color0 !important;
background-color: @btn-default-visited-bg !important;
border-color: @btn-default-visited-border !important;
}
}
.smw-ask-action-btn-dblue {
color: @color0 !important;
background-color: @btn-default-visited-bg !important;
border-color: @btn-default-visited-border !important;
&:hover {
color: @color0 !important;
background-color: @btn-default-focus-bg !important;
border-color: @btn-default-focus-border !important;
}
&:focus {
color: @color0 !important;
background-color: @btn-default-focus-bg !important;
border-color: @btn-default-focus-border !important;
}
}
a.smw-ask-action-btn-dblue {
&:visited {
color: @color0 !important;
background-color: @btn-default-visited-bg !important;
border-color: @btn-default-visited-border !important;
}
&:hover {
color: @color0 !important;
background-color: @btn-default-focus-bg !important;
border-color: @btn-default-focus-border !important;
}
&:focus {
color: @color0 !important;
background-color: @btn-default-focus-bg !important;
border-color: @btn-default-focus-border !important;
}
}
/* Special:Search - result list */
.searchresults .mw-search-results {
padding-left: 0;
}
/* Special:Search - input field */
#searchText {
width: 70%;
}
/**
* navbar
*/
.navbar-nav {
>li {
padding-top: 0.5px;
}
}
.navbar-default .navbar-nav > li > a {
color: @color1;
}
.navbar-default .navbar-nav > li > a {
&:hover,
&:focus {
color: @color15;
background-color: @color0;
}
}
a.dropdown-toggle.navbar-userloggedin span.glyphicon.glyphicon-user {
color: @color0;
}
.navbar.navbar-default.p-tb {
border: none;
}
/* Edit & history drop-down */
.navbar-tools-tools {
margin-top: 1px;
}
/* navbar - search button */
.btn-default {
@color: @btn-default-color;
color: @color;
background-color: @btn-default-bg;
border-color: @btn-default-border;
&:focus,
&.focus,
&:hover {
color: @color;
background-color: @btn-default-focus-bg;
border-color: @btn-default-focus-border;
}
&:active,
&.active,
.open > .dropdown-toggle {
color: @color;
background-color: @btn-default-focus-bg;
border-color: @btn-default-focus-border;
&:hover,
&:focus,
&.focus {
color: @color;
background-color: darken(@btn-default-focus-bg, 6%);
border-color: darken(@btn-default-focus-border, 12%);
}
}
&.disabled,
&[disabled],
fieldset[disabled] & {
&:hover,
&:focus,
&.focus {
background-color: @btn-default-bg;
border-color: @btn-default-border;
}
}
.badge {
color: @btn-default-bg;
background-color: @color;
}
}
/* navbar - dropdown */
.navbar .dropdown-menu > li {
> a {
background-color: @color0;
&:hover, &:focus {
text-decoration: underline;
text-decoration-color: @color2;
}
}
&.active > a,
&.selected > a {
background-color: @color0;
color: @color2;
text-decoration: underline;
text-decoration-color: @color2;
}
}
/* navbar - dropdown - narrow screen */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: @color2;
background-color: @color0;
&:hover,
&:focus {
color: @color3;
background-color: @color0;
}
}
/* navbar - personal tools - wide screen and narrow screen */
.skin-chameleon {
.navbar-tools {
.open > a {
&,
&:hover,
&:focus {
background-color: @color3;
}
}
>li,
li.open {
&:first-child {
>ul.dropdown-menu {
margin-top: 0.5px;
}
}
> a.navbar-userloggedin {
&:active {
color: @color4;
}
&:hover {
background-color: @color4;
}
&:focus {
background-color: @color3;
}
}
}
}
}
/**
* Extensions
*/
/* CharInsert */
#specialchars.my-buttons {
p#Standard.specialbasic {
a {
background-color: @color12;
padding: 3px;
text-decoration: none;
}
margin: 10px 10px 10px 0;
}
line-height: 1.8em;
}
/* DissmissableSiteNotice */
.sitedir-ltr .mw-dismissable-notice-body {
margin: 0.5em 8% 0.5em 5em;
}
/* Echo - navbar - personal tools */
#pt-notifications-alert,
#pt-notifications-message {
.mw-echo-notifications-badge {
&:hover,
&:active,
&:focus {
-moz-outline-style: none;
outline: none;
background-color: @color0;
color: @color3;
text-decoration: underline;
text-decoration-color: @color2;
}
font-weight: normal !important;
}
}
#pt-notifications-message .mw-echo-notifications-badge {
margin-left: 0 !important;
}
/* Liquid Threads */
.lqt_header_content {
margin: -1em 0 1.5em;
}
.lqt-talkpage-header {
background-color: @color2 !important;
}
.lqt_toc {
border-collapse: collapse;
width: 100% !important;
}
.lqt-post-wrapper {
background: none repeat scroll 0 0 @color0;
}
.lqt_post_new_message {
background-color: @color0 !important;
border: 1pt solid @color14 !important;
width: 99%;
}
.thread-collapse-control {
a {
background: url(data:image/gif;base64,R0lGODlhEQAOAMQAAISEhMvLy1FRUXFxcVRUVGpqal1dXebm5tLS0tjY2MTExOHh4Z+fn7GxsY+Pj6+vr7q6uuTk5JSUlHt7e5aWlqioqFhYWE9PT2NjY93d3Z2dnU1NTejo6AAAAAAAAAAAACH5BAAAAAAALAAAAAARAA4AAAVJICJsZGmaEyedLCkgXGa1J8XdFV0ay80dBd3m4bspdIVD8QagKZa3BIEFgPo0J0LCelsYTAyur1HCRMS+AQmC9gUug3bREbCGAAA7) no-repeat scroll 0 0 transparent;
}
}
a.thread-control-collapsed {
background: url(data:image/gif;base64,R0lGODlhDgARAMQAAISEhMvLy1FRUXFxcVRUVGpqal1dXebm5tLS0tjY2MTExOHh4Z+fn7GxsY+Pj6+vr7q6uuTk5JSUlHt7e5aWlqioqFhYWE9PT2NjY93d3Z2dnU1NTejo6AAAAAAAAAAAACH5BAAAAAAALAAAAAAOABEAAAVG4IRwZGmSm0At57m9xnO06PsWCm3vQOLuNgIjUgICMZCacTcILIEXx9PW5EwNjaKRoGFpeb7fLafbWCozGkcgyahLo3cpBAA7) no-repeat scroll 0 0 transparent;
}
ul.lqt-thread-toolbar-commands {
list-style-type: none !important;
list-style-image: none !important;
}
.lqt_header_content {
margin-top: 0;
margin-bottom: 0.5em;
}
.lqt_start_discussion a,
.lqt_start_discussion a:hover {
color: #ffffff;
padding-right: 10px;
}
/* Liquid Threads - navbar - personal tools */
#pt-newmessages {
a {
background-color: @color0;
color: @color2;
&:hover,
&:focus {
text-decoration: underline;
text-decoration-color: @color2;
}
}
&.active a {
// FIXME: Colors should already be covered by #pt-newmessages a
background-color: @color0;
color: @color2;
font-weight: 900;
&:hover,
&:focus {
color: @color3;
// FIXME: Should already be covered by #pt-newmessages a
text-decoration: underline;
text-decoration-color: @color2;
}
}
}
/* Page Forms */
.pfFieldRow {
margin: 8px 0;
}
.pfFieldLabel {
padding-right: 0;
font-weight: bold;
text-align: right;
}
@media (max-width: @screen-sm-min) {
.pfFieldLabel {
text-align: left;
}
}
/** Semantic MediaWiki
* Highlight special properties on special page "Browse"
*/
.smwbuiltin a {
color: @color13;
}
/** Semantic Cite
* Unconfuse link to subobject
*/.scite-citation-resourcelink a:before {
content: "↘";
}
/* Semantic Result Formats */
// FIXME: .srf-tree should be handled in SRF
.srf-tree ul li ul {
&,
li ul {
list-style-type: none !important;
list-style-image: none !important;
}
}
/* Translate */
/* Use "Special:PageTranslation" instead */
.mw-pt-translate-header {
display: none;
/* font-size: 10px !important; // Chrome ignores font-size: x-small */
/* margin-top: -3em; */
/* text-align: right; */
}
/* Universal language selector - navbar - personal tools */
#pt-uls {
padding-left: 20px;
a.uls-trigger {
padding: 10px 0 10px 40px !important;
}
}
#pt-uls.active a {
background-color: @color0;
color: @color2;
text-decoration: none;
&:hover,
&:focus {
color: @color3;
text-decoration: underline;
text-decoration-color: @color2;
background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23D3E3F4%22%20d%3D%22M0%200h11.876v16h-11.876v-16z%22%2F%3E%3Cpath%20fill%3D%22%23E9E9E9%22%20d%3D%22M12.819%200v15.969h10.755c1.085-2.578%201.837-4.991%203.062-8.591l-3.062-7.378h-10.755z%22%2F%3E%3Cpath%20fill%3D%22%23434343%22%20d%3D%22M14.828%204.146c.32.023.639.035.951.035.471%200%20.922-.016%201.354-.046l.023-.258.034-.367.081-.711.033-.333.873.058c-.073.577-.133%201.091-.179%201.542%201.116-.119%202.233-.331%203.349-.637l.092.809c-1.078.271-2.251.472-3.521.602-.05.463-.082.968-.098%201.514.524-.187%201.14-.313%201.847-.378.064-.207.136-.461.213-.763l.865.201c-.027.123-.088.315-.184.579.814.104%201.461.34%201.938.711.681.542%201.021%201.252%201.021%202.128%200%20.963-.406%201.746-1.221%202.351-.635.47-1.505.784-2.609.94l-.505-.779c.968-.104%201.739-.337%202.317-.7.733-.458%201.101-1.066%201.101-1.823%200-.772-.341-1.363-1.021-1.772-.345-.21-.764-.344-1.256-.401-.604%201.422-1.4%202.598-2.387%203.527.035.352.102.715.201%201.09l-.849.314-.126-.773c-.654.462-1.27.693-1.847.693-.696%200-1.044-.407-1.044-1.222%200-1.104.591-2.103%201.771-2.993.227-.165.532-.352.918-.562.012-.524.046-1.128.104-1.812-.585.046-1.143.069-1.675.069l-.493-.011-.071-.822m2.127%203.384c-.268.161-.545.392-.831.694-.612.619-.94%201.226-.986%201.817l-.017.121.017.138c0%20.252.112.378.339.378.492%200%201.02-.258%201.582-.773-.057-.613-.092-1.404-.104-2.375m2.455-.884c-.57.08-1.111.226-1.623.436%200%20.883.018%201.581.052%202.093.634-.707%201.158-1.55%201.571-2.529%22%2F%3E%3Cpath%20fill%3D%22%231A1A1A%22%20d%3D%22M8.517%2011.735l-.734-2.409h-3.69l-.734%202.409h-2.313l3.573-10.165h2.625l3.587%2010.165h-2.314m-1.246-4.21c-.679-2.183-1.062-3.418-1.149-3.704-.083-.286-.143-.512-.18-.678-.153.59-.589%202.051-1.309%204.382h2.638%22%2F%3E%3Cpath%20fill%3D%22%23BCBCBC%22%20d%3D%22M12.817%2013.5v2.5h10.757l.98-2.5h-11.737z%22%2F%3E%3Cpath%20fill%3D%22%233692D0%22%20d%3D%22M.011%2013.511h3.569l2.367-3.116%202.367%203.116h3.57v2.484h-11.873v-2.484z%22%2F%3E%3C%2Fsvg%3E) !important;
}
}
/**
* Footer
*/
.smwofootergrid.container {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 117px;
}
.smwofooterrow.row {
padding-top: 5px;
background-color: @color5;
}
.smwofooterrowb.row {
background-color: @color5;
}
.smwofooterrowtb.row {
background-color: @color2;
}
.footer-info.list-unstyled.small {
margin-bottom: 0;
}
/* no margins for links to special pages at the bottom */
.smwofootercomptb.col-lg-10 {
nav#p-tb.navbar.navbar-default.p-tb {
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
.smwofootercomptb.col-lg-10 {
nav#p-tb.navbar.navbar-default.p-tb {
margin-top: 0;
margin-bottom: 0;
}
}
}
.list-inline.footer-places {
margin-left: 10px;
}
.list-inline.pull-right.footer-icons {
margin-bottom: 5px;
}
.footer-info.list-unstyled.small {
margin-left: 10px;
}
/**
* Interlanguage dropdown styling
* Styles copied from https://www.w3schools.com/css/css_dropdowns.asp
*/
.icon-language {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABnklEQVRIie3Ty4uPYRQH8M9MY9TkXjOFklsuvzIauWWKMmGpsGCHzWRFo8TWyoK1hD/AxkI2JpdkYaFMSUYWosg1C0pJGotzXj1eb4Qs1O9bp+c8zznv+Z7bSxv/O7p/5dD5lwQHcP53CVbjUspAg30yelKfjedYik0Ywb7SuashwDZMLfSxhqy3195aeJJyvzR0NGR3ER9Fdd3Ygc+FTy9mpn4Sp3Azk+rA+59VMCjKv5wEu7AhA1R4kyITWIx5WIMl2IuXlXN9BkN53kgp30r04GBW3MJ8rMADMfRDVfIlwTSsFUN7iHG8wHpMKfz6cA5z8n5GtOyOGPIwNmJ/nWAwWW/lfUK0ZpJoU+V/HPdwVMxqJxaJecAzXBFb9d0MtuS5O0XNNir63JftmcA70cIjeF34f0n7N4JZWJmPY5VRbMVAygwsxCN8Qn9+N4q7RfDpYr1vlwRDWf44DteyP41l2Iy34qc6hnV4nGSdmItV2CPW+mxJsFwM9KofcS2zauEEFuT7MF6lvjVJn+I6LuBDQ6w/RpdoVxtt/AN8BQ8WTTa0nUihAAAAAElFTkSuQmCC');
padding: 2px 14px;
background-repeat: no-repeat;
}
/**
* Misc
*/
/* Glyphicons */
.glyphicon-search {
top: 4px;
}
.glyphicon-pencil {
top: 0px;
font-size: 80%;
}
/* oo-ui button */
button.oo-ui-inputWidget-input {
padding: 0.35em 1em !important;
}
/* Fix misplacement of category links */
#catlinks {
clear: right;
}
/* Fix margin of successbox margins */
.successbox p {
margin: 0;
}
/* Fix styling of concept descriptions */
.concept-documenation {
margin-top: 10px;
padding: 2px 0;
}
/* YO */
.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: 978px;
margin: 0 0 0 32%;
padding: 0;
}
#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;
}
/** 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;
}
#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%;
}