| 1,18 → 1,39 |
|---|
| @CHARSET "UTF-8"; |
| |
| form { |
| font-family: Muli,sans-serif; |
| float: none; |
| width: 48%; |
| |
| h1#widget-titre::before { |
| content: ""; |
| display: block; |
| height: 100%; |
| position: absolute; |
| left: -5rem; |
| width: 0.4rem; |
| |
| } |
| |
| h1#widget-titre { |
| font-size: 2.6rem; |
| font-weight: 700; |
| line-height: 3.2rem; |
| margin: 0; |
| position: relative; |
| color: #232323; |
| font-family: Ubuntu,sans-serif; |
| } |
| |
| #group-settings-form { |
| font-family: Muli,sans-serif; |
| float: none; |
| } |
| |
| h2 { |
| font-family: Muli,sans-serif; |
| font-family: Muli,sans-serif; |
| font-size: 21.5px; |
| font-weight: 700; |
| line-height: 1.15; |
| } |
| |
| label { |
| #group-settings-form label { |
| color: #606060; |
| display: block; |
| font-size: 1.5rem; |
| 21,41 → 42,141 |
|---|
| font-weight: 700; |
| } |
| |
| h1#widget-titre::before { |
| content: ""; |
| display: block; |
| height: 100%; |
| left: -5rem; |
| position: absolute; |
| width: 0.4rem; |
| |
| #group-settings-form .register-section input[required], |
| #group-settings-form .register-section select[required] { |
| border: 0.2rem solid rgba(0, 159, 184, 0.5); |
| } |
| |
| 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; |
| #group-settings-form select { |
| background-color: #fff; |
| border: 0.1rem solid #ddd; |
| } |
| |
| #group-settings-form select, |
| #group-settings-form select[required] { |
| border-radius: 0.3rem; |
| padding:0.5rem; |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| -ms-appearance: none; |
| -o-appearance: none; |
| appearance: none; |
| width: 100%; |
| color:#333; |
| text-transform:none; |
| } |
| |
| #group-settings-form .select-wrapper { |
| position: relative; |
| color: #232323; |
| font-family: Ubuntu,sans-serif; |
| } |
| |
| .droite { |
| #group-settings-form .select-wrapper::after { |
| content: '⌄'; |
| font-size: 3rem; |
| font-weight: 900; |
| position: absolute; |
| top: 0; |
| right: 0.5rem; |
| color: #606060; |
| pointer-events: none; |
| } |
| |
| #group-settings-form #langue{ |
| width: 100%; |
| border: 0.1rem solid #ddd; |
| border-radius: 0.3rem; |
| padding: 1rem; |
| overflow: visible; |
| } |
| |
| |
| div.widget-blocks { |
| box-sizing: border-box; |
| padding: 1rem; |
| } |
| |
| .message { |
| background-color: #f8f5ef; |
| color: #232323; |
| float: right; |
| padding-bottom: 1rem; |
| padding-left: 1rem; |
| padding-right: 1rem; |
| padding-top: 1rem; |
| width: 48%; |
| padding: 1rem; |
| margin: 1rem; |
| } |
| |
| iframe.widget-renderer { |
| |
| border:none; |
| margin: 1rem; |
| height: 300rem; |
| min-height: 100%; |
| width: 100%; |
| pointer-events: none; |
| overflow: hidden |
| } |
| |
| #group-settings-form input#add_fields.button { |
| background-color: #009fb8; |
| } |
| |
| .clear { |
| clear: both; |
| height: 0; overflow: hidden; /* Précaution pour IE 7 */ |
| } |
| height: 0; |
| overflow: hidden; /* Précaution pour IE 7 */ |
| } |
| |
| .register-section{ |
| margin-bottom: 1rem; |
| } |
| |
| |
| /* styles de base si JS est activé */ |
| .js #group-settings-form .input-file-container { |
| position: relative; |
| width: 225px; |
| } |
| .js #group-settings-form .label-file { |
| display: block; |
| padding: 14px 45px; |
| background: #009FB8; |
| color: #fff !important; |
| font-size: 1em; |
| transition: all .4s; |
| cursor: pointer; |
| border-radius: 0.2em; |
| } |
| .js #group-settings-form .input-file { |
| position: absolute; |
| top: 0; left: 0; |
| width: 225px; |
| padding: 14px 0; |
| opacity: 0; |
| cursor: pointer; |
| } |
| |
| /* quelques styles d'interactions */ |
| .js #group-settings-form .input-file:hover + .label-file, |
| .js #group-settings-form .input-file:focus + .label-file, |
| .js #group-settings-form .label-file:hover, |
| .js #group-settings-form .label-file:focus { |
| background: #3071A9; |
| color: #fff; |
| } |
| |
| /* styles du retour visuel */ |
| #group-settings-form .file-return { |
| margin: 0; |
| } |
| #group-settings-form .file-return:not(:empty) { |
| margin: 1em 0; |
| } |
| .js #group-settings-form .file-return { |
| font-style: italic; |
| font-size: .9em; |
| font-weight: bold; |
| } |
| /* on complète l'information d'un contenu textuel |
| uniquement lorsque le paragraphe n'est pas vide */ |
| .js #group-settings-form .file-return:not(:empty):before { |
| content: "Selected file: "; |
| font-style: normal; |
| font-weight: normal; |
| } |