poulpe/shared/static/css/global.css

@charset "UTF-8";
/*NE PAS MODIFIER LE FICHIER .CSS, MAIS PLUTÔT LE
 FICHIER .SCSS */
/* LEGACY COLORS*/
/* COLORS */
/* Header */
/* Général */
/* Le reste */
/* Titres */
/* FONTS */
/* line 2, ../sass/_messages.scss */
.message-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

/* line 7, ../sass/_messages.scss */
.message-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

/* line 12, ../sass/_messages.scss */
.message-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

/* line 17, ../sass/_messages.scss */
.message-error {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

/* line 22, ../sass/_messages.scss */
.alert {
  margin-bottom: 0;
}

/* line 2, ../sass/_header.scss */
.strong-banner {
  padding-top: 20px;
  padding-bottom: 10px;
  background-color: #375362;
  color: white;
}

/* line 10, ../sass/_header.scss */
.navbar-inverse {
  background-color: #375362;
  background-color: transparent;
  border-style: none;
}
/* line 15, ../sass/_header.scss */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #5D8CA6;
}

/* line 24, ../sass/_header.scss */
.navbar-collapse {
  border-top: 0px solid transparent;
  padding: 0px;
  /* only < 768px*/
  background-color: #5D8CA6;
  padding-left: 25px;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  /* line 24, ../sass/_header.scss */
  .navbar-collapse {
    background-color: transparent;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* line 43, ../sass/_header.scss */
.navbar-nav {
  width: 100%;
}
@media (min-width: 768px) {
  /* line 43, ../sass/_header.scss */
  .navbar-nav {
    float: right;
    width: auto;
  }
}

/* line 51, ../sass/_header.scss */
.navbar-inverse {
  /* BRAND */
  /* ICONE */
  /* LINKS */
}
/* line 54, ../sass/_header.scss */
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: white;
  font-family: "Lily Script One", cursive;
  font-size: xx-large;
  border-bottom: 5px solid #FF5C79;
}
/* line 65, ../sass/_header.scss */
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #FFB363;
  border-color: #FFB363;
}
/* line 71, ../sass/_header.scss */
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #FFF5EB;
}
/* line 78, ../sass/_header.scss */
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  font-family: "Work Sans", cursive;
  font-size: large;
  color: #FFB363;
  background: transparent;
}
@media (min-width: 768px) {
  /* line 78, ../sass/_header.scss */
  .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #FFF5EB;
  }
}

/* line 108, ../sass/_forms.scss */
.btn-primary {
  /**
   * This mixins allows defining color-related properties of buttons.
   *
   * It sets the following properties:
   *   color: $color, except for disabled-like buttons.
   *   border-color: $border.
   *   background-color: Depending on button state:
   *     - Default, disabled:
   *         $background-base
   *     - Hovered, focused, actived, responsible of an opened dropdown:
   *         (one is sufficent)
   *         $background-special
   *
   * ## Bootstrap compatibility
   *
   * This mixin can be used to replace colors behaviors of Bootstrap buttons.
   * Indeed, this mixin aims to replace each definition done by the
   * 'button-variant' Bootstrap mixin.
   *
   */
  color: white;
  background-color: #FF6969;
  border-color: #FF6969;
  /**
   * This mixin applies content if the button is in at least one of the
   * following states:
   *
   * - hovered,
   * - focused,
   * - actived,
   * - is responsible of an opened dropdown.
   *
   * Where possible, state is checked from class attribute and
   * :pseudo-classes.
   *
   * ## Bootstrap compatibility
   *
   * If content defines 'color', 'background-color' and 'border', it is safe
   * to use this mixin with Bootstrap buttons as it will overrides all
   * Bootstrap color defaults of the previous cases.
   * To be precise, this covers all special important-like cases of the
   * Bootstrap mixin 'button-variant' (except the 'disabled' case).
   *
   */
}
/* line 10, ../sass/_forms.scss */
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover {
  color: white;
  background-color: #FF9191;
  border-color: #FF6969;
}
/* line 3, ../sass/_forms.scss */
.btn-primary:active, .btn-primary.active {
  color: white;
  background-color: #FF9191;
  border-color: #FF6969;
}
/* line 10, ../sass/_forms.scss */
.btn-primary:active:focus, .btn-primary:active.focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary.active:hover {
  color: white;
  background-color: #FF9191;
  border-color: #FF6969;
}
/* line 26, ../sass/_forms.scss */
.open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #FF9191;
  border-color: #FF6969;
}
/* line 10, ../sass/_forms.scss */
.open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:hover {
  color: white;
  background-color: #FF9191;
  border-color: #FF6969;
}
/* line 10, ../sass/_forms.scss */
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:hover {
  background-color: #FF6969;
  border-color: #FF6969;
}
/* line 102, ../sass/_forms.scss */
.btn-primary .badge {
  color: #FF6969;
  background-color: white;
}

