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;
}
 
.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 3260	Rev 3269
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	`.control-group.error input,`	173	`.control-group.error input,`
174	`.control-group.error select,`	174	`.control-group.error select,`
175	`.control-group.error textarea {`	175	`.control-group.error textarea {`
176	`box-shadow: 0 0 1.5px 1px red;`	176	`box-shadow: 0 0 1.5px 1px red;`
177	`border-color: #b94a48;`	177	`border-color: #b94a48;`
178	`color: #b94a48;`	178	`color: #b94a48;`
179	`}`	179	`}`
180		180
181	`.control-group.error {`	181	`.control-group.error {`
182	`color: #b94a48;`	182	`color: #b94a48;`
183	`}`	183	`}`
184		184
185	`#zone-appli .centre {`	185	`#zone-appli .centre {`
186	`margin: 0 auto !important;`	186	`margin: 0 auto !important;`
187	`justify-content: center !important;`	187	`justify-content: center !important;`
188	`}`	188	`}`
189		189
190	`#zone-appli .droite {`	190	`#zone-appli .droite {`
191	`float: right;`	191	`float: right;`
192	`}`	192	`}`
193		193
194	`#zone-appli .info {`	194	`#zone-appli .info {`
195	`padding: 1rem;`	195	`padding: 1rem;`
196	`background-color: #ccecf1;`	196	`background-color: #ccecf1;`
197	`border-color: #7ccedb;`	197	`border-color: #7ccedb;`
198	`color: #006979;`	198	`color: #006979;`
199	`fill: #006979;`	199	`fill: #006979;`
200	`border-radius: 0.2rem;`	200	`border-radius: 0.2rem;`
201	`}`	201	`}`
202		202
203	`#zone-appli .clear {`	203	`#zone-appli .clear {`
204	`clear: both;`	204	`clear: both;`
205	`height: 0; overflow: hidden; /* Précaution pour IE 7 */`	205	`height: 0; overflow: hidden; /* Précaution pour IE 7 */`
206	`}`	206	`}`
207		207
208	`#zone-appli .ui-widget{`	208	`#zone-appli .ui-widget{`
209	`font-family: Muli,sans-serif;`	209	`font-family: Muli,sans-serif;`
210	`}`	210	`}`
211		211
212	`#zone-appli .form-inline .form-control {`	212	`#zone-appli .form-inline .form-control {`
213	`width: 100%;`	213	`width: 100%;`
214	`}`	214	`}`
215		215
216	`#zone-appli #logo_hires {`	216	`#zone-appli #logo_hires {`
217	`display: none;`	217	`display: none;`
218	`}`	218	`}`
219	`#zone-appli .logo-tb {`	219	`#zone-appli .logo-tb {`
220	`position:absolute;`	220	`position:absolute;`
221	`left: 10px;`	221	`left: 10px;`
222	`top: 10px;`	222	`top: 10px;`
223	`}`	223	`}`
224		224
225	`#zone-appli .bloc-top {`	225	`#zone-appli .bloc-top {`
226	`border-top: 1px solid rgba(0,0,0,.1);`	226	`border-top: 1px solid rgba(0,0,0,.1);`
227	`padding-top: 1rem;`	227	`padding-top: 1rem;`
228	`}`	228	`}`
229		229
230	`#zone-appli .bloc-bottom {`	230	`#zone-appli .bloc-bottom {`
231	`border-bottom: 1px solid rgba(0,0,0,.1);`	231	`border-bottom: 1px solid rgba(0,0,0,.1);`
232	`padding-bottom: 1rem;`	232	`padding-bottom: 1rem;`
233	`}`	233	`}`
234		234
235	`.unstyled {`	235	`.unstyled {`
236	`list-style-type: none;`	236	`list-style-type: none;`
237	`}`	237	`}`
238		238
239	`#zone-appli #formulaire form {`	239	`#zone-appli #formulaire form {`
240	`margin-bottom: 1.5rem;`	240	`margin-bottom: 1.5rem;`
241	`}`	241	`}`
242		242
243	`input[type="checkbox"],`	243	`input[type="checkbox"],`
244	`input[type="radio"],`	244	`input[type="radio"],`
245	`input.radio,`	245	`input.radio,`
246	`input.checkbox {`	246	`input.checkbox {`
247	`vertical-align:text-top;`	247	`vertical-align:text-top;`
248	`padding: 0;`	248	`padding: 0;`
249	`margin-right: 10px;`	249	`margin-right: 10px;`
250	`position:relative;`	250	`position:relative;`
251	`overflow:hidden;`	251	`overflow:hidden;`
252	`top:2px;`	252	`top:2px;`
253	`}`	253	`}`
254		254
255	`#zone-appli #formulaire #form-supp #zone-supp .checkbox label,`	255	`#zone-appli #formulaire #form-supp #zone-supp .checkbox label,`
256	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,`	256	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label,`
257	`#zone-appli #formulaire #form-supp #zone-supp .radio label {`	257	`#zone-appli #formulaire #form-supp #zone-supp .radio label {`
258	`align-items: center;`	258	`align-items: center;`
259	`display: flex;`	259	`display: flex;`
260	`font-weight: 400;`	260	`font-weight: 400;`
261	`}`	261	`}`
262		262
263	`/*************************************************************************/`	263	`/*************************************************************************/`
264		264
265	`form#form-observateur,`	265	`form#form-observateur,`
266	`form#form-observation,`	266	`form#form-observation,`
267	`form#form-supp,`	267	`form#form-supp,`
268	`#tb-navigation,`	268	`#tb-navigation,`
269	`#tb-navbar{`	269	`#tb-navbar{`
270	`min-width: 100%;`	270	`min-width: 100%;`
271	`margin-left: 0;`	271	`margin-left: 0;`
272	`margin-right: 0;`	272	`margin-right: 0;`
273	`}`	273	`}`
274		274
275	`.navbar-nav,`	275	`.navbar-nav,`
276	`.nav {`	276	`.nav {`
277	`display: -ms-flexbox;`	277	`display: -ms-flexbox;`
278	`display: flex;`	278	`display: flex;`
279	`-ms-flex-wrap: wrap;`	279	`-ms-flex-wrap: wrap;`
280	`flex-wrap: wrap;`	280	`flex-wrap: wrap;`
281	`margin-right: -15px;`	281	`margin-right: -15px;`
282	`margin-left: -15px;`	282	`margin-left: -15px;`
283	`flex-direction: row;`	283	`flex-direction: row;`
284	`}`	284	`}`
285		285
286	`.navbar.navbar-default {`	286	`.navbar.navbar-default {`
287	`margin-bottom: 0;`	287	`margin-bottom: 0;`
288	`}`	288	`}`
289		289
290	`.volet {`	290	`.volet {`
291	`height: 5rem;`	291	`height: 5rem;`
292	`}`	292	`}`
293		293
294	`#anonyme {`	294	`#anonyme {`
295	`height: auto;`	295	`height: auto;`
296	`}`	296	`}`
297		297
298	`#bouton-connexion,`	298	`#bouton-connexion,`
299	`#creation-compte {`	299	`#creation-compte {`
300	`display: -ms-flexbox;`	300	`display: -ms-flexbox;`
301	`display: flex;`	301	`display: flex;`
302	`height: 5rem;`	302	`height: 5rem;`
303	`-webkit-box-flex: 1;`	303	`-webkit-box-flex: 1;`
304	`-webkit-flex: 0 0 50%;`	304	`-webkit-flex: 0 0 50%;`
305	`-ms-flex: 0 0 50%;`	305	`-ms-flex: 0 0 50%;`
306	`flex: 0 0 50%;`	306	`flex: 0 0 50%;`
307	`max-width: 50%;`	307	`max-width: 50%;`
308	`-ms-flex-flow: row wrap;`	308	`-ms-flex-flow: row wrap;`
309	`flex-flow: row wrap;`	309	`flex-flow: row wrap;`
310	`min-height: 1px;`	310	`min-height: 1px;`
311	`padding-right: 15px;`	311	`padding-right: 15px;`
312	`padding-left: 15px;`	312	`padding-left: 15px;`
313	`justify-content: left;`	313	`justify-content: left;`
314	`align-items: flex-start;`	314	`align-items: flex-start;`
315	`align-content: flex-middle;`	315	`align-content: flex-middle;`
316	`}`	316	`}`
317		317
318	`#bouton-connexion label,`	318	`#bouton-connexion label,`
319	`#creation-compte label {`	319	`#creation-compte label {`
320	`width: 100%;`	320	`width: 100%;`
321	`}`	321	`}`
322		322
323	`.navbar-default .navbar-nav > .volet #bouton-anonyme,`	323	`.navbar-default .navbar-nav > .volet #bouton-anonyme,`
324	`.navbar-default .navbar-nav > .volet #bouton-inscription {`	324	`.navbar-default .navbar-nav > .volet #bouton-inscription {`
325	`width: auto;`	325	`width: auto;`
326	`}`	326	`}`
327		327
328	`.navbar-default .navbar-nav > .volet > a {`	328	`.navbar-default .navbar-nav > .volet > a {`
329	`margin-left: 0.2rem;`	329	`margin-left: 0.2rem;`
330	`}`	330	`}`
331		331
-		332	`.navbar-default .navbar-nav #bouton-connexion a,`
-		333	`#ajouter-obs,`
332	`.navbar-default .navbar-nav #bouton-connexion a{`	334	`#transmettre-obs {`
333	`color: #fff;`	335	`color: #fff;`
334	`background-color: #b2cb43;`	336	`background-color: #b2cb43;`
335	`border-color: #a1b92e;;`	337	`border-color: #a1b92e;;`
336	`}`	338	`}`
337		339
338	`.navbar-default .navbar-nav #bouton-connexion a:focus,`	340	`.navbar-default .navbar-nav #bouton-connexion a:focus,`
339	`.navbar-default .navbar-nav #bouton-connexion a:hover {`	341	`.navbar-default .navbar-nav #bouton-connexion a:hover,`
-		342	`#transmettre-obs:focus,`
-		343	`#transmettre-obs:hover,`
-		344	`#ajouter-obs:focus,`
-		345	`#ajouter-obs:hover {`
340	`background-color: #a2b93b;`	346	`background-color: #a2b93b;`
341	`border-color: #9ab227;`	347	`border-color: #9ab227;`
342	`}`	348	`}`
343		349
344	`.navbar-default .navbar-nav #utilisateur-connecte.volet {`	350	`.navbar-default .navbar-nav #utilisateur-connecte.volet {`
345	`padding-left: 2rem;`	351	`padding-left: 2rem;`
346	`}`	352	`}`
347		353
348	`.navbar-default .navbar-nav #utilisateur-connecte.volet > a {`	354	`.navbar-default .navbar-nav #utilisateur-connecte.volet > a {`
349	`margin-left: 0;`	355	`margin-left: 0;`
350	`}`	356	`}`
351		357
352	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,`	358	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,`
353	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {`	359	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {`
354	`padding: 0 0.75rem;`	360	`padding: 0 0.75rem;`
355	`margin: 0.2rem 0;`	361	`margin: 0.2rem 0;`
356	`}`	362	`}`
357		363
358	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {`	364	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a {`
359	`font-size: 0.8rem;`	365	`font-size: 0.8rem;`
360	`font-weight: 400;`	366	`font-weight: 400;`
361	`color: #606060;`	367	`color: #606060;`
362	`background: inherit;`	368	`background: inherit;`
363	`text-decoration: none;`	369	`text-decoration: none;`
364	`display: block;`	370	`display: block;`
365	`width: 100%;`	371	`width: 100%;`
366	`padding-left: 5px;`	372	`padding-left: 5px;`
367	`line-height: 25px;`	373	`line-height: 25px;`
368	`outline: 0;`	374	`outline: 0;`
369	`}`	375	`}`
370		376
371	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,`	377	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,`
372	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,`	378	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,`
373	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,`	379	`.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,`
374	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {`	380	`.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {`
375	`background: #1e90ff;`	381	`background: #1e90ff;`
376	`}`	382	`}`
377		383
378	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,`	384	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,`
379	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {`	385	`.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {`
380	`color: #fff;`	386	`color: #fff;`
381	`}`	387	`}`
382		388
383	`.navbar-nav .volet-menu {`	389	`.navbar-nav .volet-menu {`
384	`position: absolute;`	390	`position: absolute;`
385	`z-index: 1000;`	391	`z-index: 1000;`
386	`min-width: auto;`	392	`min-width: auto;`
387	`list-style: none;`	393	`list-style: none;`
388	`background-color: #fff;`	394	`background-color: #fff;`
389	`border: 1px solid #ccc;`	395	`border: 1px solid #ccc;`
390	`border: 1px solid rgba(0, 0, 0, 0.15);`	396	`border: 1px solid rgba(0, 0, 0, 0.15);`
391	`border-radius: 4px;`	397	`border-radius: 4px;`
392	`-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`	398	`-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`
393	`box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`	399	`box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);`
394	`}`	400	`}`
395		401
396	`.volet-menu div a {`	402	`.volet-menu div a {`
397	`color: #222;`	403	`color: #222;`
398	`}`	404	`}`
399		405
400	`.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {`	406	`.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {`
401	`font-family: "Font Awesome 5 Free";`	407	`font-family: "Font Awesome 5 Free";`
402	`font-size: 0.8rem;`	408	`font-size: 0.8rem;`
403	`font-weight: 900;`	409	`font-weight: 900;`
404	`content: '\f0d7'`	410	`content: '\f0d7'`
405	`}`	411	`}`
406		412
407	`/*************************************************************************/`	413	`/*************************************************************************/`
408		414
409	`#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {`	415	`#zone-appli #formulaire #form-supp #zone-supp .multiselect.list-checkbox {`
410	`padding: 0;`	416	`padding: 0;`
411	`margin: 0;`	417	`margin: 0;`
412	`}`	418	`}`
413		419
414	`#zone-appli #formulaire #form-supp #zone-supp select,`	420	`#zone-appli #formulaire #form-supp #zone-supp select,`
415	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select {`	421	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select {`
416	`background-color: #fff;`	422	`background-color: #fff;`
417	`border: 1px solid #ced4da;`	423	`border: 1px solid #ced4da;`
418	`}`	424	`}`
419		425
420	`#form-supp select,`	426	`#form-supp select,`
421	`#form-supp .selectBox select{`	427	`#form-supp .selectBox select{`
422	`border-radius: 0.3rem;`	428	`border-radius: 0.3rem;`
423	`}`	429	`}`
424		430
425	`#form-supp .select-wrapper,`	431	`#form-supp .select-wrapper,`
426	`#zone-appli #formulaire #form-supp #zone-supp .selectBox {`	432	`#zone-appli #formulaire #form-supp #zone-supp .selectBox {`
427	`position: relative;`	433	`position: relative;`
428	`z-index: 1000;`	434	`z-index: 1000;`
429	`border-radius: 0.3rem;`	435	`border-radius: 0.3rem;`
430	`}`	436	`}`
431		437
432	`#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {`	438	`#zone-appli #formulaire #form-supp #zone-supp .selectBox .focus {`
433	`border-color: #80bdff;`	439	`border-color: #80bdff;`
434	`box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);`	440	`box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);`
435	`}`	441	`}`
436		442
437	`#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {`	443	`#zone-appli #formulaire #form-supp #zone-supp .input-group .select-wrapper {`
438	`border:none;`	444	`border:none;`
439	`}`	445	`}`
440		446
441	`#zone-appli #formulaire #form-supp #zone-supp .overSelect {`	447	`#zone-appli #formulaire #form-supp #zone-supp .overSelect {`
442	`position: absolute;`	448	`position: absolute;`
443	`z-index: 999;`	449	`z-index: 999;`
444	`left: 0;`	450	`left: 0;`
445	`right: 0;`	451	`right: 0;`
446	`top: 0;`	452	`top: 0;`
447	`bottom: 0;`	453	`bottom: 0;`
448	`}`	454	`}`
449		455
450	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes {`	456	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes {`
451	`position: absolute;`	457	`position: absolute;`
452	`z-index: 1001;`	458	`z-index: 1001;`
453	`top: 120%;`	459	`top: 120%;`
454	`left: 1rem;`	460	`left: 1rem;`
455	`right: 1rem;`	461	`right: 1rem;`
456	`background-color: #fff;`	462	`background-color: #fff;`
457	`border: 1px solid #ced4da;`	463	`border: 1px solid #ced4da;`
458	`border-top: 0;`	464	`border-top: 0;`
459	`border-radius: 0 0 0.3rem 0.3rem;`	465	`border-radius: 0 0 0.3rem 0.3rem;`
460	`margin-top: -0.3rem;`	466	`margin-top: -0.3rem;`
461	`}`	467	`}`
462		468
463	`#zone-appli #formulaire #form-supp #zone-supp .label label,`	469	`#zone-appli #formulaire #form-supp #zone-supp .label label,`
464	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {`	470	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label {`
465	`display: block;`	471	`display: block;`
466	`padding: 0.5rem;`	472	`padding: 0.5rem;`
467	`font-weight: 400;`	473	`font-weight: 400;`
468	`margin:0;`	474	`margin:0;`
469	`}`	475	`}`
470		476
471	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {`	477	`#zone-appli #formulaire #form-supp #zone-supp .checkboxes label:hover {`
472	`background: #1e90ff;`	478	`background: #1e90ff;`
473	`color: #fff;`	479	`color: #fff;`
474	`}`	480	`}`
475		481
476	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {`	482	`#zone-appli #formulaire #form-supp #zone-supp .selectBox select option {`
477	`padding-block-start: 0;`	483	`padding-block-start: 0;`
478	`padding-block-end: 0;`	484	`padding-block-end: 0;`
479	`padding-inline-start: 0;`	485	`padding-inline-start: 0;`
480	`padding-inline-end: 0;`	486	`padding-inline-end: 0;`
481	`}`	487	`}`
482		488
483	`#zone-appli #formulaire #form-supp #zone-supp .collect-other {`	489	`#zone-appli #formulaire #form-supp #zone-supp .collect-other {`
484	`margin: 0.5rem;`	490	`margin: 0.5rem;`
485	`width: 90%;`	491	`width: 90%;`
486	`}`	492	`}`
487		493
488	`/*************************************************************************/`	494	`/*************************************************************************/`
489		495
490	`.range-values {`	496	`.range-values {`
491	`color: #606060;`	497	`color: #606060;`
492	`}`	498	`}`
493		499
494	`.range-live-value {`	500	`.range-live-value {`

Subversion Repositories eFlore/Applications.cel

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