WebSVN – eFlore/Applications.cel – Path Comparison – / – /trunk/widget/modules/manager/squelettes/css/manager.css Rev 3240 and /trunk/widget/modules/manager/squelettes/css/manager.css Rev 3241

Ignore whitespace Rev 3240 → Rev 3241

 /trunk/widget/modules/manager/squelettes/css/manager.css
 ,5 → 1,39
 @CHARSET "UTF-8";
+*,
+*:hover,
+*:focus,
+*:active {
+  outline: 0 !important;
+  outline-style: none !important;
+}
+button:focus,
+a:focus, a:active {
+  outline: none !important;
+}
+input::-moz-focus-inner {
+  border: 0 !important;
+}
+button::-moz-focus-inner,
+input[type="reset"]::-moz-focus-inner,
+input[type="button"]::-moz-focus-inner,
+input[type="submit"]::-moz-focus-inner,
+input[type="file"] > input[type="button"]::-moz-focus-inner,
+select::-moz-focus-inner,
+select:-moz-focusring {
+  color: transparent !important;
+  text-shadow: 0 0 0 #000 !important;
+  outline: none !important;
+}
+select:focus::-ms-value {
+  background-color: $input-bg !important;
+  color: $input-color !important;
+}
 body {
   font-family: Ubuntu,Verdana,sans-serif !important;
 }
 ,16 → 40,14
 div.widget-blocks {
   box-sizing: border-box;
-  padding: 3rem;
-  margin-bottom: 5rem;
+  padding: 1rem;
 }
-#zone-appli #register-page .widget-blocks .clear {
+#zone-appli #register-page .widget-blocks {
   clear: both;
-  height: 0;
   /* Précaution pour IE 7 */
   overflow: hidden;
+  position: relative;
 }
 h1#widget-titre::before {
 ,7 → 60,7
 }
 h1#widget-titre {
-  font-size: 3rem;
+  font-size: 2rem;
   font-weight: 700;
   line-height: 3.2rem;
   margin: 0;
 ,11 → 68,15
   color: #232323;
 }
+#zone-appli #register-page #group-settings-form .widget-blocks p {
+  font-size: 0.8rem;
+}
 .message-echec,
 .message-succes {
   margin: 1rem auto;
   border: 0.1rem solid;
-  border-radius: 0.4rem;
+  border-radius: 0.3rem;
   padding: 0.5rem;
   text-align: center;
 }
 ,13 → 95,18
   fill: #444e09;
 }
+.mb-3 {
+  margin-bottom: 1rem !important;
+}
 #zone-appli #register-page .widget-blocks h2 {
-  font-size: 2.3rem;
+  font-weight: 700;
   line-height: 1.15;
+  font-size: 1.5rem;
 }
 #zone-appli #register-page .widget-blocks h3 {
-  font-size: 2rem;
+  /*font-size: 2rem;*/
   margin-top: 0.5rem;
 }
 ,7 → 115,7
   color: #232323;
   padding: 1rem;
   border-radius: 0.3rem;
-  font-size: 1.3rem;
+  font-size: 0.8rem;
 }
 #zone-appli #register-page #group-settings-form .widget-blocks .hidden {
 ,22 → 122,16
   display: none;
 }
-#zone-appli #register-page #group-settings-form #langue{
-  width: 100%;
-  border: 0.1rem solid #ddd;
-  border-radius: 0.3rem;
-  padding: 1rem;
-  overflow: hidden;
-}
 /*** Styles généraux des champs ****/
 /* Formulaires du nouveau widget*/
-#zone-appli #register-page #group-settings-form {
-  float: none;
+#zone-appli #register-page #group-settings-form #left-block.widget-blocks {
+  width: 100%;
+  padding-bottom: 50px;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .register-section {
-  margin-bottom: 1rem;
+#zone-appli #register-page #group-settings-form #right-block.widget-blocks {
+  width: 100%;
 }
 #zone-appli #register-page #group-settings-form .widget-blocks form {
 ,79 → 138,51
   margin-bottom: 2rem;
 }
