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>
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;
|
||||
}
|
||||
364
pub/res/css/d6-bs3.css
Normal file
@@ -0,0 +1,364 @@
|
||||
/**************************************************
|
||||
D6SOFT : COMPLEMENTS BOOTSTRAP 3
|
||||
***************************************************/
|
||||
|
||||
/*** GENERALITES **********************************/
|
||||
|
||||
.center-block {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.col-centered {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.pull-down {
|
||||
display: inline-block;
|
||||
vertical-align: bottom;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.padding-tb10 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.clickable-row,
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.breadcrumb,
|
||||
button,
|
||||
.nav,
|
||||
.navbar,
|
||||
.nav-tabs > li > a,
|
||||
.panel,
|
||||
.panel-heading,
|
||||
.well {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ml-2 {
|
||||
margin-left: 0.5rem !important;
|
||||
}
|
||||
|
||||
/*** ACCORDEONS **********************************/
|
||||
.panel-accordion a:after {
|
||||
font-family: 'Glyphicons Halflings';
|
||||
content: '\e114';
|
||||
float: right;
|
||||
color: grey;
|
||||
}
|
||||
|
||||
.panel-accordion a.collapsed:after {
|
||||
content: '\e080';
|
||||
}
|
||||
|
||||
/*** ALERT ***************************************/
|
||||
.alert {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
/*** BARRE DE NAVIGATION nav-bar *****************/
|
||||
.navbar {
|
||||
background: #000000; /* #726B68 */
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
margin: 0;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.navbar-text {
|
||||
color: #dcdcdc;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li > a {
|
||||
color: #dcdcdc;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li > a.note {
|
||||
color: #f7ca18;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li > a.logout {
|
||||
background: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li.active > a {
|
||||
background: #60b7d3;
|
||||
color: #232f3e;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li.active > a > svg {
|
||||
fill: #232f3e;
|
||||
}
|
||||
|
||||
.nav > li:hover > a {
|
||||
color: #232f3e;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li:hover > a.note {
|
||||
background: #f7ca18;
|
||||
color: #232f3e;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.nav > li:hover > a.logout {
|
||||
color: #f7ca18;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.icon-bar {
|
||||
background-color: #9eb2c0 !important;
|
||||
}
|
||||
|
||||
.logo {
|
||||
font-size: 250%;
|
||||
font-family: 'Kaushan Script', cursive;
|
||||
}
|
||||
|
||||
.slogan {
|
||||
color: #6c894d;
|
||||
font-size: 150%;
|
||||
font-family: 'Kaushan Script', cursive;
|
||||
}
|
||||
|
||||
/*** BUTTONS ************************************/
|
||||
.btn-documents,
|
||||
.btn-documents:hover,
|
||||
.btn-documents:focus {
|
||||
background: #6c7a89;
|
||||
color: #ededed;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.btn-notes,
|
||||
.btn-notes:hover,
|
||||
.btn-notes:focus {
|
||||
background: #8d608c;
|
||||
color: #ededed;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/*** MODAL WINDOW *******************************/
|
||||
.modal .verylarge {
|
||||
width: 80%; /* responsive width */
|
||||
/* margin-left:-40%; /* width/2) */
|
||||
}
|
||||
|
||||
.modal .modallarge {
|
||||
width: 60%; /* responsive width */
|
||||
/* margin-left:-40%; /* width/2) */
|
||||
}
|
||||
|
||||
/*** ONGLETS nav-tab *****************************/
|
||||
.nav-tabs > li > a {
|
||||
background-color: #89c4f4;
|
||||
border: 1px solid #444444;
|
||||
color: #222;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* active tab color */
|
||||
.nav-tabs > li.active > a,
|
||||
.nav-tabs > li.active > a:hover,
|
||||
.nav-tabs > li.active > a:focus {
|
||||
color: #fff;
|
||||
background-color: #1f4788;
|
||||
border: 2px solid #444444;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
/* hover tab color */
|
||||
.nav-tabs > li > a:hover {
|
||||
border-color: #444444;
|
||||
background-color: #4fc1e9;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.tab-pane {
|
||||
padding: 5px;
|
||||
border: 1px solid #444444;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.nav-pills > li > a {
|
||||
color: #1f4788;
|
||||
}
|
||||
|
||||
.nav-pills > li.active > a,
|
||||
.nav-pills > li.active > a:focus,
|
||||
.nav-pills > li.active > a:hover {
|
||||
background-color: #3bafda;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
/*** PAGINATION ******************************/
|
||||
.pagination > .active > a,
|
||||
.pagination > .active > a:focus,
|
||||
.pagination > .active > a:hover,
|
||||
.pagination > .active > span,
|
||||
.pagination > .active > span:focus,
|
||||
.pagination > .active > span:hover {
|
||||
background-color: #3bafda;
|
||||
border-color: #3bafda;
|
||||
color: #fff;
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/*** PANELS **********************************/
|
||||
|
||||
/* Revoit les couleurs des panels */
|
||||
.panel-barre {
|
||||
background-color: #1f4788;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.panel-normal > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #f5f7fa;
|
||||
border-color: #e6e9ed;
|
||||
}
|
||||
|
||||
.panel-default > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #ccd1d9;
|
||||
border-color: #aab2bd;
|
||||
}
|
||||
|
||||
.panel-info > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #4fc1e9;
|
||||
border-color: #3bafda;
|
||||
}
|
||||
|
||||
.panel-warning > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #ffce54;
|
||||
border-color: #f6bb42;
|
||||
}
|
||||
|
||||
.panel-danger > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #ed5565;
|
||||
border-color: #da4453;
|
||||
}
|
||||
|
||||
.panel-success > .panel-heading {
|
||||
color: #333;
|
||||
background-color: #a0d468;
|
||||
border-color: #8cc152;
|
||||
}
|
||||
|
||||
.panel-documents .panel-heading,
|
||||
.panel-documents .panel-heading:hover,
|
||||
.panel-documents .panel-heading:focus {
|
||||
background: #6c7a89;
|
||||
color: #ededed;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.panel-notes .panel-heading,
|
||||
.panel-notes .panel-heading:hover,
|
||||
.panel-notes .panel-heading:focus {
|
||||
background: #8d608c;
|
||||
color: #ededed;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/********************************************************************/
|
||||
/*** PANEL-WITH-NAV-TABS ********************************************/
|
||||
|
||||
.panel.with-nav-tabs .panel-heading {
|
||||
padding: 5px 5px 0 5px;
|
||||
}
|
||||
|
||||
.panel.with-nav-tabs .nav-tabs {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.panel.with-nav-tabs .nav-justified {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
/********************************************************************/
|
||||
/*** PANEL PRIMARY ***/
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li > a,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
|
||||
color: #fff;
|
||||
background-color: #3071a9;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
|
||||
color: #428bca;
|
||||
background-color: #fff;
|
||||
border-color: #428bca;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
|
||||
background-color: #428bca;
|
||||
border-color: #3071a9;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
|
||||
background-color: #3071a9;
|
||||
}
|
||||
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
|
||||
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
|
||||
background-color: #4a9fe9;
|
||||
}
|
||||
|
||||
/*** TABLES table tr th td ************************/
|
||||
|
||||
/*** WELL ****************************************/
|
||||
.well {
|
||||
filter: alpha(opacity=90);
|
||||
opacity: 0.9;
|
||||
background-color: #dedede;
|
||||
border-color: transparent;
|
||||
/* padding: 10px; */
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.chiffrewell {
|
||||
font-size: 1.7em;
|
||||
font-weight: bold;
|
||||
}
|
||||
212
pub/res/css/d6-colors.css
Normal file
@@ -0,0 +1,212 @@
|
||||
.bg-green {
|
||||
background-color: #339933;
|
||||
}
|
||||
|
||||
.bg-success,
|
||||
.bg-emerald {
|
||||
background-color: #2ecc71;
|
||||
}
|
||||
|
||||
.bg-nephritis {
|
||||
background-color: #27ae60;
|
||||
}
|
||||
|
||||
.bg-lime {
|
||||
background-color: #8cbf26;
|
||||
}
|
||||
|
||||
.bg-green-light {
|
||||
background: #A0D468;
|
||||
}
|
||||
|
||||
.bg-teal {
|
||||
background-color: #00aba9;
|
||||
}
|
||||
|
||||
.bg-turquoise {
|
||||
background-color: #1abc9c;
|
||||
}
|
||||
|
||||
.bg-green-sea {
|
||||
background-color: #16a085;
|
||||
}
|
||||
|
||||
.bg-mint {
|
||||
background: #37bc9b;
|
||||
}
|
||||
|
||||
.bg-mint-light {
|
||||
background: #48cfad;
|
||||
}
|
||||
|
||||
.bg-mint-light label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
background-color: #2e8bcc;
|
||||
}
|
||||
|
||||
.text-blue {
|
||||
color: #2e8bcc;
|
||||
}
|
||||
|
||||
.bg-info,
|
||||
.bg-peter-river {
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
.bg-belize-hole {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
.bg-blue-jeans {
|
||||
background: #4A89DC;
|
||||
}
|
||||
|
||||
.bg-blue-jeans-light {
|
||||
background: #5D9CEC;
|
||||
}
|
||||
|
||||
.bg-blue-aqua-light {
|
||||
background: #4fc1e9;
|
||||
}
|
||||
|
||||
.bg-blue-aqua {
|
||||
background: #3BAFDA;
|
||||
}
|
||||
|
||||
.bg-wet-asphalt {
|
||||
background-color: #34495e;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-midnight-blue {
|
||||
background-color: #2c3e50;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-red {
|
||||
background-color: #e51400;
|
||||
}
|
||||
|
||||
.bg-pomegranate {
|
||||
background-color: #c0392b;
|
||||
}
|
||||
|
||||
.bg-danger,
|
||||
.bg-alert,
|
||||
.bg-alizarin {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
|
||||
.bg-red-light {
|
||||
background: #ed5565;
|
||||
}
|
||||
|
||||
.bg-pumpkin {
|
||||
background-color: #d35400;
|
||||
}
|
||||
|
||||
.bg-magenta {
|
||||
background-color: #ff0097;
|
||||
}
|
||||
|
||||
.bg-orange-light {
|
||||
background: #fc6e51;
|
||||
}
|
||||
|
||||
.bg-carrot {
|
||||
background-color: #e67e22;
|
||||
}
|
||||
|
||||
.bg-orange {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
|
||||
.bg-sun-flower,
|
||||
.bg-warning {
|
||||
background-color: #f1c40f;
|
||||
}
|
||||
|
||||
.bg-yellow {
|
||||
background-color: #ffc40d;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.bg-yellow-light,
|
||||
.stabilo {
|
||||
background: #FFCE54;
|
||||
}
|
||||
|
||||
.post-it {
|
||||
background: #FAFAD2;
|
||||
}
|
||||
|
||||
.bg-pink {
|
||||
background-color: #e671b8;
|
||||
}
|
||||
|
||||
.btn-purple,
|
||||
.bg-purple {
|
||||
background-color: #7b4f9d;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-amethyst {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.bg-wisteria {
|
||||
background-color: #8e44ad;
|
||||
}
|
||||
|
||||
.bg-wisteria-light {
|
||||
background-color: #BE90D4;
|
||||
}
|
||||
|
||||
.bg-wisteria-light label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.bg-clouds {
|
||||
background-color: #ecf0f1;
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.bg-clouds h1,
|
||||
.bg-clouds h2,
|
||||
.bg-clouds h3,
|
||||
.bg-clouds h4,
|
||||
.bg-clouds h5,
|
||||
.bg-clouds h6 {
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.bg-clouds .tile-label {
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
background-color: #ededed;
|
||||
}
|
||||
|
||||
.bg-silver {
|
||||
background-color: #bdc3c7;
|
||||
}
|
||||
|
||||
.bg-concrete {
|
||||
background-color: #95a5a6;
|
||||
}
|
||||
|
||||
.bg-asbestos {
|
||||
background-color: #7f8c8d;
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
background-color: #000000;
|
||||
}
|
||||
805
pub/res/css/d6-global.css
Normal file
@@ -0,0 +1,805 @@
|
||||
@font-face {
|
||||
font-family: 'OpenSansReg';
|
||||
src: url('../fonts/opensansreg/OpenSans-Regular-webfont.eot');
|
||||
src: url('../fonts/opensansreg/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/opensansreg/OpenSans-Regular-webfont.woff2') format('woff2'),
|
||||
url('../fonts/opensansreg/OpenSans-Regular-webfont.woff') format('woff'),
|
||||
url('../fonts/opensansreg/OpenSans-Regular-webfont.ttf') format('truetype'),
|
||||
url('../fonts/opensansreg/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Smartphones ----------- */
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
|
||||
body {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
}
|
||||
|
||||
/* iPads (portrait and landscape) ----------- */
|
||||
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
||||
body {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktops and laptops ----------- */
|
||||
@media only screen and (min-width: 1224px) {
|
||||
body {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large screens ----------- */
|
||||
@media only screen and (min-width: 1624px) {
|
||||
body {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'OpenSansReg', 'sans-serif';
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.m-0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.m-1 {
|
||||
margin: 10px !important;
|
||||
}
|
||||
|
||||
.mr-1 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.ml-1 {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
|
||||
.mt-0 {
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.mb-0 {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.p-0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.p-5 {
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.9em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
/*** LARGEURS ***************************************/
|
||||
|
||||
.w-10 {
|
||||
width: 10% !important;
|
||||
}
|
||||
|
||||
.w-20 {
|
||||
width: 20% !important;
|
||||
}
|
||||
|
||||
.w-25 {
|
||||
width: 25% !important;
|
||||
}
|
||||
|
||||
.w-33 {
|
||||
width: 33% !important;
|
||||
}
|
||||
|
||||
.w-40 {
|
||||
width: 40% !important;
|
||||
}
|
||||
|
||||
.w-50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.w-60 {
|
||||
width: 60% !important;
|
||||
}
|
||||
|
||||
.w-66 {
|
||||
width: 66% !important;
|
||||
}
|
||||
|
||||
.w-75 {
|
||||
width: 75% !important;
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#verticalBar {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
bottom: 30px;
|
||||
left: 0;
|
||||
width: 30px;
|
||||
padding: 5px;
|
||||
background-color: #000; /* Couleur de la barre */
|
||||
overflow-x: hidden;
|
||||
transition: width 0.5s; /* Durée de l'animation */
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.nav svg {
|
||||
vertical-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.navbar-brand img {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
min-height: calc(100vh - 80px);
|
||||
padding-bottom: 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
height: 30px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: black;
|
||||
color: white;
|
||||
width: 100%;
|
||||
border-top: 2px solid lightskyblue;
|
||||
margin-top: 5px;
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
/*** ALIGNEMENTS ET VISIBILITE ***************************************/
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.bolder {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
textalert {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*** FORMS ***********************************************************/
|
||||
input, select, textarea {
|
||||
color: #000000 !important;
|
||||
}
|
||||
|
||||
.numeric {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.inputReadOnly {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[required], select[required], textarea[required] {
|
||||
border-color: #b03967;
|
||||
}
|
||||
|
||||
input:required:invalid, select:required:invalid, textarea:required:invalid {
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
|
||||
border-color: #4FD0FB;
|
||||
box-shadow: 0 2px 2px #4FD0FB inset, 0 0 8px #4FD0FB;
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
.blink-input {
|
||||
animation: blink 0.5s;
|
||||
}
|
||||
|
||||
@keyframes blink-input {
|
||||
50% {
|
||||
border-color: red;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pour que l'autocomplete soit toujours devant le reste */
|
||||
.ui-autocomplete {
|
||||
z-index: 1511 !important;
|
||||
}
|
||||
|
||||
|
||||
/*** ICONS ***********************************************************/
|
||||
svg {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
/*** PANELS **********************************************************/
|
||||
.pan {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 5px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.pan-heading {
|
||||
border-bottom: 1px solid #ddd;
|
||||
border-radius: 3px 3px 0 0;
|
||||
color: #333;
|
||||
font-size: 18px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.pan-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.pan-body {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
/*** TABLES ***********************************************************/
|
||||
.table-hover tbody tr:hover td,
|
||||
.table-hover tbody tr:hover th {
|
||||
background-color: #a6a6a6 !important;
|
||||
}
|
||||
|
||||
table tr.trCaption th {
|
||||
background-color: #0a6ebd;
|
||||
color: #ffffff;
|
||||
font-size: 1.1em;
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
|
||||
.transparent table, .transparent table tr, .transparent table td {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/*** LOADING **********************************************************/
|
||||
#loadingDiv {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
border: 20px solid #f3f3f3;
|
||||
border-top: 16px solid #9c41f2;
|
||||
border-radius: 100%;
|
||||
margin: auto;
|
||||
visibility: hidden;
|
||||
animation: spin 1s infinite linear;
|
||||
}
|
||||
|
||||
#loadingDiv.display {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/*** DIAPORAMA **********************************************************/
|
||||
|
||||
.diaporama {
|
||||
position: relative;
|
||||
height: 0;
|
||||
/* width: 100%; */
|
||||
padding-bottom: 56.25%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.diaporama img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
opacity: 0;
|
||||
transition: opacity 1s ease-in-out;
|
||||
}
|
||||
|
||||
.diaporama img:first-child {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.diaporama img.active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
/*** BADGES **************************************/
|
||||
|
||||
[data-after-text],
|
||||
[data-before-text] {
|
||||
--badge-offset-x: calc(0px - var(--badge-size) / 3);
|
||||
--badge-offset-y: calc(0px - var(--badge-size) / 3);
|
||||
--badge-size: 1.5rem;
|
||||
--circle-size: 2rem;
|
||||
--dot-offset: 0.5rem;
|
||||
--dot-size: 0.5rem;
|
||||
|
||||
--b: initial;
|
||||
--bgc: hsl(195, 100%, 30%);
|
||||
--bdrs: 0;
|
||||
--c: hsl(195, 100%, 99%);
|
||||
--d: inline-flex;
|
||||
--fz: 1.2rem;
|
||||
--fw: 700;
|
||||
--h: auto;
|
||||
--l: initial;
|
||||
--m: 0.4rem;
|
||||
--p: 0;
|
||||
--pos: static;
|
||||
--r: initial;
|
||||
--t: initial;
|
||||
--tt: uppercase;
|
||||
--w: initial;
|
||||
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-after-text]:not([data-after-text=""])::after {
|
||||
content: attr(data-after-text);
|
||||
}
|
||||
|
||||
[data-before-text]:not([data-before-text=""])::before {
|
||||
content: attr(data-before-text);
|
||||
}
|
||||
|
||||
[data-after-text]:not([data-after-text=""])::after,
|
||||
[data-before-text]:not([data-before-text=""])::before {
|
||||
align-items: center;
|
||||
background: var(--bgc);
|
||||
border-radius: var(--bdrs);
|
||||
bottom: var(--b);
|
||||
box-shadow: var(--bxsh);
|
||||
box-sizing: border-box;
|
||||
color: var(--c);
|
||||
display: var(--d);
|
||||
font-size: var(--fz);
|
||||
font-weight: var(--fw);
|
||||
height: var(--h);
|
||||
justify-content: center;
|
||||
left: var(--l);
|
||||
padding: var(--p);
|
||||
position: var(--pos);
|
||||
right: var(--r);
|
||||
text-decoration: none;
|
||||
text-transform: var(--tt);
|
||||
top: var(--t);
|
||||
width: var(--w);
|
||||
}
|
||||
|
||||
/* MODIFIERS */
|
||||
[data-after-type*="badge"]::after,
|
||||
[data-before-type*="badge"]::before {
|
||||
--bdrs: var(--badge-size);
|
||||
--bxsh: 0 0 0 2px rgba(255, 255, 255, 0.5);
|
||||
--h: var(--badge-size);
|
||||
--p: 0;
|
||||
--pos: absolute;
|
||||
--w: var(--badge-size);
|
||||
}
|
||||
|
||||
[data-after-type*="circle"],
|
||||
[data-before-type*="circle"] {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
[data-after-type*="circle"]::after,
|
||||
[data-before-type*="circle"]::before {
|
||||
--bdrs: 50%;
|
||||
--fw: 600;
|
||||
--h: var(--circle-size);
|
||||
/ / --pos: relative;
|
||||
/ / --t: - 0.75 em;
|
||||
--tt: initial;
|
||||
--w: var(--circle-size);
|
||||
}
|
||||
|
||||
[data-after-type*="circle"]::after,
|
||||
[data-after-type*="pill"]::after {
|
||||
margin-inline-start: 1ch;
|
||||
}
|
||||
|
||||
[data-before-type*="circle"]::before,
|
||||
[data-before-type*="dot"]::before,
|
||||
[data-before-type*="pill"]::before {
|
||||
margin-inline-end: 1ch;
|
||||
}
|
||||
|
||||
[data-after-type*="dot"]::after,
|
||||
[data-before-type*="dot"]::before {
|
||||
--bdrs: 50%;
|
||||
--d: inline-block;
|
||||
--fz: 50%;
|
||||
--h: var(--dot-size);
|
||||
--p: 0;
|
||||
--pos: relative;
|
||||
--t: -1px;
|
||||
--w: var(--dot-size);
|
||||
}
|
||||
|
||||
[data-after-type*="dot"]::after,
|
||||
[data-before-type*="dot"]::before {
|
||||
content: "" !important;
|
||||
}
|
||||
|
||||
[data-after-type*="pill"]::after,
|
||||
[data-before-type*="pil"]::before {
|
||||
--bdrs: 1rem;
|
||||
--p: 0.25rem 0.75rem;
|
||||
--pos: relative;
|
||||
--t: -1px;
|
||||
}
|
||||
|
||||
/* COLORS */
|
||||
[data-after-type*="blue"]::after,
|
||||
[data-before-type*="blue"]::before {
|
||||
--bgc: #007acc;
|
||||
}
|
||||
|
||||
[data-after-type*="darkgray"]::after,
|
||||
[data-before-type*="darkgray"]::before {
|
||||
--bgc: #706e6b;
|
||||
--c: #fff;
|
||||
}
|
||||
|
||||
[data-after-type*="green"]::after,
|
||||
[data-before-type*="green"]::before {
|
||||
--bgc: #04844b;
|
||||
}
|
||||
|
||||
[data-after-type*="lightgray"]::after,
|
||||
[data-before-type*="lightgray"]::before {
|
||||
--bgc: #ecebea;
|
||||
--c: #080707;
|
||||
}
|
||||
|
||||
[data-after-type*="orange"]::after,
|
||||
[data-before-type*="orange"]::before {
|
||||
--bgc: #ffb75d;
|
||||
--c: #080707;
|
||||
}
|
||||
|
||||
[data-after-type*="red"]::after,
|
||||
[data-before-type*="red"]::before {
|
||||
--bgc: #c23934;
|
||||
}
|
||||
|
||||
/* POSITION */
|
||||
[data-after-type*="top"]::after,
|
||||
[data-before-type*="top"]::before {
|
||||
--b: auto;
|
||||
--pos: absolute;
|
||||
--t: var(--dot-offset);
|
||||
}
|
||||
|
||||
[data-after-type*="right"]::after,
|
||||
[data-before-type*="right"]::before {
|
||||
--l: auto;
|
||||
--pos: absolute;
|
||||
--r: var(--dot-offset);
|
||||
}
|
||||
|
||||
[data-after-type*="bottom"]::after,
|
||||
[data-before-type*="bottom"]::before {
|
||||
--b: var(--dot-offset);
|
||||
--pos: absolute;
|
||||
--t: auto;
|
||||
}
|
||||
|
||||
[data-after-type*="left"]::after,
|
||||
[data-before-type*="left"]::before {
|
||||
--pos: absolute;
|
||||
--r: auto;
|
||||
--l: var(--dot-offset);
|
||||
}
|
||||
|
||||
[data-after-type*="badge"][data-after-type*="top"]::after,
|
||||
[data-before-type*="badge"][data-before-type*="top"]::before {
|
||||
--m: 0;
|
||||
--t: var(--badge-offset-y);
|
||||
}
|
||||
|
||||
[data-after-type*="badge"][data-after-type*="right"]::after,
|
||||
[data-before-type*="badge"][data-before-type*="right"]::before {
|
||||
--m: 0;
|
||||
--r: var(--badge-offset-x);
|
||||
}
|
||||
|
||||
[data-after-type*="badge"][data-after-type*="bottom"]::after,
|
||||
[data-before-type*="badge"][data-before-type*="bottom"]::before {
|
||||
--b: var(--badge-offset-y);
|
||||
--m: 0;
|
||||
}
|
||||
|
||||
[data-after-type*="badge"][data-after-type*="left"]::after,
|
||||
[data-before-type*="badge"][data-before-type*="left"]::before {
|
||||
--l: var(--badge-offset-x);
|
||||
--m: 0;
|
||||
}
|
||||
|
||||
|
||||
/*** COLORS ***********************************************************/
|
||||
.bg-green {
|
||||
background-color: #339933;
|
||||
}
|
||||
|
||||
.bg-success,
|
||||
.bg-emerald {
|
||||
background-color: #2ecc71;
|
||||
}
|
||||
|
||||
.bg-nephritis {
|
||||
background-color: #27ae60;
|
||||
}
|
||||
|
||||
.bg-lime {
|
||||
background-color: #8cbf26;
|
||||
}
|
||||
|
||||
.bg-green-light {
|
||||
background: #A0D468;
|
||||
}
|
||||
|
||||
.bg-teal {
|
||||
background-color: #00aba9;
|
||||
}
|
||||
|
||||
.bg-turquoise {
|
||||
background-color: #1abc9c;
|
||||
}
|
||||
|
||||
.bg-green-sea {
|
||||
background-color: #16a085;
|
||||
}
|
||||
|
||||
.bg-mint {
|
||||
background: #37bc9b;
|
||||
}
|
||||
|
||||
.bg-mint-light {
|
||||
background: #48cfad;
|
||||
}
|
||||
|
||||
.bg-mint-light label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
background-color: #2e8bcc;
|
||||
}
|
||||
|
||||
.text-blue {
|
||||
color: #2e8bcc;
|
||||
}
|
||||
|
||||
.bg-info,
|
||||
.bg-peter-river {
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
.bg-belize-hole {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
.bg-blue-jeans {
|
||||
background: #4A89DC;
|
||||
}
|
||||
|
||||
.bg-blue-jeans-light {
|
||||
background: #5D9CEC;
|
||||
}
|
||||
|
||||
.bg-blue-aqua-light {
|
||||
background: #4fc1e9;
|
||||
}
|
||||
|
||||
.bg-blue-aqua {
|
||||
background: #3BAFDA;
|
||||
}
|
||||
|
||||
.bg-wet-asphalt {
|
||||
background-color: #34495e;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-midnight-blue {
|
||||
background-color: #2c3e50;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-red {
|
||||
background-color: #e51400;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-pomegranate {
|
||||
background-color: #c0392b;
|
||||
}
|
||||
|
||||
.bg-danger,
|
||||
.bg-alert,
|
||||
.bg-alizarin {
|
||||
background-color: #e74c3c;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-red-light {
|
||||
background: #ed5565;
|
||||
}
|
||||
|
||||
.bg-pumpkin {
|
||||
background-color: #d35400;
|
||||
}
|
||||
|
||||
.bg-magenta {
|
||||
background-color: #ff0097;
|
||||
}
|
||||
|
||||
.bg-orange-light {
|
||||
background: #fc6e51;
|
||||
}
|
||||
|
||||
.bg-carrot {
|
||||
background-color: #e67e22;
|
||||
}
|
||||
|
||||
.bg-orange {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
|
||||
.bg-sun-flower,
|
||||
.bg-warning {
|
||||
background-color: #f1c40f !important;
|
||||
}
|
||||
|
||||
.bg-yellow {
|
||||
background-color: #ffc40d;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.bg-yellow-light,
|
||||
.stabilo {
|
||||
background: #FFCE54;
|
||||
}
|
||||
|
||||
.post-it {
|
||||
background: #FAFAD2;
|
||||
}
|
||||
|
||||
.bg-pink {
|
||||
background-color: #e671b8;
|
||||
}
|
||||
|
||||
.btn-purple,
|
||||
.bg-purple {
|
||||
background-color: #7b4f9d;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-amethyst {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.bg-wisteria {
|
||||
background-color: #8e44ad;
|
||||
}
|
||||
|
||||
.bg-wisteria-light {
|
||||
background-color: #BE90D4;
|
||||
}
|
||||
|
||||
.bg-wisteria-light label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.bg-clouds {
|
||||
background-color: #ecf0f1;
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.bg-clouds h1,
|
||||
.bg-clouds h2,
|
||||
.bg-clouds h3,
|
||||
.bg-clouds h4,
|
||||
.bg-clouds h5,
|
||||
.bg-clouds h6 {
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.bg-clouds .tile-label {
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.bg-light {
|
||||
background-color: #ededed;
|
||||
}
|
||||
|
||||
.bg-silver {
|
||||
background-color: #bdc3c7;
|
||||
}
|
||||
|
||||
.bg-concrete {
|
||||
background-color: #95a5a6;
|
||||
}
|
||||
|
||||
.bg-asbestos {
|
||||
background-color: #7f8c8d;
|
||||
}
|
||||
|
||||
.bg-dark {
|
||||
background-color: #000000;
|
||||
}
|
||||
896
pub/res/css/flat-form.css
Normal file
@@ -0,0 +1,896 @@
|
||||
/* ========================================================
|
||||
Flat form with Bootstrap 3
|
||||
|
||||
Version: 1.1
|
||||
Last change: 07.12.2014
|
||||
Author: David Tovt
|
||||
|
||||
====[ LAYOUT ]=============================================
|
||||
|
||||
- Defaults
|
||||
- Horizontal form
|
||||
- Input with icons
|
||||
- File input
|
||||
- Select
|
||||
- Checkbox, radio and toggles
|
||||
- Checkbox and radio
|
||||
- Toggles
|
||||
- Ratings
|
||||
- Buttons
|
||||
- Alerts
|
||||
- Panel
|
||||
- Tooltip and help icon
|
||||
- Cart
|
||||
|
||||
======================================================== */
|
||||
|
||||
/*
|
||||
Defaults
|
||||
*/
|
||||
|
||||
a,
|
||||
.btn-link {
|
||||
color: #3fc0eb;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.btn-link:hover {
|
||||
text-decoration: none;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0 0 30px;
|
||||
}
|
||||
|
||||
fieldset legend {
|
||||
padding: 5px 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
label {
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.form-group:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.control-label {
|
||||
display: block;
|
||||
padding: 6px;
|
||||
font-size: 12px;
|
||||
line-height: 22px;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
color: #999;
|
||||
background: rgba(0, 0, 0, 0.014);
|
||||
}
|
||||
|
||||
.control-label.control-label-sm {
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
line-height: 20px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.control-label.control-label-lg {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
line-height: 26px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
label .additional,
|
||||
.control-label .additional {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
font-weight: normal;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: #4fd0fb;
|
||||
}
|
||||
|
||||
.help-block {
|
||||
font-size: 12px;
|
||||
margin: 2px 0 0;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
.required-field {
|
||||
display: inline;
|
||||
font-size: 18px;
|
||||
line-height: 12px;
|
||||
color: #f45858;
|
||||
}
|
||||
|
||||
/*
|
||||
Horizontal form
|
||||
*/
|
||||
|
||||
.form-horizontal .control-label {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.form-horizontal .has-feedback .form-control-feedback {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
Input with icons
|
||||
*/
|
||||
|
||||
.form-control-feedback {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.has-feedback.has-left-icon .form-control {
|
||||
padding-left: 42.5px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.has-feedback.has-left-icon .form-control-feedback {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.has-success .form-control { border-color: #0ac964; }
|
||||
.has-success .form-control-feedback { color: #0ac964; }
|
||||
|
||||
.has-warning .form-control { border-color: #c19716; }
|
||||
.has-warning .form-control-feedback { color: #c19716; }
|
||||
|
||||
.has-error .form-control { border-color: #f45858; }
|
||||
.has-error .form-control-feedback { color: #f45858; }
|
||||
|
||||
/*
|
||||
File input
|
||||
*/
|
||||
|
||||
.file-input {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.file-input label {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.file-input .btn {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 3px;
|
||||
bottom: 3px;
|
||||
max-width: 100px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.file-input.input-sm .btn {
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.file-input.input-lg .btn {
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
.file-input .btn input {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.file-input .file-name {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/*
|
||||
Select
|
||||
*/
|
||||
|
||||
select.form-control.multiple {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
select.form-control.multiple option {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.fancy-select {
|
||||
position: relative;
|
||||
color: #46565D;
|
||||
}
|
||||
|
||||
.fancy-select.disabled .form-control {
|
||||
cursor: inherit;
|
||||
opacity: 0.5;
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.fancy-select .form-control {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.fancy-select .form-control:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
content: "";
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin: -6px 8px 0 0;
|
||||
font-family: FontAwesome;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.fancy-select .form-control.open {
|
||||
border-color: #4fd0fb;
|
||||
}
|
||||
|
||||
.fancy-select .form-control.open:after {
|
||||
margin-top: -4px;
|
||||
color: #4fd0fb;
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.fancy-select ul.options {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
overflow: auto;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
max-height: 200px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 1px solid #ddd;
|
||||
list-style: none;
|
||||
z-index: 50;
|
||||
background: #f6f6f6;
|
||||
opacity: 0;
|
||||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.fancy-select ul.options.open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.fancy-select ul.options.overflowing {
|
||||
top: auto;
|
||||
bottom: 100%;
|
||||
}
|
||||
|
||||
.fancy-select ul.options.overflowing.open {
|
||||
top: auto;
|
||||
}
|
||||
|
||||
.fancy-select ul.options li {
|
||||
padding: 8px 12px;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.fancy-select ul.options li.hover {
|
||||
color: #000;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
|
||||
.fancy-select ul.options li.selected {
|
||||
color: #fff;
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
/*
|
||||
Checkbox, radio and toggles
|
||||
*/
|
||||
|
||||
.radio-inline,
|
||||
.checkbox-inline {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
label.custom-option {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
height: 20px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
label.custom-option + label {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
label.custom-option input[type="checkbox"],
|
||||
label.custom-option input[type="radio"],
|
||||
label.custom-option .button-checkbox,
|
||||
label.custom-option .button-radio {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
label.custom-option input[type="checkbox"],
|
||||
label.custom-option input[type="radio"] {
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
label.custom-option .button-checkbox,
|
||||
label.custom-option .button-radio {
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
label.custom-option input[type="checkbox"]:checked + .button-checkbox,
|
||||
label.custom-option input[type="radio"]:checked+ .button-radio {
|
||||
border-color: #4fd0fb;
|
||||
}
|
||||
|
||||
label.custom-option input[type="checkbox"] + .button-checkbox:after,
|
||||
label.custom-option input[type="radio"] + .button-radio:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
label.custom-option .button-radio,
|
||||
label.custom-option .button-radio:after {
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
/* Checkbox and radio */
|
||||
label.custom-option {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
label.custom-option.button input[type="checkbox"] + .button-checkbox:after,
|
||||
label.custom-option.button input[type="radio"] + .button-radio:after {
|
||||
display: none;
|
||||
top: 5px;
|
||||
bottom: 5px;
|
||||
left: 5px;
|
||||
width: 8px;
|
||||
background: #4fd0fb;
|
||||
}
|
||||
|
||||
label.custom-option.button input[type="checkbox"]:checked + .button-checkbox:after,
|
||||
label.custom-option.button input[type="radio"]:checked + .button-radio:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Toggles */
|
||||
label.custom-option.toggle {
|
||||
width: 46px;
|
||||
}
|
||||
|
||||
label.custom-option.toggle:before,
|
||||
label.custom-option.toggle:after {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
width: 24px;
|
||||
font-size: 8px;
|
||||
line-height: 19px;
|
||||
text-align: center;
|
||||
font-family: Arial, sans-serif;
|
||||
color: #777;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
label.custom-option.toggle:before {
|
||||
content: attr(data-on);
|
||||
left: 1px;
|
||||
}
|
||||
|
||||
label.custom-option.toggle:after {
|
||||
content: attr(data-off);
|
||||
right: 1px;
|
||||
}
|
||||
|
||||
label.custom-option.toggle input[type="checkbox"] + .button-checkbox:after,
|
||||
label.custom-option.toggle input[type="radio"] + .button-radio:after {
|
||||
display: block;
|
||||
top: 1px;
|
||||
bottom: 1px;
|
||||
left: 1px;
|
||||
width: 20px;
|
||||
background: #ccc;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
label.custom-option.toggle input[type="checkbox"]:checked + .button-checkbox:after,
|
||||
label.custom-option.toggle input[type="radio"]:checked + .button-radio:after {
|
||||
left: 23px;
|
||||
background: #4fd0fb;
|
||||
}
|
||||
|
||||
/*
|
||||
Ratings
|
||||
*/
|
||||
|
||||
.rating {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.rating .rating-wrapper {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.rating .rating-wrapper > input {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
opacity: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.rating .rating-wrapper > label {
|
||||
float: right;
|
||||
padding-right: 2px;
|
||||
padding-left: 2px;
|
||||
color: #ccc;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.rating.rating-sm .rating-wrapper > label { padding-top: 5px; padding-bottom: 5px; line-height: 16px; }
|
||||
.rating .rating-wrapper > label { padding-top: 7px; padding-bottom: 7px; line-height: 20px; }
|
||||
.rating.rating-lg .rating-wrapper > label { padding-top: 10px; padding-bottom: 10px; line-height: 26px; }
|
||||
|
||||
.rating.rating-sm.star .rating-wrapper > label { font-size: 16px; }
|
||||
.rating.star .rating-wrapper > label { font-size: 20px; }
|
||||
.rating.rating-lg.star .rating-wrapper > label { font-size: 26px; }
|
||||
|
||||
.rating.rating-sm.heart .rating-wrapper > label { font-size: 14px; }
|
||||
.rating.heart .rating-wrapper > label { font-size: 18px; }
|
||||
.rating.rating-lg.heart .rating-wrapper > label { font-size: 24px; }
|
||||
|
||||
.rating.star .rating-wrapper > input:checked ~ label { color: #fcc54e; }
|
||||
.rating.star .rating-wrapper > input:hover ~ label { color: #ecb54e; }
|
||||
|
||||
.rating.heart .rating-wrapper > input:checked ~ label { color: #f45858; }
|
||||
.rating.heart .rating-wrapper > input:hover ~ label { color: #d43838; }
|
||||
|
||||
.rating .control-label {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*
|
||||
Buttons
|
||||
*/
|
||||
/*
|
||||
.btn {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
z-index: 1;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.btn:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
bottom: -1px;
|
||||
left: -1px;
|
||||
z-index: -1;
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
transition: all 0.5s;
|
||||
}
|
||||
|
||||
.btn:hover:before {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.btn.btn-animated:hover:before {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-moz-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
/*
|
||||
.btn-default,
|
||||
.btn-default:hover { border-color: #ccc; }
|
||||
.btn-default:before { background: #f0f0f0; }
|
||||
.btn-default:hover { color: #999; }
|
||||
|
||||
.btn-primary,
|
||||
.btn-primary:hover { border-color: #0f9fcf; }
|
||||
.btn-primary:before { background: #4fd0fb; }
|
||||
.btn-primary:hover { color: #0f9fcf; }
|
||||
|
||||
.btn-success,
|
||||
.btn-success:hover { border-color: #0ac964; }
|
||||
.btn-success:before { background: #50f29c; }
|
||||
.btn-success:hover { color: #0ac964; }
|
||||
|
||||
.btn-info,
|
||||
.btn-info:hover { border-color: #8078cc; }
|
||||
.btn-info:before { background: #b2ade4; }
|
||||
.btn-info:hover { color: #8078cc; }
|
||||
|
||||
.btn-warning,
|
||||
.btn-warning:hover { border-color: #c19716; }
|
||||
.btn-warning:before { background: #ecc54e; }
|
||||
.btn-warning:hover { color: #c19716; }
|
||||
|
||||
.btn-danger,
|
||||
.btn-danger:hover { border-color: #ab0505; }
|
||||
.btn-danger:before { background: #f45858; }
|
||||
.btn-danger:hover { color: #ab0505; }
|
||||
*/
|
||||
.btn-block.btn-facebook .fa,
|
||||
.btn-block.btn-twitter .fa,
|
||||
.btn-block.btn-google .fa { background: rgba(0, 0, 0, 0.1); }
|
||||
|
||||
.btn-facebook,
|
||||
.btn-facebook:hover,
|
||||
.btn-twitter,
|
||||
.btn-twitter:hover,
|
||||
.btn-google,
|
||||
.btn-google:hover { color: #fff; }
|
||||
|
||||
.btn-facebook { background: #3b5a9a; border-color: #3b5a9a; }
|
||||
.btn-facebook:hover { background: #5873a9; }
|
||||
|
||||
.btn-twitter { background: #29a9e1; border-color: #29a9e1; }
|
||||
.btn-twitter:hover { background: #49b6e5; }
|
||||
|
||||
.btn-google { background: #df4b38; border-color: #df4b38; }
|
||||
.btn-google:hover { background: #e46656; }
|
||||
|
||||
.input-group-btn > .btn,
|
||||
.input-group-btn > .btn:hover,
|
||||
.input-group-btn > .btn:focus,
|
||||
.input-group-btn > .btn:active {
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.btn.btn-sm.btn-left-icon { padding-left: 29px; }
|
||||
.btn.btn-left-icon { padding-left: 33px; }
|
||||
.btn.btn-lg.btn-left-icon { padding-left: 45px; }
|
||||
|
||||
.btn.btn-sm.btn-right-icon { padding-right: 29px; }
|
||||
.btn.btn-right-icon { padding-right: 33px; }
|
||||
.btn.btn-lg.btn-right-icon { padding-right: 45px; }
|
||||
|
||||
.btn.btn-sm.btn-left-icon .fa,
|
||||
.btn.btn-sm.btn-right-icon .fa {
|
||||
width: 29px;
|
||||
line-height: 29px;
|
||||
}
|
||||
|
||||
.btn.btn-left-icon .fa,
|
||||
.btn.btn-right-icon .fa {
|
||||
width: 33px;
|
||||
line-height: 33px;
|
||||
}
|
||||
|
||||
.btn.btn-lg.btn-left-icon .fa,
|
||||
.btn.btn-lg.btn-right-icon .fa {
|
||||
width: 45px;
|
||||
line-height: 45px;
|
||||
}
|
||||
|
||||
.btn.btn-left-icon .fa,
|
||||
.btn.btn-right-icon .fa {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.btn.btn-left-icon .fa {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.btn.btn-right-icon .fa {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
Alerts
|
||||
*/
|
||||
|
||||
.alert {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
/*
|
||||
.alert-default { background: #f9f9f9; }
|
||||
.alert-success { background: #cafbe1; }
|
||||
.alert-info { background: #d8e6f7; }
|
||||
.alert-warning { background: #f9edca; }
|
||||
.alert-danger { background: #fccdcd; }
|
||||
|
||||
.alert-default,
|
||||
.alert-default .alert-link { color: #999; border-color: #eee; }
|
||||
.alert-success,
|
||||
.alert-success .alert-link { color: #0ac964; border-color: #a7f8cd; }
|
||||
.alert-info,
|
||||
.alert-info .alert-link { color: #7088cc; border-color: #c8d6f1; }
|
||||
.alert-warning,
|
||||
.alert-warning .alert-link { color: #c19716; border-color: #f5e2a6; }
|
||||
.alert-danger,
|
||||
.alert-danger .alert-link { color: #ab0505; border-color: #f9abab; }
|
||||
|
||||
.alert .alert-link {
|
||||
text-decoration: underline;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.alert .alert-link:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.alert .close {
|
||||
top: -1px;
|
||||
font-family: Arial, sans-serif;
|
||||
opacity: 0.4;
|
||||
}
|
||||
*/
|
||||
/*
|
||||
Panel
|
||||
*/
|
||||
/*
|
||||
.panel.panel-form {
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.panel.panel-form,
|
||||
.panel.panel-form .panel-heading,
|
||||
.panel.panel-form .panel-footer {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-heading {
|
||||
text-align: center;
|
||||
border-bottom: 7px solid #eee;
|
||||
color: #d6f5ff;
|
||||
background: #4fd0fb;
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-heading a {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-heading a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-heading p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-heading .title {
|
||||
position: relative;
|
||||
margin: 0 0 10px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-heading .title:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
bottom: -8px;
|
||||
left: 50%;
|
||||
width: 30px;
|
||||
height: 0;
|
||||
margin-left: -15px;
|
||||
border-bottom: 1px solid rgba(100%, 100%, 100%, 0.3);
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-body {
|
||||
padding: 30px;
|
||||
background: #fcfcfc;
|
||||
}
|
||||
|
||||
.panel.panel-form .panel-footer {
|
||||
border-top: 1px solid #e6e6e6;
|
||||
color: #aaa;
|
||||
background: #f6f6f6;
|
||||
}
|
||||
|
||||
*/
|
||||
/*
|
||||
Tooltip and help icon
|
||||
*/
|
||||
|
||||
.tooltip {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.tooltip.in {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
padding: 5px 10px;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.fa.help-icon {
|
||||
font-size: 14px;
|
||||
color: #4fd0fb;
|
||||
cursor: help;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
label .fa.help-icon,
|
||||
.control-label .fa.help-icon {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
/*
|
||||
Cart
|
||||
*/
|
||||
|
||||
.cart-steps {
|
||||
margin-bottom: 30px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.cart-steps ul {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.cart-steps li {
|
||||
padding-top: 0;
|
||||
padding-bottom: 10px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.cart-steps li:after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
top: 40px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.cart-steps li:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
top: 41px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-top: 5px solid #eee;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
}
|
||||
|
||||
.cart-steps li span {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 auto 10px;
|
||||
line-height: 40px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
/* Active */
|
||||
.cart-steps li.active {
|
||||
color: #333;
|
||||
border-color: #4fd0fb;
|
||||
}
|
||||
|
||||
.cart-steps li.active:after {
|
||||
border-color: #4fd0fb;
|
||||
}
|
||||
|
||||
.cart-steps li.active:before {
|
||||
border-top-color: #4fd0fb;
|
||||
}
|
||||
|
||||
.cart-steps li.active span {
|
||||
background: #4fd0fb;
|
||||
}
|
||||
|
||||
.product-list,
|
||||
.user-data ul {
|
||||
margin: 0 0 20px;
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.product-list li {
|
||||
margin: 0;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.product-list li:nth-child(even) {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
|
||||
.price-list {
|
||||
margin: 0 0 30px;
|
||||
padding: 10px 0;
|
||||
border-top: 1px solid #eee;
|
||||
border-bottom: 1px solid #eee;
|
||||
line-height: 30px;
|
||||
text-transform:uppercase;
|
||||
}
|
||||
|
||||
.price-list ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
2
pub/res/css/home.svg
Normal file
@@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" id="Isolation_Mode" data-name="Isolation Mode" viewBox="0 0 24 24" width="512" height="512"><path d="M13.768,1.147a2.5,2.5,0,0,0-3.536,0L0,11.38V21a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.38ZM21,21H16V17.818A3.818,3.818,0,0,0,12.182,14h-.364A3.818,3.818,0,0,0,8,17.818V21H3V12.622l9-9,9,9Z"/></svg>
|
||||
|
After Width: | Height: | Size: 372 B |
4
pub/res/css/images/address-book.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M96 0C60.7 0 32 28.7 32 64V448c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H96zM208 288h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H144c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zM512 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V80zM496 192c-8.8 0-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm16 144c0-8.8-7.2-16-16-16s-16 7.2-16 16v64c0 8.8 7.2 16 16 16s16-7.2 16-16V336z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 751 B |
4
pub/res/css/images/address-card.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 256h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm256-32H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 745 B |
4
pub/res/css/images/at.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M256 64C150 64 64 150 64 256s86 192 192 192c17.7 0 32 14.3 32 32s-14.3 32-32 32C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256v32c0 53-43 96-96 96c-29.3 0-55.6-13.2-73.2-33.9C320 371.1 289.5 384 256 384c-70.7 0-128-57.3-128-128s57.3-128 128-128c27.9 0 53.7 8.9 74.7 24.1c5.7-5 13.1-8.1 21.3-8.1c17.7 0 32 14.3 32 32v80 32c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-106-86-192-192-192zm64 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 695 B |
4
pub/res/css/images/boxes-packing.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M256 48c0-26.5 21.5-48 48-48H592c26.5 0 48 21.5 48 48V464c0 26.5-21.5 48-48 48H381.3c1.8-5 2.7-10.4 2.7-16V253.3c18.6-6.6 32-24.4 32-45.3V176c0-26.5-21.5-48-48-48H256V48zM571.3 347.3c6.2-6.2 6.2-16.4 0-22.6l-64-64c-6.2-6.2-16.4-6.2-22.6 0l-64 64c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L480 310.6V432c0 8.8 7.2 16 16 16s16-7.2 16-16V310.6l36.7 36.7c6.2 6.2 16.4 6.2 22.6 0zM0 176c0-8.8 7.2-16 16-16H368c8.8 0 16 7.2 16 16v32c0 8.8-7.2 16-16 16H16c-8.8 0-16-7.2-16-16V176zm352 80V480c0 17.7-14.3 32-32 32H64c-17.7 0-32-14.3-32-32V256H352zM144 320c-8.8 0-16 7.2-16 16s7.2 16 16 16h96c8.8 0 16-7.2 16-16s-7.2-16-16-16H144z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 878 B |
4
pub/res/css/images/chart-simple.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M160 80c0-26.5 21.5-48 48-48h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V80zM0 272c0-26.5 21.5-48 48-48H80c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V272zM368 96h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H368c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 580 B |
4
pub/res/css/images/clone.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M0 448c0 35.3 28.7 64 64 64H288c35.3 0 64-28.7 64-64V384H224c-53 0-96-43-96-96V160H64c-35.3 0-64 28.7-64 64V448zm224-96H448c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H224c-35.3 0-64 28.7-64 64V288c0 35.3 28.7 64 64 64z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 479 B |
4
pub/res/css/images/cube.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M234.5 5.7c13.9-5 29.1-5 43.1 0l192 68.6C495 83.4 512 107.5 512 134.6V377.4c0 27-17 51.2-42.5 60.3l-192 68.6c-13.9 5-29.1 5-43.1 0l-192-68.6C17 428.6 0 404.5 0 377.4V134.6c0-27 17-51.2 42.5-60.3l192-68.6zM256 66L82.3 128 256 190l173.7-62L256 66zm32 368.6l160-57.1v-188L288 246.6v188z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 542 B |
4
pub/res/css/images/cubes.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M273.8 45.8l73.7 28L271.2 103 194.8 73.7l73.7-28c1.7-.7 3.6-.7 5.3 0zM128.1 87.1V192.6c-1.2 .4-2.4 .8-3.6 1.2L34.1 228.1c-20.5 7.8-34 27.4-34 49.3V389.5c0 20.9 12.4 39.8 31.5 48.3L122 477.5c13.5 5.9 28.9 5.9 42.4 0l106.8-46.9L378 477.5c13.5 5.9 28.9 5.9 42.4 0l90.4-39.7c19.1-8.4 31.5-27.3 31.5-48.3V277.4c0-21.9-13.5-41.5-34-49.3l-90.4-34.3c-1.2-.5-2.4-.9-3.6-1.2V87.1c0-21.9-13.5-41.5-34-49.3L289.9 3.5c-12-4.6-25.3-4.6-37.4 0L162.1 37.8c-20.5 7.8-34 27.4-34 49.3zM369.1 198.2l-77.5 29.4v-84l77.5-29.7v84.3zM145.8 236.1l73.7 28-76.4 29.3L66.8 264.1l73.7-28c1.7-.7 3.6-.7 5.3 0zm17.7 192.4V333.9l77.5-29.7v90.2l-77.5 34.1zm233-192.4c1.7-.7 3.6-.7 5.3 0l73.7 28-76.4 29.3-76.4-29.3 73.7-28zm96.1 160.3l-73 32.1V333.9l77.5-29.7v85.3c0 3-1.8 5.7-4.5 6.9z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1011 B |
4
pub/res/css/images/deconnect.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M208 96a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM123.7 200.5c1-.4 1.9-.8 2.9-1.2l-16.9 63.5c-5.6 21.1-.1 43.6 14.7 59.7l70.7 77.1 22 88.1c4.3 17.1 21.7 27.6 38.8 23.3s27.6-21.7 23.3-38.8l-23-92.1c-1.9-7.8-5.8-14.9-11.2-20.8l-49.5-54 19.3-65.5 9.6 23c4.4 10.6 12.5 19.3 22.8 24.5l26.7 13.3c15.8 7.9 35 1.5 42.9-14.3s1.5-35-14.3-42.9L281 232.7l-15.3-36.8C248.5 154.8 208.3 128 163.7 128c-22.8 0-45.3 4.8-66.1 14l-8 3.5c-32.9 14.6-58.1 42.4-69.4 76.5l-2.6 7.8c-5.6 16.8 3.5 34.9 20.2 40.5s34.9-3.5 40.5-20.2l2.6-7.8c5.7-17.1 18.3-30.9 34.7-38.2l8-3.5zm-30 135.1L68.7 398 9.4 457.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L116.3 441c4.6-4.6 8.2-10.1 10.6-16.1l14.5-36.2-40.7-44.4c-2.5-2.7-4.8-5.6-7-8.6zM550.6 153.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L530.7 224H384c-17.7 0-32 14.3-32 32s14.3 32 32 32H530.7l-25.4 25.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l80-80c12.5-12.5 12.5-32.8 0-45.3l-80-80z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
4
pub/res/css/images/envelope.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 518 B |
4
pub/res/css/images/eye-open.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 831 B |
4
pub/res/css/images/eye-slash.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
4
pub/res/css/images/file-contract.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm54.2 253.8c-6.1 20.3-24.8 34.2-46 34.2H80c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7c15.9 0 30.4 9 37.5 23.2l4.4 8.8H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L144 349l-9.8 32.8z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 970 B |
4
pub/res/css/images/file-csv.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 224H96c22.1 0 40 17.9 40 40v8c0 8.8-7.2 16-16 16s-16-7.2-16-16v-8c0-4.4-3.6-8-8-8H80c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8H96c4.4 0 8-3.6 8-8v-8c0-8.8 7.2-16 16-16s16 7.2 16 16v8c0 22.1-17.9 40-40 40H80c-22.1 0-40-17.9-40-40V264c0-22.1 17.9-40 40-40zm72 46.4c0-25.6 20.8-46.4 46.4-46.4H216c8.8 0 16 7.2 16 16s-7.2 16-16 16H198.4c-7.9 0-14.4 6.4-14.4 14.4c0 5.2 2.8 9.9 7.2 12.5l25.4 14.5c14.4 8.3 23.4 23.6 23.4 40.3c0 25.6-20.8 46.4-46.4 46.4H168c-8.8 0-16-7.2-16-16s7.2-16 16-16h25.6c7.9 0 14.4-6.4 14.4-14.4c0-5.2-2.8-9.9-7.2-12.5l-25.4-14.5C160.9 302.4 152 287 152 270.4zM280 240v31.6c0 23 5.5 45.6 16 66c10.5-20.3 16-42.9 16-66V240c0-8.8 7.2-16 16-16s16 7.2 16 16v31.6c0 34.7-10.3 68.7-29.6 97.6l-5.1 7.7c-3 4.5-8 7.1-13.3 7.1s-10.3-2.7-13.3-7.1l-5.1-7.7c-19.3-28.9-29.6-62.9-29.6-97.6V240c0-8.8 7.2-16 16-16s16 7.2 16 16z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
4
pub/res/css/images/file-excel.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM155.7 250.2L192 302.1l36.3-51.9c7.6-10.9 22.6-13.5 33.4-5.9s13.5 22.6 5.9 33.4L221.3 344l46.4 66.2c7.6 10.9 5 25.8-5.9 33.4s-25.8 5-33.4-5.9L192 385.8l-36.3 51.9c-7.6 10.9-22.6 13.5-33.4 5.9s-13.5-22.6-5.9-33.4L162.7 344l-46.4-66.2c-7.6-10.9-5-25.8 5.9-33.4s25.8-5 33.4 5.9z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 665 B |
4
pub/res/css/images/file-invoice.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM80 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H80c-8.8 0-16-7.2-16-16s7.2-16 16-16zm16 96H288c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V256c0-17.7 14.3-32 32-32zm0 32v64H288V256H96zM240 416h64c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 755 B |
4
pub/res/css/images/file-lines.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zM256 0V128H384L256 0zM112 256H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H272c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-8.8 0-16-7.2-16-16s7.2-16 16-16z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 633 B |
4
pub/res/css/images/file-pdf.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H296 272 184 160c-35.3 0-64 28.7-64 64v80 48 16H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM160 352h24c30.9 0 56 25.1 56 56s-25.1 56-56 56h-8v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm24 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8v48h8zm88-80h24c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H272c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm24 128c8.8 0 16-7.2 16-16V400c0-8.8-7.2-16-16-16h-8v96h8zm72-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16H400v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H400v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V432 368z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 897 B |
4
pub/res/css/images/file-plus.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384v38.6C310.1 219.5 256 287.4 256 368c0 59.1 29.1 111.3 73.7 143.3c-3.2 .5-6.4 .7-9.7 .7H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zm48 96a144 144 0 1 1 0 288 144 144 0 1 1 0-288zm16 80c0-8.8-7.2-16-16-16s-16 7.2-16 16v48H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h48v48c0 8.8 7.2 16 16 16s16-7.2 16-16V384h48c8.8 0 16-7.2 16-16s-7.2-16-16-16H448V304z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 666 B |
4
pub/res/css/images/gear.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M481.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-30.9 28.1c-7.7 7.1-11.4 17.5-10.9 27.9c.1 2.9 .2 5.8 .2 8.8s-.1 5.9-.2 8.8c-.5 10.5 3.1 20.9 10.9 27.9l30.9 28.1c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-39.7-12.6c-10-3.2-20.8-1.1-29.7 4.6c-4.9 3.1-9.9 6.1-15.1 8.7c-9.3 4.8-16.5 13.2-18.8 23.4l-8.9 40.7c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-8.9-40.7c-2.2-10.2-9.5-18.6-18.8-23.4c-5.2-2.7-10.2-5.6-15.1-8.7c-8.8-5.7-19.7-7.8-29.7-4.6L69.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l30.9-28.1c7.7-7.1 11.4-17.5 10.9-27.9c-.1-2.9-.2-5.8-.2-8.8s.1-5.9 .2-8.8c.5-10.5-3.1-20.9-10.9-27.9L8.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l39.7 12.6c10 3.2 20.8 1.1 29.7-4.6c4.9-3.1 9.9-6.1 15.1-8.7c9.3-4.8 16.5-13.2 18.8-23.4l8.9-40.7c2-9.1 9-16.3 18.2-17.8C213.3 1.2 227.5 0 242 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l8.9 40.7c2.2 10.2 9.4 18.6 18.8 23.4c5.2 2.7 10.2 5.6 15.1 8.7c8.8 5.7 19.7 7.7 29.7 4.6l39.7-12.6c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM242 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
4
pub/res/css/images/gears.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M305.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L301 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L196 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C170.9 8.4 164.2 8 157.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L112 56.1c-13.3 5-25.5 12.1-36.2 20.9L47.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C29.6 161.9 29 168.9 29 176s.6 14.1 1.7 20.9L8.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM109 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM501.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L580.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L312.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM461 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
BIN
pub/res/css/images/hourglass.gif
Normal file
|
After Width: | Height: | Size: 39 KiB |
4
pub/res/css/images/house.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 712 B |
54
pub/res/css/images/icons.svg
Normal file
@@ -0,0 +1,54 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" style="display: none;">
|
||||
<symbol id="search" viewBox="0 0 24 24">
|
||||
<path d="M15.5 14h-.8l-.3-.3c1.3-1.5 2-3.5 1.6-5.6-.5-2.7-3-4.9-5.8-5.2-2.8-.3-5.5 1.5-6.7 4-1.2 2.5-1 5.3.5 7.5 1.5 2.2 4.2 3.5 7.1 3.2h.5l5.5 5.5 1.5-1.5-5.5-5.5zm-6 0C7.4 14 5 11.6 5 9s2.4-5 5.5-5 5.5 2.4 5.5 5-2.4 5-5.5 5z"/>
|
||||
</symbol>
|
||||
<symbol id="email" viewBox="0 0 24 24">
|
||||
<path d="M12,0A12.013,12.013,0,0,0,0,12c-.125,9.574,11.159,15.429,18.9,9.817a1.5,1.5,0,1,0-1.727-2.453C11.42,23.582,2.863,19.146,3,12,3.472.07,20.529.072,21,12v1.5a1.5,1.5,0,0,1-3,0V12C17.748,4.071,6.251,4.072,6,12a6.017,6.017,0,0,0,10.078,4.388A4.5,4.5,0,0,0,24,13.5V12A12.013,12.013,0,0,0,12,0Zm0,15a3,3,0,0,1,0-6A3,3,0,0,1,12,15Z"/>
|
||||
</symbol>
|
||||
<symbol id="paperplane" viewBox="0 0 24 24">
|
||||
<path d="M5.521,19.9h5.322l3.519,3.515a2.035,2.035,0,0,0,1.443.6,2.1,2.1,0,0,0,.523-.067,2.026,2.026,0,0,0,1.454-1.414L23.989,1.425Z"/>
|
||||
<path d="M4.087,18.5,22.572.012,1.478,6.233a2.048,2.048,0,0,0-.886,3.42l3.495,3.492Z"/>
|
||||
</symbol>
|
||||
<symbol id="phone" viewBox="0 0 24 24">
|
||||
<path d="M4,20c-2.206,0-4-1.794-4-4V4C0,1.794,1.794,0,4,0s4,1.794,4,4v12c0,2.206-1.794,4-4,4ZM19,2H9.657c.222,.626,.343,1.299,.343,2v12c0,3.309-2.691,6-6,6-1.392,0-2.674-.476-3.693-1.274,.704,1.909,2.542,3.274,4.693,3.274h14c2.757,0,5-2.243,5-5V7c0-2.757-2.243-5-5-5Zm-6,18c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm0-4c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm0-4c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm4,8c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm0-4c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm0-4c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm4,8c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm0-4c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm0-4c-.552,0-1-.448-1-1s.448-1,1-1,1,.448,1,1-.448,1-1,1Zm-5-5c-.552,0-1-.448-1-1v-2h4c1.654,0,3,1.346,3,3h-6Z"/>
|
||||
</symbol>
|
||||
<symbol id="mobile" viewBox="0 0 24 24">
|
||||
<path d="M15.6,.036l-.706,1.411c-.169,.339-.516,.553-.895,.553h-4c-.379,0-.725-.214-.895-.553L8.4,.036c-2.475,.297-4.4,2.41-4.4,4.964v14c0,2.757,2.243,5,5,5h6c2.757,0,5-2.243,5-5V5C20,2.446,18.075,.334,15.6,.036Zm-2.6,20.964h-2c-.552,0-1-.448-1-1s.448-1,1-1h2c.552,0,1,.448,1,1s-.448,1-1,1Z"/>
|
||||
</symbol>
|
||||
<symbol id="phonecall" viewBox="0 0 24 24">
|
||||
<path d="M24,2V6a1,1,0,0,1-2,0V3.439L16.7,8.71A1,1,0,1,1,15.3,7.292L20.61,2H18a1,1,0,0,1,0-2h4A2,2,0,0,1,24,2ZM20.655,14.856a3.1,3.1,0,0,0-4.28.006l-1.906,1.606A12.781,12.781,0,0,1,7.537,9.524l1.6-1.9a3.1,3.1,0,0,0,.006-4.28S7.291.939,7.261.907A3.085,3.085,0,0,0,2.933.861l-1.149,1c-7.72,8.209,12.2,28.138,20.4,20.3l.912-1.049a3.1,3.1,0,0,0,0-4.378C23.063,16.708,20.655,14.856,20.655,14.856Z"/>
|
||||
</symbol>
|
||||
<symbol id="contacts" viewBox="0 0 24 24">
|
||||
<path d="M20,0H3V3H1V5H3V7H1V9H3v2H1v2H3v2H1v2H3v2H1v2H3v3H20a3,3,0,0,0,3-3V3A3,3,0,0,0,20,0ZM13,4A3.5,3.5,0,1,1,9.5,7.5,3.5,3.5,0,0,1,13,4Zm6,14H17V16a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v2H7V16a3,3,0,0,1,3-3h6a3,3,0,0,1,3,3ZM11.5,7.5A1.5,1.5,0,1,1,13,9,1.5,1.5,0,0,1,11.5,7.5Z"/>
|
||||
</symbol>
|
||||
<symbol id="password" viewBox="0 0 24 24">
|
||||
<path d="m15 17a1 1 0 0 1 -1 1h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1zm-.293-9.707a1 1 0 0 0 -1.414 0l-1.293 1.293-1.293-1.293a1 1 0 1 0 -1.414 1.414l1.293 1.293-1.293 1.293a1 1 0 1 0 1.414 1.414l1.293-1.293 1.293 1.293a1 1 0 0 0 1.414-1.414l-1.293-1.293 1.293-1.293a1 1 0 0 0 0-1.414zm7.293 8.707h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zm-.586-6 1.293-1.293a1 1 0 1 0 -1.414-1.414l-1.293 1.293-1.293-1.293a1 1 0 1 0 -1.414 1.414l1.293 1.293-1.293 1.293a1 1 0 1 0 1.414 1.414l1.293-1.293 1.293 1.293a1 1 0 0 0 1.414-1.414zm-15.414 6h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2zm.707-8.707a1 1 0 0 0 -1.414 0l-1.293 1.293-1.293-1.293a1 1 0 1 0 -1.414 1.414l1.293 1.293-1.293 1.293a1 1 0 1 0 1.414 1.414l1.293-1.293 1.293 1.293a1 1 0 1 0 1.414-1.414l-1.293-1.293 1.293-1.293a1 1 0 0 0 0-1.414z"/>
|
||||
</symbol>
|
||||
<symbol id="openeye" viewBox="0 0 24 24">
|
||||
<path d="M4 12C4 12 5.6 7 12 7M12 7C18.4 7 20 12 20 12M12 7V4M18 5L16 7.5M6 5L8 7.5M15 13C15 14.6569 13.6569 16 12 16C10.3431 16 9 14.6569 9 13C9 11.3431 10.3431 10 12 10C13.6569 10 15 11.3431 15 13Z"
|
||||
stroke="#464455" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</symbol>
|
||||
<symbol id="closeeye" viewBox="0 0 24 24">
|
||||
<path d="M4 10C4 10 5.6 15 12 15M12 15C18.4 15 20 10 20 10M12 15V18M18 17L16 14.5M6 17L8 14.5" stroke="#464455"
|
||||
stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</symbol>
|
||||
<symbol id="user" viewBox="0 0 24 24">
|
||||
<path d="M16.043,14H7.957A4.963,4.963,0,0,0,3,18.957V24H21V18.957A4.963,4.963,0,0,0,16.043,14Z"/>
|
||||
<circle cx="12" cy="6" r="6"/>
|
||||
</symbol>
|
||||
<symbol id="users" viewBox="0 0 20 20">
|
||||
<path d="M12,16a4,4,0,1,1,4-4A4,4,0,0,1,12,16ZM5.683,16H1a1,1,0,0,1-1-1A6.022,6.022,0,0,1,5.131,9.084a1,1,0,0,1,1.1,1.266A6.009,6.009,0,0,0,6,12a5.937,5.937,0,0,0,.586,2.57,1,1,0,0,1-.9,1.43ZM17,24H7a1,1,0,0,1-1-1,6,6,0,0,1,12,0A1,1,0,0,1,17,24ZM18,8a4,4,0,1,1,4-4A4,4,0,0,1,18,8ZM6,8a4,4,0,1,1,4-4A4,4,0,0,1,6,8Zm17,8H18.317a1,1,0,0,1-.9-1.43A5.937,5.937,0,0,0,18,12a6.009,6.009,0,0,0-.236-1.65,1,1,0,0,1,1.105-1.266A6.022,6.022,0,0,1,24,15,1,1,0,0,1,23,16Z"/>
|
||||
</symbol>
|
||||
<symbol id="validation" viewBox="0 0 24 24">
|
||||
<path d="M312 201.8c0-17.4 9.2-33.2 19.9-47C344.5 138.5 352 118.1 352 96c0-53-43-96-96-96s-96 43-96 96c0 22.1 7.5 42.5 20.1 58.8c10.7 13.8 19.9 29.6 19.9 47c0 29.9-24.3 54.2-54.2 54.2H112C50.1 256 0 306.1 0 368c0 20.9 13.4 38.7 32 45.3V464c0 26.5 21.5 48 48 48H432c26.5 0 48-21.5 48-48V413.3c18.6-6.6 32-24.4 32-45.3c0-61.9-50.1-112-112-112H366.2c-29.9 0-54.2-24.3-54.2-54.2zM416 416v32H96V416H416z"/>
|
||||
</symbol>
|
||||
<symbol id="gear" viewBox="0 0 24 24">
|
||||
<path d="M481.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-30.9 28.1c-7.7 7.1-11.4 17.5-10.9 27.9c.1 2.9 .2 5.8 .2 8.8s-.1 5.9-.2 8.8c-.5 10.5 3.1 20.9 10.9 27.9l30.9 28.1c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-39.7-12.6c-10-3.2-20.8-1.1-29.7 4.6c-4.9 3.1-9.9 6.1-15.1 8.7c-9.3 4.8-16.5 13.2-18.8 23.4l-8.9 40.7c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-8.9-40.7c-2.2-10.2-9.5-18.6-18.8-23.4c-5.2-2.7-10.2-5.6-15.1-8.7c-8.8-5.7-19.7-7.8-29.7-4.6L69.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l30.9-28.1c7.7-7.1 11.4-17.5 10.9-27.9c-.1-2.9-.2-5.8-.2-8.8s.1-5.9 .2-8.8c.5-10.5-3.1-20.9-10.9-27.9L8.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l39.7 12.6c10 3.2 20.8 1.1 29.7-4.6c4.9-3.1 9.9-6.1 15.1-8.7c9.3-4.8 16.5-13.2 18.8-23.4l8.9-40.7c2-9.1 9-16.3 18.2-17.8C213.3 1.2 227.5 0 242 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l8.9 40.7c2.2 10.2 9.4 18.6 18.8 23.4c5.2 2.7 10.2 5.6 15.1 8.7c8.8 5.7 19.7 7.7 29.7 4.6l39.7-12.6c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM242 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"/>
|
||||
</symbol>
|
||||
<symbol id="gears" viewBox="0 0 24 24">
|
||||
<path d="M305.5 135.3c7.1-6.3 9.9-16.2 6.2-25c-2.3-5.3-4.8-10.5-7.6-15.5L301 89.4c-3-5-6.3-9.9-9.8-14.6c-5.7-7.6-15.7-10.1-24.7-7.1l-28.2 9.3c-10.7-8.8-23-16-36.2-20.9L196 27.1c-1.9-9.3-9.1-16.7-18.5-17.8C170.9 8.4 164.2 8 157.4 8h-.7c-6.8 0-13.5 .4-20.1 1.2c-9.4 1.1-16.6 8.6-18.5 17.8L112 56.1c-13.3 5-25.5 12.1-36.2 20.9L47.5 67.8c-9-3-19-.5-24.7 7.1c-3.5 4.7-6.8 9.6-9.9 14.6l-3 5.3c-2.8 5-5.3 10.2-7.6 15.6c-3.7 8.7-.9 18.6 6.2 25l22.2 19.8C29.6 161.9 29 168.9 29 176s.6 14.1 1.7 20.9L8.5 216.7c-7.1 6.3-9.9 16.2-6.2 25c2.3 5.3 4.8 10.5 7.6 15.6l3 5.2c3 5.1 6.3 9.9 9.9 14.6c5.7 7.6 15.7 10.1 24.7 7.1l28.2-9.3c10.7 8.8 23 16 36.2 20.9l6.1 29.1c1.9 9.3 9.1 16.7 18.5 17.8c6.7 .8 13.5 1.2 20.4 1.2s13.7-.4 20.4-1.2c9.4-1.1 16.6-8.6 18.5-17.8l6.1-29.1c13.3-5 25.5-12.1 36.2-20.9l28.2 9.3c9 3 19 .5 24.7-7.1c3.5-4.7 6.8-9.5 9.8-14.6l3.1-5.4c2.8-5 5.3-10.2 7.6-15.5c3.7-8.7 .9-18.6-6.2-25l-22.2-19.8c1.1-6.8 1.7-13.8 1.7-20.9s-.6-14.1-1.7-20.9l22.2-19.8zM109 176a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM501.7 500.5c6.3 7.1 16.2 9.9 25 6.2c5.3-2.3 10.5-4.8 15.5-7.6l5.4-3.1c5-3 9.9-6.3 14.6-9.8c7.6-5.7 10.1-15.7 7.1-24.7l-9.3-28.2c8.8-10.7 16-23 20.9-36.2l29.1-6.1c9.3-1.9 16.7-9.1 17.8-18.5c.8-6.7 1.2-13.5 1.2-20.4s-.4-13.7-1.2-20.4c-1.1-9.4-8.6-16.6-17.8-18.5L580.9 307c-5-13.3-12.1-25.5-20.9-36.2l9.3-28.2c3-9 .5-19-7.1-24.7c-4.7-3.5-9.6-6.8-14.6-9.9l-5.3-3c-5-2.8-10.2-5.3-15.6-7.6c-8.7-3.7-18.6-.9-25 6.2l-19.8 22.2c-6.8-1.1-13.8-1.7-20.9-1.7s-14.1 .6-20.9 1.7l-19.8-22.2c-6.3-7.1-16.2-9.9-25-6.2c-5.3 2.3-10.5 4.8-15.6 7.6l-5.2 3c-5.1 3-9.9 6.3-14.6 9.9c-7.6 5.7-10.1 15.7-7.1 24.7l9.3 28.2c-8.8 10.7-16 23-20.9 36.2L312.1 313c-9.3 1.9-16.7 9.1-17.8 18.5c-.8 6.7-1.2 13.5-1.2 20.4s.4 13.7 1.2 20.4c1.1 9.4 8.6 16.6 17.8 18.5l29.1 6.1c5 13.3 12.1 25.5 20.9 36.2l-9.3 28.2c-3 9-.5 19 7.1 24.7c4.7 3.5 9.5 6.8 14.6 9.8l5.4 3.1c5 2.8 10.2 5.3 15.5 7.6c8.7 3.7 18.6 .9 25-6.2l19.8-22.2c6.8 1.1 13.8 1.7 20.9 1.7s14.1-.6 20.9-1.7l19.8 22.2zM461 304a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/>
|
||||
</symbol>
|
||||
<symbol id="cubes" viewBox="0 0 24 24">
|
||||
<path d="M273.8 45.8l73.7 28L271.2 103 194.8 73.7l73.7-28c1.7-.7 3.6-.7 5.3 0zM128.1 87.1V192.6c-1.2 .4-2.4 .8-3.6 1.2L34.1 228.1c-20.5 7.8-34 27.4-34 49.3V389.5c0 20.9 12.4 39.8 31.5 48.3L122 477.5c13.5 5.9 28.9 5.9 42.4 0l106.8-46.9L378 477.5c13.5 5.9 28.9 5.9 42.4 0l90.4-39.7c19.1-8.4 31.5-27.3 31.5-48.3V277.4c0-21.9-13.5-41.5-34-49.3l-90.4-34.3c-1.2-.5-2.4-.9-3.6-1.2V87.1c0-21.9-13.5-41.5-34-49.3L289.9 3.5c-12-4.6-25.3-4.6-37.4 0L162.1 37.8c-20.5 7.8-34 27.4-34 49.3zM369.1 198.2l-77.5 29.4v-84l77.5-29.7v84.3zM145.8 236.1l73.7 28-76.4 29.3L66.8 264.1l73.7-28c1.7-.7 3.6-.7 5.3 0zm17.7 192.4V333.9l77.5-29.7v90.2l-77.5 34.1zm233-192.4c1.7-.7 3.6-.7 5.3 0l73.7 28-76.4 29.3-76.4-29.3 73.7-28zm96.1 160.3l-73 32.1V333.9l77.5-29.7v85.3c0 3-1.8 5.7-4.5 6.9z"/>
|
||||
</symbol>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.9 KiB |
4
pub/res/css/images/layer-group.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M264.5 5.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 149.8C37.4 145.8 32 137.3 32 128s5.4-17.9 13.9-21.8L264.5 5.2zM476.9 209.6l53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 277.8C37.4 273.8 32 265.3 32 256s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0l152-70.2zm-152 198.2l152-70.2 53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 405.8C37.4 401.8 32 393.3 32 384s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 888 B |
BIN
pub/res/css/images/loading.gif
Normal file
|
After Width: | Height: | Size: 3.1 KiB |
BIN
pub/res/css/images/loading1.gif
Normal file
|
After Width: | Height: | Size: 41 KiB |
4
pub/res/css/images/location-dot.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 427 B |
4
pub/res/css/images/map-pin.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 320 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M32 144a144 144 0 1 1 288 0A144 144 0 1 1 32 144zM176 80c8.8 0 16-7.2 16-16s-7.2-16-16-16c-53 0-96 43-96 96c0 8.8 7.2 16 16 16s16-7.2 16-16c0-35.3 28.7-64 64-64zM144 480V317.1c10.4 1.9 21.1 2.9 32 2.9s21.6-1 32-2.9V480c0 17.7-14.3 32-32 32s-32-14.3-32-32z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 514 B |
4
pub/res/css/images/map.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M384 476.1L192 421.2V35.9L384 90.8V476.1zm32-1.2V88.4L543.1 37.5c15.8-6.3 32.9 5.3 32.9 22.3V394.6c0 9.8-6 18.6-15.1 22.3L416 474.8zM15.1 95.1L160 37.2V423.6L32.9 474.5C17.1 480.8 0 469.2 0 452.2V117.4c0-9.8 6-18.6 15.1-22.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 484 B |
4
pub/res/css/images/paperclip.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M360.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 702 B |
4
pub/res/css/images/paperplane.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M498.1 5.6c10.1 7 15.4 19.1 13.5 31.2l-64 416c-1.5 9.7-7.4 18.2-16 23s-18.9 5.4-28 1.6L284 427.7l-68.5 74.1c-8.9 9.7-22.9 12.9-35.2 8.1S160 493.2 160 480V396.4c0-4 1.5-7.8 4.2-10.7L331.8 202.8c5.8-6.3 5.6-16-.4-22s-15.7-6.4-22-.7L106 360.8 17.7 316.6C7.1 311.3 .3 300.7 0 288.9s5.9-22.8 16.1-28.7l448-256c10.7-6.1 23.9-5.5 34 1.4z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 589 B |
4
pub/res/css/images/password.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M32 32C14.3 32 0 46.3 0 64S14.3 96 32 96H608c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zm0 384c-17.7 0-32 14.3-32 32s14.3 32 32 32H608c17.7 0 32-14.3 32-32s-14.3-32-32-32H32zM7 167c-9.4 9.4-9.4 24.6 0 33.9l55 55L7 311c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55 55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-55-55 55-55c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55L41 167c-9.4-9.4-24.6-9.4-33.9 0zM265 167c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l55 55-55 55c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55 55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-55-55 55-55c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55-55-55zM455 167c-9.4 9.4-9.4 24.6 0 33.9l55 55-55 55c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l55-55 55 55c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-55-55 55-55c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-55 55-55-55c-9.4-9.4-24.6-9.4-33.9 0z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
4
pub/res/css/images/pen.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 519 B |
4
pub/res/css/images/phone.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 536 B |
4
pub/res/css/images/recycle.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M174.7 45.1C192.2 17 223 0 256 0s63.8 17 81.3 45.1l38.6 61.7 27-15.6c8.4-4.9 18.9-4.2 26.6 1.7s11.1 15.9 8.6 25.3l-23.4 87.4c-3.4 12.8-16.6 20.4-29.4 17l-87.4-23.4c-9.4-2.5-16.3-10.4-17.6-20s3.4-19.1 11.8-23.9l28.4-16.4L283 79c-5.8-9.3-16-15-27-15s-21.2 5.7-27 15l-17.5 28c-9.2 14.8-28.6 19.5-43.6 10.5c-15.3-9.2-20.2-29.2-10.7-44.4l17.5-28zM429.5 251.9c15-9 34.4-4.3 43.6 10.5l24.4 39.1c9.4 15.1 14.4 32.4 14.6 50.2c.3 53.1-42.7 96.4-95.8 96.4L320 448v32c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-64-64c-9.4-9.4-9.4-24.6 0-33.9l64-64c6.9-6.9 17.2-8.9 26.2-5.2s14.8 12.5 14.8 22.2v32l96.2 0c17.6 0 31.9-14.4 31.8-32c0-5.9-1.7-11.7-4.8-16.7l-24.4-39.1c-9.5-15.2-4.7-35.2 10.7-44.4zm-364.6-31L36 204.2c-8.4-4.9-13.1-14.3-11.8-23.9s8.2-17.5 17.6-20l87.4-23.4c12.8-3.4 26 4.2 29.4 17L182 241.2c2.5 9.4-.9 19.3-8.6 25.3s-18.2 6.6-26.6 1.7l-26.5-15.3L68.8 335.3c-3.1 5-4.8 10.8-4.8 16.7c-.1 17.6 14.2 32 31.8 32l32.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32.2 0C42.7 448-.3 404.8 0 351.6c.1-17.8 5.1-35.1 14.6-50.2l50.3-80.5z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
4
pub/res/css/images/signal.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M544 0c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V32c0-17.7 14.3-32 32-32zM416 96c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V128c0-17.7 14.3-32 32-32zM320 224V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V224c0-17.7 14.3-32 32-32s32 14.3 32 32zM160 288c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32s-32-14.3-32-32V320c0-17.7 14.3-32 32-32zM64 416v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V416c0-17.7 14.3-32 32-32s32 14.3 32 32z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 714 B |
4
pub/res/css/images/table.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M64 256V160H224v96H64zm0 64H224v96H64V320zm224 96V320H448v96H288zM448 256H288V160H448v96zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 452 B |
4
pub/res/css/images/trashcam.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 746 B |
4
pub/res/css/images/user.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 438 B |
4
pub/res/css/images/users.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0H21.3C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7h42.7C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352H378.7C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 860 B |
1
pub/res/css/images/validation.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M312 201.8c0-17.4 9.2-33.2 19.9-47C344.5 138.5 352 118.1 352 96c0-53-43-96-96-96s-96 43-96 96c0 22.1 7.5 42.5 20.1 58.8c10.7 13.8 19.9 29.6 19.9 47c0 29.9-24.3 54.2-54.2 54.2H112C50.1 256 0 306.1 0 368c0 20.9 13.4 38.7 32 45.3V464c0 26.5 21.5 48 48 48H432c26.5 0 48-21.5 48-48V413.3c18.6-6.6 32-24.4 32-45.3c0-61.9-50.1-112-112-112H366.2c-29.9 0-54.2-24.3-54.2-54.2zM416 416v32H96V416H416z"/></svg>
|
||||
|
After Width: | Height: | Size: 637 B |
4
pub/res/css/images/wifi.svg
Normal file
@@ -0,0 +1,4 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
|
||||
<path d="M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 710 B |
7
pub/res/css/jquery-ui.min.css
vendored
Normal file
1
pub/res/css/jquery.datetimepicker.min.css
vendored
Normal file
1
pub/res/css/notifications.css
Normal file
@@ -0,0 +1 @@
|
||||
.ncf-container{font-size:14px;box-sizing:border-box;position:fixed;z-index:999999}.ncf-container.nfc-top-left{top:12px;left:12px}.ncf-container.nfc-top-right{top:12px;right:12px}.ncf-container.nfc-bottom-right{bottom:12px;right:12px}.ncf-container.nfc-bottom-left{bottom:12px;left:12px}@media (max-width:767px){.ncf-container{left:0;right:0}}.ncf-container .ncf{background:#fff;transition:.3s ease;position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:30px;width:300px;border-radius:3px 3px 3px 3px;box-shadow:0 0 12px #999;color:#000;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);background-position:15px!important;background-repeat:no-repeat!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ncf-container .ncf:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.ncf-container .ncf .ncf-title{font-weight:700;font-size:16px;text-align:left;margin-top:0;margin-bottom:6px;word-wrap:break-word}.ncf-container .ncf .nfc-message{margin:0;text-align:left;word-wrap:break-word}.ncf-container .success{background:#51a351;color:#fff;padding:15px 15px 15px 50px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")}.ncf-container .info{background:#2f96b4;color:#fff;padding:15px 15px 15px 50px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")}.ncf-container .warning{background:#f87400;color:#fff;padding:15px 15px 15px 50px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")}.ncf-container .error{background:#bd362f;color:#fff;padding:15px 15px 15px 50px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}.ncf-container button{position:relative;right:-.3em;top:-.3em;float:right;font-weight:700;color:#fff;text-shadow:0 1px 0 #fff;opacity:.8;line-height:1;font-size:16px;padding:0;cursor:pointer;background:transparent;border:0}.ncf-container button:hover{opacity:1}
|
||||
96
pub/res/css/schat.css
Normal file
@@ -0,0 +1,96 @@
|
||||
.chat-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
background: linear-gradient(95deg, #F5F5F5, #F5F5F5 60%, #CCC);
|
||||
}
|
||||
|
||||
.chat-bubbles {
|
||||
flex-grow: 1;
|
||||
overflow-y: auto;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.chat-bubble {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 90%;
|
||||
border-radius: 20px;
|
||||
padding: 10px 20px;
|
||||
margin-bottom: 10px;
|
||||
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.user-info {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.user-initials {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
background-color: #eee;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.username-date {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.username {
|
||||
font-weight: bold;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.date {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.message {
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.right-chat-bubble {
|
||||
background-color: #89b0db;
|
||||
color: #fff;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.left-chat-bubble {
|
||||
background-color: #ff8000;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.message-input {
|
||||
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.chat-container input[type="text"] {
|
||||
border-radius: 6px;
|
||||
padding: 10px;
|
||||
font-size: 1.2em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #4e88c7;
|
||||
color: #fff;
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
font-size: 1.2em;
|
||||
cursor: pointer;
|
||||
}
|
||||
520
pub/res/css/sglobal.css
Normal file
@@ -0,0 +1,520 @@
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
src: url('../fonts/Roboto/roboto-regular.woff2') format('woff2');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', 'sans-serif';
|
||||
font-size: 1.3em;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/*** Réglages suivant taille d'écran ************/
|
||||
/* Smartphones ----------- */
|
||||
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
|
||||
body {
|
||||
font-size: 0.6em;
|
||||
}
|
||||
}
|
||||
|
||||
/* iPads (portrait and landscape) ----------- */
|
||||
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
|
||||
body {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktops and laptops ----------- */
|
||||
@media only screen and (min-width: 1224px) {
|
||||
body {
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/* Large screens ----------- */
|
||||
@media only screen and (min-width: 1624px) {
|
||||
body {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
/*** MARGINS & PADDINGS ***************************************/
|
||||
.m-0 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.m-1 {
|
||||
margin: 10px !important;
|
||||
}
|
||||
|
||||
.mr-1 {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.ml-1 {
|
||||
margin-left: 10px !important;
|
||||
}
|
||||
|
||||
.mt-1 {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.p-0 {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.p-1 {
|
||||
padding: 5px !important;
|
||||
}
|
||||
|
||||
/*** LARGEURS ***************************************/
|
||||
.w-50 {
|
||||
width: 50% !important;
|
||||
}
|
||||
|
||||
.w-100 {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
/*** ALIGNEMENTS ***************************************/
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/*** TITLES *********************************************************/
|
||||
h1 {
|
||||
font-size: 1.9em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.visible {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
#verticalBar {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
height: 90%;
|
||||
width: 30px;
|
||||
background-color: #444; /* Couleur de la barre */
|
||||
overflow-x: hidden;
|
||||
transition: width 0.5s; /* Durée de l'animation */
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/*** FOOTER **********************************************************/
|
||||
footer {
|
||||
position: fixed;
|
||||
height: 30px;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
border-top: 2px solid lightskyblue;
|
||||
margin-top: 10px;
|
||||
display: inline-flex;
|
||||
overflow: hidden;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
color: #eee;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
footer a {
|
||||
color: #eee;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*** FORMS ***********************************************************/
|
||||
form {
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
width: 100%;
|
||||
padding: 12px 30px;
|
||||
margin: 8px 0;
|
||||
color: #000000 !important;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 6px;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
|
||||
input[type=checkbox] {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.numeric {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.inputReadOnly {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
input[required] {
|
||||
border: 3px solid lightblue;
|
||||
}
|
||||
|
||||
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
|
||||
border-color: #4FD0FB;
|
||||
box-shadow: 0 2px 2px #4FD0FB inset, 0 0 8px #4FD0FB;
|
||||
outline: 0 none;
|
||||
}
|
||||
|
||||
/*** INPUT WITH ICONS *************************************************/
|
||||
.input-with-icons {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.input-with-icons input[type="text"] input[type="password"] {
|
||||
padding-left: 30px; /* Space for start icon */
|
||||
padding-right: 30px; /* Space for end icon */
|
||||
}
|
||||
|
||||
.input-with-icons svg {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
fill: #000;
|
||||
}
|
||||
|
||||
.input-with-icons svg.start-icon {
|
||||
left: 10px; /* Position of start icon */
|
||||
}
|
||||
|
||||
.input-with-icons svg.end-icon {
|
||||
right: 10px; /* Position of end icon */
|
||||
}
|
||||
|
||||
/*** BUTTONS **********************************************************/
|
||||
button {
|
||||
width: 100%;
|
||||
padding: 14px 20px;
|
||||
margin: 8px 0;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 6px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Add a hover effect for buttons */
|
||||
button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.clickable-row,
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/*** MAPS *************************************************************/
|
||||
#d6map {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
/*** TABLES ***********************************************************/
|
||||
.table-hover tbody tr:hover td,
|
||||
.table-hover tbody tr:hover th {
|
||||
background-color: #a6a6a6 !important;
|
||||
}
|
||||
|
||||
table tr.trCaption th {
|
||||
background-color: #0a6ebd;
|
||||
color: #ffffff;
|
||||
font-size: 1.1em;
|
||||
padding: 5px 10px !important;
|
||||
}
|
||||
|
||||
.transparent table, .transparent table tr, .transparent table td {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
|
||||
/*** LOADING **********************************************************/
|
||||
#loadingDiv {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 6rem;
|
||||
height: 6rem;
|
||||
border: 20px solid #f3f3f3;
|
||||
border-top: 16px solid #9c41f2;
|
||||
border-radius: 100%;
|
||||
margin: auto;
|
||||
visibility: hidden;
|
||||
animation: spin 1s infinite linear;
|
||||
}
|
||||
|
||||
#loadingDiv.display {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*** COLORS ***********************************************************/
|
||||
.back-green {
|
||||
background-color: #339933;
|
||||
}
|
||||
|
||||
.back-success,
|
||||
.back-emerald {
|
||||
background-color: #2ecc71;
|
||||
}
|
||||
|
||||
.back-nephritis {
|
||||
background-color: #27ae60;
|
||||
}
|
||||
|
||||
.back-lime {
|
||||
background-color: #8cbf26;
|
||||
}
|
||||
|
||||
.back-green-light {
|
||||
background: #A0D468;
|
||||
}
|
||||
|
||||
.back-teal {
|
||||
background-color: #00aba9;
|
||||
}
|
||||
|
||||
.back-turquoise {
|
||||
background-color: #1abc9c;
|
||||
}
|
||||
|
||||
.back-green-sea {
|
||||
background-color: #16a085;
|
||||
}
|
||||
|
||||
.back-mint {
|
||||
background: #37bc9b;
|
||||
}
|
||||
|
||||
.back-mint-light {
|
||||
background: #48cfad;
|
||||
}
|
||||
|
||||
.back-mint-light label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.back-blue {
|
||||
background-color: #2e8bcc;
|
||||
}
|
||||
|
||||
.btn-blue {
|
||||
background-color: #2e8bcc;
|
||||
border-color: #2e8bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.text-blue {
|
||||
color: #2e8bcc;
|
||||
}
|
||||
|
||||
.back-info,
|
||||
.back-peter-river {
|
||||
background-color: #3498db;
|
||||
}
|
||||
|
||||
.back-belize-hole {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
|
||||
.back-blue-jeans {
|
||||
background: #4A89DC;
|
||||
}
|
||||
|
||||
.back-blue-jeans-light {
|
||||
background: #5D9CEC;
|
||||
}
|
||||
|
||||
.back-blue-aqua-light {
|
||||
background: #4fc1e9;
|
||||
}
|
||||
|
||||
.back-blue-aqua {
|
||||
background: #3BAFDA;
|
||||
}
|
||||
|
||||
.back-wet-asphalt {
|
||||
background-color: #34495e;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.back-midnight-blue {
|
||||
background-color: #2c3e50;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.back-red {
|
||||
background-color: #e51400;
|
||||
}
|
||||
|
||||
.back-pomegranate {
|
||||
background-color: #c0392b;
|
||||
}
|
||||
|
||||
.back-danger,
|
||||
.back-alert,
|
||||
.back-alizarin {
|
||||
background-color: #e74c3c;
|
||||
}
|
||||
|
||||
.back-red-light {
|
||||
background: #ed5565;
|
||||
}
|
||||
|
||||
.back-pumpkin {
|
||||
background-color: #d35400;
|
||||
}
|
||||
|
||||
.back-magenta {
|
||||
background-color: #ff0097;
|
||||
}
|
||||
|
||||
.back-orange-light {
|
||||
background: #fc6e51;
|
||||
}
|
||||
|
||||
.back-carrot {
|
||||
background-color: #e67e22;
|
||||
}
|
||||
|
||||
.back-orange {
|
||||
background-color: #f39c12;
|
||||
}
|
||||
|
||||
.back-sun-flower,
|
||||
.back-warning {
|
||||
background-color: #f1c40f;
|
||||
}
|
||||
|
||||
.back-yellow {
|
||||
background-color: #ffc40d;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.back-yellow-light,
|
||||
.stabilo {
|
||||
background: #FFCE54;
|
||||
}
|
||||
|
||||
.post-it {
|
||||
background: #FAFAD2;
|
||||
}
|
||||
|
||||
.back-pink {
|
||||
background-color: #e671b8;
|
||||
}
|
||||
|
||||
.btn-purple,
|
||||
.back-purple {
|
||||
background-color: #7b4f9d;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.back-amethyst {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
|
||||
.back-wisteria {
|
||||
background-color: #8e44ad;
|
||||
}
|
||||
|
||||
.back-wisteria-light {
|
||||
background-color: #BE90D4;
|
||||
}
|
||||
|
||||
.back-wisteria-light label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.back-white {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.back-clouds {
|
||||
background-color: #ecf0f1;
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.back-clouds h1,
|
||||
.back-clouds h2,
|
||||
.back-clouds h3,
|
||||
.back-clouds h4,
|
||||
.back-clouds h5,
|
||||
.back-clouds h6 {
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.back-clouds .tile-label {
|
||||
color: #34495e;
|
||||
}
|
||||
|
||||
.back-light {
|
||||
background-color: #ededed;
|
||||
}
|
||||
|
||||
.back-silver {
|
||||
background-color: #bdc3c7;
|
||||
}
|
||||
|
||||
.back-concrete {
|
||||
background-color: #95a5a6;
|
||||
}
|
||||
|
||||
.back-asbestos {
|
||||
background-color: #7f8c8d;
|
||||
}
|
||||
|
||||
.back-dark {
|
||||
background-color: #000000;
|
||||
}
|
||||