WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/saisie2/squelettes/css/saisie.css


@CHARSET "UTF-8";
 
body {
  font-family: Muli,sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
}
 
#zone-appli {
  padding: 2rem;
  border-radius: 0.3rem;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 2rem;
}
 
#zone-appli .zone-alerte{
  width: 100%;
}
 
#logo {
  max-width: 100%;
}
 
h1, h2, h3, h4, h5 {
  font-family: Muli,sans-serif;
}
 
form {
  font-family: Muli,sans-serif;
  float: none;
}
 
h1 {
  font-weight: 700;
  font-size: 2rem;
}
 
#zone-appli .form-block {
  margin-bottom: 2rem;
}
 
h2 {
  font-weight: 700;
  line-height: 1.15;
  font-size: 1.5rem;
}
 
h3 {
  font-size: 1.2rem;
}
 
#zone-appli .obligatoire::before {
  content: '*';
  position: absolute;
  left: 0;
}
 
.btn.focus,
.btn:focus {
  box-shadow: none;
}
 
.btn.btn-primary,
.btn.btn-info,
.btn.btn-success,
.btn.btn-danger,
.btn.btn-inverse {
  color: #fff !important;
}
 
button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #a2b93b;
  border-bottom-color: currentcolor;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-bottom-style: none;
  border-bottom-width: 0;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  border-image-slice: 100% 100% 100% 100%;
  border-image-source: none;
  border-image-width: 1 1 1 1;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: 0;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: 0;
  border-top-color: currentcolor;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-top-style: none;
  border-top-width: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Ubuntu,sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height: 1.5rem;
  padding-bottom: 1.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.25rem;
  text-align: center;
  text-decoration-color: currentcolor;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-transform: uppercase;
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: background;
  transition-timing-function: ease;
}
 
.mb2,
.mb-3 {
  align-self: start;
}
 
label,
#zone-appli  .list-label {
  color: #606060;
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
}
 
#zone-appli .form-inline label,
#zone-appli .form-inline .list-label {
  align-items: start;
  align-self: start;
  justify-content: left;
  align-content: flex-start;
}
 
h1#widget-titre::before {
  content: "";
  display: block;
  height: 100%;
  left: -5rem;
  position: absolute;
  width: 0.4rem;
}
 
h1#widget-titre {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 3.2rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: relative;
  color: #232323;
  font-family: Ubuntu,sans-serif;
}
 
#zone-appli .hidden {
  display: none !important;
}
 
#zone-appli .warning {
  color: #ff5d55;
  font-weight: 700;
}
 
#photos-conteneur label.label-file.error,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  box-shadow: 0 0 1.5px 1px red;
  border-color: #b94a48;
  color: #b94a48;
}
 
.control-group.error {
  color: #b94a48;
}
 
#zone-appli .centre {
  margin: 0 auto !important;
  justify-content: center !important;
}
 
#zone-appli .droite {
  float: right;
}
 
#zone-appli .info {
  padding: 1rem;
  background-color: #ccecf1;
  border-color: #7ccedb;
  color: #006979;
  fill: #006979;
  border-radius: 0.2rem;
}
 
#zone-appli .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}
 
#zone-appli .ui-widget{
  font-family: Muli,sans-serif;
}
 
#zone-appli .form-inline .form-control {
  width: 100%;
}
 
#zone-appli #logo_hires {
  display: none;
}
#zone-appli .logo-tb {
  position:absolute;
  left: 10px;
  top: 10px;
}
 
#zone-appli .bloc-top {
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 1rem;
}
 
#zone-appli .bloc-bottom {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding-bottom: 1rem;
}
 
.unstyled {
  list-style-type: none;
}
 
#zone-appli #formulaire form {
  margin-bottom: 1.5rem;
}
 
input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox {
  vertical-align:text-top;
  padding: 0;
  margin-right: 10px;
  position:relative;
  overflow:hidden;
  top:2px;
}
 
#zone-appli #formulaire #form-supp #zone-supp .checkbox label,
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,
#zone-appli #formulaire #form-supp #zone-supp .radio label {
  align-items: center;
  display: flex;
  font-weight: 400;
}
 
/*************************************************************************/
 
form#form-observateur,
form#form-observation,
form#form-supp,
#tb-navigation,
#tb-navbar{
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
}
 
.navbar-nav,
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  flex-direction: row;
}
 
.navbar.navbar-default {
  margin-bottom: 0;
}
 
.volet {
  height: 5rem;
}
 
#anonyme {
  height: auto;
}
 
#bouton-connexion,
#creation-compte {
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  -webkit-box-flex: 1;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  justify-content: left;
  align-items: flex-start;
  align-content: flex-middle;
}
 
#bouton-connexion label,
#creation-compte label {
  width: 100%;
}
 
.navbar-default .navbar-nav > .volet #bouton-anonyme,
.navbar-default .navbar-nav > .volet #bouton-inscription {
  width: auto;
}
 
.navbar-default .navbar-nav > .volet > a  {
  margin-left: 0.2rem;
}
 
