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

   max-width: 100%;
+}
 h1, h2, h3, h4, h5 {
+  font-family: Muli,sans-serif;
+  color: #606060;
-  font-family: Muli,sans-serif;
+  font-weight: 700;
+}
 form {
 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;
+}
+ul {
-  font-size: 1.2rem;
+  padding-inline-start: 0;
+}
 #zone-appli .obligatoire::before {
   content: '*';
 .btn.btn-danger,
 .btn.btn-inverse {
   color: #fff !important;
+}
+.btn.btn-primary,
+.btn.btn-info,
+.btn.btn-success,
+.btn.btn-danger,
+.btn.btn-inverse,
+.btn.btn-outline-primary,
+.btn.btn-outline-info,
+.btn.btn-outline-success,
+.btn.btn-outline-danger,
+.btn.btn-outline-inverse {
+  border-radius: 0.15rem;
+}
 button {
   -moz-border-bottom-colors: none;
   -moz-border-left-colors: none;
   -moz-border-right-colors: none;
 .mb-3 {
   align-self: start;
+}
 label,
-#zone-appli  .list-label {
+#zone-appli .list-label {
   color: #606060;
   display: block;
   font-size: 0.9rem;
   font-weight: 700;
   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;
+}
   font-weight: 700;
+}
 #photos-conteneur label.label-file.error,
 .control-group.error #connexion,
-.control-group.error #bouton-inscription,
+.control-group.error #inscription,
 .control-group.error #bouton-anonyme,
-.control-group.error #geoloc,
+.control-group.error .geoloc,
 .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 .erreur,
+.control-group.error,
-.control-group.error {
+span.error {
-  color: #b94a48;
+  color: #b94a48 !important;
+}
+}
 #zone-appli #logo_hires {
   display: none;
+}
 #zone-appli .logo-tb {
   position:absolute;
   left: 10px;
   top: 10px;
   padding-bottom: 1rem;
+}
 .unstyled {
+  list-style-type: none;
+  overflow-y: auto;
+  overflow-x: initial;
+  height: 8rem;
-  list-style-type: none;
+  padding: 1rem;
+}
 #zone-appli #formulaire form {
   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,
+form#form-observateur,
-#tb-navbar{
+form#form-observation {
   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;
+  margin-right: 0;
+}
 .volet {
   height: 5rem;
+}
-#anonyme {
+#identite {
   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;
-  background-color: #b2cb43;
+  border: none;
-  border-color: #a1b92e;;
+  border-radius: 0.1rem;
-}
 .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;
+  border: none;
+}
-.navbar-default .navbar-nav #utilisateur-connecte.volet {
+#utilisateur-connecte.volet {
   padding-left: 2rem;
+}
-.navbar-default .navbar-nav #utilisateur-connecte.volet > a {
+#utilisateur-connecte.volet > a {
   margin-left: 0;
+}
-.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur,
+#utilisateur-connecte.volet #profil-utilisateur,
-.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion {
+#utilisateur-connecte.volet #deconnexion {
   padding: 0 0.75rem;
   margin: 0.2rem 0;
+}
   padding-left: 5px;
   line-height: 25px;
   outline: 0;
+}
-.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:hover,
+#utilisateur-connecte.volet #profil-utilisateur:hover,
-.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:hover,
+#utilisateur-connecte.volet #deconnexion:hover,
-.navbar-default .navbar-nav #utilisateur-connecte.volet #profil-utilisateur:focus,
+#utilisateur-connecte.volet #profil-utilisateur:focus,
-.navbar-default .navbar-nav #utilisateur-connecte.volet #deconnexion:focus {
+#utilisateur-connecte.volet #deconnexion:focus {
-  background: #1e90ff;
+  background: #b2cb43;
 }
-.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:hover,
+#utilisateur-connecte.volet .volet-menu a:hover,
-.navbar-default .navbar-nav #utilisateur-connecte.volet .volet-menu a:focus {
+#utilisateur-connecte.volet .volet-menu a:focus {
   color: #fff;
