Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3191 → Rev 3192

/trunk/widget/modules/manager/squelettes/css/manager.css
46,67 → 46,6
margin-top: 0.5rem;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks button,
#group-settings-form .button {
background-color: #a2b93b;
border-radius: .2rem;
border: 0 none;
padding: 1.25rem 2rem;
cursor: pointer;
color: #fff;
display: inline-block;
font-family: Ubuntu,sans-serif;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 1px;
letter-spacing: .1rem;
line-height: 15px;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
text-transform: capitalize;
-webkit-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
 
#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,
#group-settings-form .button:focus {
background-color: #b3c954;
}
 
#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;
-moz-transition: none;
-webkit-transition: none;
-o-transition: color 0 ease-in;
transition: none;
}
 
#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 input {
overflow: visible;
}
 
 
#zone-appli #register-page #group-settings-form .widget-blocks .message {
background-color: #f8f5ef;
color: #232323;
119,214 → 58,89
display: none;
}
 
/* Aperçu du widget */
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
#zone-appli #register-page #group-settings-form #langue{
width: 100%;
border: 0.1rem solid #ddd;
border-radius: 0.3rem;
padding: 0 3rem 3rem 3rem;
min-height: 100%;
width: 100%;
padding: 1rem;
overflow: hidden;
background: rgba(248, 245, 239, 0.6);
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
font-size: 3rem;
line-height: 3.2rem;
width: 100%;
color: #232323;
margin: 1rem;
/*** 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 .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,
#zone-appli #register-page #group-settings-form .widget-blocks label {
text-transform: capitalize;
#zone-appli #register-page #group-settings-form .widget-blocks .register-section {
margin-bottom: 1rem;
}
 
#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 .widget-renderer .and-help {
width: 80%;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
width: 73.8%;
}
 
#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;
}
 
#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 form {
margin-bottom: 2rem;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
#zone-appli #register-page #group-settings-form .widget-blocks 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;
}
 
.register-section{
margin-bottom: 1rem;
}
 
/* Formulaires du nouveau widget*/
#group-settings-form {
float: none;
}
 
#group-settings-form #langue{
#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;
-moz-transition: none;
-webkit-transition: none;
-o-transition: color 0 ease-in;
transition: none;
border: 0.1rem solid #ddd;
border-radius: 0.3rem;
padding: 1rem;
overflow: hidden;
box-shadow: none !important;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks input {
border: 0.1rem solid #ddd;
overflow: visible;
}
 
/* Styles des champs required*/
#zone-appli #register-page #group-settings-form .widget-blocks textarea:required,
#zone-appli #register-page #group-settings-form .widget-blocks input:required,
#zone-appli #register-page #group-settings-form .widget-blocks select:required{
#zone-appli #register-page #group-settings-form .widget-blocks select:required {
border: 0.2rem solid #F8DFD3 !important;
box-shadow: none !important;
}
 
/**** Styles des boutons ****/
 
/* 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;
/* 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 #add-fields.button,
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button {
background-color: #009fb8;
#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 #add-fields.button:hover,
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:focus,
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:hover,
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:focus {
background-color: rgba(0, 159, 184, 0.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 {
background-color: #ff5d55;
}
 
#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 {
background-color: rgba(255, 93, 85, 0.7);
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
background-color: #ea9973;
}
 
#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;
}
 
#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 .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 .fichier-type:hover,
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
background-color: rgba(234, 153, 115, 0.7);
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
#zone-appli #register-page #group-settings-form .widget-blocks label {
text-transform: capitalize;
color: #000;
display: block;
font-size: 1.5rem;
margin-left: 0;
padding: 0.8rem;
background-color: #ea9973;
text-decoration: none;
color: #ffffff;
border-radius: 0.2rem;
margin-bottom: 0.4rem;
margin-top: 2rem;
font-weight: 300;
}
/****************************/
 
/**** style du formulaire des nouveaux champs après validation ****/
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
background-color: #eeeeee;
cursor: default;
pointer-events: none;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .invalid-key,
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
box-shadow : 0 0 1.5px 1px red;
}
 
/* Le picto validation apparait en vert */
#group-settings-form .validated i {
color: #c3d45d;
cursor: default;
}
 
/* La couleur de fond du formulaire lui-même ne change pas */
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
background-color: initial;
}
 