/* line 113, ../sass/_forms.scss */
form#filter_form .form-group {
  padding-right: 20px;
}
/* line 117, ../sass/_forms.scss */
form#filter_form ul.form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

/* line 2, ../sass/_tree.scss */
.tree {
  font-size: large;
}
/* line 4, ../sass/_tree.scss */
.tree ul, .tree li {
  position: relative;
}
/* line 8, ../sass/_tree.scss */
.tree ul {
  list-style: none;
  padding-left: 32px;
}
/* line 13, ../sass/_tree.scss */
.tree li::before,
.tree li::after {
  content: "";
  position: absolute;
  left: -12px;
}
/* line 19, ../sass/_tree.scss */
.tree li::before {
  border-top: 3px solid #FFC282;
  top: 9px;
  width: 8px;
  height: 0;
}
/* line 25, ../sass/_tree.scss */
.tree li::after {
  border-left: 3px solid #FFC282;
  height: 100%;
  width: 0px;
  top: 2px;
}
/* line 31, ../sass/_tree.scss */
.tree ul > li:last-child::after {
  height: 8px;
}

/* line 4, ../sass/_filters.scss */
#filter_form .form-group .col-md-3, #filter_form .form-group .col-md-9 {
  float: none;
}
/* line 7, ../sass/_filters.scss */
#filter_form .form-group ul.form-control {
  padding-left: 15px;
  list-style: none;
  height: auto;
}
/* line 12, ../sass/_filters.scss */
#filter_form .form-group ul.form-control a.selected {
  text-decoration: underline;
  color: #c40000;
}

/* line 18, ../sass/_dashed-shadows.scss */
.dashed-shadow {
  position: relative;
  top: 8px;
  left: 8px;
  display: inline-block;
  color: #ba9186;
}

/* line 25, ../sass/_dashed-shadows.scss */
.dashed-shadow:before {
  content: " ";
  display: block;
  position: absolute;
  top: -8px;
  left: -8px;
  bottom: -2px;
  right: -2px;
  z-index: 1;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iMTIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIzNy41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjM3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PHN0b3Agb2Zmc2V0PSI2Mi41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIvPjxzdG9wIG9mZnNldD0iNjIuNSUiIHN0b3AtY29sb3I9IiNlOGUzYzciIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI4Ny41JSIgc3RvcC1jb2xvcj0iI2U4ZTNjNyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijg3LjUlIiBzdG9wLWNvbG9yPSIjZThlM2M3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
  background-image: -webkit-linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
  background-image: linear-gradient(45deg, #e8e3c7 12.5%, rgba(232, 227, 199, 0) 12.5%, rgba(232, 227, 199, 0) 37.5%, #e8e3c7 37.5%, #e8e3c7 62.5%, rgba(232, 227, 199, 0) 62.5%, rgba(232, 227, 199, 0) 87.5%, #e8e3c7 87.5%);
  background-size: 6px 6px;
}

/* line 54, ../sass/_dashed-shadows.scss */
.dashed-shadow:hover:before {
  animation: dash-animation 30s infinite linear;
}

/* line 58, ../sass/_dashed-shadows.scss */
.dashed-shadow:after {
  z-index: 2;
  content: attr(data-text);
  position: absolute;
  left: -8px;
  top: -8px;
  color: #b85b3f;
  text-shadow: 3px 3px #e8e3c7;
}

/* MISE EN FORME GÉNÉRALE */
/* line 12, ../sass/global.scss */
html {
  height: 100%;
  background-color: #FFFBEF;
}

/* line 17, ../sass/global.scss */
body {
  font-family: "Saira Semi Condensed", sans-serif;
  font-size: medium;
}

/* line 22, ../sass/global.scss */
#principal {
  background-color: #FFFBEF;
}

