sdsd
parent
7b4ee1a2bc
commit
6b6910cac0
54
src/App.js
54
src/App.js
|
@ -70,34 +70,60 @@ function App() {
|
||||||
dynamicWidth: window.innerHeight
|
dynamicWidth: window.innerHeight
|
||||||
});
|
});
|
||||||
|
|
||||||
/*
|
|
||||||
|
const getSubdomain = url => {
|
||||||
|
let domain = url;
|
||||||
|
if (url.includes("://")) {
|
||||||
|
domain = url.split('://')[1];
|
||||||
|
}
|
||||||
|
const subdomain = domain.split('.')[0];
|
||||||
|
return subdomain;
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
// Verifier s'il y a un sous domaine
|
let myurl = window.location.host;
|
||||||
var tab_split_sous_domain = window.location.host.split(".");
|
let myurl_pathname = window.location.pathname;
|
||||||
|
|
||||||
console.log(" yaaaaaaaaaa tab_split_sous_domain = ", tab_split_sous_domain);
|
//console.log(" url 12 = ", myurl);
|
||||||
|
|
||||||
console.log("process.env.REACT_APP_FRONT_URL_CANONICAL = ", process.env.REACT_APP_FRONT_URL_CANONICAL);
|
//console.log(" action 12 = ", window.location.pathname);
|
||||||
|
|
||||||
if(String(tab_split_sous_domain[0]) !== String(process.env.REACT_APP_FRONT_URL_CANONICAL) ){
|
var domain = myurl;
|
||||||
console.log(" La racine n'est pas normal, on redirige");
|
if (domain.includes('://')) {
|
||||||
var new_url = process.env.REACT_APP_FRONT_URL_CANONICAL_BASE + tab_split_sous_domain[0] + "." + process.env.REACT_APP_FRONT_URL_CANONICAL + "moncatalog";
|
domain = myurl.split('://')[1];
|
||||||
|
}
|
||||||
|
|
||||||
console.log(" La racine n'est pas normal, on redirige vers : ");
|
var tab_split = domain.split('.');
|
||||||
|
|
||||||
console.log(" new_url = ", new_url);
|
const subdomain = domain.split('.')[0];
|
||||||
|
|
||||||
|
// console.log(" subdomain 12 = ", subdomain);
|
||||||
|
|
||||||
window.open( String(new_url),
|
if (tab_split.length > 1 && myurl_pathname) {
|
||||||
|
|
||||||
|
//console.log(" on est dans myurl_pathname = ", myurl_pathname);
|
||||||
|
|
||||||
|
var tab_action = ['/moncatalog', '/Display-Partner-Catalog-Detail-formation'];
|
||||||
|
|
||||||
|
if (!tab_action.includes(myurl_pathname)) {
|
||||||
|
console.log(' le traitement a faire est : ', myurl_pathname);
|
||||||
|
var new_url = window.location.protocol + "//" + domain.split('.')[0] + "." + domain.split('.')[1] + "/moncatalog";
|
||||||
|
//console.log(' new_url =', new_url);
|
||||||
|
|
||||||
|
window.open(
|
||||||
|
new_url,
|
||||||
'_self'
|
'_self'
|
||||||
);
|
);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
return;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}, []);*/
|
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
|
@ -126,7 +126,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
Get_Subdomain_Partner_Data(window.location.host.split(".")[0])
|
Get_Subdomain_Partner_Data(window.location.host);
|
||||||
|
|
||||||
|
|
||||||
async function funclocaltoken() {
|
async function funclocaltoken() {
|
||||||
|
@ -1176,9 +1176,14 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
|
||||||
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
|
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
|
||||||
function Get_Subdomain_Partner_Data(local_url_subdomain) {
|
function Get_Subdomain_Partner_Data(local_url_subdomain) {
|
||||||
|
|
||||||
var form = new FormData();
|
let domain = local_url_subdomain;
|
||||||
|
if (domain.includes("://")) {
|
||||||
|
domain = domain.split('://')[1];
|
||||||
|
}
|
||||||
|
const subdomain = domain.split('.')[0];
|
||||||
|
|
||||||
form.append("subdomain", local_url_subdomain);
|
var form = new FormData();
|
||||||
|
form.append("subdomain", subdomain);
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";
|
||||||
|
|
||||||
|
@ -1924,7 +1929,7 @@ const Display_Partner_Catalog_DetailClass_new_v2 = (props) => {
|
||||||
|
|
||||||
<div className="menu_header">
|
<div className="menu_header">
|
||||||
|
|
||||||
|
|
||||||
<div className="menu_header_cat">
|
<div className="menu_header_cat">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -951,7 +951,10 @@ const Mon_Catalogue_Public = () => {
|
||||||
|
|
||||||
var ip = "";
|
var ip = "";
|
||||||
|
|
||||||
Get_Subdomain_Partner_Data(window.location.host.split(".")[0])
|
Get_Subdomain_Partner_Data(window.location.host)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
async function fetchData() {
|
async function fetchData() {
|
||||||
// const result = await axios('https://geolocation-db.com/json/',);
|
// const result = await axios('https://geolocation-db.com/json/',);
|
||||||
|
|
||||||
|
@ -1499,7 +1502,7 @@ const Mon_Catalogue_Public = () => {
|
||||||
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/";
|
myurl = process.env.REACT_APP_API_URL + "myclass/api/get_all_class_Given_partner_owner_recid_No_Login/";
|
||||||
form.append("subdomain", window.location.host.split(".")[0]);
|
form.append("subdomain", window.location.host.split(".")[0]);
|
||||||
|
|
||||||
console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0])
|
//console.log(" ######### laaaaaaaaaaaaa subdomain = ", window.location.host.split(".")[0])
|
||||||
|
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
@ -2597,9 +2600,16 @@ const Mon_Catalogue_Public = () => {
|
||||||
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
|
const [Get_Subdomain_Partner_Data_result, setGet_Subdomain_Partner_Data_result] = useState();
|
||||||
function Get_Subdomain_Partner_Data(local_url_subdomain) {
|
function Get_Subdomain_Partner_Data(local_url_subdomain) {
|
||||||
|
|
||||||
|
let domain = local_url_subdomain;
|
||||||
|
if (local_url_subdomain.includes("://")) {
|
||||||
|
domain = url.split('://')[1];
|
||||||
|
}
|
||||||
|
|
||||||
|
const subdomain = domain.split('.')[0];
|
||||||
|
|
||||||
var form = new FormData();
|
var form = new FormData();
|
||||||
|
|
||||||
form.append("subdomain", local_url_subdomain);
|
form.append("subdomain", subdomain);
|
||||||
|
|
||||||
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";
|
var myurl = process.env.REACT_APP_API_URL + "myclass/api/Get_Partner_Data_From_Subdomain/";
|
||||||
|
|
||||||
|
@ -2607,7 +2617,7 @@ const Mon_Catalogue_Public = () => {
|
||||||
|
|
||||||
if (String(res.data.status) === "true") {
|
if (String(res.data.status) === "true") {
|
||||||
//console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status);
|
//console.log(" In Get_Subdomain_Partner_Data res.data.status = " + res.data.status);
|
||||||
// console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message);
|
// console.log(" In Get_Subdomain_Partner_Data res.data.message r_class = " + res.data.message);
|
||||||
setGet_Subdomain_Partner_Data_api("true");
|
setGet_Subdomain_Partner_Data_api("true");
|
||||||
setGet_Subdomain_Partner_Data_result(res.data.message);
|
setGet_Subdomain_Partner_Data_result(res.data.message);
|
||||||
|
|
||||||
|
@ -2630,6 +2640,10 @@ const Mon_Catalogue_Public = () => {
|
||||||
if (JSON.parse(x).catalog_pub_message_2_txt)
|
if (JSON.parse(x).catalog_pub_message_2_txt)
|
||||||
catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt;
|
catalog_pub_message_2_txt = JSON.parse(x).catalog_pub_message_2_txt;
|
||||||
|
|
||||||
|
var catalog_pub_message_3_txt = ""
|
||||||
|
if (JSON.parse(x).catalog_pub_message_3_txt)
|
||||||
|
catalog_pub_message_3_txt = JSON.parse(x).catalog_pub_message_3_txt;
|
||||||
|
|
||||||
|
|
||||||
var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id;
|
var catalog_pub_theme_id = JSON.parse(x).catalog_pub_theme_id;
|
||||||
|
|
||||||
|
@ -2646,6 +2660,7 @@ const Mon_Catalogue_Public = () => {
|
||||||
"catalog_pub_banniere_img": catalog_pub_banniere_img,
|
"catalog_pub_banniere_img": catalog_pub_banniere_img,
|
||||||
"catalog_pub_message_1_txt": catalog_pub_message_1_txt,
|
"catalog_pub_message_1_txt": catalog_pub_message_1_txt,
|
||||||
"catalog_pub_message_2_txt": catalog_pub_message_2_txt,
|
"catalog_pub_message_2_txt": catalog_pub_message_2_txt,
|
||||||
|
"catalog_pub_message_3_txt": catalog_pub_message_3_txt,
|
||||||
"catalog_pub_theme_id": catalog_pub_theme_id,
|
"catalog_pub_theme_id": catalog_pub_theme_id,
|
||||||
"theme_code": theme_code,
|
"theme_code": theme_code,
|
||||||
|
|
||||||
|
@ -2703,7 +2718,7 @@ const Mon_Catalogue_Public = () => {
|
||||||
{/******* Gestion du THEME "MySy_Theme3" */}
|
{/******* Gestion du THEME "MySy_Theme3" */}
|
||||||
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
|
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
|
||||||
&& String(New_Get_Subdomain_Partner_Data_result[0].theme_code) === "MySy_Theme3" && <div>
|
&& String(New_Get_Subdomain_Partner_Data_result[0].theme_code) === "MySy_Theme3" && <div>
|
||||||
|
|
||||||
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
|
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
|
||||||
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img && <div >
|
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img && <div >
|
||||||
<img src={New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img} className="Partner_Catalog_Background_Header" ></img>
|
<img src={New_Get_Subdomain_Partner_Data_result[0].catalog_pub_banniere_img} className="Partner_Catalog_Background_Header" ></img>
|
||||||
|
@ -3417,127 +3432,6 @@ const Mon_Catalogue_Public = () => {
|
||||||
</div>}
|
</div>}
|
||||||
|
|
||||||
|
|
||||||
{/* <div className="tab_logo_metier">
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
|
|
||||||
<img src={img_met_program} alt="Formation Programmation" className="img_categorie" id="IT" name="programmation" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="IT">Informatique </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier} >
|
|
||||||
<img src={img_met_graphisme} alt="Formation graphisme" className="img_categorie" id="graphisme" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="graphisme">Graphisme</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_projet} alt="Formation gestion projets" className="img_categorie" id="projets" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="projets" >Projets </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="calage"> </div>
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_management} alt="Formation Management" className="img_categorie" id="management" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="management">Management</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_digital} alt="Formation Digitale" className="img_categorie" id="digital" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="digital">Digital </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_rh} alt="Ressources Humaines" className="img_categorie" id="RH" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="RH">RH</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div className="calage"> </div>
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_market} alt="Marketing" className="img_categorie" id="marketing" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="marketing">Marketing </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_bureautic} alt="Autres" className="img_categorie" id="Office" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="Office">Bureautique</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_vente} alt="Commerce" className="img_categorie" id="vente" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text" id="vente">Commerce </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="calage"> </div>
|
|
||||||
|
|
||||||
<div className="criteres tab_gauche_metier">
|
|
||||||
<div className="met_polaroid_gauche" onClick={getClassByMetier}>
|
|
||||||
<img src={img_met_dev_perso} alt="Autres" className="img_categorie" id="dev_perso" />
|
|
||||||
<div className="met_container">
|
|
||||||
<p className="met_text_larg" id="dev_perso">Dev. Personnel</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div className="calage"> </div>
|
|
||||||
</div>*/}
|
|
||||||
|
|
||||||
{/*<div>
|
|
||||||
<div className="criteres tab_gauche_all_categories" >
|
|
||||||
<div className="met_polaroid_gauche_all_categories" onClick={getClassByMetier} >
|
|
||||||
<div className="met_container_all_categories">
|
|
||||||
<p className="met_text_all_categories" id="tout" >Tous les Métiers </p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>*/}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3858,18 +3752,11 @@ const Mon_Catalogue_Public = () => {
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div className="Menu_Header">
|
<div className="Menu_Header">
|
||||||
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
|
|
||||||
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt && <font> toooooo </font>}
|
|
||||||
<nav className="header_menu"> </nav>
|
|
||||||
<nav className="bar_vert"> </nav>
|
|
||||||
<nav className="cta1">
|
|
||||||
<nav className="cta2" style={{ border: 'None' }}>
|
|
||||||
<div className="minscrire">
|
|
||||||
<font> Tel : 010101 - DEFAULT ( != MySy_Theme3 ) </font>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
</nav>
|
{New_Get_Subdomain_Partner_Data_result && New_Get_Subdomain_Partner_Data_result.length > 0
|
||||||
|
&& New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt &&
|
||||||
|
<font> {New_Get_Subdomain_Partner_Data_result[0].catalog_pub_message_3_txt} </font>}
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -157,19 +157,6 @@
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
.disabled_style {
|
|
||||||
//background-color: #ECEFF1;
|
|
||||||
font-size: small !important;
|
|
||||||
color: black;
|
|
||||||
width: 97% !important;
|
|
||||||
//border: none !important;
|
|
||||||
margin: 5px !important;
|
|
||||||
height: 3.5rem !important;
|
|
||||||
background: white;
|
|
||||||
border: solid gainsboro 1px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.training_caract {
|
.training_caract {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
|
@ -633,6 +620,8 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
@ -1242,6 +1231,8 @@
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
|
|
@ -0,0 +1,860 @@
|
||||||
|
.partner_catalog_pub {
|
||||||
|
|
||||||
|
.tooltip_css {
|
||||||
|
background: #81BC3A;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.loader-container {
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
//justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
left: -5%;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0px;
|
||||||
|
background: white;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mysy_spinner {
|
||||||
|
border-radius: 5px;
|
||||||
|
//border: 1px solid black;
|
||||||
|
opacity: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spinner {
|
||||||
|
width: 20rem;
|
||||||
|
height: 10rem;
|
||||||
|
border: 8px solid;
|
||||||
|
border-color: #3d5af1 transparent #3d5af1 transparent;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin-anim 1.2s linear infinite;
|
||||||
|
background-color: red;
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
/*style smartphones et petites tablettes en portrait*/
|
||||||
|
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 95%;
|
||||||
|
border-radius: 0px;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 95%;
|
||||||
|
padding-left: 2%;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_center {
|
||||||
|
border-left: 0rem solid;
|
||||||
|
border-width: 0rem;
|
||||||
|
width: 80%;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-radius: 0px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
min-height: 20rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
//transform: scale(1.8);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 95%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 95%;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled_style {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 100% !important;
|
||||||
|
height: 3.5rem !important;
|
||||||
|
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled_style_multiline {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 100% !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 601px) and (max-width: 991px) {
|
||||||
|
/*style petites-moyennes tablettes */
|
||||||
|
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 45%;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
border-left: 1rem solid;
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 45%;
|
||||||
|
padding-left: 2%;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_center {
|
||||||
|
border-left: 0rem solid;
|
||||||
|
border-width: 0rem;
|
||||||
|
width: 60%;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-radius: 0px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
min-height: 20rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
// transform: scale(1.1);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 95%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 11rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.disabled_style {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
height: 3.5rem !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
padding-top: 0.5rem !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled_style_multiline {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
padding-top: 0.5rem !important;
|
||||||
|
border: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 992px) and (max-width: 1199px) {
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 45%;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
border-left: 1rem solid;
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 45%;
|
||||||
|
padding-left: 2%;
|
||||||
|
border-radius: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
width: 10rem;
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_center {
|
||||||
|
border-left: 0rem solid;
|
||||||
|
border-width: 0rem;
|
||||||
|
width: 50%;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-radius: 0px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
min-height: 25rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
// transform: scale(1.2);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 95%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 11rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 100%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.disabled_style {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
height: 3.5rem !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.disabled_style_multiline {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 1200px) {
|
||||||
|
/*style grande tablettes & Pc portable */
|
||||||
|
|
||||||
|
.okUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: green;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.koUpdateData {
|
||||||
|
font-size: small;
|
||||||
|
color: red;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_gauche {
|
||||||
|
float: left;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0.01rem;
|
||||||
|
width: 48%;
|
||||||
|
border-radius: 0px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_droite {
|
||||||
|
border-left: 0rem solid;
|
||||||
|
float: right;
|
||||||
|
//border:0px solid black;
|
||||||
|
border-width: 0rem;
|
||||||
|
width: 48%;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-radius: 0px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_row_center {
|
||||||
|
border-left: 0rem solid;
|
||||||
|
border-width: 0rem;
|
||||||
|
width: 50%;
|
||||||
|
padding-left: 5px;
|
||||||
|
border-radius: 0px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_modif {
|
||||||
|
background-color: #212121 !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_enreg {
|
||||||
|
background-color: green !important;
|
||||||
|
color: white;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 15rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif {
|
||||||
|
display: block;
|
||||||
|
width: 90%;
|
||||||
|
height: 200px;
|
||||||
|
border-radius: 1rem !important;
|
||||||
|
margin-top: 1rem !important;
|
||||||
|
min-height: 25rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.preview_certif:hover {
|
||||||
|
// transform: scale(1.3);
|
||||||
|
//margin-left: 10rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session_caract {
|
||||||
|
width: 45%;
|
||||||
|
padding: 5px;
|
||||||
|
float: left;
|
||||||
|
text-align: left;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
.selectsession {
|
||||||
|
width: 90%;
|
||||||
|
height: 2rem;
|
||||||
|
font-size: small;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.detail_class_submenu {
|
||||||
|
background: #d8edfc;
|
||||||
|
border-radius: 15px;
|
||||||
|
margin-right: 1rem;
|
||||||
|
padding: 0.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
width: 11rem;
|
||||||
|
text-align: center;
|
||||||
|
border: 1px solid #9cf;
|
||||||
|
color: #3b3e40;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
letter-spacing: 0.1rem;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:hover:active,
|
||||||
|
.detail_class_submenu:hover {
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu:focus {
|
||||||
|
//border: 3px dotted green;
|
||||||
|
background-color: #104277;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detail_class_submenu_data {
|
||||||
|
width: 95%;
|
||||||
|
background-color: #d8edfc;
|
||||||
|
padding-left: 5px;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
border: 0px;
|
||||||
|
color: #3b3e40;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-family: "verdana", "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: small;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.disabled_style {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
height: 3.5rem !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.disabled_style_multiline {
|
||||||
|
//background-color: #ECEFF1;
|
||||||
|
font-size: small !important;
|
||||||
|
color: black;
|
||||||
|
width: 90% !important;
|
||||||
|
margin: 5px !important;
|
||||||
|
//border: none !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: white;
|
||||||
|
border: solid gainsboro 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.img_bg_file_css {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.hr_break {
|
||||||
|
border: 5px solid grey;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titre1 {
|
||||||
|
font-family: "Quicksand", "Signika", sans-serif;
|
||||||
|
font-size: medium;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: 0.8rem;
|
||||||
|
color: white;
|
||||||
|
font-style: italic;
|
||||||
|
background-color: gray;
|
||||||
|
font-weight: normal;
|
||||||
|
cursor: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
// End media
|
||||||
|
|
||||||
|
}
|
|
@ -121,4 +121,5 @@
|
||||||
@import "./components/module_email_management";
|
@import "./components/module_email_management";
|
||||||
@import "./components/groupe_apprenant_dialog";
|
@import "./components/groupe_apprenant_dialog";
|
||||||
@import "./components/mon_catalogue_public";
|
@import "./components/mon_catalogue_public";
|
||||||
@import "./components/formation_partner_catalog";
|
@import "./components/formation_partner_catalog";
|
||||||
|
@import "./components/partner_catalog_pub";
|
Loading…
Reference in New Issue