95 lines
2.9 KiB
SCSS
95 lines
2.9 KiB
SCSS
|
|
//
|
|
// modele bouton
|
|
//
|
|
.btn {
|
|
@include bouton();
|
|
&.right {
|
|
float:right;
|
|
margin-left:$spacer;
|
|
}
|
|
&.left {
|
|
float:left;
|
|
margin-right:$spacer;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.formulaire_spip.formulaire_recherche {
|
|
form {
|
|
position: relative;
|
|
border: 1px solid #B3B3B3;
|
|
border-radius: $spacer/2;
|
|
padding: 0 1.5em 0 2.5em;
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
background: white;
|
|
&:before {
|
|
content: ' ';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
left: 0.5em;
|
|
width: em(24px);
|
|
height: em(24px);
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5AURFBMoLjGuegAAAixJREFUSMet1k+oT2kYB/DPvVfIJdTNn92Mkz8bSeQmKavjz0RsnAWxGX8nO5aykasoU1OspAidxVjM0L2d0szCn8UUG9nwTkoiShEyBtk86jh+v36/y3027/M873Oe7/t9z/t+z+nRwrK8nIIt2IjFmBFTz3ELl3EuVcVzHayn0bgHv+AwpnZ49nXUHUtV8aEjQJaXk3ARG2rz73ADCR8xByswsVbzFzalqnjRFiDLyz78ibW11Q3ht1QVLxss+7EDhzAt0jexKlXFuybAuBgP1Jo/xLpUFXdarShVxWv8muXlH7iCBViOI9j/FYMsLwfwAP2x8mWpKu7qwrK8/AH/YAAfsCBVxf16TW/Q7Y/4aLfNg80DHIywD7uaNb34Kfz3OGn0dgavwl/fCmBR+Le6OdctWPyHaxHOy/JyQhNgcviPfbs9qp3KqU2Az5dk8ncATKn5L5sAKfxFcR++xZbE+DRVxdsmwN/hD2DNaDtnebkMWYRXW73ks7V4KMvL8aNo3ofjtdTZrwBSVVzHcMQLcbqbrQphPIGVkbqRqmKkFQPYiWfhb8Vw3NJ2zWfjEvbVtOvnTmo6GEymR+p//I4R3A81/RGrsbmhqB+xLVXF+U7fg7m4gKVdvoZ/Q8LbgvQ2buU9DGJ7iFg7ux0aNh976wcmy8stbRm02OtZccZnRuoJbqeqeNyo21PTsS+Y9BgjawcyZgBtQLaOKUALkDe9Yw2QquIUdscPQ/UJnd+sxVRX3GIAAAAASUVORK5CYII=');
|
|
background-size: contain;
|
|
opacity:0.7;
|
|
}
|
|
}
|
|
button, label {
|
|
@include visuallyhidden;
|
|
}
|
|
input[type=search],
|
|
input[type=text] {
|
|
width: 100%;
|
|
padding: 0;
|
|
border: none;
|
|
min-height: 2.5em;
|
|
line-height: 2.5em;
|
|
background: white;
|
|
}
|
|
}
|
|
|
|
a.back-to-top {
|
|
display: none;
|
|
@include media($bp-large-up) {
|
|
position: fixed;
|
|
width: 52px;
|
|
height: 66px;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
z-index: 999;
|
|
text-indent: -9999px;
|
|
background: url("../images/back-top.png") no-repeat center;
|
|
outline: none;
|
|
}
|
|
&:focus {
|
|
background: none !important;
|
|
}
|
|
}
|
|
|
|
|
|
// ------------------------------------------------
|
|
// Affichage de valeurs de formulaires
|
|
// ------------------------------------------------
|
|
|
|
.champ.afficher {
|
|
display: flex;
|
|
margin-bottom: 0.5em;
|
|
.label {
|
|
margin-right: 1em;
|
|
width: 25%;
|
|
}
|
|
&.saisie_fieldset {
|
|
display: block;
|
|
margin: 1em 0;
|
|
& > .champ {
|
|
margin-left: 1.5em;
|
|
}
|
|
}
|
|
}
|