demarches-normaliennes/app/assets/stylesheets/application.scss
2017-12-07 16:15:44 +01:00

256 lines
4 KiB
SCSS

// = depend_on_asset "layers.png"
// = depend_on_asset "layers-2x.png"
// This is a manifest file that'll be compiled into application.css, which will include all the files
// listed below.
//
// Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
// or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
//
// You're free to add application-wide styles to this file and they'll appear at the bottom of the
// compiled file so the styles you add here take precedence over styles defined in any styles
// defined in the other CSS/SCSS files in this directory. It is generally better to create a new
// file per style scope.
//
// = require _card
// = require _helpers
// = require _turbolinks
// = require admin_procedures_modal
// = require admin_type_de_champ
// = require backoffice
// = require carte
// = require custom_mails
// = require default_data_block
// = require description
// = require dossier_show
// = require dossiers
// = require etapes
// = require france_connect_particulier
// = require left_panel
// = require login
// = require main_container
// = require navbar
// = require notification_alert
// = require pieces_justificatives_fields
// = require pj_modal
// = require pref_list_menu
// = require print
// = require procedure
// = require recapitulatif
// = require search
// = require siret
// = require support_navigator_banner
// = require switch_menu
// = require typeahead
// = require users
// = require attestation_template_edit
// = require attestation_recapitulatif
// = require_self
// = require bootstrap-datepicker3
// = require leaflet
// = require font-awesome
// = require franceconnect
// = require bootstrap-wysihtml5
// = require select2
// = require select2-bootstrap
@import "constants";
@import "bootstrap-sprockets";
@import "bootstrap";
body {
background-color: $light-blue;
}
html,
body {
height: 100%;
}
body {
padding-top: 60px;
}
form {
margin-bottom: 0.3em;
}
.wysihtml5-sandbox {
resize: vertical;
width: 100% !important;
}
#wrap {
min-height: 100%;
margin-bottom: -50px;
overflow: hidden;
}
#wrap::after {
content: "";
display: block;
}
#footer,
#wrap::after {
height: 50px;
}
#footer {
background-color: $light-blue;
text-align: center;
padding: 0;
a,
p {
color: #000000;
}
a:hover {
color: #000000;
}
p {
line-height: 40px;
padding: 0;
}
}
.beta-staging {
background-color: #B00100 !important;
}
.text-purple {
color: #8B008B;
}
.text-default {
color: #808080;
}
.progress-bar-purple {
background-color: #800080;
}
.btn {
box-shadow: none !important;
}
.description {
padding: 10px;
}
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity = 0);
opacity: 0;
outline: none;
background: #FFFFFF;
cursor: inherit;
display: block;
}
.vr {
border-left: 1px solid #808080;
}
.center {
text-align: center;
}
textarea#description {
width: 100%;
}
div.pagination {
padding-top: 20px;
display: block;
text-align: center;
}
.alert {
margin-bottom: 0px;
}
.alert.alert-success.move-up,
.alert.alert-danger.siret {
position: fixed;
top: 0px;
left: 0;
height: 52px;
width: 100%;
margin-top: 0px;
z-index: 10;
}
.archived {
float: right;
margin-top: 10px;
.confirm {
display: none;
}
}
#confirm {
display: none;
}
.confirm {
display: none;
}
.fa {
width: 15px;
text-align: center;
}
.off-fc-link {
font-size: 15px !important;
margin-top: -4px;
}
#fconnect-access {
right: 50px;
}
#fconnect-access::before {
left: 22.7% !important;
}
#fconnect-access::after {
left: 23% !important;
}
#fconnect-profile {
margin-top: 5px;
display: inline-block;
a {
color: #3471A9 !important;
text-decoration: none;
font-size: 16px !important;
margin-right: 0px !important;
}
}
.no-padding {
padding: 0;
}
.no-margin {
margin: 0;
}