« MediaWiki:Chameleon.css » : différence entre les versions
De Wiktionnaire-SHS
(Page créée avec « →Couleur menus : .portlet h3, .vector-menu-portal .vector-menu-heading { background : #104e8b; color: white; } .vector-menu-portal .vector-menu-heading { padding-left: 3px; } →Logos top website : div#logos-top-website { display: flex; align-items: center; justify-content: flex-start; height: auto; padding: 3px; } div#logos-top-website img { height: auto; width: 200px; margin-right: 15px; } ») |
Aucun résumé des modifications |
||
(13 versions intermédiaires par le même utilisateur non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
/* | /* navbar */ | ||
. | .navbar-nav { | ||
width: 100%; | |||
justify-content: space-around; | |||
} | } | ||
. | |||
padding | /* Navbar logo */ | ||
.p-navbar .navbar-brand.p-logo { | |||
display: none; | |||
} | |||
/* Catlinks */ | |||
#catlinks { | |||
box-shadow: 0px 2px 8px rgb(0 0 0 / 15%); | |||
border: none; | |||
border-radius: 8px; | |||
background-color: white; | |||
padding: 0.3rem 0.6rem; | |||
} | } | ||
/* Pages */ | |||
.mw-references-wrap { | |||
margin-top: 5rem; | |||
} | |||
/* Backgrounds */ | |||
.p-navbar { background: none !important; } | |||
div#p-contentnavigation { | |||
margin: 0.5rem 0 !important; | |||
background: none !important; | |||
} | |||
/* Menu top */ | |||
div.container:not(.mt-4) > .row:nth-child(1), | |||
div.container:not(.mt-4) > .row:nth-child(2) { | |||
background: white; | |||
box-shadow: 0px 3px 2px var(--shadow); | |||
} | |||
div.container:not(.mt-4) > .row:nth-child(3){ | |||
background: white; | |||
box-shadow: 0px 3px 2px var(--shadow); | |||
border-radius: 0 0 6px 6px; | |||
} | |||
/* Menu bot */ | |||
.mb-2.mt-4.container { | |||
box-shadow: 0px -1px 2px var(--shadow); | |||
border-radius: 6px 6px 0 0; | |||
} | |||
/* Pagetools */ | |||
.pagetools a, .pagetools .tab-group a { color: var(--pagetools); } | |||
.pagetools a.selected, .pagetools .tab-group a.selected { color: var(--links); } | |||
.pagetools a.new, .pagetools .tab-group a.new { color: var(--pagetools-new); } | |||
/* Logos top website */ | /* Logos top website */ | ||
Ligne 13 : | Ligne 69 : | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: | justify-content: center; | ||
height: auto; | height: auto; | ||
padding: 3px; | padding: 3px; | ||
flex-wrap: wrap; | |||
margin-bottom: 1rem; | |||
border-bottom: 1px solid lightgray; | |||
background-color: #2b72bf; | |||
} | } | ||
div#logos-top-website img { | div#logos-top-website img { | ||
height: | height: 95px; | ||
width: | width: auto; | ||
margin | margin: 0 5px; | ||
} | } |
Version actuelle datée du 9 mars 2023 à 15:26
/* navbar */
.navbar-nav {
width: 100%;
justify-content: space-around;
}
/* Navbar logo */
.p-navbar .navbar-brand.p-logo {
display: none;
}
/* Catlinks */
#catlinks {
box-shadow: 0px 2px 8px rgb(0 0 0 / 15%);
border: none;
border-radius: 8px;
background-color: white;
padding: 0.3rem 0.6rem;
}
/* Pages */
.mw-references-wrap {
margin-top: 5rem;
}
/* Backgrounds */
.p-navbar { background: none !important; }
div#p-contentnavigation {
margin: 0.5rem 0 !important;
background: none !important;
}
/* Menu top */
div.container:not(.mt-4) > .row:nth-child(1),
div.container:not(.mt-4) > .row:nth-child(2) {
background: white;
box-shadow: 0px 3px 2px var(--shadow);
}
div.container:not(.mt-4) > .row:nth-child(3){
background: white;
box-shadow: 0px 3px 2px var(--shadow);
border-radius: 0 0 6px 6px;
}
/* Menu bot */
.mb-2.mt-4.container {
box-shadow: 0px -1px 2px var(--shadow);
border-radius: 6px 6px 0 0;
}
/* Pagetools */
.pagetools a, .pagetools .tab-group a { color: var(--pagetools); }
.pagetools a.selected, .pagetools .tab-group a.selected { color: var(--links); }
.pagetools a.new, .pagetools .tab-group a.new { color: var(--pagetools-new); }
/* Logos top website */
div#logos-top-website {
display: flex;
align-items: center;
justify-content: center;
height: auto;
padding: 3px;
flex-wrap: wrap;
margin-bottom: 1rem;
border-bottom: 1px solid lightgray;
background-color: #2b72bf;
}
div#logos-top-website img {
height: 95px;
width: auto;
margin: 0 5px;
}