301 lines
9.8 KiB
SCSS
Executable File
301 lines
9.8 KiB
SCSS
Executable File
/* ---------------------------------- */
|
|
/* Variables
|
|
/* ---------------------------------- */
|
|
|
|
/* Le>est un sélecteur d'enfant direct. Il cible un élément qui est un enfant immédiat du sélecteur parent.
|
|
Le sélecteur>s'assure que l'élément cible est un enfant direct du parent spécifié. Il ne sélectionne pas les éléments qui sont plus profonds dans la hiérarchie, même si un autre élément les contient.
|
|
|
|
L'espace dans un sélecteur CSS est un sélecteur descendant. Cela signifie qu'il cible tous les éléments a à l'intérieur de l'élément .boutonsMenusWbm, quel que soit leur niveau de profondeur.
|
|
*/
|
|
|
|
/* ---------------------------------- */
|
|
@import "_commonVars.scss";
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Body --- fonds
|
|
/* ------------------------------------------------------ */
|
|
body, frame, frameSet { background: $sombreFondsFrame; }
|
|
body { background: #b9bcd7; }
|
|
html, .informationsTechLib, #myArbo, .famItem, .imgFamTV, .catItem, #zoneFormWbm, .actionMessages, #langue, ul, li, .conteneurArticle, .conteneurArticle, .conteneurArticle>div, .note-frame, .libChampArtListe, #zoneFormModales, .informationsTechValue, .informationsTechLib, #zonePageWbm, #zoneRechercheWbm, #blocDroit { @include adminsombre; }
|
|
|
|
a { color: $sombreColor}
|
|
a:hover { color: $sombreColor; text-decoration: underline}
|
|
a:visited { color: $sombreColor; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Menus -- fonds different
|
|
/* ------------------------------------------------------ */
|
|
#zoneMenuWbm, #blockHaut, #tableMenuGauche, #siteName, #siteTime, .accueil, span>accueil, .accueil>a, #tableMenuGauche, .boitesSousMenuGauche, #labelEnv, #siteClock, #zoneTitreWbm, .titreWbm, #zoneSousCat { background-color: $sombreBkgrd; }
|
|
|
|
menuGaucheSousMenus, .titreWbm a { color:$sombreColor; text-decoration: none;}
|
|
#bandeauAideInfo { color: $sombreColor; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Modales
|
|
/* ------------------------------------------------------ */
|
|
.modaleGene, .popupGene, #zoneTitreModales, #zonePageModales, .zoneFormModales, .popupAide { @include adminsombre; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Ascenseurs
|
|
/* ------------------------------------------------------ */
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb { background: $sombreFondsFrame; }
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover { background: $sombreColor; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Icones
|
|
/* ------------------------------------------------------ */
|
|
|
|
.fa, .fad, .fa-duotone, .fab, .fas, .thin {
|
|
--fa-primary-color: #{$sombreIcoColor};
|
|
--fa-secondary-color: #{$sombreIcoColor2};
|
|
}
|
|
|
|
.fas:hover, .far:hover, .fab:hover, .fad:hover, i:focus, i:visited, i:hover, .thin:hover {
|
|
color: $sombreIcoOver;
|
|
--fa-primary-color: #{$sombreIcoOver};
|
|
--fa-secondary-color: #{$sombreIcoOver2};
|
|
}
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Menu accordeon
|
|
/* ------------------------------------------------------ */
|
|
#menu-accordeon, #menu-accordeon>li, { @include adminsombre; color: $sombreColor !important; }
|
|
#menu-accordeon, #menu-accordeon>li, #menu-accordeon>li>ul>li>a { color: $sombreColor !important; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Boutons menu gauche
|
|
/* ------------------------------------------------------ */
|
|
.menuGaucheMenusPrincipaux>a { color: $sombreIcoColor; }
|
|
.menuGaucheMenusPrincipaux>i { color: $sombreIcoColor; }
|
|
.menuGaucheMenusPrincipauxIco { color: $sombreIcoColor; }
|
|
.menuGaucheSousMenus:hover { color: $sombreIcoColor; }
|
|
.menuGaucheSousMenusActif { color: $sombreLienActif; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Boutons actions Webmaster
|
|
/* ------------------------------------------------------ */
|
|
.boutonsWebmaster, .boutonsWebmaster a, .boutonsWebmaster span a {
|
|
background: #{$sombreBoutonBckgrd};
|
|
color: #{$sombreBoutonColor};
|
|
}
|
|
.boutonsWebmaster i, .boutonsWebmaster span>i {
|
|
--fa-primary-color: white;
|
|
--fa-secondary-color: white;
|
|
}
|
|
|
|
.boutonsWebmaster:hover, .boutonsWebmaster a:hover {
|
|
background: $sombreBoutonMenuOverBckgrd;
|
|
color: $sombreBoutonMenuOverColor;
|
|
}
|
|
|
|
|
|
.boutonsWebmaster i:hover {
|
|
--fa-primary-color: #{$sombreBoutonIcoOver};
|
|
--fa-secondary-color: #{$sombreBoutonIcoOver2};
|
|
}
|
|
|
|
/* ------------------------------------- */
|
|
/* Les boutons menus / onglets
|
|
/* ------------------------------------- */
|
|
.boutonsMenusWbm, #sousOnglets li{
|
|
/* background-color: $sombreBoutonMenusBkgrdColor; */
|
|
color: $sombreBoutonMenusColor;
|
|
}
|
|
|
|
.boutonsMenusWbm>span , #sousOnglets li{
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.boutonsMenusWbm>i, .boutonsMenusWbm>span>i, #sousOnglets li>a span#puceMenu2 {
|
|
--fa-primary-color: #{$sombreIcoColor};
|
|
--fa-secondary-color: #{$sombreIcoColor2};
|
|
}
|
|
|
|
#sousOnglets li {
|
|
border : 1px solid $sombreBoutonMenusBorder;
|
|
}
|
|
|
|
|
|
/* ---- hover ---- */
|
|
.boutonsMenusWbm:hover, #sousOnglets>li:hover , #sousOnglets li:hover {
|
|
background-color: #{$sombreBoutonMenuOverBckgrd};
|
|
color: #{$sombreBoutonMenuOverColor};
|
|
}
|
|
|
|
#sousOnglets li:hover>a {
|
|
color: #{$sombreBoutonMenuOverColor};
|
|
}
|
|
|
|
|
|
.boutonsMenusWbm:hover>i, .boutonsMenusWbm:hover>span>i, #sousOnglets li:hover a>span#puceMenu2, {
|
|
/*background-color: transparent;*/
|
|
--fa-primary-color: yellow;
|
|
--fa-secondary-color: white;
|
|
}
|
|
|
|
|
|
/* ---- actifs ---- */
|
|
.boutonsMenuWbmActif, #sousOnglets li.sactive, li.sactive>a:visited {
|
|
/*background-color: $sombreBoutonMenuActifBackground;*/
|
|
color: orange;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.boutonsMenuWbmActif i,.boutonsMenuWbmActif span i, #sousOnglets li.sactive>a span#puceMenu2 {
|
|
--fa-primary-color: orange;
|
|
--fa-secondary-color: #{$sombreBoutonIcoOver2};
|
|
}
|
|
|
|
/* --- actif + hover --- */
|
|
.boutonsMenuWbmActif:hover, #sousOnglets li.sactive:hover {
|
|
color: #{$sombreBoutonMenuOverColor};
|
|
background: #{$sombreBoutonMenuActifBackground};
|
|
}
|
|
|
|
.boutonsMenuWbmActif>i:hover, .boutonsMenuWbmActif span i:hover, #sousOnglets li.sactive:hover>a span#puceMenu2{
|
|
--fa-primary-color: yellow;
|
|
--fa-secondary-color: white;
|
|
}
|
|
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Bouton avancement
|
|
/* ------------------------------------------------------ */
|
|
#btnAvance {
|
|
box-shadow : 1px 1px $sombreBoxShadow;
|
|
border: 1px solid $sombreBoxShadow;
|
|
background: transparent;
|
|
color: $sombreColor;
|
|
}
|
|
|
|
.txtAvance { color: sombreBkgrd; }
|
|
|
|
|
|
/* ------------------------------------- */
|
|
/* dans page creation
|
|
/* ------------------------------------- */
|
|
|
|
.boutonEnregistrer {
|
|
background:#28a745 !important;
|
|
color:white;
|
|
}
|
|
|
|
.boutonEnregistrer i {
|
|
--fa-primary-color: white;
|
|
--fa-secondary-color: white;
|
|
}
|
|
|
|
.boutonEnregistrer i:hover {
|
|
--fa-primary-color: white;
|
|
--fa-secondary-color: green;
|
|
}
|
|
|
|
/* ------------------------------------- */
|
|
/* dans menu gauche, css, txt, contenu, agencement, mails */
|
|
/* ------------------------------------- */
|
|
|
|
.boutonPublier {
|
|
background:orange !important;
|
|
color:white;
|
|
}
|
|
|
|
.boutonPublier i {
|
|
--fa-primary-color: white;
|
|
--fa-secondary-color: white;
|
|
}
|
|
|
|
.boutonPublier i:hover {
|
|
--fa-primary-color: white;
|
|
}
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Bordures
|
|
/* ------------------------------------------------------ */
|
|
.menuGaucheMenusPrincipaux { border-bottom: 1px solid $sombreBordure; color:$sombreColor; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Styles des champs
|
|
/* ------------------------------------------------------ */
|
|
.libChampsWebmaster { color : $sombreLibChampsColor; background: $sombreBkgrd; }
|
|
|
|
.checkBoxWbm, .selectWbm, select, checkBox {
|
|
background: $sombreChampsBkgrd;
|
|
color: $sombreChampsColor;
|
|
border: 1px solid $sombreBordure;
|
|
}
|
|
|
|
.inputWebmaster, .textAreaWbm , input{
|
|
background: grey;
|
|
color: $sombreChampsColor;
|
|
border: 1px solid $sombreBordure;
|
|
}
|
|
|
|
.selectWbm option {
|
|
background: $sombreChampsBkgrd;
|
|
color: $sombreChampsColor;
|
|
}
|
|
|
|
.inputWebmaster:hover, .inputWebmaster:focus, .textAreaWbm:hover, .checkBoxWbm:hover, checkBox:hover {
|
|
cursor: pointer;
|
|
border: 0px;
|
|
}
|
|
.libChampArtListe { color: grey; }
|
|
.celluleLV { color : $sombreLibChampsColor; background: $sombreBkgrd; }
|
|
.inputLV { background: transparent}
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Styles des messages
|
|
/* ------------------------------------------------------ */
|
|
.actionMessages { color: $sombreActionColor; }
|
|
a:visited>.boutonsMenusWbm { color: $sombreColor2; }
|
|
.pop { background: grey; color: white; }
|
|
.admMsgOk {
|
|
background-color: #B5E6A2;
|
|
color: black;
|
|
}
|
|
|
|
.admMsgKo {
|
|
background-color: coral ;
|
|
color: $blanc;
|
|
}
|
|
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Contenu
|
|
/* ------------------------------------------------------ */
|
|
.contenu { background: $sombreBkgrd; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Modales
|
|
/* ------------------------------------------------------ */
|
|
.btn_close { color: #ff0000; background-color: #fff; border-color: $sombreColor; }
|
|
.btn_close:hover { color: $sombreColor; background-color: $sombreBkgrd; cursor: pointer; border-color: #ff0000; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Styles
|
|
/* ------------------------------------------------------ */
|
|
.itemReglage { color: $sombreLibChampsColor; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* Summer note
|
|
/* ------------------------------------------------------ */
|
|
.note-btn { color: $sombreColor !important; background: $sombreBkgrd; }
|
|
.note-toolbar { color: $sombreLibChampsColor; background: $sombreBkgrd !important; }
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* popupAide
|
|
/* ------------------------------------------------------ */
|
|
.popupAide { color: $sombreColor; }
|
|
|
|
|
|
/* ------------------------------------------------------ */
|
|
/* blocDroit
|
|
/* ------------------------------------------------------ */
|
|
.mTable {background: $sombreBkgrd; }
|
|
.agencementBarreInfo {
|
|
background: $sombreBkgrd;
|
|
color:$sombreColor2;
|
|
}
|