demarches-normaliennes/app/assets/stylesheets/application.scss
2018-09-13 09:19:09 +02:00

263 lines
4.6 KiB
SCSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

// = 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 _maintenance
// = require _card
// = require _helpers
// = require _turbolinks
// = require admin_procedures_modal
// = require admin_type_de_champ
// = require carte
// = require custom_mails
// = require default_data_block
// = require description
// = require direct_uploads
// = require dossier_show
// = require dossiers
// = require etapes
// = require france_connect_particulier
// = require left_panel
// = require login
// = require main_container
// = require navbar
// = require pieces_justificatives_fields
// = require pj_modal
// = require print
// = require procedure
// = require recapitulatif
// = require search
// = require siret
// = require outdated_browser_banner
// = require switch_menu
// = require autocomplete
// = require users
// = require attestation_template_edit
// = require attestation_recapitulatif
// = require_self
// = require leaflet
// = require font-awesome
// = require franceconnect
// = require bootstrap-wysihtml5
@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;
}
// Mobile Safari doesn't bubble mouse events by default, unless:
//
// - the target element of the event is a link or a form field.
// - the target element, or any of its ancestors up to but not including the <body>, has an explicit event handler set for any of the mouse events. This event handler may be an empty function.
// - the target element, or any of its ancestors up to and including the document has a cursor: pointer CSS declarations.
//
// (See https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html)
//
// This is a problem for us, because we bind a lot of click events as
// `document.on('click', '.my-element', …)` which requires proper bubbling.
.ios #wrap {
cursor: pointer;
}
#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;
}
}
.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,
.alert.sticky {
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;
}