+}
-.navbar-nav .volet-menu {
+#utilisateur-connecte .volet-menu {
   position: absolute;
   z-index: 1000;
 .volet-menu div a {
   color: #222;
 }
-.navbar-default .navbar-nav #utilisateur-connecte .volet-toggle::after {
+#utilisateur-connecte .volet-toggle::after {
   font-family: "Font Awesome 5 Free";
   font-size: 0.8rem;
   font-weight: 900;
-  content: '\f0d7'
-}
-/*************************************************************************/
-#zone-appli #formulaire .multiselect.list-checkbox {
-  padding: 0;
-  margin: 0;
-}
-#zone-appli #formulaire #form-supp #zone-supp select,
-#zone-appli #formulaire .list-checkbox select,
-#zone-appli #formulaire .selectBox select {
-  background-color: #fff;
-  border: 1px solid #ced4da;
-}
-#form-supp select,
-.list-checkbox select,
-.selectBox select{
-  border-radius: 0.3rem;
-}
-#form-supp .select-wrapper,
-.list-checkbox .select-wrapper,
-#zone-appli #formulaire .selectBox {
-  position: relative;
-  z-index: 1000;
-  border-radius: 0.3rem;
-}
-#zone-appli #formulaire .selectBox .focus {
-  border-color: #80bdff;
-  box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
-}
-#zone-appli #formulaire .input-group .select-wrapper {
-  border:none;
-}
-#zone-appli #formulaire .overSelect {
-  position: absolute;
-  z-index: 999;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-}
-#zone-appli #formulaire .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 .list-checkbox .label label,
-#zone-appli #formulaire .checkboxes label {
-  display: block;
-  padding: 0.5rem;
-  font-weight: 400;
-  margin:0;
-}
-#zone-appli #formulaire .checkboxes label:hover {
-  background: #1e90ff;
-  color: #fff;
-}
-#zone-appli #formulaire .selectBox select option {
-  padding-block-start: 0;
-  padding-block-end: 0;
-  padding-inline-start: 0;
-  padding-inline-end: 0;
-}
-#zone-appli #formulaire .collect-other {
-  margin: 0.5rem;
-  width: 90%;
-}
-/*************************************************************************/
-.range-values {
-  color: #606060;
-}
-.range-live-value {
-  padding-top: 1rem;
-  font-size: 1rem;
+  content: '\f0d7'
+}
 /*******************************************/
+}
 #miniatures .miniature .miniature-img {
   vertical-align: top;
-  width: 10rem;
+  width: 5rem;
   height: 100%;
+}
   top: 0;
   bottom: 0;
   font-size: 2rem;
   background-color: rgba(0, 0, 0, 0.3);
   opacity: 0;
-  color: #fff;
+  color: #ff5d55;
   padding: 0;
   margin: 0;
   height: 100%;
   width: 100%;
   align-items:center;
   height: 10rem;
   padding: 1rem;
   border-radius: 0.25rem;
   background-color: #fbfbfb;
   border: 1px solid #eee;
+  overflow: hidden;
+}
 .obs .nom-sci {
   font-size: 1rem;
   background-attachment: fixed;
   margin: 0;
   padding: 0;
+}
+.modal-open,
-.modal-open, body.modal-open {
+body.modal-open {
   overflow: inherit !important;
+}
-}
+.modal-footer,
+.modal-header {
-.custom-range {
+  border-top: none;
-  border: none;
+  border-bottom: none;
+}
   #logo {
     max-width: 80%;
+  }
-  }
   #bouton-connexion,
-  #bouton-connexion, #creation-compte {
+  #creation-compte {
     display: block;
     width: 100%;
-    position: static;
-  }
-  .navbar-nav, .nav {
-    flex-direction: column;
+    position: static;
+  }
   #transmettre-obs.droite {
   #image-fond {
     display: none;
+  }
-}

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/saisie2/squelettes/css/saisie.css – Rev 3352 → 3425