parent
3948be354e
commit
afa2293915
@ -0,0 +1 @@
|
||||
*.css.map
|
||||
@ -1,23 +1,72 @@
|
||||
|
||||
#main-menu
|
||||
#main-menu
|
||||
{
|
||||
.menu-label
|
||||
{
|
||||
.menu-label
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
ul
|
||||
display:none;
|
||||
}
|
||||
ul
|
||||
{
|
||||
display:block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
padding-inline-start: 0px;
|
||||
margin:0px;
|
||||
li
|
||||
{
|
||||
display:block;
|
||||
margin-block-start: 1em;
|
||||
margin-block-end: 1em;
|
||||
margin-inline-start: 0px;
|
||||
margin-inline-end: 0px;
|
||||
padding-inline-start: 0px;
|
||||
margin:0px;
|
||||
li
|
||||
{
|
||||
display:inline-block;
|
||||
width:24%;
|
||||
}
|
||||
}
|
||||
display:inline-block;
|
||||
width:24%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
////// FORUMULAIRE
|
||||
.cf
|
||||
{
|
||||
&-label,&-input
|
||||
{
|
||||
min-width: auto;
|
||||
width: auto;
|
||||
}
|
||||
&-label
|
||||
{
|
||||
float:left;
|
||||
clear:left;
|
||||
padding-right:20px;
|
||||
}
|
||||
&-input
|
||||
{
|
||||
min-height: 20px;
|
||||
line-height: 20px;
|
||||
min-width: 20vw;
|
||||
float:right;
|
||||
clear:right;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
&-textarea
|
||||
{
|
||||
margin:8px 0;
|
||||
display:block;
|
||||
width:100%;
|
||||
clear: both;
|
||||
}
|
||||
&-input-group
|
||||
{
|
||||
padding:4px;
|
||||
margin:4px;
|
||||
}
|
||||
&-close-wrap
|
||||
{
|
||||
margin:-20px -20px 0 -20px;
|
||||
}
|
||||
&-btn
|
||||
{
|
||||
background-color: black;
|
||||
color:white;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
Binary file not shown.
@ -1,103 +0,0 @@
|
||||
|
||||
/*
|
||||
|
||||
.contact-form-wrap
|
||||
{
|
||||
position: fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
bottom:0;
|
||||
right:0;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.cf
|
||||
{
|
||||
&-form
|
||||
{
|
||||
position: relative;
|
||||
display:table;
|
||||
border-radius:20px;
|
||||
padding:20px;
|
||||
width:auto;
|
||||
margin:0 auto;
|
||||
background-color: white;
|
||||
top:50%;
|
||||
transform:translateY(-50%);
|
||||
}
|
||||
&-input
|
||||
{
|
||||
border: solid 1px #666;
|
||||
border-radius: 4px;
|
||||
padding:4px;
|
||||
}
|
||||
&-label
|
||||
{
|
||||
line-height: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
&-label
|
||||
{
|
||||
float:left;
|
||||
clear:left;
|
||||
padding-right:20px;
|
||||
}
|
||||
&-input
|
||||
{
|
||||
min-height: 20px;
|
||||
line-height: 20px;
|
||||
float:right;
|
||||
clear:right;
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
&-textarea
|
||||
{
|
||||
margin:8px 0;
|
||||
display:block;
|
||||
width:100%;
|
||||
clear: both;
|
||||
}
|
||||
&-input-group
|
||||
{
|
||||
&:after
|
||||
{
|
||||
content:"";
|
||||
display: table;
|
||||
clear:both;
|
||||
overflow: auto;
|
||||
}
|
||||
padding:4px;
|
||||
margin:4px;
|
||||
}
|
||||
&-btn
|
||||
{
|
||||
background-color: black;
|
||||
color:white;
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
||||
/* <form id="cf-main-form" class="cf-form" method="get" action="">
|
||||
<div class="cf-input-group">
|
||||
<label for="nom" class="cf-label">Votre nom</label>
|
||||
<input type="text" id="nom" name="Nom" class="cf-input cf-text" required>
|
||||
</div>
|
||||
|
||||
<div class="cf-input-group">
|
||||
<label for="email" class="cf-label">Votre courriel</label>
|
||||
<input type="email" id="email" name="courriel" class="cf-input cf-email" required>
|
||||
</div>
|
||||
|
||||
<div class="cf-input-group">
|
||||
<label for="message" class="cf-label">Votre message</label>
|
||||
<textarea id="message" name="message" class="cf-input cf-textarea" rows="6" maxlength="3000" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="cf-input-group">
|
||||
<button type="submit" id="cf-button" class="cf-input cf-btn">Envoyer</button>
|
||||
</div>
|
||||
</form>
|
||||
*/
|
||||
@ -0,0 +1,44 @@
|
||||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src:
|
||||
url('fonts/icomoon.ttf?k3kmik') format('truetype'),
|
||||
url('fonts/icomoon.woff?k3kmik') format('woff'),
|
||||
url('fonts/icomoon.svg?k3kmik#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: block;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: never;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-eye:before {
|
||||
content: "\e9ce";
|
||||
}
|
||||
.icon-eye-blocked:before {
|
||||
content: "\e9d1";
|
||||
}
|
||||
.icon-close-circle:before {
|
||||
content: "\ea0d";
|
||||
}
|
||||
.icon-close:before {
|
||||
content: "\ea0f";
|
||||
}
|
||||
.icon-radio-checked:before {
|
||||
content: "\ea54";
|
||||
}
|
||||
.icon-radio-unchecked:before {
|
||||
content: "\ea56";
|
||||
}
|
||||
Loading…
Reference in new issue