+#zone-appli #register-page #group-settings-form .widget-blocks .register-section {
+  margin-top: 1.5rem;
+}
 #zone-appli #register-page #group-settings-form .widget-blocks input,
 #zone-appli #register-page #group-settings-form .widget-blocks select,
 #zone-appli #register-page #group-settings-form .widget-blocks textarea {
   width: 100%;
-  border-radius: .3rem;
-  padding: 1rem;
-  line-height: 1.15;
-  margin: 0;
-  font-size: 1.3rem;
+  border-radius: 0.2rem;
+  font-size: 0.7rem;
   -moz-transition: none;
   -webkit-transition: none;
   -o-transition: color 0 ease-in;
   transition: none;
   border: 0.1rem solid #ddd;
-  /*box-shadow: none !important;*/
+  box-shadow: none !important;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks input:focus,
-#zone-appli #register-page #group-settings-form .widget-blocks select:focus,
-#zone-appli #register-page #group-settings-form .widget-blocks textarea:focus {
-  border-color: rgba(82, 168, 236, 0.8);
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
-}
 #zone-appli #register-page #group-settings-form .widget-blocks input {
   overflow: visible;
 }
 /* Style des checkboxes et radios */
-#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"],
-#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"] {
-  width: auto;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: 0;
-  text-align: start;
+#zone-appli #register-page #group-settings-form .widget-blocks .number {
+  width: 100%;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
-#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
-#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
-  line-height: 1.15;
-  margin: 0;
-  padding: 1rem;
-  border: 0.1rem solid #ddd;
-  border-radius: 0.3rem;
-  width: 100%;
-  box-sizing: inherit;
+#zone-appli #register-page #group-settings-form .widget-blocks label,
+#zone-appli #register-page #group-settings-form .widget-blocks .list-label {
+  color: #606060;
+  display: block;
+  font-size: 0.9rem;
+  font-weight: 700;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks label {
-  text-transform: capitalize;
-  color: #000;
-  display: block;
-  font-size: 1.5rem;
-  margin-bottom: 0.4rem;
-  margin-top: 2rem;
+#zone-appli #register-page #group-settings-form #right-block.widget-blocks .checkbox label,
+#zone-appli #register-page #group-settings-form #right-block.widget-blocks .checkboxes label,
+#zone-appli #register-page #group-settings-form #right-block.widget-blocks .radio label {
   font-weight: 300;
 }
-/* annuler un position absolute provenant de bundle.css */
-#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
-  position: static;
-  right: initial;
-  top: initial;
-  width: auto;
-  text-align: left;
-  color: #606060;
+#zone-appli #register-page #group-settings-form .widget-blocks label.radio-label {
+  font-weight: 700;
 }
 /***********************************/
 /**** Style des select et checkbox-list ****/
 ,44 → 192,16
   border: 0.1rem solid #ddd;
 }
-#group-settings-form select {
-  font-size: 3rem;
-  font-weight: 300;
-}
-#group-settings-form select,
-#group-settings-form select:required,
-#group-settings-form .selectBox select,
-#group-settings-form .selectBox select:required {
+#zone-appli #register-page #group-settings-form .widget-blocks .add-field-select {
   width: 100%;
-  color:#333;
-  border-radius: 0.3rem;
-  padding: 0.8rem;
-  line-height: 1.15;
 }
-#group-settings-form select,
-#group-settings-form select:required {
-  text-transform:none;
-  /* On retire la 'flèche' par defaut */
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  -o-appearance: none;
-  appearance: none;
-}
-#group-settings-form .select-wrapper,
-#group-settings-form #new-fields .select-wrapper,
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
   position: relative;
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .input-group .select-wrapper {
-  border:none;
-}
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
   position: absolute;
   left: 0;
 ,7 → 212,15
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
   border: 0.1rem solid #ddd;
