spip_nursit/plugins/dist/squelettes/spipr-doc/css/spipr_doc.less
2023-06-01 17:30:12 +02:00

93 lines
No EOL
2.3 KiB
Text

@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;}