.navbar-default .navbar-nav #bouton-connexion a,
#ajouter-obs,
#transmettre-obs {
  color: #fff;
  background-color: #b2cb43;
  border-color: #a1b92e;;
}
 
.navbar-default .navbar-nav #bouton-connexion a:focus,
.navbar-default .navbar-nav #bouton-connexion a:hover,
#transmettre-obs:focus,
#transmettre-obs:hover,
#ajouter-obs:focus,
#ajouter-obs:hover {
  background-color: #a2b93b;
  border-color: #9ab227;
}
 
.navbar-default .navbar-nav #utilisateur-connecte.volet {
  padding-left: 2rem;
}
 
.navbar-default .navbar-nav #utilisateur-connecte.volet > a {
  margin-left: 0;
}
 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {
  padding: 0 0.75rem;
  margin: 0.2rem 0;
}
 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {
  font-size: 0.8rem;
  font-weight: 400;
  color: #606060;
  background: inherit;
  text-decoration: none;
  display: block;
  width: 100%;
  padding-left: 5px;
  line-height: 25px;
  outline: 0;
}
 
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,
.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,
.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {
  background: #1e90ff;
}
 
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,
.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {
  color: #fff;
}
 
.navbar-nav .volet-menu {
  position: absolute;
  z-index: 1000;
  min-width: auto;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
 
.volet-menu div a {
  color: #222;
}
 
.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  font-weight: 900;
  content: '\f0d7'
}
 
/*************************************************************************/
 
#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {
  padding: 0;
  margin: 0;
}
 
#zone-appli #formulaire #form-supp #zone-supp select,
#zone-appli #formulaire #form-supp #zone-supp .selectBox select {
  background-color: #fff;
  border: 1px solid #ced4da;
}
 
#form-supp select,
#form-supp .selectBox select{
  border-radius: 0.3rem;
}
 
#form-supp .select-wrapper,
#zone-appli #formulaire #form-supp #zone-supp .selectBox {
  position: relative;
  z-index: 1000;
  border-radius: 0.3rem;
}
 
#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
 
#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {
  border:none;
}
 
#zone-appli #formulaire #form-supp #zone-supp .overSelect {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes {
  position: absolute;
  z-index: 1001;
  top: 120%;
  left: 1rem;
  right: 1rem;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-top: 0;
  border-radius: 0 0 0.3rem 0.3rem;
  margin-top: -0.3rem;
}
 
#zone-appli #formulaire #form-supp #zone-supp .label label,
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {
  display: block;
  padding: 0.5rem;
  font-weight: 400;
  margin:0;
}
 
#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {
  background: #1e90ff;
  color: #fff;
}
 
#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
 
#zone-appli #formulaire #form-supp #zone-supp .collect-other {
  margin: 0.5rem;
  width: 90%;
}
 
/*************************************************************************/
 
.range-values {
  color: #606060;
}
 
.range-live-value {
  padding-top: 1rem;
  font-size: 1rem;
}
 
/*******************************************/
 
.label-file {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border-radius: 0.25rem;
  font-weight: 400;
  font-size: 0.9rem;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  line-height: 1.5;
  transition:
    color .15s ease-in-out,
    background-color .15s ease-in-out,
    border-color .15s ease-in-out,
    box-shadow .15s ease-in-out;
  margin: 0;
}
 
.label-file [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
 
.label-file [type=file] {
  cursor: pointer;
}
 
/*************************************/
 
#miniatures .miniature {
  position: relative;
  display: inline-block;
 
}
 
#miniatures .miniature .miniature-img {
  vertical-align: top;
  width: 10rem;
  height: 100%;
}
 
#miniatures .miniature .effacer-miniature {
  display: flex;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 2rem;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  color: #fff;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  align-items:center;
  justify-content: center;
  cursor: pointer;
}
 
#miniatures .miniature .effacer-miniature:hover,
#miniatures .miniature .effacer-miniature:focus {
  opacity: 1;
}
 
.obs {
  height: 10rem;
  padding: 1rem;
  border-radius: 0.25rem;
  background-color: #fbfbfb;
  border: 1px solid #eee;
}
 
.obs .nom-sci {
  font-size: 1rem;
}
 
.defilement-miniatures .defilement-miniatures-cache,
.defilement-miniatures .miniature-cachee {
  display: none;
}
 
.defilement-miniatures {
  display: flex;
  align-items:center;
  justify-content: center;
  height: 8rem;
}
.defilement-miniatures figure {
  display: inline-block;
  min-height: 8rem;
  line-height: 8rem;
  text-align: center;
  min-width: 80%;
  width: 80%;
  margin:0 auto;
  padding: 0;
}
 
.miniature-selectionnee {
  vertical-align: middle;
  max-height: 8rem;
  max-width: 80%;
}
 
.defilement-miniatures-gauche,
.defilement-miniatures-droite {
  display: inline-block;
  color: #5bc0de;
  vertical-align: middle;
  outline-style: none;
}
 
.defilement-miniatures-gauche:active,
.defilement-miniatures-droite:active,
.defilement-miniatures-gauche:focus,
.defilement-miniatures-droite:focus {
  color: #499fb7;
}
 