-  border-radius: 0 0.3rem;
+  border-bottom-left-radius: 0.2rem;
+  border-bottom-right-radius: 0.2rem;
+  position: absolute;
+  z-index: 1001;
+  top: 100%;
+  left: 1rem;
+  right: 1rem;
+  background-color: #fff;
+  padding-bottom: 0.5rem;
 }
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
 ,19 → 234,6
   background-color: #1e90ff;
 }
-#group-settings-form .select-wrapper::after,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper::after  {
-  /* Ajout et style d'une "flèche bas" */
-  content: '⌄';
-  pointer-events: none;
-  position: absolute;
-  right: 0.5rem;
-  top:0;
-  font-size: 2rem;
-  font-weight: 300;
-  color: #333;
-}
 /*******************************************/
 /**** Style des input type "file" ****/
 ,19 → 241,28
 #group-settings-form .input-file-container,
 #group-settings-form #new-fields .input-file-container {
   position: relative;
-  width: 86.9%;
+  width: 84.9%;
   display: inline-block;
+  line-height: 0.9rem;
 }
+#zone-appli #register-page #group-settings-form .widget-blocks .input-file-row {
+  margin: 1.5rem 0;
+  min-width: 100% !important;
+}
 #group-settings-form .label-file,
 #group-settings-form #new-fields .label-file {
   display: block;
-  padding: 0.7rem;
+  padding: 0.6rem;
   background: #009FB8;
   color: #fff !important;
-  font-size: 1.5rem;
+  /*font-size: 1.5rem;*/
   cursor: pointer;
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
+  margin-bottom: 0;
+  line-height: 0.9rem;
+  font-size: 0.8rem !important;
 }
 #group-settings-form .input-file,
 ,8 → 269,9
 #group-settings-form #new-fields .input-file {
   position: absolute;
   top: 0; left: 0;
-  width: 80%;
-  padding: 1rem;
+  width: 90% !important;
+  margin: 0 0.9rem !important;
+  padding-bottom: 0;
   margin: auto;
   opacity: 0;
   cursor: pointer;
 ,7 → 294,7
 #group-settings-form .file-return:not(:empty)::before,
 #group-settings-form #new-fields .file-return:not(:empty)::before {
   content:'Nom du fichier: ';
-  font-size: 1rem;
+  font-size: 0.8rem;
 }
 #group-settings-form .file-return:not(:empty) img,
 ,12 → 306,17
 #group-settings-form .file-return,
 #group-settings-form #new-fields .file-return {
   font-style: italic;
-  font-size: 1rem;
+  font-size: 0.8rem;
   font-weight: bold;
   background-color: #fff;
   padding: 2rem;
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
 }
+#group-settings-form #new-fields .file-return {
+  margin: 0.5rem auto;
+  width: 90%;
+}
 /*************************************/
 /**** Affichage des nouveaux champs ****/
 ,47 → 324,55
 #group-settings-form fieldset.new-field,
 #group-settings-form .new-value {
   position: static;
-  margin: 1rem 0;
-  padding: 2rem;
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
   background-color: #F8F5EF;
+  margin: 0 0.5rem 0.5rem 0.5rem;
+  padding: 1rem;
 }
+#group-settings-form fieldset.new-field {
+  padding: 1rem;
+  margin: 1rem 0;
+}
 /* Mieux distinguer les différentes strates */
 #group-settings-form .field-details {
-  margin: 1rem 0;
-  padding: 2rem;
-  border-radius: 0.3rem;
+  margin: 1rem;
+  padding: 1rem;
+  border-radius: 0.2rem;
   background-color: #fcfbf9;
 }
 /********************************************/
 /**** Styles des boutons ****/
 #zone-appli #register-page #group-settings-form .widget-blocks button,
 #group-settings-form .button {
   background-color: #a2b93b;
