forked from DGNum/gestioCOF
5776c81764
- Add css transitions on buttons + navbar links. - Clean css of navbar. - Clean templates with only centered form/content. - Page opened when login as generic team user close itself (only for non-CAS users). - A message is added when generic team user connects. - Fix extra space on right when messages are prompted.
597 lines
9.9 KiB
CSS
597 lines
9.9 KiB
CSS
@import url("nav.css");
|
|
@import url("kpsul.css");
|
|
@import url("jconfirm-kfet.css");
|
|
@import url("history.css");
|
|
|
|
body {
|
|
margin-top:50px;
|
|
font-family:Roboto;
|
|
background:#ddd;
|
|
}
|
|
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family:Oswald;
|
|
}
|
|
|
|
a {
|
|
color:#333;
|
|
}
|
|
|
|
a:focus, a:hover {
|
|
color:#C8102E;
|
|
}
|
|
|
|
:focus {
|
|
outline:none;
|
|
}
|
|
|
|
textarea {
|
|
font-family:'Roboto Mono';
|
|
border-radius:0 !important;
|
|
}
|
|
|
|
.table {
|
|
margin-bottom:0;
|
|
border-bottom:1px solid #ddd;
|
|
}
|
|
|
|
.table {
|
|
width:100%;
|
|
}
|
|
|
|
.table td {
|
|
vertical-align:middle !important;
|
|
}
|
|
|
|
.table td.no-padding {
|
|
padding:0;
|
|
}
|
|
|
|
.table thead {
|
|
background:#c8102e;
|
|
color:#fff;
|
|
font-weight:bold;
|
|
font-size:16px;
|
|
}
|
|
|
|
.table thead td {
|
|
padding:8px !important;
|
|
}
|
|
|
|
.table tr.section {
|
|
background:rgba(200,16,46,0.9);
|
|
color:#fff;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.table tr.section td {
|
|
border-top:0;
|
|
font-size:16px;
|
|
padding:8px 30px;
|
|
}
|
|
|
|
.btn {
|
|
transition: background-color 0.3s, color 0.3s;
|
|
}
|
|
|
|
.btn, .btn-lg, .btn-group-lg>.btn {
|
|
border-radius:0;
|
|
}
|
|
|
|
.btn-primary {
|
|
font-family:Oswald;
|
|
background-color:rgba(200,16,46,0.9);
|
|
color:#FFF;
|
|
border:0;
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
|
|
background-color:#000;
|
|
color:#FFF;
|
|
}
|
|
|
|
.buttons .nav-pills > li > a {
|
|
border-radius:0;
|
|
border:1px solid rgba(200,16,46,0.9);
|
|
}
|
|
|
|
.buttons .nav-pills > li.active > a {
|
|
background-color:rgba(200,16,46,0.9);
|
|
background-clip:padding-box;
|
|
}
|
|
|
|
.row-page-header {
|
|
background-color:rgba(200,16,46,1);
|
|
color:#FFF;
|
|
border-bottom:3px solid #000;
|
|
}
|
|
|
|
.page-header {
|
|
border:0;
|
|
padding:0;
|
|
margin:15px 20px;
|
|
text-transform:uppercase;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.nopadding {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.col-content-left, .col-content-right {
|
|
padding:0;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.col-content-left {
|
|
position: sticky;
|
|
top:50px;
|
|
}
|
|
}
|
|
|
|
.content-left-top {
|
|
background:#fff;
|
|
padding:10px 30px;
|
|
}
|
|
|
|
.content-left .buttons {
|
|
background:#fff;
|
|
}
|
|
|
|
.content-left .buttons .btn {
|
|
display:block;
|
|
}
|
|
|
|
.content-left .buttons ul.nav-pills {
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.content-left .buttons ul.nav-pills li {
|
|
margin:0 0 -5px;
|
|
}
|
|
|
|
.content-left-top.frozen-account {
|
|
background:#000FBA;
|
|
color:#fff;
|
|
}
|
|
|
|
.content-left .block {
|
|
padding-top:25px;
|
|
}
|
|
|
|
.content-left .block .line {
|
|
font-size:16px;
|
|
line-height:30px;
|
|
}
|
|
|
|
.content-left .line.line-big {
|
|
font-family:Oswald;
|
|
font-size:60px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
}
|
|
|
|
.content-left .line.line-bigsub {
|
|
font-size:25px;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
}
|
|
|
|
.content-left .line.balance {
|
|
font-size:45px;
|
|
text-align:center;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.content-right {
|
|
margin: 15px;
|
|
}
|
|
}
|
|
|
|
.content-right-block {
|
|
position:relative;
|
|
}
|
|
|
|
.content-right-block > *:not(.buttons-title) {
|
|
background: #fff;
|
|
}
|
|
|
|
.content-right-block > h2 {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.content-right-block .buttons-title {
|
|
position:absolute;
|
|
top:8px;
|
|
right:20px;
|
|
}
|
|
|
|
.content-right-block > div.row {
|
|
margin:0;
|
|
}
|
|
|
|
.content-right-block h2 {
|
|
margin:20px 20px 15px;
|
|
padding-bottom:5px;
|
|
border-bottom:3px solid #c8102e;
|
|
font-size:40px;
|
|
}
|
|
|
|
.content-right-block h3 {
|
|
border-bottom: 1px solid #c8102e;
|
|
margin: 0px 15px 15px;
|
|
padding: 20px 20px 10px;
|
|
font-size:25px;
|
|
}
|
|
|
|
/*
|
|
* Pages tableaux seuls
|
|
*/
|
|
|
|
.content-center > *:not(.content-right-block) {
|
|
background: #fff;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.content-center {
|
|
margin: 15px 0;
|
|
}
|
|
}
|
|
|
|
.content-center tbody tr:not(.section) td {
|
|
padding:0px 5px;
|
|
}
|
|
|
|
.content-center .table .form-control {
|
|
padding: 1px 12px ;
|
|
height:28px;
|
|
margin:3px 0px;
|
|
}
|
|
|
|
.content-center .table-condensed input.form-control {
|
|
margin: 0 !important;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.content-center .auth-form {
|
|
margin:15px;
|
|
}
|
|
|
|
/*
|
|
* Pages formulaires seuls
|
|
*/
|
|
|
|
.content-form {
|
|
background-color: #fff;
|
|
padding: 15px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
/*
|
|
* Messages
|
|
*/
|
|
|
|
.messages {
|
|
margin: 0;
|
|
}
|
|
|
|
.messages .alert {
|
|
padding:10px 15px;
|
|
margin:0;
|
|
border:0;
|
|
border-radius:0;
|
|
}
|
|
|
|
.messages .alert-dismissible {
|
|
padding-right:35px;
|
|
}
|
|
|
|
.messages .alert .close {
|
|
top:0;
|
|
right:0;
|
|
}
|
|
|
|
.messages .alert-info {
|
|
color:inherit;
|
|
background-color:#ccc;
|
|
}
|
|
|
|
.messages .alert-error {
|
|
color:inherit;
|
|
background-color:rgba(200,16,46,0.2);
|
|
}
|
|
|
|
.messages .alert-success {
|
|
color:#333;
|
|
}
|
|
|
|
/*
|
|
* 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.7);
|
|
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;
|
|
}
|
|
|
|
/*
|
|
* Responsive Columns
|
|
*/
|
|
|
|
.unbreakable {
|
|
display:inline-block;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.column-row {
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.column-xs-1,
|
|
.column-sm-1,
|
|
.column-md-1,
|
|
.column-lg-1,
|
|
.column-xs-2,
|
|
.column-sm-2,
|
|
.column-md-2,
|
|
.column-lg-2,
|
|
.column-xs-3,
|
|
.column-sm-3,
|
|
.column-md-3,
|
|
.column-lg-3,
|
|
.column-xs-4,
|
|
.column-sm-4,
|
|
.column-md-4,
|
|
.column-lg-4,
|
|
.column-xs-5,
|
|
.column-sm-5,
|
|
.column-md-5,
|
|
.column-lg-5 {
|
|
-webkit-column-count: 1; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 1; /* Firefox */
|
|
column-count: 1;
|
|
}
|
|
|
|
|
|
.column-xs-1 {
|
|
-webkit-column-count: 1; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 1; /* Firefox */
|
|
column-count: 1;
|
|
}
|
|
.column-xs-2 {
|
|
-webkit-column-count: 2; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 2; /* Firefox */
|
|
column-count: 2;
|
|
}
|
|
.column-xs-3 {
|
|
-webkit-column-count: 3; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 3; /* Firefox */
|
|
column-count: 3;
|
|
}
|
|
.column-xs-4 {
|
|
-webkit-column-count: 4; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 4; /* Firefox */
|
|
column-count: 4;
|
|
}
|
|
.column-xs-5 {
|
|
-webkit-column-count: 5; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 5; /* Firefox */
|
|
column-count: 5;
|
|
}
|
|
|
|
@media (min-width: 576px) {
|
|
.column-sm-1 {
|
|
-webkit-column-count: 1; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 1; /* Firefox */
|
|
column-count: 1;
|
|
}
|
|
.column-sm-2 {
|
|
-webkit-column-count: 2; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 2; /* Firefox */
|
|
column-count: 2;
|
|
}
|
|
.column-sm-3 {
|
|
-webkit-column-count: 3; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 3; /* Firefox */
|
|
column-count: 3;
|
|
}
|
|
.column-sm-4 {
|
|
-webkit-column-count: 4; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 4; /* Firefox */
|
|
column-count: 4;
|
|
}
|
|
.column-sm-5 {
|
|
-webkit-column-count: 5; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 5; /* Firefox */
|
|
column-count: 5;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.column-md-1 {
|
|
-webkit-column-count: 1; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 1; /* Firefox */
|
|
column-count: 1;
|
|
}
|
|
.column-md-2 {
|
|
-webkit-column-count: 2; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 2; /* Firefox */
|
|
column-count: 2;
|
|
}
|
|
.column-md-3 {
|
|
-webkit-column-count: 3; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 3; /* Firefox */
|
|
column-count: 3;
|
|
}
|
|
.column-md-4 {
|
|
-webkit-column-count: 4; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 4; /* Firefox */
|
|
column-count: 4;
|
|
}
|
|
.column-md-5 {
|
|
-webkit-column-count: 5; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 5; /* Firefox */
|
|
column-count: 5;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.column-lg-1 {
|
|
-webkit-column-count: 1; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 1; /* Firefox */
|
|
column-count: 1;
|
|
}
|
|
.column-lg-2 {
|
|
-webkit-column-count: 2; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 2; /* Firefox */
|
|
column-count: 2;
|
|
}
|
|
.column-lg-3 {
|
|
-webkit-column-count: 3; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 3; /* Firefox */
|
|
column-count: 3;
|
|
}
|
|
.column-lg-4 {
|
|
-webkit-column-count: 4; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 4; /* Firefox */
|
|
column-count: 4;
|
|
}
|
|
.column-lg-5 {
|
|
-webkit-column-count: 5; /* Chrome, Safari, Opera */
|
|
-moz-column-count: 5; /* Firefox */
|
|
column-count: 5;
|
|
}
|
|
}
|
|
|
|
/* Inventaires */
|
|
|
|
#inventoryform 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;
|
|
}
|