Initial commit - Application CLEO de gestion de devis
- Architecture MVC avec framework maison d6 - Modules : devis, clients, marchés, SAP - Documentation initiale (README et TODO) - Configuration Composer avec dépendances 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
194
pub/res/css/adm.css
Normal file
194
pub/res/css/adm.css
Normal file
@@ -0,0 +1,194 @@
|
||||
body {
|
||||
background: #000046; /* fallback for old browsers */
|
||||
background: -webkit-linear-gradient(to top right, #1CB5E0, #000046); /* Chrome 10-25, Safari 5.1-6 */
|
||||
background: linear-gradient(to top right, #1CB5E0, #000046); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
table thead tr {
|
||||
background-color: #2dbaf9;
|
||||
}
|
||||
|
||||
table tbody tr:nth-child(odd) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
table tbody tr:nth-child(even) {
|
||||
background-color: #f3f3f3;
|
||||
}
|
||||
|
||||
/* Affichage des tables avec un thead fixe et un tbody scrollable */
|
||||
.cm-scrollbar::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.cm-scrollbar::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.cm-scrollbar::-webkit-scrollbar-thumb {
|
||||
background: #c1c1c1;
|
||||
}
|
||||
|
||||
.cm-scrollbar::-webkit-scrollbar-thumb:hover {
|
||||
background: #919191;
|
||||
}
|
||||
|
||||
.cm-table-w-scroll {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
overflow: auto;
|
||||
max-height: 600px;
|
||||
}
|
||||
|
||||
.cm-table-w-scroll table {
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.cm-table-w-scroll table th,
|
||||
.cm-table-w-scroll table td {
|
||||
font-size: 12px;
|
||||
padding: 5px 5px;
|
||||
vertical-align: middle;
|
||||
/* white-space: nowrap; */
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.cm-table-w-scroll thead th {
|
||||
background: #60B7D3; /* set background color for the overcome transparent header cell */
|
||||
color: #fff;
|
||||
position: -webkit-sticky; /* for Safari */
|
||||
position: sticky;
|
||||
top: 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.cm-table-w-scroll tfoot,
|
||||
.cm-table-w-scroll tfoot th,
|
||||
.cm-table-w-scroll tfoot td {
|
||||
position: -webkit-sticky; /* for Safari */
|
||||
position: sticky;
|
||||
bottom: -1px;
|
||||
background: #fff; /* set background color for the overcome transparent header cell */
|
||||
color: #555;
|
||||
font-size: 11px;
|
||||
z-index: 4;
|
||||
box-shadow: 0 0 5px 0 rgba(90, 90, 90, 0.15);
|
||||
}
|
||||
|
||||
td.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.table-400 {
|
||||
max-height: 400px !important;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.table-600 {
|
||||
max-height: 600px !important;
|
||||
}
|
||||
|
||||
.table-800 {
|
||||
max-height: 800px !important;
|
||||
}
|
||||
|
||||
.clickable-row,
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* justifie à droite tous les champs de type number */
|
||||
input[type=number] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.modal-xl {
|
||||
width: 90% !important;
|
||||
max-width: 1600px !important;
|
||||
height: 75% !important;
|
||||
max-height: 800px !important;
|
||||
}
|
||||
|
||||
#loadingDiv {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -50px;
|
||||
margin-left: -50px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: url(images/loading.gif) no-repeat center center;
|
||||
z-index: 10000000;
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90); /* For IE8 and earlier */
|
||||
}
|
||||
|
||||
#loadingDiv img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.panel-title .panel-search {
|
||||
width: 200px;
|
||||
height: 25px;
|
||||
margin-top: -8px;
|
||||
margin-right: 8px;
|
||||
|
||||
float: right;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.panel-body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.modal-backdrop.in {
|
||||
opacity: 0.9 !important;
|
||||
}
|
||||
|
||||
.autocomplete {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.autocomplete-items {
|
||||
position: absolute;
|
||||
border: 1px solid #d4d4d4;
|
||||
border-bottom: none;
|
||||
border-top: none;
|
||||
z-index: 99;
|
||||
/*position the autocomplete items to be the same width as the container:*/
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.autocomplete-items div {
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
}
|
||||
|
||||
/*when hovering an item:*/
|
||||
.autocomplete-items div:hover {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
/*when navigating through the items using the arrow keys:*/
|
||||
.autocomplete-active {
|
||||
background-color: DodgerBlue !important;
|
||||
color: #ffffff;
|
||||
}
|
||||
Reference in New Issue
Block a user