-  border-radius: .2rem;
+  border-radius: 0.2rem;
   border: 0 none;
-  padding: 1.25rem 2rem;
+  padding: 0.9rem;
   cursor: pointer;
   color: #fff;
   display: inline-block;
   font-family: Ubuntu,sans-serif;
-  font-size: 13px;
-  font-size: 1.3rem;
+  font-size: 0.9rem;
   font-weight: 500;
-  letter-spacing: 1px;
-  letter-spacing: .1rem;
-  line-height: 15px;
-  line-height: 1.5rem;
+  letter-spacing: 0.1rem;
+  line-height: 0.9rem;
   text-align: center;
   text-decoration: none;
-  text-transform: capitalize;
+  /*text-transform: capitalize;*/
   -webkit-transition: background .2s ease;
   -o-transition: background .2s ease;
   transition: background .2s ease;
 }
+.fa, .fab, .fal, .far, .fas {
+  line-height: 0.9rem;
+}
 #zone-appli #register-page #group-settings-form .widget-blocks button:hover,
 #zone-appli #register-page #group-settings-form .widget-blocks button:focus,
 #group-settings-form .button:hover,
 ,12 → 380,17
   background-color: #b3c954;
 }
+#zone-appli #register-page #group-settings-form .widget-blocks #bouton-connexion .btn {
+  background-color:#a2b93b;border-color:#a1b92e;
+  color: #fff;
+}
 /* Positionnement visuel du bouton submit pour qu'il reste
 sous les nouveaux champs alors que dans le dom
 il est positionné avant les nouveaux champs */
 #zone-appli #register-page #group-settings-form .widget-blocks  #submit-button {
   position: absolute;
-  bottom: -20px;
+  bottom: 0;
 }
 #signup_submit {
 ,8 → 410,7
 }
 #zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button,
-#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button,
-#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
+#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button {
   background-color: #ff5d55;
 }
 ,29 → 417,46
 #zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover,
 #zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus,
 #zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover,
-#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus,
-#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:hover,
-#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:focus {
+#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus {
   background-color: rgba(255, 93, 85, 0.7);
 }
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
-  background-color: #ea9973;
+  float: right;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button,
 #zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
-  margin-left: 0.5rem;
+  width: 2rem;
+  height: 2rem;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .remove-file,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
-  border-radius: 0.2rem;
-  padding: 1rem 1rem;
+#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .border-0 {
+  border: 0 !important;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:hover,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:focus,
+#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info {
+  color: #17a2b8;
+  background-color: transparent;
+  background-image: none;
+  border-color: #17a2b8;
+}
+#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:hover {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
+  color: #fff;
+  background-color: #17a2b8;
+  border-color: #17a2b8;
+}
+#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .btn-outline-info:focus {
+  box-shadow: 0 0 0 .2rem rgba(23,162,184,.5);
+}
 #zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover,
 #zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
   background-color: rgba(234, 153, 115, 0.7);
 ,9 → 464,9
 #zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
   text-transform: capitalize;
-  font-size: 1.5rem;
+  /*font-size: 1.5rem;*/
   margin-left: 0;
-  padding: 0.8rem;
+  padding: 0.6rem;
   background-color: #ea9973;
   text-decoration: none;
   color: #ffffff;
 ,12 → 501,13
 /**** Prévisualisation du widget ****/
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
-  border-radius: 0.3rem;
+  border-radius: 0.2rem;
   padding: 0 3rem 3rem 3rem;
   min-height: 100%;
   width: 100%;
   overflow: hidden;
   background: rgba(248, 245, 239, 0.6);
+  position: relative;
 }
 #zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
 ,81 → 518,60
   margin: 1rem;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span,
