citron/style.less

@import "bootstrap3/less/bootstrap.less";
@import "bootstrap3/less/variables.less";

@violet: #6f5499;
@brand-primary:  lighten(@violet,5%);

body {
padding: 1em;
}

.statut {
    margin-left: -16px;
    height: 40px;
    line-height: 40px;
    padding-left: 32px;
    &.clos {.bg-warning;}	
}

nav.projets.sidebar {
    background: @violet;
    padding: 2em 0 0 0;
    margin-top: 2em;
    margin-left: -1em;
    margin-right: -1em;
    width: auto;
    overflow-y: auto;

    .heading, a {
	display: block;
	width: 100%;
	min-height: 2em;
	line-height: 2em;
	padding-left: 2em;
    paddin-right: 0.5em;
	color: #fff;
	&.selectionné, &.selected {
	    background: @violet + #111;
	}
    }
    a.projet {
    display: none;
    }
    a.projet:nth-last-child(1), a.projet:nth-last-child(2), a.projet:nth-last-child(3), a.projet:nth-last-child(4), a.projet:nth-last-child(5), a.projet:nth-last-child(6), a.projet:nth-last-child(7), a.projet:nth-last-child(8), a.projet:nth-last-child(9), a.projet:nth-last-child(10), a.projet:nth-last-child(11), {
    display: block;
    }
    .heading {
	color: #ccc;
    }
    .vers-index {
	&:before {
	    content: "◂ ";
	    margin-left: -0.8em;
	}
    }
} 

nav.dossiers.sidebar {
 a {
	display: block;
	width: 100%;
	min-height: 2em;
	line-height: 2em;
	padding-left: 2em;
 }
}

.bouton {
    .btn-primary;
    .btn-lg;
}

.bouton.presse {
    margin: 0.5em auto;
}

.app.titre {
    padding: 1em 20px;
}

.métadonnées, .éditer, .voir, .ressources, .actions {
    padding: 1em 20px;
}

.ressources {
    a {
	&.pad, &.pdf, &.docx, &.html5, &.txt {
	    display: inline-block;
	    padding: 0.3em;
	    background: lighten(@violet,20%);
	    border-radius: 4px;
	    margin: 0 0 0.3em 0.5em;
	    color: #fff;
	    font-weight: 600;
	}
    }
}

.page-view-project, .page-view-dossier {
.métadonnées {
position: absolute;
right: 1em;
top: 1em;
text-align: right;
.bouton {
font-size: 80%;
background-color: lighten(@violet,20%);
}
}
.actions, .bouton.presse {
float:left;
}
}

#index {
    .vers-index {
         display: none;
    }
    .projets {
    .dossier {
    font-weight: 600;
    color: lighten(@violet,25%);
    }
    .name {
    }
    }
}

@media (min-width: @screen-md) {
    body {
	margin-left: 350px;
    }
    nav.projets.sidebar {
    margin: 0;
    height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 333px;
	overflow-y: auto;
    }
}