Add font-families
Add irishgrover local ttf
Add labelleaurore local ttf
--- /dev/null
+@font-face {
+ font-family: 'Irish Grover';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Irish Grover Regular'), local('IrishGrover-Regular'), url(/bundles/rapsysair/ttf/irishgrover.v10.ttf) format('truetype');
+}
--- /dev/null
+@font-face {
+ font-family: 'La Belle Aurore';
+ font-style: normal;
+ font-weight: 400;
+ src: local('La Belle Aurore'), local('LaBelleAurore'), url(/bundles/rapsysair/ttf/labelleaurore.v10.ttf) format('truetype');
+}
/* Default styling */
h1 {
font-size: 2rem;
/* Default styling */
h1 {
font-size: 2rem;
+ font-family: 'La Belle Aurore';
margin: 1.34rem 0;
}
h2 {
font-size: 1.5rem;
margin: 1.34rem 0;
}
h2 {
font-size: 1.5rem;
+ font-family: 'La Belle Aurore';
margin: 1.245rem 0;
}
h3 {
font-size: 1.17rem;
margin: 1.245rem 0;
}
h3 {
font-size: 1.17rem;
+ font-family: 'La Belle Aurore';
margin: 1.17rem 0;
}
h4 {
font-size: 1rem;
margin: 1.17rem 0;
}
h4 {
font-size: 1rem;
+ font-family: 'La Belle Aurore';
margin: 1.33rem 0;
}
h5 {
font-size: .83rem;
margin: 1.33rem 0;
}
h5 {
font-size: .83rem;
+ font-family: 'La Belle Aurore';
margin: 1.386rem 0;
}
h6 {
font-size: .67rem;
margin: 1.386rem 0;
}
h6 {
font-size: .67rem;
+ font-family: 'La Belle Aurore';
body {
display: flex;
flex-flow: column wrap;
body {
display: flex;
flex-flow: column wrap;
+ font-family: 'Irish Grover';
/* Content */
#form,
#content,
/* Content */
#form,
#content,
#dashboard {
border: .1rem solid #00c3f9;
border-radius: .5rem;
#dashboard {
border: .1rem solid #00c3f9;
border-radius: .5rem;
form {
display: flex;
flex-direction: column;
form {
display: flex;
flex-direction: column;
form section {
margin-bottom: 1rem;
}
form section {
margin-bottom: 1rem;
}
+#policy section:only-child,
+#policy section:last-child,
+#policy section:last-of-type,
form section:only-child,
form section:last-child,
form section:last-of-type {
form section:only-child,
form section:last-child,
form section:last-of-type {
form div {
display: flex;
flex-direction: row;
form div {
display: flex;
flex-direction: row;
+#policy div:only-child,
+#policy div:last-child,
+#policy div:last-of-type,
form div:only-child,
form div:last-child,
form div:last-of-type {
form div:only-child,
form div:last-child,
form div:last-of-type {
border: .05rem solid #00c3f9;
flex-grow: 1;
border-radius: .2rem; /* marche pas sur chrome */
border: .05rem solid #00c3f9;
flex-grow: 1;
border-radius: .2rem; /* marche pas sur chrome */
width: calc(100% - 12rem);
border-collapse: collapse;
}
width: calc(100% - 12rem);
border-collapse: collapse;
}
background-color: #fc9;
}
background-color: #fc9;
}
+/* Policy */
+#policy h3 {
+ background-color: #cff;
+ border-bottom: .1rem solid #00c3f9;
+ margin: -.5rem -.5rem .5rem -.5rem;
+ padding: .5rem;
+ padding-bottom: .4rem;
+}
+
+#policy section {
+ display: flex;
+ flex-direction: column;
+ border: .05rem solid #00c3f9;
+ border-radius: .2rem;
+ padding: .5rem;
+}
+
+#policy section section {
+ padding: .25rem;
+ padding-bottom: .5rem;
+}
+
+#policy dl {
+ padding-bottom: .5rem;
+}
+
+#policy h4 {
+ background-color: #cff;
+ border-bottom: .1rem solid #00c3f9;
+ margin: -.24rem -.24rem .24rem -.24rem;
+ padding: .24rem;
+ padding-bottom: .3rem;
+}
+
+
/* Footer */
#footer {
border: .1rem solid #00c3f9;
/* Footer */
#footer {
border: .1rem solid #00c3f9;