MediaWiki:Common.css
De Wiki Latitude-Cartagène
Révision datée du 12 janvier 2021 à 14:42 par Sharon (discussion | contributions)
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
#content { color: #FFFFF; font-size: 20 px; }
#content h1 { color: #FFFFF; font-size: 20 px; }
#content h2 { color: #FFFFF; font-size: 20 px; }
/**** VECTOR TABS & VECTOR MENU ****/
/* reset default background and make font size uniform */
#p-search,
div.vectorMenu,
div.vectorTabs {
background: transparent;
font-size: 80%;
}
/* sizing and font styles for non-active tabs */
div#mw-head div.vectorMenu h3 span,
div#mw-head div.vectorTabs span a {
font-weight: bold;
text-transform: uppercase;
color: #FFD700;
height: 1em;
padding: 0;
font-size: 100%;
}
/* allow space for the vectormenu arrows */
div#mw-head div.vectorMenu h3 span {
padding-right: 16px;
vertical-align: top;
}
div#mw-head div.vectorMenu h3 span:after {
top: 0;
}
/* padding/sizing and aesthetic styles for the background of the tabs */
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorTabs ul li span {
background: #000;
border-radius: 2px;
padding: 0.5em;
margin: 0 0.25em;
height: 1em;
line-height: 1;
overflow: visible;
}
/* styles for the currently selected tab and on-hover dropdown menus */
div#mw-head div.vectorMenu:hover h3 span,
div#mw-navigation div.vectorMenu div.menu li a,
div#pageWrapper div#mw-navigation li.selected a {
color: #fff;
}
div#mw-head div.vectorMenu:hover h3,
div#mw-head div.vectorTabs ul li.selected span,
div.vectorMenu div.menu {
background: #777;
}
/* clear border-radius on the bottom of the dropdown menu on hover */
div#mw-head div.vectorMenu:hover h3 {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
/* reset backgrounds on various parts of the dropdown menu to allow custom styles to show */
div.vectorMenu:hover ul,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
background: transparent;
}
/* position the dropdown menu to properly align with the bottom of the tabs */
div.vectorMenu div.menu {
top: 2em;
border: 0;
padding: 0.25em;
}
/* clean up links in dropdown menu */
div#mw-navigation div.vectorMenu div.menu li a {
padding: 0.3em;
font-size: 90%;
display: block;
height: auto;
margin: auto;
}
/* style watch button to fit inside tabs */
div#mw-head #p-views #ca-unwatch.icon a,
div#mw-head #p-views #ca-watch.icon a {
background-size: 1.5em;
height: 0;
margin: -0.25em 0;
padding-top: 1.5em;
background-position: center center;
}
/**** SEARCH BOX ****/
/* match spacing around the search box to match the other tabs */
#p-search {
margin: 0 1.25em 0 0.25em;
}
#p-search form {
margin: 0;
}
/* sizing and aesthetic styles for searchbox */
div#simpleSearch {
background: #000;
height: 2em;
border: 0;
margin: 0;
padding-left: 0.5em;
}
/* sizing and aesthetic styles for search input */
div#simpleSearch #searchInput {
color: #fff;
padding: 0.5em 0;
height: 1em;
box-sizing: content-box;
text-overflow: ellipsis;
}
/* styling for the search placeholder text */
div#simpleSearch #searchInput::placeholder {
color: #ddd;
opacity: 0.7;
font-style: italic;
}
/**** SEARCH SUGGESTIONS ****/
/* position the suggestions menu to properly align with the bottom of the searchbox */
.mediawiki .suggestions {
margin-top: -2.5em;
}
/* reset default background colors to allow custom styles to show */
.mediawiki .suggestions a,
.mediawiki .suggestions-result {
background: transparent;
}
/* background, border, and text color for the suggestions box */
.mediawiki .suggestions-results,
.mediawiki .suggestions-special {
background: #000;
}
.mediawiki .suggestions-results,
.mediawiki .suggestions-special {
border-color: #303030;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions-result,
.suggestions-special .special-label,
.suggestions-special .special-query {
color: #fff;
}
/* background and text color for hover-highlighted suggestion */
.mediawiki .suggestions-result-current,
.mediawiki .suggestions-result-current .special-label,
.mediawiki .suggestions-result-current .special-query {
background: #303030;
color: #fff;
}
/* highlight color for matched characters in search suggestions */
.mediawiki .suggestions-result .highlight {
color: #af6de8;
}