demarches-normaliennes/app/assets/stylesheets/description.scss

148 lines
1.9 KiB
SCSS

@import "bootstrap";
@import "bootstrap-datepicker3";
#description-page #liste-champs {
.default-data-block {
.show-block {
width: 90%;
.body {
padding: 15px;
}
}
}
h4 {
padding-top: 35px;
margin: 0;
}
}
.page-header {
border-bottom: 1px solid #CCCCCC !important;
}
.input-error {
color: #8B0000 !important;
border-color: #8B0000 !important;
}
.type-champ-text {
@extend .col-md-6;
@extend .col-lg-6;
input[type='text'] {
width: 100%;
}
}
.type-champ-header-section {
@extend .col-md-12;
@extend .col-lg-12;
}
.type-champ-address {
@extend .col-md-6;
@extend .col-lg-6;
.twitter-typeahead {
width: 100%;
input {
width: 100%;
display: block !important;
}
}
.tt-menu {
width: 100%;
}
}
.type-champ-email {
@extend .col-md-4;
@extend .col-lg-4;
input[type='email'] {
width: 100%;
}
}
.type-champ-drop-down-list,
.type-champ-regions,
.type-champ-departements,
.type-champ-pays {
@extend .col-md-4;
@extend .col-lg-4;
}
.type-champ-civilite {
@extend .col-md-3;
@extend .col-lg-3;
}
.type-champ-yes-no {
@extend .col-md-3;
@extend .col-lg-3;
}
.type-champ-phone {
@extend .col-md-2;
@extend .col-lg-2;
input[type='phone'] {
width: 100%;
}
}
.datepicker-switch {
color: #0086B3;
text-decoration: underline;
}
.type-champ-textarea {
@extend .col-md-8;
@extend .col-lg-8;
textarea.form-control {
width: 100%;
height: 133px;
}
}
.type-champ-number {
@extend .col-md-3;
@extend .col-lg-3;
input[type='number'] {
width: 100%;
}
}
.type-champ-date {
@extend .col-md-2;
@extend .col-lg-2;
input[type='date'] {
width: 160px;
}
}
.type-champ-datetime {
@extend .col-md-5;
@extend .col-lg-5;
input[type='datetime'] {
width: 160px;
}
}
.piece-description {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
font-weight: normal;
}