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

245 lines
4.2 KiB
SCSS
Raw Normal View History

2017-04-11 16:38:26 +02:00
// 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 direct_uploads
// = 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 search
// = require siret
// = require outdated_browser_banner
// = require switch_menu
// = require autocomplete
// = require users
// = require attestation_template_edit
2017-04-11 16:38:26 +02:00
// = require_self
// = require leaflet
// = require font-awesome
// = require franceconnect
// = require bootstrap-wysihtml5
@import "constants";
2015-08-10 11:05:06 +02:00
@import "bootstrap-sprockets";
@import "bootstrap";
body {
2017-03-30 17:00:35 +02:00
background-color: $light-blue;
2015-08-10 11:05:06 +02:00
}
2017-04-12 10:51:35 +02:00
html,
body {
2016-01-28 17:16:37 +01:00
height: 100%;
}
2016-02-01 17:16:00 +01:00
body {
2016-12-01 10:54:25 +01:00
padding-top: 60px;
2016-02-01 17:16:00 +01:00
}
2016-11-23 15:21:42 +01:00
form {
margin-bottom: 0.3em;
}
.wysihtml5-sandbox {
resize: vertical;
2017-01-02 10:34:31 +01:00
width: 100% !important;
}
2016-01-28 17:16:37 +01:00
#wrap {
min-height: 100%;
margin-bottom: -50px;
2016-12-21 14:00:50 +01:00
overflow: hidden;
2016-01-28 17:16:37 +01:00
}
2016-02-01 17:16:00 +01:00
2018-09-12 16:42:04 +02:00
// 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 {
2016-01-28 17:16:37 +01:00
content: "";
display: block;
}
2016-02-01 17:16:00 +01:00
2017-04-12 10:51:35 +02:00
#footer,
#wrap::after {
height: 50px;
}
2016-01-28 17:16:37 +01:00
#footer {
2017-03-30 17:00:35 +02:00
background-color: $light-blue;
text-align: center;
2016-11-30 11:04:50 +01:00
padding: 0;
2017-04-12 10:51:35 +02:00
a,
p {
2016-12-06 16:29:52 +01:00
color: #000000;
}
2016-12-06 16:29:52 +01:00
a:hover {
color: #000000;
}
p {
2016-11-30 11:04:50 +01:00
line-height: 40px;
padding: 0;
}
2015-12-08 18:34:43 +01:00
}
.text-purple {
color: #8B008B;
}
.text-default {
2017-04-11 16:36:03 +02:00
color: #808080;
}
.progress-bar-purple {
background-color: #800080;
}
2015-08-10 11:05:06 +02:00
.btn {
box-shadow: none !important;
}
.description {
padding: 10px;
2015-08-11 15:10:14 +02:00
}
.btn-file {
position: relative;
overflow: hidden;
}
2015-11-26 18:41:41 +01:00
2015-08-11 15:10:14 +02:00
.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);
2015-08-11 15:10:14 +02:00
opacity: 0;
outline: none;
2017-04-11 16:36:03 +02:00
background: #FFFFFF;
2015-08-11 15:10:14 +02:00
cursor: inherit;
display: block;
2015-08-17 13:31:51 +02:00
}
.vr {
2017-04-11 16:36:03 +02:00
border-left: 1px solid #808080;
2015-08-17 13:31:51 +02:00
}
.center {
2015-11-26 18:41:41 +01:00
text-align: center;
2015-08-18 10:43:36 +02:00
}
textarea#description {
width: 100%;
}
2015-11-26 18:41:41 +01:00
div.pagination {
padding-top: 20px;
display: block;
2015-11-26 12:29:34 +01:00
text-align: center;
}
.alert {
2016-06-08 10:41:01 +02:00
margin-bottom: 0px;
}
.alert.alert-success.move-up,
2018-08-09 11:15:23 +02:00
.alert.alert-danger.siret,
.alert.sticky {
position: fixed;
top: 0px;
left: 0;
height: 52px;
width: 100%;
margin-top: 0px;
2016-02-01 17:16:00 +01:00
z-index: 10;
2015-11-26 18:41:41 +01:00
}
.archived {
float: right;
margin-top: 10px;
.confirm {
display: none;
}
}
#confirm {
2015-12-08 18:34:43 +01:00
display: none;
2015-12-14 17:27:14 +01:00
}
.confirm {
display: none;
}
2015-12-14 17:27:14 +01:00
.fa {
width: 15px;
text-align: center;
2016-01-11 17:05:21 +01:00
}
.off-fc-link {
2016-01-11 17:38:16 +01:00
font-size: 15px !important;
margin-top: -4px;
2016-01-11 17:05:21 +01:00
}
2016-01-12 10:03:05 +01:00
#fconnect-access {
right: 50px;
}
#fconnect-access::before {
2016-01-12 10:03:05 +01:00
left: 22.7% !important;
}
#fconnect-access::after {
2016-01-12 10:03:05 +01:00
left: 23% !important;
}
.no-padding {
padding: 0;
}
.no-margin {
margin: 0;
}