gestioCOF/kfet/static/kfet/css/index.css
Aurélien Delobelle 32720c56a6 kfet -- Tables are sortable
Many tables in kfet app templates become sortable:
account list, negative account list, article list, article inventory
list, article supplier list, article category list, checkout list,
checkout statement list, inventory list, inventory details, order list,
order creation, order details.

This is achieved thanks to the jQuery plugin 'tablesorter':
https://mottie.github.io/tablesorter/docs/

- Affected tables also got sticky headers (it stays visible on scroll).
- Dates format are modified in order to ease the date sorting with the
plugin (it avoids writing a custom parser, or an extractor from
additional hidden element in the table cells).
- Tables whose content is classified by category (of articles) now uses
several tbodies. This has minor effects on the tables style.
- Tags of the header help signs become 'i', instead of 'span', in order
to avoid weird spacing.
2017-11-27 18:24:22 +01:00

339 lines
4.9 KiB
CSS

/* Libs */
@import url("libs/columns.css");
/* Libs customizations */
@import url("libs/jconfirm-kfet.css");
@import url("libs/jquery-tablesorter-kfet.css");
@import url("libs/multiple-select-kfet.css");
/* Base */
@import url("base/misc.css");
@import url("base/buttons.css");
/* Blocks */
@import url("base/main.css");
@import url("base/nav.css");
@import url("base/messages.css");
@import url("base/fixed.css");
@import url("base/footer.css");
/* Components */
@import url("kpsul.css");
@import url("history.css");
.header {
padding: 15px 20px;
background-color: rgba(200,16,46,1);
color: #FFF;
}
.header h1 {
padding: 0;
margin: 0;
font-weight: bold;
}
.nopadding {
padding: 0 !important;
}
.frozen-account {
background:#5072e0;
color:#fff;
}
.main .table a:not(.btn) {
color: inherit;
}
.main .table a:not(.btn):focus ,
.main .table a:not(.btn):hover {
color: #C81022;
}
.table thead .glyphicon {
font-size: 12px;
opacity: 0.8;
}
/*
* Pages tableaux seuls
*/
.table .form-control {
padding: 1px 12px ;
height:28px;
margin:3px 0px;
background: transparent;
}
.table .form-control[disabled], .table .form-control[readonly] {
background: #f5f5f5;
}
.table-condensed-input tbody tr:not(.section) td {
padding:0px 5px;
}
.table-condensed input.form-control {
margin: 0 !important;
border-top: 0;
border-bottom: 0;
border-radius: 0;
}
.table td.small-width {
/* Header still extends the width of the column, but it will be minimal. */
width: 30px;
}
.auth-form {
padding: 15px 0;
background: #d86c7e;
color: white;
}
.auth-form.form-horizontal {
padding: 0;
margin: 0;
}
.auth-form .form-group {
margin-bottom: 0;
}
.auth-form input {
box-shadow: none !important;
background: transparent;
color: white;
border: 0 !important;
border-radius: 0;
border-bottom: 1px solid white !important;
}
/*
* Pages formulaires seuls
*/
.account_create #id_trigramme {
display:block;
width:200px;
height:80px;
margin:0 auto 15px;
border:1px solid #ccc;
font-size:70px;
text-align:center;
text-transform:uppercase;
}
/*
* Specific account create
*/
.highlight_autocomplete {
font-weight:bold;
text-decoration:underline;
}
#search_autocomplete {
margin-bottom:15px;
}
#search_results {
top:-15px !important;
left:0 !important;
z-index:100;
}
#search_results ul {
list-style-type:none;
padding:0;
background:rgba(255,255,255,0.9);
}
#search_results ul li.user_category {
font-weight:bold;
background:#c8102e;
color:#fff;
}
#search_results ul li a {
display:block;
padding:5px 20px;
height:100%;
width:100%;
}
#search_results ul li a:hover {
background:rgba(200,16,46,0.9);
color:#fff;
text-decoration:none;
}
#search_results ul li span.text {
display:block;
padding:5px 20px;
}
/* Account autocomplete window */
#account_results ul {
list-style-type:none;
background:rgba(255,255,255,0.9);
padding:0;
}
#account_results li {
display:block;
padding:5px 20px;
height:100%;
width:100%;
}
#account_results .hilight {
background:rgba(200,16,46,0.9);
color:#fff;
text-decoration:none;
}
/**
* Stats (graphs)
*/
.stat-nav {
margin-bottom: 10px;
font-family: Roboto;
}
.stat-nav li {
float: left;
}
.stat-nav a {
opacity: 0.6;
font-family: Roboto;
}
.stat-nav a:hover,
.stat-nav a.focus, .stat-nav a:focus {
opacity: 1;
}
/*
* Help
*/
.help {
display:none;
position:fixed;
top:50px;
left:0;
right:0;
bottom:0;
overflow:auto;
background:rgba(51,51,51,0.3);
z-index:500;
}
.help-box {
margin-top:30px;
padding-top:1px;
padding-bottom:15px;
background:rgba(51,51,51,0.9);
color:#fff;
}
@media (max-width:768px) {
.help-box {
margin:20px 15px;
}
}
.help h2 {
padding:0 15px 20px;
border-bottom:1px solid #999;
text-align:center;
}
.help .row > div {
padding-right:0;
}
.help h4 {
margin:15px 0;
}
/* Tooltips */
thead .tooltip {
font-size:13px;
}
/*
* Statistiques
*/
.stat-graph {
height: 100px;
}
/* Inventaires */
.table-condensed-input input[type=number] {
text-align: center;
}
.inventory_modified {
background:rgba(236,100,0,0.15);
}
.stock_diff {
padding-left: 5px;
color:#C8102E;
}
.inventory_update {
display: none;
width: 50px;
margin: 0 auto;
}
/* Checkbox select multiple */
.checkbox-select-multiple label {
font-weight: normal;
margin-bottom: 0;
}
/* Statement creation */
.statement-create-summary table {
margin: 0 auto;
}
.statement-create-summary tr td {
text-align: right;
}
.statement-create-summary tr td:first-child {
padding-right: 15px;
font-weight: bold;
}
.statement-create-summary tr td:last-child {
width: 80px;
}
#detail_taken table td,
#detail_balance table td {
padding: 0;
}