@import "css/variables.less";
@import "css/mixins.less";

body {background-color: @grayLighter;width:auto;}
.page {background-color: @bodyBackground;}

.navbar-fixed-top {margin-bottom: 0;}
#header {
  position: relative;
  text-align: left;
  padding-top:3*@baseLineHeight;
  padding-bottom:3*@baseLineHeight;
  #gradient > .horizontal(darken(spin(@linkColor,-20),20%), spin(@linkColor,10));
  color:@white;

  .container {
    position:relative;
    z-index:100;

    .actions {
      position:absolute;
      bottom: -60px;
      right: -30px;
    }
  }
}
#header:after {
  background:url(img/bs-docs-masthead-pattern.png) repeat;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  .opacity(40)
}

#content,#aside {margin-top: @baseLineHeight;}
#content {min-height: 30*@baseLineHeight;}

#footer {
  border-top: 1px solid darken(@grayLighter,10%);
  background-color: @grayLighter;
  .credits {margin-bottom: 0}
}

.page .doc-sidebar {margin-left: 0;}
.doc-sidebar.affix {top:60px;}
.doc-sidenav {
  .box-shadow(0 1px 4px rgba(0, 0, 0, 0.067));
  &>li>a {border:1px solid @grayLighter;margin-top: -1px;padding: 8px 14px;};
  li:first-child a {.border-top-radius(@borderRadiusLarge)}
  li:last-child a {.border-bottom-radius(@borderRadiusLarge)}

}

/* contenu */
.article {
  &.prop {.opacity(50);}
  &>.article-header {
    color:@gray;
    border-bottom: 1px solid @grayLighter;
    margin-bottom: @baseLineHeight;
  }
  margin-bottom: 2*@baseLineHeight;

  position: relative;
  .actions-moderer {position: absolute;top:0;right: -30px;}
}

.placeholder {font-size: 2*@baseFontSize;float:right;clear:right;margin-right: -30px;}
.formulaire_crayon .crayon-active {min-width: 10em !important;}

@media (max-width: 767px) {
  #header .container .actions {right: -20px;}
  .article .actions-moderer {right: -20px;}
  .placeholder {margin-right: -20px;}
}

/* home */
.page_sommaire #header {padding: 6*@baseLineHeight 0;}
.page_sommaire #header .container {text-align: center}
.page_sommaire #content {text-align: center}

/* impression : on supprime ce qui ne sert par sur du papier */
@media print{
#nav,#aside,#footer,.download{display:none;}
#content{width:100%;}
}

body .spip-admin-float {top:1.5em;margin-top:16px;}
.spip-admin-float .spip-admin-boutons {display: inline-block;}