cipf v0.5.11 added instructions for css class

plugins/cipf_plugin/css/fipf_user_profile.css

@@ -8,13 +8,17 @@
 
 /*
 * hide all acf fields with the class 'hide_for_fipfrole_cipf'
-* also hide the title if class 'hide_group_for_fipfrole_cipf'
+* also hide the title if class 'hide_group_title_for_fipfrole_cipf'
 *
 */
-form#your-profile h2:has(+ .form-table .hide_group_for_fipfrole_cipf) {
+form#your-profile h2:has(+ .form-table .hide_group_for_fipfrole),
+form#your-profile h2:has(+ .form-table .hide_title_for_fipfrole) {
 	display: none;
 }
-form#your-profile .hide_for_fipfrole_cipf {
+form#your-profile h2:has(+ .form-table .hide_group_for_fipfrole) + .form-table {
+	display: none;
+}
+form#your-profile .hide_for_fipfrole {
 	display: none;
 }
 

plugins/cipf_plugin/css/menu/menu.css

@@ -1,6 +1,131 @@
-#mytext {
-	border: 1px solid blue;
+h1 {
+	margin-left: 15px;
+	margin-top: 50px;
 }
-#mytext_2 {
-	border: 1px solid green;
+form.cipf, section.cipf {
+	margin: 15px;
+	border: 1px solid black;
+	padding: 20px;
+}
+form.cipf > div {
+	margin: 20px 0px;
+}
+.define_paypal_credentials_cipf input {
+	width: 100%;
+}
+
+form.cipf .vertical_wrapper_cipf {
+	display: flex;
+	flex-direction: column;
+}
+form.cipf textarea {
+	resize: vertical;
+	height: 120px;
+}
+
+/*
+* form emails
+*
+*/
+form.emails_form_cipf {
+	margin: 10px;
+	padding: 10px;
+	> input[type="submit"] {
+		margin-left: 15px;
+	}
+	details.set_email_options_cipf {
+		margin: 15px;
+		padding: 0px 20px;
+		border: 1px solid black;
+		summary {
+			padding: 20px 0px;
+			cursor: grab;
+			h2 {
+				display: inline;
+			}
+		}
+		.email_type_wrapper_cipf {
+			margin-bottom: 50px;
+			.send_or_not_cipf {
+				margin-bottom: 20px;
+			}
+			.send_or_not_cipf:has(input:not(:checked)) + .email_options_cipf {
+				display: none;
+			}
+			.email_options_cipf {
+				padding-left: 20px;
+				border-left: 1px solid black;
+				label {
+					margin: 10px 0px;
+				}
+			}
+		}
+	}
+}
+
+/*
+* explication class css
+*
+*/
+section.cipf {
+	font-size: 1.3em;
+	p {
+		font-size: 1em;
+	}
+	> h2:not(:first-child) {
+		margin-top: 50px;
+	}
+	ul {
+		list-style: disc inside;
+		ul {
+			list-style: circle inside;
+			margin-top: 5px;
+			margin-left: 15px;
+		}
+	}
+	.big_space {
+		width: 20px;
+		display: inline-block;
+	}
+	details {
+		margin: 10px;
+		cursor: default;
+		summary {
+			cursor: grab;
+			padding: 10px;
+			margin-bottom: 20px;
+		}
+		.case_title {
+			display: flex;
+			margin-top: 40px;
+			p {
+				margin: auto 20px;
+			}
+		}
+		.case {
+			padding: 10px;
+			display: flex;
+			> h1, > h2 {
+				margin: auto 50px;
+			}
+		}
+		.delimiter {
+			border-bottom: 1px solid black;
+		}
+		.group {
+			background-color: lightgray;
+			padding: 1px 10px;
+			margin-bottom: 50px;
+			min-height: 50px;
+			.field {
+				display: flex;
+				.input {
+					border: 1px solid black;
+					height: 20px;
+					width: 300px;
+					margin: auto 100px;
+				}
+			}
+		}
+	}
 }