.defilement-miniatures-gauche:hover,
.defilement-miniatures-droite:hover {
  color: #499fb7;
}
 
#zone-prenom-nom #prenom,
#zone-prenom-nom #nom {
  z-index: 0;
}
 
#transmettre-obs{
  text-align: right;
}
 
#zone-liste-obs h2.transmission-title {
  display: inline-block;
}
 
footer a {
  display: inline-block;
}
 
.help-button {
  float: right;
}
 
#image-fond {
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  min-width: 100%;
  background-attachment: fixed;
  margin: 0;
  padding: 0;
}
 
.modal-open, body.modal-open {
  overflow: inherit !important;
}
 
.custom-range {
  border: none;
}
 
/*************************************/
 
@media screen and ( max-width: 768px ) {
 
  #titre-projet {
    font-size: 1.5rem;
  }
 
  h2 {
    font-size: 1.3rem;
  }
 
  #logo {
    max-width: 80%;
  }
 
  #bouton-connexion, #creation-compte {
    display: block;
    width: 100%;
    position: static;
  }
 
  .navbar-nav, .nav {
    flex-direction: column;
  }
 
  #transmettre-obs.droite {
    float: none;
  }
 
  .obs {
    height: auto;
  }
 
  .obs .unstyled {
    font-size: 0.6rem;
  }
 
  .obs .nom-sci {
    font-size: 0.8rem;
  }
 
  .supprimer-obs {
    overflow: hidden;
  }
 
  #image-fond {
    display: none;
  }
}
 
 