-#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title,
-#zone-appli #register-page #group-settings-form .widget-blocks .list-label {
-  text-transform: capitalize;
+#preview-formulaire,
+#preview-header,
+#preview-messages {
+  padding: 2rem;
+  border-radius: 0.3rem;
+  background-color: rgba(255, 255, 255, 0.8);
+  margin-top: 2rem;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
-  width: 100%;
-  color: #232323;
-  margin: 1rem;
+#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
+#zone-appli #register-page #group-settings-form .widget-blocks .checkboxes label,
+#zone-appli #register-page #group-settings-form .widget-blocks .radio label {
+  display: flex;
+  align-items: center;
 }
-/* Bouton aide */
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help {
-  width: 80%;
+#zone-appli #register-page #group-settings-form .widget-blocks input[type="checkbox"],
+#zone-appli #register-page #group-settings-form .widget-blocks input[type="radio"],
+#zone-appli #register-page #group-settings-form .widget-blocks input.radio,
+#zone-appli #register-page #group-settings-form .widget-blocks input.checkbox {
+  vertical-align: text-top;
+  padding: 0;
+  margin-right: 10px;
+  position: relative;
+  overflow: hidden;
+  width: 1rem;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
-  width: 73.8%;
+.mb-2, .mb-3 {
+  align-self: start;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help {
-  margin-bottom:1.5rem;
+#new-fields-buttons {
+  border-bottom: 1px solid rgba(0,0,0,0.1);
+  padding-bottom: 1rem;
+  margin-bottom: 1rem;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
-#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
-  display:inline-block;
-}
-#zone-appli #register-page #group-settings-form .widget-blocks .list-label{
-  color: #000;
-  display: block;
-  font-size: 1.5rem;
-  margin-bottom: 0.4rem;
-  margin-top: 2rem;
-  font-weight: 300;
-}
-#zone-appli #register-page #group-settings-form .widget-blocks .checkbox,
-#zone-appli #register-page #group-settings-form .widget-blocks .radio {
-  padding-left: 0;
-}
-#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
-#zone-appli #register-page #group-settings-form .widget-blocks .radio label{
-  padding-left: 1rem;
-}
-#preview-formulaire,
-#preview-header,
-#preview-messages {
-  padding: 2rem;
-  border-radius: 0.3rem;
-  background-color: rgba(255, 255, 255, 0.8);
-  margin-top: 2rem;
-}
 /****************************/
 /**** Input Type Range ****/
-#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="range"],
-#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="number"] {
+#zone-appli #register-page #group-settings-form .widget-blocks .range input {
   border:none;
 }
-#zone-appli #register-page #group-settings-form .widget-blocks .range input[type="number"] {
-  padding: 0 0 0 0.5rem;
-  height: 3rem;
-  text-align: center;
+#zone-appli #register-page #group-settings-form .widget-blocks .range-values {
+  color: #606060;
 }
+#zone-appli #register-page #group-settings-form .widget-blocks .range-live-value {
+  padding-top: 1rem;
+  font-size: 1.5rem;
+}
 /**************************/
 /**** Style de la modale ****/
 ,10 → 580,36
 }
 /****************************/
+/**** style required preview ****/
+#label-geolocalisation::before,
+#label-date::before,
+#label-taxon::before,
+#label-certitude::before {
+  content: '*';
+}
+/*******************************/
 /**** media queries  ****/
 @media screen and (min-width: 992px) {
-  div.widget-blocks {
+  #zone-appli #register-page #group-settings-form #left-block.widget-blocks {
+    display: inline-block;
+    width: 30%;
+    padding-bottom: 50px;
+  }
+  #zone-appli #register-page #group-settings-form #right-block.widget-blocks {
+    display: inline-block;
+    width: 60%;
+    overflow: visible;
+    vertical-align:top;
+    position: -webkit-sticky;
     position: sticky;
-    top: 20px;
+    top: 0;
   }
+  #zone-appli #register-page #group-settings-form .widget-blocks #submit-button {
+    bottom: 10px;
+  }
 }

Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3240 → Rev 3241