/* annuler un position absolute provenant de bundle.css */
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
position: static;
336,8 → 150,10
text-align: left;
color: #606060;
}
/******************************************************************/
 
 
/***********************************/
 
/**** Style des select et checkbox-list ****/
#zone-appli #register-page #group-settings-form .widget-blocks select,
#zone-appli #register-page #group-settings-form .widget-blocks .selectBox select {
422,40 → 238,6
}
/*******************************************/
 
/**** 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"] {
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;
}
/**************************/
 
/**** Affichage des nouveaux champs ****/
 
/* Mieux distinguer les différentes strates */
#group-settings-form fieldset.new-field,
#group-settings-form .new-value {
position: static;
margin: 1rem 0;
padding: 2rem;
border-radius: 0.3rem;
background-color: #F8F5EF;
}
 
/* Mieux distinguer les différentes strates */
#group-settings-form .field-details {
margin: 1rem 0;
padding: 2rem;
border-radius: 0.3rem;
background-color: #fcfbf9;
}
/********************************************/
 
/**** Style des input type "file" ****/
/* styles de base */
#group-settings-form .input-file-container,
522,29 → 304,260
padding: 2rem;
border-radius: 0.3rem;
}
/*************************************/
 
#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;
/**** Affichage des nouveaux champs ****/
/* Mieux distinguer les différentes strates */
#group-settings-form fieldset.new-field,
#group-settings-form .new-value {
position: static;
margin: 1rem 0;
padding: 2rem;
border-radius: 0.3rem;
width: 100%;
box-sizing: inherit;
background-color: #F8F5EF;
}
 
/*************************************/
/* Mieux distinguer les différentes strates */
#group-settings-form .field-details {
margin: 1rem 0;
padding: 2rem;
border-radius: 0.3rem;
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: 0 none;
padding: 1.25rem 2rem;
cursor: pointer;
color: #fff;
display: inline-block;
font-family: Ubuntu,sans-serif;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
letter-spacing: 1px;
letter-spacing: .1rem;
line-height: 15px;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
text-transform: capitalize;
-webkit-transition: background .2s ease;
-o-transition: background .2s ease;
transition: background .2s ease;
}
 
#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,
#group-settings-form .button:focus {
background-color: #b3c954;
}
 
/* 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;
}
 
#signup_submit {
font-weight: 700;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button,
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button {
background-color: #009fb8;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:hover,
#zone-appli #register-page #group-settings-form .widget-blocks #add-fields.button:focus,
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:hover,
#zone-appli #register-page #group-settings-form .widget-blocks .add-value-button.button:focus {
background-color: rgba(0, 159, 184, 0.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 {
background-color: #ff5d55;
}
 
#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 {
background-color: rgba(255, 93, 85, 0.7);
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
background-color: #ea9973;
}
 
#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;
}
 
#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 .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 .fichier-type:hover,
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
background-color: rgba(234, 153, 115, 0.7);
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
text-transform: capitalize;
font-size: 1.5rem;
margin-left: 0;
padding: 0.8rem;
background-color: #ea9973;
text-decoration: none;
color: #ffffff;
border-radius: 0.2rem;
}
/****************************/
 
/**** style du formulaire des nouveaux champs après validation ****/
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
background-color: #eeeeee;
cursor: default;
pointer-events: none;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .invalid-key,
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
box-shadow : 0 0 1.5px 1px red;
}
 
/* Le picto validation apparait en vert */
#group-settings-form .validated i {
color: #c3d45d;
cursor: default;
}
 
/* La couleur de fond du formulaire lui-même ne change pas */
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
background-color: initial;
}
/******************************************************************/
 
/**** Prévisualisation du widget ****/
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
border-radius: 0.3rem;
padding: 0 3rem 3rem 3rem;
min-height: 100%;
width: 100%;
overflow: hidden;
background: rgba(248, 245, 239, 0.6);
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
font-size: 3rem;
line-height: 3.2rem;
width: 100%;
color: #232323;
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;
}
 
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
width: 100%;
color: #232323;
margin: 1rem;
}
 
/* 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 .widget-renderer .and-help.input-file-container {
width: 73.8%;
}
 
#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;
}
 
#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"] {
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;
}
/**************************/
 
/**** Style de la modale ****/
.modal-header .close {
margin-top: -2rem !important;
}
/****************************/
 
/**** media queries ****/
@media screen and (min-width: 992px) {
div.widget-blocks {
position: sticky;