Rev 3269	Rev 3270
1	`@CHARSET "UTF-8";`	1	`@CHARSET "UTF-8";`
2		2
3	`body {`	3	`body {`
4	`font-family: Muli,sans-serif;`	4	`font-family: Muli,sans-serif;`
5	`font-size: 0.8rem;`	5	`font-size: 0.8rem;`
6	`font-weight: 300;`	6	`font-weight: 300;`
7	`}`	7	`}`
8		8
9	`#zone-appli {`	9	`#zone-appli {`
10	`padding: 2rem;`	10	`padding: 2rem;`
11	`border-radius: 0.3rem;`	11	`border-radius: 0.3rem;`
12	`background-color: rgba(255, 255, 255, 0.9);`	12	`background-color: rgba(255, 255, 255, 0.9);`
13	`margin-top: 2rem;`	13	`margin-top: 2rem;`
14	`}`	14	`}`
15		15
16	`#zone-appli .zone-alerte{`	16	`#zone-appli .zone-alerte{`
17	`width: 100%;`	17	`width: 100%;`
18	`}`	18	`}`
19		19
20	`#logo {`	20	`#logo {`
21	`max-width: 100%;`	21	`max-width: 100%;`
22	`}`	22	`}`
23		23
24	`h1, h2, h3, h4, h5 {`	24	`h1, h2, h3, h4, h5 {`
25	`font-family: Muli,sans-serif;`	25	`font-family: Muli,sans-serif;`
26	`}`	26	`}`
27		27
28	`form {`	28	`form {`
29	`font-family: Muli,sans-serif;`	29	`font-family: Muli,sans-serif;`
30	`float: none;`	30	`float: none;`
31	`}`	31	`}`
32		32
33	`h1 {`	33	`h1 {`
34	`font-weight: 700;`	34	`font-weight: 700;`
35	`font-size: 2rem;`	35	`font-size: 2rem;`
36	`}`	36	`}`
37		37
38	`#zone-appli .form-block {`	38	`#zone-appli .form-block {`
39	`margin-bottom: 2rem;`	39	`margin-bottom: 2rem;`
40	`}`	40	`}`
41		41
42	`h2 {`	42	`h2 {`
43	`font-weight: 700;`	43	`font-weight: 700;`
44	`line-height: 1.15;`	44	`line-height: 1.15;`
45	`font-size: 1.5rem;`	45	`font-size: 1.5rem;`
46	`}`	46	`}`
47		47
48	`h3 {`	48	`h3 {`
49	`font-size: 1.2rem;`	49	`font-size: 1.2rem;`
50	`}`	50	`}`
51		51
52	`#zone-appli .obligatoire::before {`	52	`#zone-appli .obligatoire::before {`
53	`content: '*';`	53	`content: '*';`
54	`position: absolute;`	54	`position: absolute;`
55	`left: 0;`	55	`left: 0;`
56	`}`	56	`}`
57		57
58	`.btn.focus,`	58	`.btn.focus,`
59	`.btn:focus {`	59	`.btn:focus {`
60	`box-shadow: none;`	60	`box-shadow: none;`
61	`}`	61	`}`
62		62
63	`.btn.btn-primary,`	63	`.btn.btn-primary,`
64	`.btn.btn-info,`	64	`.btn.btn-info,`
65	`.btn.btn-success,`	65	`.btn.btn-success,`
66	`.btn.btn-danger,`	66	`.btn.btn-danger,`
67	`.btn.btn-inverse {`	67	`.btn.btn-inverse {`
68	`color: #fff !important;`	68	`color: #fff !important;`
69	`}`	69	`}`
70		70
71	`button {`	71	`button {`
72	`-moz-border-bottom-colors: none;`	72	`-moz-border-bottom-colors: none;`
73	`-moz-border-left-colors: none;`	73	`-moz-border-left-colors: none;`
74	`-moz-border-right-colors: none;`	74	`-moz-border-right-colors: none;`
75	`-moz-border-top-colors: none;`	75	`-moz-border-top-colors: none;`
76	`background-color: #a2b93b;`	76	`background-color: #a2b93b;`
77	`border-bottom-color: currentcolor;`	77	`border-bottom-color: currentcolor;`
78	`border-bottom-left-radius: 0.2rem;`	78	`border-bottom-left-radius: 0.2rem;`
79	`border-bottom-right-radius: 0.2rem;`	79	`border-bottom-right-radius: 0.2rem;`
80	`border-bottom-style: none;`	80	`border-bottom-style: none;`
81	`border-bottom-width: 0;`	81	`border-bottom-width: 0;`
82	`border-image-outset: 0 0 0 0;`	82	`border-image-outset: 0 0 0 0;`
83	`border-image-repeat: stretch stretch;`	83	`border-image-repeat: stretch stretch;`
84	`border-image-slice: 100% 100% 100% 100%;`	84	`border-image-slice: 100% 100% 100% 100%;`
85	`border-image-source: none;`	85	`border-image-source: none;`
86	`border-image-width: 1 1 1 1;`	86	`border-image-width: 1 1 1 1;`
87	`border-left-color: currentcolor;`	87	`border-left-color: currentcolor;`
88	`border-left-style: none;`	88	`border-left-style: none;`
89	`border-left-width: 0;`	89	`border-left-width: 0;`
90	`border-right-color: currentcolor;`	90	`border-right-color: currentcolor;`
91	`border-right-style: none;`	91	`border-right-style: none;`
92	`border-right-width: 0;`	92	`border-right-width: 0;`
93	`border-top-color: currentcolor;`	93	`border-top-color: currentcolor;`
94	`border-top-left-radius: 0.2rem;`	94	`border-top-left-radius: 0.2rem;`
95	`border-top-right-radius: 0.2rem;`	95	`border-top-right-radius: 0.2rem;`
96	`border-top-style: none;`	96	`border-top-style: none;`
97	`border-top-width: 0;`	97	`border-top-width: 0;`
98	`color: #fff;`	98	`color: #fff;`
99	`cursor: pointer;`	99	`cursor: pointer;`
100	`display: inline-block;`	100	`display: inline-block;`
101	`font-family: Ubuntu,sans-serif;`	101	`font-family: Ubuntu,sans-serif;`
102	`font-size: 1.3rem;`	102	`font-size: 1.3rem;`
103	`font-weight: 500;`	103	`font-weight: 500;`
104	`letter-spacing: 0.1rem;`	104	`letter-spacing: 0.1rem;`
105	`line-height: 1.5rem;`	105	`line-height: 1.5rem;`
106	`padding-bottom: 1.25rem;`	106	`padding-bottom: 1.25rem;`
107	`padding-left: 2rem;`	107	`padding-left: 2rem;`
108	`padding-right: 2rem;`	108	`padding-right: 2rem;`
109	`padding-top: 1.25rem;`	109	`padding-top: 1.25rem;`
110	`text-align: center;`	110	`text-align: center;`
111	`text-decoration-color: currentcolor;`	111	`text-decoration-color: currentcolor;`
112	`text-decoration-line: none;`	112	`text-decoration-line: none;`
113	`text-decoration-style: solid;`	113	`text-decoration-style: solid;`
114	`text-transform: uppercase;`	114	`text-transform: uppercase;`
115	`transition-delay: 0s;`	115	`transition-delay: 0s;`
116	`transition-duration: 0.2s;`	116	`transition-duration: 0.2s;`
117	`transition-property: background;`	117	`transition-property: background;`
118	`transition-timing-function: ease;`	118	`transition-timing-function: ease;`
119	`}`	119	`}`
120		120
121	`.mb2,`	121	`.mb2,`
122	`.mb-3 {`	122	`.mb-3 {`
123	`align-self: start;`	123	`align-self: start;`
124	`}`	124	`}`
125		125
126	`label,`	126	`label,`
127	`#zone-appli .list-label {`	127	`#zone-appli .list-label {`
128	`color: #606060;`	128	`color: #606060;`
129	`display: block;`	129	`display: block;`
130	`font-size: 0.9rem;`	130	`font-size: 0.9rem;`
131	`font-weight: 700;`	131	`font-weight: 700;`
132	`}`	132	`}`
133		133
134	`#zone-appli .form-inline label,`	134	`#zone-appli .form-inline label,`
135	`#zone-appli .form-inline .list-label {`	135	`#zone-appli .form-inline .list-label {`
136	`align-items: start;`	136	`align-items: start;`
137	`align-self: start;`	137	`align-self: start;`
138	`justify-content: left;`	138	`justify-content: left;`
139	`align-content: flex-start;`	139	`align-content: flex-start;`
140	`}`	140	`}`
141		141
142	`h1#widget-titre::before {`	142	`h1#widget-titre::before {`
143	`content: "";`	143	`content: "";`
144	`display: block;`	144	`display: block;`
145	`height: 100%;`	145	`height: 100%;`
146	`left: -5rem;`	146	`left: -5rem;`
147	`position: absolute;`	147	`position: absolute;`
148	`width: 0.4rem;`	148	`width: 0.4rem;`
149	`}`	149	`}`
150		150
151	`h1#widget-titre {`	151	`h1#widget-titre {`
152	`font-size: 2.6rem;`	152	`font-size: 2.6rem;`
153	`font-weight: 700;`	153	`font-weight: 700;`
154	`line-height: 3.2rem;`	154	`line-height: 3.2rem;`
155	`margin-bottom: 0;`	155	`margin-bottom: 0;`
156	`margin-left: 0;`	156	`margin-left: 0;`
157	`margin-right: 0;`	157	`margin-right: 0;`
158	`margin-top: 0;`	158	`margin-top: 0;`
159	`position: relative;`	159	`position: relative;`
160	`color: #232323;`	160	`color: #232323;`
161	`font-family: Ubuntu,sans-serif;`	161	`font-family: Ubuntu,sans-serif;`
162	`}`	162	`}`
163		163
164	`#zone-appli .hidden {`	164	`#zone-appli .hidden {`
165	`display: none !important;`	165	`display: none !important;`
166	`}`	166	`}`
167		167
168	`#zone-appli .warning {`	168	`#zone-appli .warning {`
169	`color: #ff5d55;`	169	`color: #ff5d55;`
170	`font-weight: 700;`	170	`font-weight: 700;`
171	`}`	171	`}`
-		172
172		173	`#photos-conteneur label.label-file.error,`
173	`.control-group.error input,`	174	`.control-group.error input,`
174	`.control-group.error select,`	175	`.control-group.error select,`
175	`.control-group.error textarea {`	176	`.control-group.error textarea {`
176	`box-shadow: 0 0 1.5px 1px red;`	177	`box-shadow: 0 0 1.5px 1px red;`
177	`border-color: #b94a48;`	178	`border-color: #b94a48;`
178	`color: #b94a48;`	179	`color: #b94a48;`
179	`}`	180	`}`
180		181
181	`.control-group.error {`	182	`.control-group.error {`
182	`color: #b94a48;`	183	`color: #b94a48;`
183	`}`	184	`}`
184		185
185	`#zone-appli .centre {`	186	`#zone-appli .centre {`
186	`margin: 0 auto !important;`	187	`margin: 0 auto !important;`
187	`justify-content: center !important;`	188	`justify-content: center !important;`
188	`}`	189	`}`
189		190
190	`#zone-appli .droite {`	191	`#zone-appli .droite {`
191	`float: right;`	192	`float: right;`
192	`}`	193	`}`
193		194
194	`#zone-appli .info {`	195	`#zone-appli .info {`
195	`padding: 1rem;`	196	`padding: 1rem;`
196	`background-color: #ccecf1;`	197	`background-color: #ccecf1;`
197	`border-color: #7ccedb;`	198	`border-color: #7ccedb;`
198	`color: #006979;`	199	`color: #006979;`
199	`fill: #006979;`	200	`fill: #006979;`
200	`border-radius: 0.2rem;`	201	`border-radius: 0.2rem;`
201	`}`	202	`}`
202		203
203	`#zone-appli .clear {`	204	`#zone-appli .clear {`
204	`clear: both;`	205	`clear: both;`
205	`height: 0; overflow: hidden; /* Précaution pour IE 7 */`	206	`height: 0; overflow: hidden; /* Précaution pour IE 7 */`
206	`}`	207	`}`
207		208
208	`#zone-appli .ui-widget{`	209	`#zone-appli .ui-widget{`
209	`font-family: Muli,sans-serif;`	210	`font-family: Muli,sans-serif;`
210	`}`	211	`}`
211		212
212	`#zone-appli .form-inline .form-control {`	213	`#zone-appli .form-inline .form-control {`
213	`width: 100%;`	214	`width: 100%;`
214	`}`	215	`}`
215		216
216	`#zone-appli #logo_hires {`	217	`#zone-appli #logo_hires {`
217	`display: none;`	218	`display: none;`
218	`}`	219	`}`
219	`#zone-appli .logo-tb {`	220	`#zone-appli .logo-tb {`
220	`position:absolute;`	221	`position:absolute;`
221	`left: 10px;`	222	`left: 10px;`
222	`top: 10px;`	223	`top: 10px;`
223	`}`	224	`}`
224		225
225	`#zone-appli .bloc-top {`	226	`#zone-appli .bloc-top {`
226	`border-top: 1px solid rgba(0,0,0,.1);`	227	`border-top: 1px solid rgba(0,0,0,.1);`
227	`padding-top: 1rem;`	228	`padding-top: 1rem;`
228	`}`	229	`}`
229		230
230	`#zone-appli .bloc-bottom {`	231	`#zone-appli .bloc-bottom {`
231	`border-bottom: 1px solid rgba(0,0,0,.1);`	232	`border-bottom: 1px solid rgba(0,0,0,.1);`
232	`padding-bottom: 1rem;`	233	`padding-bottom: 1rem;`
233	`}`	234	`}`
234		235
235	`.unstyled {`	236	`.unstyled {`
236	`list-style-type: none;`	237	`list-style-type: none;`
237	`}`	238	`}`
238		239
239	`#zone-appli #formulaire form {`	240	`#zone-appli #formulaire form {`
240	`margin-bottom: 1.5rem;`	241	`margin-bottom: 1.5rem;`
241	`}`	242	`}`
242		243
243	`input[type="checkbox"],`	244	`input[type="checkbox"],`
244	`input[type="radio"],`	245	`input[type="radio"],`
245	`input.radio,`	246	`input.radio,`
246	`input.checkbox {`	247	`input.checkbox {`
247	`vertical-align:text-top;`	248	`vertical-align:text-top;`
248	`padding: 0;`	249	`padding: 0;`
249	`margin-right: 10px;`	250	`margin-right: 10px;`
250	`position:relative;`	251	`position:relative;`
251	`overflow:hidden;`	252	`overflow:hidden;`
252	`top:2px;`	253	`top:2px;`
253	`}`	254	`}`
254		255
255	`#zone-appli #formulaire #form-supp #zone-supp .checkbox label,`	256	`#zone-appli #formulaire #form-supp #zone-supp .checkbox label,`
256	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,`	257	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,`
257	`#zone-appli #formulaire #form-supp #zone-supp .radio label {`	258	`#zone-appli #formulaire #form-supp #zone-supp .radio label {`
258	`align-items: center;`	259	`align-items: center;`
259	`display: flex;`	260	`display: flex;`
260	`font-weight: 400;`	261	`font-weight: 400;`
261	`}`	262	`}`
262		263
263	`/*************************************************************************/`	264	`/*************************************************************************/`
264		265
265	`form#form-observateur,`	266	`form#form-observateur,`
266	`form#form-observation,`	267	`form#form-observation,`
267	`form#form-supp,`	268	`form#form-supp,`
268	`#tb-navigation,`	269	`#tb-navigation,`
269	`#tb-navbar{`	270	`#tb-navbar{`
270	`min-width: 100%;`	271	`min-width: 100%;`
271	`margin-left: 0;`	272	`margin-left: 0;`
272	`margin-right: 0;`	273	`margin-right: 0;`
273	`}`	274	`}`
274		275
275	`.navbar-nav,`	276	`.navbar-nav,`
276	`.nav {`	277	`.nav {`
277	`display: -ms-flexbox;`	278	`display: -ms-flexbox;`
278	`display: flex;`	279	`display: flex;`
279	`-ms-flex-wrap: wrap;`	280	`-ms-flex-wrap: wrap;`
280	`flex-wrap: wrap;`	281	`flex-wrap: wrap;`
281	`margin-right: -15px;`	282	`margin-right: -15px;`
282	`margin-left: -15px;`	283	`margin-left: -15px;`
283	`flex-direction: row;`	284	`flex-direction: row;`
284	`}`	285	`}`
285		286
286	`.navbar.navbar-default {`	287	`.navbar.navbar-default {`
287	`margin-bottom: 0;`	288	`margin-bottom: 0;`
288	`}`	289	`}`
289		290
290	`.volet {`	291	`.volet {`
291	`height: 5rem;`	292	`height: 5rem;`
292	`}`	293	`}`
293		294
294	`#anonyme {`	295	`#anonyme {`
295	`height: auto;`	296	`height: auto;`
296	`}`	297	`}`
297		298
298	`#bouton-connexion,`	299	`#bouton-connexion,`
299	`#creation-compte {`	300	`#creation-compte {`
300	`display: -ms-flexbox;`	301	`display: -ms-flexbox;`
301	`display: flex;`	302	`display: flex;`
302	`height: 5rem;`	303	`height: 5rem;`
303	`-webkit-box-flex: 1;`	304	`-webkit-box-flex: 1;`
304	`-webkit-flex: 0 0 50%;`	305	`-webkit-flex: 0 0 50%;`
305	`-ms-flex: 0 0 50%;`	306	`-ms-flex: 0 0 50%;`
306	`flex: 0 0 50%;`	307	`flex: 0 0 50%;`
307	`max-width: 50%;`	308	`max-width: 50%;`
308	`-ms-flex-flow: row wrap;`	309	`-ms-flex-flow: row wrap;`
309	`flex-flow: row wrap;`	310	`flex-flow: row wrap;`
310	`min-height: 1px;`	311	`min-height: 1px;`
311	`padding-right: 15px;`	312	`padding-right: 15px;`
312	`padding-left: 15px;`	313	`padding-left: 15px;`
313	`justify-content: left;`	314	`justify-content: left;`
314	`align-items: flex-start;`	315	`align-items: flex-start;`
315	`align-content: flex-middle;`	316	`align-content: flex-middle;`
316	`}`	317	`}`
317		318
318	`#bouton-connexion label,`	319	`#bouton-connexion label,`
319	`#creation-compte label {`	320	`#creation-compte label {`
320	`width: 100%;`	321	`width: 100%;`
321	`}`	322	`}`
322		323
323	`.navbar-default .navbar-nav > .volet #bouton-anonyme,`	324	`.navbar-default .navbar-nav > .volet #bouton-anonyme,`
324	`.navbar-default .navbar-nav > .volet #bouton-inscription {`	325	`.navbar-default .navbar-nav > .volet #bouton-inscription {`
325	`width: auto;`	326	`width: auto;`
326	`}`	327	`}`
327		328
328	`.navbar-default .navbar-nav > .volet > a {`	329	`.navbar-default .navbar-nav > .volet > a {`
329	`margin-left: 0.2rem;`	330	`margin-left: 0.2rem;`
330	`}`	331	`}`
331		332
332	`.navbar-default .navbar-nav #bouton-connexion a,`	333	`.navbar-default .navbar-nav #bouton-connexion a,`
333	`#ajouter-obs,`	334	`#ajouter-obs,`
334	`#transmettre-obs {`	335	`#transmettre-obs {`
335	`color: #fff;`	336	`color: #fff;`
336	`background-color: #b2cb43;`	337	`background-color: #b2cb43;`
337	`border-color: #a1b92e;;`	338	`border-color: #a1b92e;;`
338	`}`	339	`}`
339		340
340	`.navbar-default .navbar-nav #bouton-connexion a:focus,`	341	`.navbar-default .navbar-nav #bouton-connexion a:focus,`
341	`.navbar-default .navbar-nav #bouton-connexion a:hover,`	342	`.navbar-default .navbar-nav #bouton-connexion a:hover,`
342	`#transmettre-obs:focus,`	343	`#transmettre-obs:focus,`
343	`#transmettre-obs:hover,`	344	`#transmettre-obs:hover,`
344	`#ajouter-obs:focus,`	345	`#ajouter-obs:focus,`
345	`#ajouter-obs:hover {`	346	`#ajouter-obs:hover {`
346	`background-color: #a2b93b;`	347	`background-color: #a2b93b;`
347	`border-color: #9ab227;`	348	`border-color: #9ab227;`
348	`}`	349	`}`
349		350
350	`.navbar-default .navbar-nav #utilisateur-connecte.volet {`	351	`.navbar-default .navbar-nav #utilisateur-connecte.volet {`
351	`padding-left: 2rem;`	352	`padding-left: 2rem;`
352	`}`	353	`}`
353		354
354	`.navbar-default .navbar-nav #utilisateur-connecte.volet > a {`	355	`.navbar-default .navbar-nav #utilisateur-connecte.volet > a {`
355	`margin-left: 0;`	356	`margin-left: 0;`
356	`}`	357	`}`
357		358
358	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,`	359	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,`
359	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {`	360	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {`
360	`padding: 0 0.75rem;`	361	`padding: 0 0.75rem;`
361	`margin: 0.2rem 0;`	362	`margin: 0.2rem 0;`
362	`}`	363	`}`
363		364
364	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {`	365	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {`
365	`font-size: 0.8rem;`	366	`font-size: 0.8rem;`
366	`font-weight: 400;`	367	`font-weight: 400;`
367	`color: #606060;`	368	`color: #606060;`
368	`background: inherit;`	369	`background: inherit;`
369	`text-decoration: none;`	370	`text-decoration: none;`
370	`display: block;`	371	`display: block;`
371	`width: 100%;`	372	`width: 100%;`
372	`padding-left: 5px;`	373	`padding-left: 5px;`
373	`line-height: 25px;`	374	`line-height: 25px;`
374	`outline: 0;`	375	`outline: 0;`
375	`}`	376	`}`
376		377
377	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,`	378	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,`
378	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,`	379	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,`
379	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,`	380	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,`
380	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {`	381	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {`
381	`background: #1e90ff;`	382	`background: #1e90ff;`
382	`}`	383	`}`
383		384
384	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,`	385	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,`
385	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {`	386	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {`
386	`color: #fff;`	387	`color: #fff;`
387	`}`	388	`}`
388		389
389	`.navbar-nav .volet-menu {`	390	`.navbar-nav .volet-menu {`
390	`position: absolute;`	391	`position: absolute;`
391	`z-index: 1000;`	392	`z-index: 1000;`
392	`min-width: auto;`	393	`min-width: auto;`
393	`list-style: none;`	394	`list-style: none;`
394	`background-color: #fff;`	395	`background-color: #fff;`
395	`border: 1px solid #ccc;`	396	`border: 1px solid #ccc;`
396	`border: 1px solid rgba(0, 0, 0, 0.15);`	397	`border: 1px solid rgba(0, 0, 0, 0.15);`
397	`border-radius: 4px;`	398	`border-radius: 4px;`
398	`-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`	399	`-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`
399	`box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`	400	`box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`
400	`}`	401	`}`
401		402
402	`.volet-menu div a {`	403	`.volet-menu div a {`
403	`color: #222;`	404	`color: #222;`
404	`}`	405	`}`
405		406
406	`.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {`	407	`.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {`
407	`font-family: "Font Awesome 5 Free";`	408	`font-family: "Font Awesome 5 Free";`
408	`font-size: 0.8rem;`	409	`font-size: 0.8rem;`
409	`font-weight: 900;`	410	`font-weight: 900;`
410	`content: '\f0d7'`	411	`content: '\f0d7'`
411	`}`	412	`}`
412		413
413	`/*************************************************************************/`	414	`/*************************************************************************/`
414		415
415	`#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {`	416	`#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {`
416	`padding: 0;`	417	`padding: 0;`
417	`margin: 0;`	418	`margin: 0;`
418	`}`	419	`}`
419		420
420	`#zone-appli #formulaire #form-supp #zone-supp select,`	421	`#zone-appli #formulaire #form-supp #zone-supp select,`
421	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select {`	422	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select {`
422	`background-color: #fff;`	423	`background-color: #fff;`
423	`border: 1px solid #ced4da;`	424	`border: 1px solid #ced4da;`
424	`}`	425	`}`
425		426
426	`#form-supp select,`	427	`#form-supp select,`
427	`#form-supp .selectBox select{`	428	`#form-supp .selectBox select{`
428	`border-radius: 0.3rem;`	429	`border-radius: 0.3rem;`
429	`}`	430	`}`
430		431
431	`#form-supp .select-wrapper,`	432	`#form-supp .select-wrapper,`
432	`#zone-appli #formulaire #form-supp #zone-supp .selectBox {`	433	`#zone-appli #formulaire #form-supp #zone-supp .selectBox {`
433	`position: relative;`	434	`position: relative;`
434	`z-index: 1000;`	435	`z-index: 1000;`
435	`border-radius: 0.3rem;`	436	`border-radius: 0.3rem;`
436	`}`	437	`}`
437		438
438	`#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {`	439	`#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {`
439	`border-color: #80bdff;`	440	`border-color: #80bdff;`
440	`box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);`	441	`box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);`
441	`}`	442	`}`
442		443
443	`#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {`	444	`#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {`
444	`border:none;`	445	`border:none;`
445	`}`	446	`}`
446		447
447	`#zone-appli #formulaire #form-supp #zone-supp .overSelect {`	448	`#zone-appli #formulaire #form-supp #zone-supp .overSelect {`
448	`position: absolute;`	449	`position: absolute;`
449	`z-index: 999;`	450	`z-index: 999;`
450	`left: 0;`	451	`left: 0;`
451	`right: 0;`	452	`right: 0;`
452	`top: 0;`	453	`top: 0;`
453	`bottom: 0;`	454	`bottom: 0;`
454	`}`	455	`}`
455		456
456	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes {`	457	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes {`
457	`position: absolute;`	458	`position: absolute;`
458	`z-index: 1001;`	459	`z-index: 1001;`
459	`top: 120%;`	460	`top: 120%;`
460	`left: 1rem;`	461	`left: 1rem;`
461	`right: 1rem;`	462	`right: 1rem;`
462	`background-color: #fff;`	463	`background-color: #fff;`
463	`border: 1px solid #ced4da;`	464	`border: 1px solid #ced4da;`
464	`border-top: 0;`	465	`border-top: 0;`
465	`border-radius: 0 0 0.3rem 0.3rem;`	466	`border-radius: 0 0 0.3rem 0.3rem;`
466	`margin-top: -0.3rem;`	467	`margin-top: -0.3rem;`
467	`}`	468	`}`
468		469
469	`#zone-appli #formulaire #form-supp #zone-supp .label label,`	470	`#zone-appli #formulaire #form-supp #zone-supp .label label,`
470	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {`	471	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {`
471	`display: block;`	472	`display: block;`
472	`padding: 0.5rem;`	473	`padding: 0.5rem;`
473	`font-weight: 400;`	474	`font-weight: 400;`
474	`margin:0;`	475	`margin:0;`
475	`}`	476	`}`
476		477
477	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {`	478	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {`
478	`background: #1e90ff;`	479	`background: #1e90ff;`
479	`color: #fff;`	480	`color: #fff;`
480	`}`	481	`}`
481		482
482	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {`	483	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {`
483	`padding-block-start: 0;`	484	`padding-block-start: 0;`
484	`padding-block-end: 0;`	485	`padding-block-end: 0;`
485	`padding-inline-start: 0;`	486	`padding-inline-start: 0;`
486	`padding-inline-end: 0;`	487	`padding-inline-end: 0;`
487	`}`	488	`}`
488		489
489	`#zone-appli #formulaire #form-supp #zone-supp .collect-other {`	490	`#zone-appli #formulaire #form-supp #zone-supp .collect-other {`
490	`margin: 0.5rem;`	491	`margin: 0.5rem;`
491	`width: 90%;`	492	`width: 90%;`
492	`}`	493	`}`
493		494
494	`/*************************************************************************/`	495	`/*************************************************************************/`
495		496
496	`.range-values {`	497	`.range-values {`
497	`color: #606060;`	498	`color: #606060;`
498	`}`	499	`}`
499		500

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie2/squelettes/css/saisie.css – Rev 3269 → 3270