/*MAIN*/
/* line 27, ../sass/global.scss */
main {
  background-color: #FFFBEF;
  border-width: 2px;
  border-color: #375362;
  border-style: none;
  border-collapse: collapse;
  display: table-cell;
  margin-top: 0px;
  padding: 0px;
}
/* line 37, ../sass/global.scss */
main .fuid, main h1, main h2, main h3 {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 0px;
  margin-bottom: 0px;
}
/* line 43, ../sass/global.scss */
main h1, main h2, main h3 {
  margin-top: -2px;
  margin-bottom: -2px;
  margin-left: -17px;
  margin-right: -17px;
  color: white;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 52, ../sass/global.scss */
main h1 {
  font-family: "Capriola", sans-serif;
  font-weight: 600;
  padding-bottom: 10px;
  padding-top: 15px;
  background-color: #4F778C;
}
/* line 59, ../sass/global.scss */
main h1.activity {
  background-color: #4FADB8;
}
/* line 62, ../sass/global.scss */
main h1.event {
  background-color: #3488A6;
}
/* line 65, ../sass/global.scss */
main h1.todo {
  background-color: #F19F5D;
}
/* line 68, ../sass/global.scss */
main h1.equipment {
  background-color: #E75571;
}
/* line 71, ../sass/global.scss */
main h1.staff {
  background-color: #3BAD89;
}
/* line 75, ../sass/global.scss */
main h2, main h3 {
  border-bottom: 2px solid #5D8CA6;
  padding-bottom: 5px;
  padding-top: 10px;
  font-family: "Capriola", sans-serif;
  font-weight: 600;
  font-size: x-large;
  background-color: #BDD2DE;
}
/* line 84, ../sass/global.scss */
main h2.activity, main h3.activity {
  background-color: #5ED1DC;
  border-color: #4FADB8;
}
/* line 88, ../sass/global.scss */
main h2.event, main h3.event {
  background-color: #3999BA;
  border-color: #3488A6;
}
/* line 92, ../sass/global.scss */
main h2.todo, main h3.todo {
  background-color: #FF9C4D;
  border-color: #F19F5D;
}
/* line 96, ../sass/global.scss */
main h2.equipment, main h3.equipment {
  background-color: #FF5C79;
  border-color: #E75571;
}
/* line 100, ../sass/global.scss */
main h2.staff, main h3.staff {
  background-color: #42C2A2;
  border-color: #3BAD89;
}
/* line 105, ../sass/global.scss */
main h3 {
  background-color: #F0FAFF;
  color: #4F778C;
}
/* line 108, ../sass/global.scss */
main h3.activity {
  background-color: #F0FAFF;
  color: #5ED1DC;
}
/* line 112, ../sass/global.scss */
main h3.event {
  background-color: #F0FAFF;
  color: #3999BA;
}
/* line 116, ../sass/global.scss */
main h3.todo {
  background-color: #F0FAFF;
  color: #FF9C4D;
}
/* line 120, ../sass/global.scss */
main h3.equipment {
  background-color: #F0FAFF;
  color: #FF5C79;
}
/* line 124, ../sass/global.scss */
main h3.staff {
  background-color: #F0FAFF;
  color: #42C2A2;
}
/* line 129, ../sass/global.scss */
main a {
  color: #FF6969;
}
/* line 132, ../sass/global.scss */
main a:hover, main a:active, main a:focus {
  color: #FF6969;
}
/* line 139, ../sass/global.scss */
main .text {
  padding: 15px;
}

/*ASIDE*/
/* line 145, ../sass/global.scss */
aside {
  background-color: #375362;
  color: white;
  margin-top: 0px;
  padding: 0px !important;
}
/* line 151, ../sass/global.scss */
aside a {
  color: #FF9191;
}
/* line 154, ../sass/global.scss */
aside a:hover, aside a:active, aside a:focus {
  color: #FF9191;
}
/* line 161, ../sass/global.scss */
aside code {
  color: #375362;
  background-color: #BDD2DE;
}
/* line 166, ../sass/global.scss */
aside .heading {
  padding: 8px 15px;
  font-size: 32px;
  line-height: 1.3;
  text-align: center;
}
/* line 172, ../sass/global.scss */
aside .heading.inverted {
  background-color: #FFF5EB;
  color: black;
}
/* line 177, ../sass/global.scss */
aside .heading.small {
  font-size: 25px;
}
/* line 180, ../sass/global.scss */
aside .heading.small .sub {
  font-size: 0.7em;
  font-weight: normal;
}
/* line 186, ../sass/global.scss */
aside .heading .sub {
  font-size: 0.7em;
  font-weight: normal;
}
/* line 191, ../sass/global.scss */
aside .heading.separator {
  border-bottom-color: #FF9191;
  border-bottom-style: solid;
}
/* line 197, ../sass/global.scss */
aside .text {
  padding: 15px;
}
/* line 200, ../sass/global.scss */
aside .text.inverted {
  background-color: #FFF5EB;
  color: black;
}

@media (min-width: 768px) {
  /* line 209, ../sass/global.scss */
  main {
    margin-top: 20px;
    border-style: dashed;
  }

  /* line 213, ../sass/global.scss */
  aside {
    margin-top: 20px;
  }
}
/* line 218, ../sass/global.scss */
hr {
  border-top: 1px solid #FFB363;
}

/* line 223, ../sass/global.scss */
span.vsep {
  padding-left: 5px;
  padding-right: 5px;
}

/* line 228, ../sass/global.scss */
div.tag-list {
  margin-top: 20px;
}

/* line 232, ../sass/global.scss */
code {
  font-size: small;
}

/* line 236, ../sass/global.scss */
.module-list {
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

/* line 244, ../sass/global.scss */
a.module {
  padding: 20px 40px;
  margin: 5px;
  border-bottom-style: solid;
  font-size: large;
  display: block;
  border-bottom-color: #375362;
  background-color: #BDD2DE;
  color: #375362;
}
/* line 256, ../sass/global.scss */
a.module.activity {
  border-bottom-color: #4FADB8;
  background-color: #CAE4E7;
  color: #4FADB8;
}
/* line 262, ../sass/global.scss */
a.module.event {
  border-bottom-color: #3488A6;
  background-color: #AAD5E2;
  color: #3488A6;
}
/* line 268, ../sass/global.scss */
a.module.todo {
  border-bottom-color: #F19F5D;
  background-color: #FFDEBC;
  color: #F19F5D;
}
/* line 274, ../sass/global.scss */
a.module.equipment {
  border-bottom-color: #E75571;
  background-color: #FECAD6;
  color: #E75571;
}
/* line 280, ../sass/global.scss */
a.module.staff {
  border-bottom-color: #3BAD89;
  background-color: #A9E1D7;
  color: #3BAD89;
}
/* line 286, ../sass/global.scss */
a.module:hover, a.module:active, a.module:focus {
  text-decoration: none;
  color: #F0FAFF;
  background-color: #375362;
}
/* line 293, ../sass/global.scss */
a.module:hover.activity, a.module:active.activity, a.module:focus.activity {
  background-color: #5ED1DC;
}
/* line 296, ../sass/global.scss */
a.module:hover.event, a.module:active.event, a.module:focus.event {
  background-color: #3999BA;
}
/* line 299, ../sass/global.scss */
a.module:hover.equipment, a.module:active.equipment, a.module:focus.equipment {
  background-color: #FF5C79;
}
/* line 302, ../sass/global.scss */
a.module:hover.todo, a.module:active.todo, a.module:focus.todo {
  background-color: #FF9C4D;
}
/* line 305, ../sass/global.scss */
a.module:hover.staff, a.module:active.staff, a.module:focus.staff {
  background-color: #42C2A2;
}

/* line 311, ../sass/global.scss */
.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
/* line 322, ../sass/global.scss */
.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}
/* line 330, ../sass/global.scss */
.collapsible:hover {
  background-color: #555;
}
/* line 334, ../sass/global.scss */
.collapsible h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
}

/* line 341, ../sass/global.scss */
.active {
  background-color: #555;
}
/* line 344, ../sass/global.scss */
.active:after {
  content: "\2212";
}

/* line 348, ../sass/global.scss */
.content {
  padding: 8px 18px;
  display: none;
  background-color: #f1f1f1;
}
/* line 353, ../sass/global.scss */
.content.fluid {
  padding: 0px 0px;
  background-color: transparent;
}
/* line 358, ../sass/global.scss */
.content h4 {
  font-size: x-large;
  font-weight: bold;
  display: inline-block;
  margin: 0px 0px;
}

/* line 367, ../sass/global.scss */
.planning .activity {
  padding: 8px 18px;
  padding-top: 8px;
  padding-bottom: 12px;
  border-left: none;
  border-right: 6px solid #FF9191;
}
/* line 375, ../sass/global.scss */
.planning .activity.inverted {
  border-left: 6px solid #FF9191;
  border-right: none;
}
/* line 380, ../sass/global.scss */
.planning .activity .activity-title {
  font-size: large;
}

/* line 387, ../sass/global.scss */
.glyphicon.yes {
  color: #55C487 !important;
}
/* line 390, ../sass/global.scss */
.glyphicon.no {
  color: #E36268 !important;
}
/* line 393, ../sass/global.scss */
.glyphicon.dunno {
  color: #5599C4 !important;
}

/* line 398, ../sass/global.scss */
.sending-request {
  position: relative;
}
/* line 401, ../sass/global.scss */
.sending-request:after {
  content: "Chargement...";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.8;
  color: #777;
  text-align: center;
  box-sizing: border-box;
  z-index: 5;
  top: 0;
  left: 0;
  padding: 8%;
}