SOPHAL/ERP
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First commit waiting for Budget Alert

Browse Source
This commit is contained in:
BACHIR SOULDI
2025-09-04 13:37:35 +01:00
commit 2d681f27f5
4563 changed files with 1061534 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
sophal/css/application.css Normal file
View File

@ -0,0 +1,71 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/**
* Master CSS file.
*/
@import url("../lib/open-sans/css/open-sans.css");
@import url("../lib/jquery.ui/css/smoothness/jquery-ui.css");
@import url("../lib/jquery.timepicker/jquery-ui-timepicker-addon.css");
@import url("../lib/bootstrap/css/bootstrap.css");
@import url("../lib/bootstrap/css/bootstrap-responsive.css");
@import url("../lib/font-awesome/css/font-awesome.css");
@import url("../lib/slickgrid/slick.grid.css");
@import url("../lib/slickgrid/plugins/slick.headermenu.css");
@import url("../lib/jquery.treetable/css/jquery.treetable.css");
@import url("../lib/jquery.treetable/css/jquery.treetable.theme.default.css");
@import url("../lib/fullcalendar/fullcalendar.css");
@import url("../lib/fullcalendar/fullcalendar.print.css") print;
@import url("../lib/dhtmlxGantt/dhtmlxgantt.css");
@import url("../lib/handsontable/handsontable.full.css");
@import url("../lib/d3/nv/nv.d3.css");
@import url("../lib/codemirror/codemirror.min.css");
@import url("../lib/wysiwyg/wysiwyg-editor.css");
@import url("wysiwyg.css");
@import url("main.css");
@import url("tabs.css");
@import url("navtree.css");
@import url("slickgrid.css");
@import url("view.form.css");
@import url("view.form.panels.css");
@import url("view.form.checkbox.css");
@import url("view.popup.css");
@import url("view.tree.css");
@import url("view.portal.css");
@import url("view.calendar.css");
@import url("view.gantt.css");
@import url("view.kanban.css");
@import url("view.mail.css");
@import url("view.dms.css");
@import url("view.form.hilite.css");
@import url("colors.css");
@import url("print.css") print;

27
sophal/css/application.login.css Normal file
View File

@ -0,0 +1,27 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/**
* Login CSS file.
*/
@import url("../lib/bootstrap/css/bootstrap.css");
@import url("../lib/bootstrap/css/bootstrap-responsive.css");
@import url("../lib/font-awesome/css/font-awesome.css");
@import url("view.form.checkbox.css");
@import url("colors.css");
@import url("login.css");

478
sophal/css/blue-max/theme.css Normal file
View File

@ -0,0 +1,478 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
@import url('../blue-simple/theme.css');
[data-name="menu-admin"] .nav-icon {
background-color: #E03997;
}
.panel, .dashlet {
border: 1px solid #2185D0;
}
.panel .panel-header,
.dashlet .dashlet-header {
padding: 5px 10px 7px !important;
border-top-color: #2185D0;
border-bottom-color: #2185D0;
background-color: #2185D0;
}
.dashlet .dashlet-body {
border-top-color: #2185D0;
}
.report-box .report-tags {
top: 6px;
right: 6px;
}
.panel .panel-title, .dashlet .dashlet-title,
.dashboard .dashlet-pager, .dashboard .dashlet-buttons > a, .dashboard .dashlet-pager > a {
color: #F9FAFB;
}
.dashboard .dashlet-pager > a.disabled {
color: #F9FAFB;
opacity: .65;
}
.panel-red .panel,
.panel-red .dashlet {
border-color: #DB2828;
}
.panel-red .panel .panel-header,
.panel-red .dashlet .dashlet-header {
border-top-color: #DB2828;
border-bottom-color: #DB2828;
background-color: #DB2828;
}
.panel-red .dashlet .dashlet-body {
border-top-color: #DB2828;
}
.panel-red.panel {
border-color: #DB2828 !important;
}
.panel-red.panel .panel-header {
border-top-color: #DB2828 !important;
border-bottom-color: #DB2828 !important;
background-color: #DB2828 !important;
}
.panel-red.dashlet {
border-color: #DB2828 !important;
}
.panel-red.dashlet .dashlet-header {
border-top-color: #DB2828 !important;
border-bottom-color: #DB2828 !important;
background-color: #DB2828 !important;
}
.panel-red.dashlet .dashlet-body {
border-top-color: #DB2828 !important;
}
.panel-orange .panel,
.panel-orange .dashlet {
border-color: #F2711C;
}
.panel-orange .panel .panel-header,
.panel-orange .dashlet .dashlet-header {
border-top-color: #F2711C;
border-bottom-color: #F2711C;
background-color: #F2711C;
}
.panel-orange .dashlet .dashlet-body {
border-top-color: #F2711C;
}
.panel-orange.panel {
border-color: #F2711C !important;
}
.panel-orange.panel .panel-header {
border-top-color: #F2711C !important;
border-bottom-color: #F2711C !important;
background-color: #F2711C !important;
}
.panel-orange.dashlet {
border-color: #F2711C !important;
}
.panel-orange.dashlet .dashlet-header {
border-top-color: #F2711C !important;
border-bottom-color: #F2711C !important;
background-color: #F2711C !important;
}
.panel-orange.dashlet .dashlet-body {
border-top-color: #F2711C !important;
}
.panel-yellow .panel,
.panel-yellow .dashlet {
border-color: #FBBD08;
}
.panel-yellow .panel .panel-header,
.panel-yellow .dashlet .dashlet-header {
border-top-color: #FBBD08;
border-bottom-color: #FBBD08;
background-color: #FBBD08;
}
.panel-yellow .dashlet .dashlet-body {
border-top-color: #FBBD08;
}
.panel-yellow.panel {
border-color: #FBBD08 !important;
}
.panel-yellow.panel .panel-header {
border-top-color: #FBBD08 !important;
border-bottom-color: #FBBD08 !important;
background-color: #FBBD08 !important;
}
.panel-yellow.dashlet {
border-color: #FBBD08 !important;
}
.panel-yellow.dashlet .dashlet-header {
border-top-color: #FBBD08 !important;
border-bottom-color: #FBBD08 !important;
background-color: #FBBD08 !important;
}
.panel-yellow.dashlet .dashlet-body {
border-top-color: #FBBD08 !important;
}
.panel-olive .panel,
.panel-olive .dashlet {
border-color: #B5CC18;
}
.panel-olive .panel .panel-header,
.panel-olive .dashlet .dashlet-header {
border-top-color: #B5CC18;
border-bottom-color: #B5CC18;
background-color: #B5CC18;
}
.panel-olive .dashlet .dashlet-body {
border-top-color: #B5CC18;
}
.panel-olive.panel {
border-color: #B5CC18 !important;
}
.panel-olive.panel .panel-header {
border-top-color: #B5CC18 !important;
border-bottom-color: #B5CC18 !important;
background-color: #B5CC18 !important;
}
.panel-olive.dashlet {
border-color: #B5CC18 !important;
}
.panel-olive.dashlet .dashlet-header {
border-top-color: #B5CC18 !important;
border-bottom-color: #B5CC18 !important;
background-color: #B5CC18 !important;
}
.panel-olive.dashlet .dashlet-body {
border-top-color: #B5CC18 !important;
}
.panel-green .panel,
.panel-green .dashlet {
border-color: #21BA45;
}
.panel-green .panel .panel-header,
.panel-green .dashlet .dashlet-header {
border-top-color: #21BA45;
border-bottom-color: #21BA45;
background-color: #21BA45;
}
.panel-green .dashlet .dashlet-body {
border-top-color: #21BA45;
}
.panel-green.panel {
border-color: #21BA45 !important;
}
.panel-green.panel .panel-header {
border-top-color: #21BA45 !important;
border-bottom-color: #21BA45 !important;
background-color: #21BA45 !important;
}
.panel-green.dashlet {
border-color: #21BA45 !important;
}
.panel-green.dashlet .dashlet-header {
border-top-color: #21BA45 !important;
border-bottom-color: #21BA45 !important;
background-color: #21BA45 !important;
}
.panel-green.dashlet .dashlet-body {
border-top-color: #21BA45 !important;
}
.panel-teal .panel,
.panel-teal .dashlet {
border-color: #00B5AD;
}
.panel-teal .panel .panel-header,
.panel-teal .dashlet .dashlet-header {
border-top-color: #00B5AD;
border-bottom-color: #00B5AD;
background-color: #00B5AD;
}
.panel-teal .dashlet .dashlet-body {
border-top-color: #00B5AD;
}
.panel-teal.panel {
border-color: #00B5AD !important;
}
.panel-teal.panel .panel-header {
border-top-color: #00B5AD !important;
border-bottom-color: #00B5AD !important;
background-color: #00B5AD !important;
}
.panel-teal.dashlet {
border-color: #00B5AD !important;
}
.panel-teal.dashlet .dashlet-header {
border-top-color: #00B5AD !important;
border-bottom-color: #00B5AD !important;
background-color: #00B5AD !important;
}
.panel-teal.dashlet .dashlet-body {
border-top-color: #00B5AD !important;
}
.panel-blue .panel,
.panel-blue .dashlet {
border-color: #2185D0;
}
.panel-blue .panel .panel-header,
.panel-blue .dashlet .dashlet-header {
border-top-color: #2185D0;
border-bottom-color: #2185D0;
background-color: #2185D0;
}
.panel-blue .dashlet .dashlet-body {
border-top-color: #2185D0;
}
.panel-blue.panel {
border-color: #2185D0 !important;
}
.panel-blue.panel .panel-header {
border-top-color: #2185D0 !important;
border-bottom-color: #2185D0 !important;
background-color: #2185D0 !important;
}
.panel-blue.dashlet {
border-color: #2185D0 !important;
}
.panel-blue.dashlet .dashlet-header {
border-top-color: #2185D0 !important;
border-bottom-color: #2185D0 !important;
background-color: #2185D0 !important;
}
.panel-blue.dashlet .dashlet-body {
border-top-color: #2185D0 !important;
}
.panel-violet .panel,
.panel-violet .dashlet {
border-color: #6435C9;
}
.panel-violet .panel .panel-header,
.panel-violet .dashlet .dashlet-header {
border-top-color: #6435C9;
border-bottom-color: #6435C9;
background-color: #6435C9;
}
.panel-violet .dashlet .dashlet-body {
border-top-color: #6435C9;
}
.panel-violet.panel {
border-color: #6435C9 !important;
}
.panel-violet.panel .panel-header {
border-top-color: #6435C9 !important;
border-bottom-color: #6435C9 !important;
background-color: #6435C9 !important;
}
.panel-violet.dashlet {
border-color: #6435C9 !important;
}
.panel-violet.dashlet .dashlet-header {
border-top-color: #6435C9 !important;
border-bottom-color: #6435C9 !important;
background-color: #6435C9 !important;
}
.panel-violet.dashlet .dashlet-body {
border-top-color: #6435C9 !important;
}
.panel-purple .panel,
.panel-purple .dashlet {
border-color: #A333C8;
}
.panel-purple .panel .panel-header,
.panel-purple .dashlet .dashlet-header {
border-top-color: #A333C8;
border-bottom-color: #A333C8;
background-color: #A333C8;
}
.panel-purple .dashlet .dashlet-body {
border-top-color: #A333C8;
}
.panel-purple.panel {
border-color: #A333C8 !important;
}
.panel-purple.panel .panel-header {
border-top-color: #A333C8 !important;
border-bottom-color: #A333C8 !important;
background-color: #A333C8 !important;
}
.panel-purple.dashlet {
border-color: #A333C8 !important;
}
.panel-purple.dashlet .dashlet-header {
border-top-color: #A333C8 !important;
border-bottom-color: #A333C8 !important;
background-color: #A333C8 !important;
}
.panel-purple.dashlet .dashlet-body {
border-top-color: #A333C8 !important;
}
.panel-pink .panel,
.panel-pink .dashlet {
border-color: #E03997;
}
.panel-pink .panel .panel-header,
.panel-pink .dashlet .dashlet-header {
border-top-color: #E03997;
border-bottom-color: #E03997;
background-color: #E03997;
}
.panel-pink .dashlet .dashlet-body {
border-top-color: #E03997;
}
.panel-pink.panel {
border-color: #E03997 !important;
}
.panel-pink.panel .panel-header {
border-top-color: #E03997 !important;
border-bottom-color: #E03997 !important;
background-color: #E03997 !important;
}
.panel-pink.dashlet {
border-color: #E03997 !important;
}
.panel-pink.dashlet .dashlet-header {
border-top-color: #E03997 !important;
border-bottom-color: #E03997 !important;
background-color: #E03997 !important;
}
.panel-pink.dashlet .dashlet-body {
border-top-color: #E03997 !important;
}
.panel-brown .panel,
.panel-brown .dashlet {
border-color: #A5673F;
}
.panel-brown .panel .panel-header,
.panel-brown .dashlet .dashlet-header {
border-top-color: #A5673F;
border-bottom-color: #A5673F;
background-color: #A5673F;
}
.panel-brown .dashlet .dashlet-body {
border-top-color: #A5673F;
}
.panel-brown.panel {
border-color: #A5673F !important;
}
.panel-brown.panel .panel-header {
border-top-color: #A5673F !important;
border-bottom-color: #A5673F !important;
background-color: #A5673F !important;
}
.panel-brown.dashlet {
border-color: #A5673F !important;
}
.panel-brown.dashlet .dashlet-header {
border-top-color: #A5673F !important;
border-bottom-color: #A5673F !important;
background-color: #A5673F !important;
}
.panel-brown.dashlet .dashlet-body {
border-top-color: #A5673F !important;
}
.panel-grey .panel,
.panel-grey .dashlet {
border-color: #767676;
}
.panel-grey .panel .panel-header,
.panel-grey .dashlet .dashlet-header {
border-top-color: #767676;
border-bottom-color: #767676;
background-color: #767676;
}
.panel-grey .dashlet .dashlet-body {
border-top-color: #767676;
}
.panel-grey.panel {
border-color: #767676 !important;
}
.panel-grey.panel .panel-header {
border-top-color: #767676 !important;
border-bottom-color: #767676 !important;
background-color: #767676 !important;
}
.panel-grey.dashlet {
border-color: #767676 !important;
}
.panel-grey.dashlet .dashlet-header {
border-top-color: #767676 !important;
border-bottom-color: #767676 !important;
background-color: #767676 !important;
}
.panel-grey.dashlet .dashlet-body {
border-top-color: #767676 !important;
}
.panel-black .panel,
.panel-black .dashlet {
border-color: #1B1C1D;
}
.panel-black .panel .panel-header,
.panel-black .dashlet .dashlet-header {
border-top-color: #1B1C1D;
border-bottom-color: #1B1C1D;
background-color: #1B1C1D;
}
.panel-black .dashlet .dashlet-body {
border-top-color: #1B1C1D;
}
.panel-black.panel {
border-color: #1B1C1D !important;
}
.panel-black.panel .panel-header {
border-top-color: #1B1C1D !important;
border-bottom-color: #1B1C1D !important;
background-color: #1B1C1D !important;
}
.panel-black.dashlet {
border-color: #1B1C1D !important;
}
.panel-black.dashlet .dashlet-header {
border-top-color: #1B1C1D !important;
border-bottom-color: #1B1C1D !important;
background-color: #1B1C1D !important;
}
.panel-black.dashlet .dashlet-body {
border-top-color: #1B1C1D !important;
}
.file-item .file-item {
display: block !important;
}
.file-item button.btn.ng-hide:first-child{
display: block !important;
pointer-events: none;
}
button.btn.ng-hide .fa-arrow-circle-up:before{
content: "\f0c6" !important;
}

111
sophal/css/blue-simple/theme.css Normal file
View File

@ -0,0 +1,111 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
header .navbar .nav > li > a:focus,
header .navbar .nav > li > a:hover,
header .navbar .nav > li.dropdown.open > a.dropdown-toggle {
color: #2185D0;
}
header .navbar .nav .dropdown-menu > li > a:hover,
header .navbar .nav .dropdown-menu > li > a:focus,
header .navbar .nav .dropdown-submenu:hover > a,
header .navbar .nav .dropdown-submenu:focus > a {
background-color: #2185D0;
}
header .navbar .nav > li > a:focus,
header .navbar .nav > li > a:hover,
header .navbar .nav > li.dropdown.open > a.dropdown-toggle {
color: #2185D0;
}
textarea:focus, input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: #2185D0;
}
.ui-datepicker .ui-slider-handle.ui-state-focus,
.ui-datepicker .ui-slider-handle.ui-state-hover,
.ui-datepicker .ui-state-highlight {
border-color: #2185D0 !important;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-slider-handle.ui-state-hover {
background-color: #2185D0 !important;
}
/* navs */
.nav-tree > li.open {
border-left-color: #2185D0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border-top-color: #2185D0 !important;
}
/* selects */
.tag-select:focus,
.tag-select.focus {
border-color: #2185D0;
}
.nav-select li.active a.nav-label,
.nav-select li.active a.nav-label:after {
background: #2185D0;
}
/* boxes */
.ibox input:focus + .box:before {
border-color: #2185D0;
}
.ibox:hover .box:before,
.ibox:hover input:focus + .box:before {
border-color: #2185D0;
}
.ibox input:checked + .box:before {
border-color: #2185D0;
background-color: #2185D0;
}
.ibox:hover input:disabled:checked + .box:before {
border-color: 1px solid #2185D0;
}
.iswitch {
background-color: #2185D0;
}
/* panels */
.panel .panel-header,
.dashlet .dashlet-header {
border-top-width: 2px;
}

356
sophal/css/colors.css Normal file
View File

@ -0,0 +1,356 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
header {
font-weight: 600;
}
header .navbar-inner {
background-color: #fff;
box-shadow: none !important;
}
header .navbar .nav .dropdown-menu {
border: 1px solid #d3d3d3;
border-top: 1px solid #e7e7e7;
}
header .navbar .nav .dropdown-submenu > .dropdown-menu {
margin-left: 0;
border-top: 1px solid #d3d3d3;
}
header .navbar .nav .dropdown-menu > li > a {
padding: 6px 25px 6px 20px;
line-height: 20px;
}
header .navbar .nav .dropdown-submenu > a:after {
margin-right: -15px;
}
header .navbar .nav .dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
header .navbar .nav .fa-bars,
header .navbar .dropdown-toggle .caret {
color: #3ad08f;
}
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
color: #107a4a;
}
header .navbar .nav > li > a:focus,
header .navbar .nav > li > a:hover {
color: #3ad08f;
}
header .navbar .nav .fa-bars:hover,
header .navbar .nav .fa-bars:focus {
color: #107a4a;
}
header .dropdown-menu > li > a:hover,
header .dropdown-menu > li > a:focus,
header .dropdown-submenu:hover > a,
header .dropdown-submenu:focus > a {
color: #fff;
background-color: #3ad08f;
}
.slick-header-menuitem:hover {
color: #fff;
background-color: #5377b1;
background-image: none;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-slider-handle.ui-state-hover {
color: #fff !important;
background-color: #0275d8 !important;
background-image: none !important;
}
.ui-datepicker .ui-slider-handle.ui-state-focus,
.ui-datepicker .ui-slider-handle.ui-state-hover,
.ui-datepicker .ui-state-highlight {
border: 1px solid #0275d8 !important
}
.ui-menu .ui-menu-item a.ui-state-focus {
color: #262626;
text-decoration: none;
border-color: #f5f5f5;
background-color: #f5f5f5;
background-image: none;
}
.sidebar {
background-color: #2f4050;
}
.view-tabs {
background-color: #f3f3f4;
}
.nav-tabs-wrap {
height: 38px;
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
}
.nav-tabs-wrap.empty {
display: none;
}
.nav-tabs > li {
margin-right: -1px;
margin-bottom: -1px;
}
.nav-tabs > li > a {
color: #555;
background-color: #fff;
padding-top: 6px;
padding-bottom: 6px;
}
.nav-tabs > li.active > a {
color: #333;
}
.nav-tabs > li > a,
.nav-tabs > li.active > a {
margin: 0;
border-radius: 0;
border: 1px solid #e7e7e7;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li:hover > a {
color: #333;
border: 1px solid #e7e7e7;
background-color: #fff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
border: 1px solid #e7e7e7;
border-top: 3px solid #0275d8;
border-bottom: 1px solid transparent;
background-color: #fff;
padding-top: 4px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.nav-tabs-main > li:not(.active) > a {
border-top-color: #e7e7e7 !important;
}
.nav-tabs-main > li:not(.active) > a > i.fa {
opacity: 0.55;
}
.nav-tabs-strip {
height: 32px;
background-color: #f3f3f4;
}
.nav-tabs-strip .nav-tabs {
padding: 0 8px;
border-bottom-color: #e7e7e7;
}
.nav-tabs-overflow .nav-tabs {
padding: 0;
}
.nav-tabs-scroll-l,
.nav-tabs-scroll-r {
bottom: 6px;
margin-top: 0;
padding-top: 8px;
background-color: #f3f3f4;
border-bottom: 1px solid #e7e7e7;
}
.nav-tabs-scroll-l a,
.nav-tabs-scroll-r a {
width: 100%;
padding-left: 3px;
}
table.form-layout .tabbable-tabs .tab-content {
border-color: #e7e7e7;
}
.bordered,
.bordered-box {
border-color: #e7e7e7;
}
.view-container .form-view > div[ui-view-form].has-width {
background-color: #f3f3f4;
}
/** remove corners */
.btn,
.ui-menu,
.dropdown-menu,
.slick-header-menu,
[class*="ui-corner"] {
border-radius: 0 !important;
}
.portlet,
.portlet-header .navbar-inner,
.portlet-body,
.portlet-content {
border-radius: 0 !important;
}
input, button, textarea, select, fieldset, pre {
border-radius: 0 !important;
}
.tag-select,
.tag-select .label {
border-radius: 0;
}
.tag-select .picker-icons > i.fa {
padding-top: 3px;
}
.tag-select .label {
background-color: #0275d8;
}
.select-item .picker-icons i.fa-times {
font-size: 12px;
color: #ccc;
}
.select-item .picker-icons i.fa-times:hover {
color: #333;
}
.m2o-editor-controls i.fa,
.picker-icons i.fa {
color: #ccc;
}
.m2o-editor-controls i.fa:hover,
.picker-icons i.fa:hover {
color: #333;
}
.progress,
.progress .bar {
border-radius: 0 !important;
box-shadow: none;
}
.nvd3.nv-noData {
font-weight: 400;
fill: #333333;
}
/* jquery fixes */
.ui-widget-header a {
color: #0088cc;
}
.ui-dialog .ui-dialog-titlebar a {
color: #222;
}
/* == v5 == */
.record-toolbar button,
.record-toolbar .btn {
border: 0;
}
.record-toolbar .button-menu.open a.btn,
.record-toolbar .button-menu a.btn:hover {
background-color: #eee;
}
.tag-select {
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
padding-left: 0;
}
.tag-select > .picker-icons {
right: 0;
}
.nav-tabs-main > li.active > a.bg-red { border-top-color: #DB2828 !important; }
.nav-tabs-main > li.active > a.bg-orange { border-top-color: #F2711C !important; }
.nav-tabs-main > li.active > a.bg-yellow { border-top-color: #FBBD08 !important; }
.nav-tabs-main > li.active > a.bg-olive { border-top-color: #B5CC18 !important; }
.nav-tabs-main > li.active > a.bg-green { border-top-color: #21BA45 !important; }
.nav-tabs-main > li.active > a.bg-teal { border-top-color: #00B5AD !important; }
.nav-tabs-main > li.active > a.bg-blue { border-top-color: #2185D0 !important; }
.nav-tabs-main > li.active > a.bg-violet { border-top-color: #6435C9 !important; }
.nav-tabs-main > li.active > a.bg-purple { border-top-color: #A333C8 !important; }
.nav-tabs-main > li.active > a.bg-pink { border-top-color: #E03997 !important; }
.nav-tabs-main > li.active > a.bg-brown { border-top-color: #A5673F !important; }
.nav-tabs-main > li.active > a.bg-grey { border-top-color: #767676 !important; }
.nav-tabs-main > li.active > a.bg-black { border-top-color: #1B1C1D !important; }
.nav-tabs-main > li.active > a.bg-white { border-top-color: #F9FAFB !important; }
.panel .panel-related .panel-header,
.panel-tabs .panel-related .panel-header,
.panel .dashboard .dashlet-header,
.panel-tabs .dashboard .dashlet-header,
.panel .one2many-item > .navbar .navbar-inner,
.panel-tabs .one2many-item > .navbar .navbar-inner,
.panel .many2many-item > .navbar .navbar-inner,
.panel-tabs .many2many-item > .navbar .navbar-inner {
border: 0;
padding: 8px 2px;
}
.panel .one2many-item > .slickgrid,
.panel-tabs .one2many-item > .slickgrid,
.panel .many2many-item > .slickgrid,
.panel-tabs .many2many-item > .slickgrid {
top: 34px;
}
.panel .panel-related,
.panel-tabs .panel-related,
.panel .form-item .dashlet,
.panel-tabs .form-item .dashlet {
border: 0;
box-shadow: none;
}
.panel .panel-related .panel-body .slickgrid,
.panel-tabs .panel-related .panel-body .slickgrid,
.panel .form-item .dashlet .dashlet-body .portlet-grid .slickgrid,
.panel-tabs .form-item .dashlet .dashlet-body .portlet-grid .slickgrid {
border: 1px solid #ddd;
height: calc(100% - 2px);
}
.panel-related .panel-header .icons-bar > a,
.one2many-item .navbar .icons-bar > a,
.many2many-item .navbar .icons-bar > a {
margin-left: 16px;
}
/* == v5 == */

592
sophal/css/core.css Normal file
View File

@ -0,0 +1,592 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/**
********************************************* View content (default background image) **************************************************************
*/
.view-container .form-view > div[ui-view-form].has-width {
background: url(../public/img/background.gif);
}
.view-container .form-view > div[ui-view-form].has-width > form{
width: 95%;
}
/************************************ Table Layout ******************************************************************************/
table.form-layout td.form-label > label{
float:left;
text-align: left;
}
table.form-layout td.form-item .separator-item > span {
font-weight: bold;
}
/************************************** Header Layout **************************************************************************/
header .navbar-inverse .navbar-inner {
background-image: linear-gradient(to bottom, #646060, #262626);
background-image: -moz-linear-gradient(to bottom, #646060, #262626);
background-image: linear-gradient(to bottom, #646060, #262626);
border-bottom: 1px solid #262626;
filter: none; /*IE*/
}
header .container-fluid {
padding-right: 20px;
padding-left: 30px;
}
.dropdown-menu > li > a{
/* color: white !important; */
color: white;
white-space: normal;
}
.navbar .navbar-inner .container-fluid * > img{
padding-right: 5px;
}
header .navbar-inverse .dropdown-menu{
margin-right: -6px !important;
margin-left: -4px !important;
}
.container > img{
padding-top: 5px;
}
.calendar-view .record-pager > span{
margin-right: 10px;
margin-top: 2px !important;
}
header .navbar-inverse .dropdown-menu .divider{
border-bottom: 1px solid white !important;
border-top: 1px solid white !important;
}
.dropdown-toggle {
margin-left: -4px;
margin-right: -5px;
}
.pull-right li:nth-child(2) a:before{
content:"\f015";
padding:5px;
font-family:FontAwesome;
font-size:20px;
}
.pull-right li:nth-child(4) a.dropdown-toggle:before{
content:"\f05a";
padding:5px;
font-family:FontAwesome;
font-size:20px;
}
.pull-right li:nth-child(6) a.dropdown-toggle:before{
content:"\f007";
padding:5px 5px 8px 2px;
font-family:FontAwesome;
font-size:18px;
}
.pull-right li:nth-child(4) img,.pull-right li:nth-child(2) img,.pull-right li:nth-child(6) img{
display:none;
}
.navbar .nav > li > .dropdown-menu.pull-right{
right: 1px;
}
.pull-right li:nth-child(6) .dropdown-menu{
right:1px !important;
}
header .navbar-inverse .dropdown-menu > li > a:hover{
background-color: #E0DFDF !important;
color : #333333 !important;
font-style: none;
}
header .navbar-inverse .dropdown-menu,
header .navbar-inverse .dropdown-submenu:hover > a,
header .navbar-inverse .dropdown-submenu:focus > a {
background-color: #646060 !important;
border :none;
margin-left: 5px !important;
}
.dropdown-submenu > .dropdown-menu{
left : 97%;
}
.navbar .nav > li > a {
margin-left: 5px;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #646060;
color: white !important;
}
/************************************************* Menu Layout **************************************************************************/
header .navbar-inverse .dropdown-menu > li > a{
color: white;
}
.splitter-vertical{
background-image: linear-gradient(to left, #646060, #262626);
background-image: linear-gradient(to left, #646060, #262626);
background-image: llinear-gradient(to left, #646060, #262626);
padding-right: -5px;
width:5px !important;
height: auto;
/* left: 210px !important; */
}
.splitter-vertical:before{
content: ".\a.\a.\a.\a.\a.\a.";
color: white !important;
position: absolute;
top: 50%;
line-height: 5px;
left: 0px;
font-size: 18px;
}
.filter-menu {
margin-left: 8px;
background: #f1f1f1;
top: 40px !important;
border-radius : 6px !important;
}
.filter-menu:before {
/* content: "\f0d8"; */
font-family: FontAwesome;
position: absolute;
top: -12px;
left: 50.8%;
color: #f1f1f1;
font-size: 20px;
}
.filter-menu form{
border-top: 1px solid #dddddd;
}
.nav-list > .active * > .icon-caret-down:before,
.nav-list > .active * > .icon-caret-right:before{
color: white !important;
}
.splitter-footer{
margin-bottom: 5px;
padding-top: 3px;
}
.nav-list > .active * > .icon-caret-down:before{
color: white !important;
}
.input-append input, .input-append select, .input-append .uneditable-input{
padding-bottom : 7px;
}
.record-pager-text{
margin-top: 6px;
margin-right: 12px;
}
.stackbar .navbar,
.stackbar .navbar * {
color: white;
}
.nav > li > a > img{
margin-bottom: 3px;
}
.navbar .navbar-inner .container-fluid * > img{
float:left !important;
}
.ui-dialog .ui-dialog-titlebar {
border : none;
border-bottom: 1px solid #B2C3D6;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background: none;
padding: 9px 15px;
font-size: 24.5px;
line-height: 30px;
color: black !important;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border : none;
border-top: 1px solid #B2C3D6;left: 210px
background-image: none;
margin: .5em 0 0 0;
padding: .3em 1em .5em .4em;
}
.nav-tabs > li > a, .nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 0px;
line-height: 14px;
}
.navbar .brand{
text-shadow: none;
font-weight: normal;
}
.stackbar .navbar * > .icon-plus:before,
.stackbar .navbar * > .icon-refresh:before,
.stackbar .navbar * > .icon-pencil:before,
.stackbar .navbar * > .icon-minus:before,
.stackbar .navbar * > .icon-search:before,
.navbar .nav li.dropdown > .dropdown-toggle .caret,
.nav-tabs .inactive:hover > .icon-remove:before,
.nav-tabs-wrap .nav-tabs .active > .icon-remove:before,
.icon-step-backward:before,
.icon-step-forward:before,
.icon-chevron-down:before,
.icon-chevron-up:before{
color: white !important ;
}
/* .icon-remove:before{ */
/* color: white; */
/* } */
.nav-tabs-strip .nav-tabs {
height: 30px;
}
.nav-tabs-strip {
height: 30px;
}
.nav-tabs-strip > .nav.nav-tabs.nav-tabs-scrollable.nav-tabs-closable > .ng-scope.active,
.nav-tabs-strip > .nav.nav-tabs.nav-tabs-scrollable.nav-tabs-closable > .ng-scope.inactive {
height: 30px;
}
.nav-tabs-strip > .nav.nav-tabs.nav-tabs-scrollable.nav-tabs-closable > .ng-scope.active > a,
.nav-tabs-strip > .nav.nav-tabs.nav-tabs-scrollable.nav-tabs-closable > .ng-scope.inactive > a {
height: 13px;
margin:1px;
}
.nav-tabs-closable li > i {
top: 3px;
right: 3px;
}
/**
**************************************** Button Layout ***************************************************************************
*/
a.button-item.img-button {
width: 100% !important;
}
.navbar .container{
padding-right: 10px;
}
.navbar .btn, .navbar .btn-group{
margin-right: -2px;
margin-bottom: 2px;
}
a.button-item.img-button img {
height: 64px;
}
.icon-table:before{
content: "\f0ca";
}
.icon-edit:before{
content: "\f0f6";
}
.btn-group * > .icon-eye-open:before{
content: "\f02b";
}
.icon-eye-open:before{
content: "\f06e";
}
.btn-group * > .icon-remove:before {
content: "\f014";
/* color : black; */
}
.btn-group * >.icon-file:before {
content: "\f067";
}
/* .open > .dropdown-menu > li > a > .icon-off:before, .open > .dropdown-menu > li > a > .icon-cog:before{ */
/* color:white !important; */
/* } */
.btn-group > .btn > img{
padding-right: 7px;
}
.btn-group > .btn + .btn{
margin-left: 1px;
margin-right: -2px;
margin-top: 0px;
}
.record-pager.pull-right > span, .record-pager.pull-left > .btn-group{
margin-top: 2px;
}
.btn-text{
margin-left: 4px;
}
.record-toolbar .dropdown a.dropdown-toggle{
margin-top: 4px;
padding: 4px 8px 5px;
}
.btn-group{
margin-top:2px !important;
}
.pull-right {
margin-top: 2px;
}
/**
******************************************************* SN *********************************************************
*/
.sn-buttons {
height: 30px !important;
width: 50px !important;
border: none !important;
display: inline-block;
}
.sn-buttons img {
height: 25px;
}
.sn-comment-icons {
top: -3px;
}
/**
* Trail
*/
.trail-form {
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #a2a2a2;
}
.trail-form.trail-child {
margin-left: 60px;
width: 592px !important;
background-color: #eee;
border-style: none;
}
.trail-expand-button {
bottom: 1px !important;
right: 1px;
}
.nav-tabs-closable{
height: 38px !important;
}
.nav-tabs-closable* > a > img{
height: 35px !important;
}
.trail-form-message td.form-item * {
min-width: auto !important;
min-height: auto !important;
height: auto !important;
width: auto !important;
float: left;
}
.trail-form-content {
color: #333333;
}
.trail-form-content > .html-display-text {
padding-top: 0px !important;
}
.trail-form-footer {
color: #909090;
font-size: 11px;
line-height: 26px;
}
.trail-form-footer label {
font-size: 11px !important;
}
/*********************************************************** Navigation Tab And Container **********************************************************/
.view-container {
margin-top: 0px;
}
.navigation-tabs.ng-pristine.ng-valid > img{
height: 32px;
}
.navigation-tabs{
top: 8px;
left : -1px;
margin-left: 0px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.btn-group > .btn.large:first-child ,
.btn-group > .btn:first-child{
margin-left: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.record-toolbar .view-switcher {
margin-left: 10px;
}
.record-toolbar .dropdown a.dropdown-toggle {
margin-left: 3px;
margin-right: -15px;
}
.record-toolbar .menu-bar {
margin-left: 10px;
height: 37px;
padding-bottom: 3px;
}
/* .record-toolbar .button-item{ */
/* line-height: 19px !important; */
/* } */
input.search-query{
margin-bottom: 5px !important;
margin-top: 4px;
padding-bottom: 6px;
}
.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown > .dropdown-toggle:hover .caret,
.navbar .nav li.dropdown > .dropdown-toggle:focus .caret{
border-top-color: white;
border-bottom-color: white;
}
.pull-right > .btn{
margin-bottom: 4px !important;
padding: 5px 12px 5px 15px;
border-radius: 6px;
}
table.form-layout td.form-label label.required:after {
color: red;
content: " *";
font-weight: bold;
font-size: 18px;
vertical-align: middle !important;
}
table.form-layout td.form-label label.required{
color: #333333;
}
.form-item .form-item-container.ng-invalid > textarea,
.form-item .form-item-container.ng-invalid > .picker-input input,
.form-item .form-item-container.ng-invalid > .ui-spinner input,
.form-item .form-item-container.ng-invalid > input,
.form-item .form-item-container.ng-invalid > .tag-select,
.form-item .input-append.ng-invalid > input,
.form-item .picker-input.ng-invalid > input{
border-color: red;
}
span[required] > input:focus,span[required] > div > input:focus,span[required]>span>input:focus{
border-color:grey ;
box-shadow: 0px 0px 5px red !important;
}
.view-content{
top : 32px;
}
.view-container .form-view > div:last-child{
top: 44px;
}
.nav-tabs-menu, .nav-tabs-scroll-l,
.nav-tabs-scroll-r, .nav-tabs {
border-bottom: 0;
}
.grid-view > .slickgrid{
top : 42px;
}
.nav-list > li > a, .nav-list .nav-header{
text-shadow: none;
}
/*************************** Grid Icon changes... *********************************************************/
.slick-cell > a{
color:inherit;
font-size: 16px;
}
.slick-cell > a:hover, .slick-cell > a:focus{
color:white;
text-decoration: none;
}
.slick-cell.edit-icon i:hover, .slick-cell.edit-icon i:focus{
color:white;
}
.record-toolbar .button-item > i {
font-size: 16px;
line-height: 20px;
padding-right : 5px;
}
.slick-cell .picker-input > .picker-icons > i[class^=icon] {
color: #222222;
}
/************************ Toolbar menu item ******************************************************/
.record-toolbar .menu-bar a.disabled{
opacity: 0.50;
cursor: default;
}
.record-pager.pull-left > span{
padding : 8px;
}
.splitter-panel{
/* top : 2px; */
}
hr {
margin: 18px 0;
border: 0;
margin-top: -1px !important;
}
sidebar ng-scope splitter-panel{
width : 210px !important;
}

690
sophal/css/custom.css Normal file
View File

@ -0,0 +1,690 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.font-italic{
font-style:italic;
}
.font-normal{
font-weight:normal !important;
}
.font-bold{
font-weight:bold !important;
}
.font-10px{
font-size:10px;
}
.font-11px{
font-size:11px;
}
.font-12px{
font-size:12px;
}
.font-13px{
font-size:13px;
}
.font-14px{
font-size:14px;
}
.font-15px{
font-size:15px;
}
.font-16px{
font-size:16px;
}
.font-18px{
font-size:18px;
}
.font-20px{
font-size:20px !important;
}
.font-22px{
font-size:22px;
}
.font-24px{
font-size:24px;
}
.font-verdana{
font-family:Verdana;
}
.font-times{
font-family: Times New Roman;
}
.font-arial{
font-family: Arial;
}
.font-courier{
font-family: Courier;
}
.font-sans-serif{
font-family: sans-sarif;
}
.font-georgia{
font-family: Aeorgia;
}
.font-trebuchet{
font-family: Trebuchet;
}
.font-lucida-console{
font-family: Lucida Console;
}
.font-tahoma{
font-family: Tahoma;
}
.font-impact{
font-family: Impact;
}
.font-black{
color: black !important;
}
.font-blue{
color: blue !important;
}
.font-grey{
color: grey !important;
}
.font-green{
color: green !important;
}
.font-lime{
color: lime !important;
}
.font-maroon{
color: maroon !important;
}
.font-navy{
color: navy !important;
}
.font-olive{
color: olive !important;
}
.font-orange{
color: orange !important;
}
.font-purple{
color: purple !important;
}
.font-red{
color: red !important;
}
.font-silver{
color: silver !important;
}
.font-white{
color: white !important;
}
.font-yellow{
color: yellow !important;
}
.text-overline{
text-decoration:overline;
}
.text-line-through{
text-decoration: line-through;
}
.text-underline{
text-decoration: underline;
}
.text-left{
text-align:left;
}
.text-right{
text-align:right;
}
.text-center{
text-align: center;
}
.text-justify{
text-align:justify;
}
.text-upper{
text-transform:uppercase;
}
.text-lower{
text-transform:lowercase;
}
.text-capital{
text-transform:capitalize;
}
.text-direction-ltr{
direction:ltr;
}
.text-direction-rtl{
direction:rtl;
}
.button-yellow, .button-yellow:hover, .button-yellow:focus{
border : 1px solid #FFCC00;
color : #333333;
background-image: -webkit-linear-gradient(bottom, #FFCC00, #FFE680);
background-image: -moz-linear-gradient(bottom, #FFCC00, #FFE680);
background-image: linear-gradient(bottom, #FFCC00, #FFE680);
background-color: #FFCC00;
}
.button-blue, .button-blue:hover, .button-blue:focus{
border : 1px solid #3366CC;
color :white;
background-image: -webkit-linear-gradient(bottom, #3366CC, #85A3E0);
background-image: -moz-linear-gradient(bottom, #3366CC, #99B2E6);
background-image: linear-gradient(bottom, #3366CC, #99B2E6);
background-color: #3366CC;
}
.button-black, .button-black:focus, .button-black:hover{
border : 1px solid #00000;
color :white;
background-image: -webkit-linear-gradient(bottom, #000000, #808080);
background-image: -moz-linear-gradient(bottom, #000000, #808080);
background-image: linear-gradient(bottom, #000000, #808080);
background-color: #000000;
}
.button-purple, .button-purple:hover, .button-purple:focus{
border : 1px solid #B280B2;
color :white !important;
background-image: -webkit-linear-gradient(bottom, #660066, #B280B2);
background-image: -moz-linear-gradient(bottom, #660066, #B280B2);
background-image: linear-gradient(bottom, #660066, #B280B2);
background-color: #660066;
}
.button-green, .button-green:focus, .button-green:hover{
border : 1px solid #80CC80;
color :white !important;
background-image: -webkit-linear-gradient(bottom, #009900, #80CC80);
background-image: -moz-linear-gradient(bottom, #009900, #80CC80);
background-image: linear-gradient(bottom, #009900, #80CC80);
background-color: #009900;
}
.button-red, .button-red:focus, .button-red:hover{
border : 1px solid #FF8080;
color :white !important;
background-image: -webkit-linear-gradient(bottom, #FF0000, #FF8080);
background-image: -moz-linear-gradient(bottom, #FF0000, #FF8080);
background-image: linear-gradient(bottom, #FF0000, #FF8080);
background-color: #FF0000;
}
.button-brown, .button-brown:focus, .button-brown:hover{
border : 1px solid #B29980;
color :white;
background-image: -webkit-linear-gradient(bottom, #663300, #B29980);
background-image: -moz-linear-gradient(bottom, #663300, #B29980);
background-image: linear-gradient(bottom, #663300, #B29980);
background-color: #663300;
}
.button-grey, .button-grey:focus, .button-grey:hover{
border : 1px solid #B2B2B2;
color : white !important;
background-image: -webkit-linear-gradient(bottom, grey, #B2B2B2);
background-image: -moz-linear-gradient(bottom, grey, #B29980);
background-image: linear-gradient(bottom, grey, #B29980);
background-color: grey;
}
.button-pink, .button-pink:focus, .button-pink:hover{
border : 1px solid #E680B2;
color : white !important;
background-image: -webkit-linear-gradient(bottom, #CC0066, #E680B2);
background-image: -moz-linear-gradient(bottom, #CC0066, #E680B2);
background-image: linear-gradient(bottom, #CC0066, #E680B2);
background-color: #CC0066;
}
.border-solid{
border-style: solid !important;
}
.border-dotted{
border-style: dotted !important;
}
.border-dashed{
border-style: dashed !important;
}
.border-double{
border-style: double !important;
}
.border-inset{
border-style: inset !important;
}
.border-outset{
border-style: outset !important;
}
.border-hidden{
border-style: hidden !important;
}
.border-red{
border-color: red !important;
}
.border-black{
border-color: black !important;
}
.border-blue{
border-color: blue !important;
}
.border-grey{
border-color: grey !important;
}
.border-green{
border-color: green !important;
}
.border-white{
border-color: white !important;
}
.border-yellow{
border-color: yellow !important;
}
.border-navy{
border-color: navy !important;
}
.border-top{
border-top: 1px solid;
}
.border-bottom{
border-bottom: 1px solid;
}
.border-left{
border-left: 1px solid;
}
.border-right{
border-right: 1px solid;
}
.group-bg-green{
background-color: green !important;
}
.group-bg-gray{
background-color: gray !important;
}
.group-bg-blue{
background-color: blue !important;
}
.group-bg-white{
background-color: white !important;
}
.group-bg-red{
background-color: red !important;
}
.group-bg-yellow{
background-color: yellow !important;
}
.group-bg-olive{
background-color: olive !important;
}
.group-title-green span.ng-binding{
color: green !important;
}
.group-title-gray span.ng-binding{
color: gray !important;
}
.group-title-blue span.ng-binding{
color: blue !important;
}
.group-title-white span.ng-binding{
color: white !important;
}
.group-title-red span.ng-binding{
color: red !important;
}
.group-title-yellow span.ng-binding{
color: yellow !important;
}
.group-title-olive span.ng-binding{
color: olive !important;
}
.group-border-1px{
border : 1px solid;
}
.group-border-2px{
border: 2px solid;
}
.group-border-3px{
border: 3px solid;
}
.group-border-4px{
border: 4px solid;
}
.group-border-5px{
border: 5px solid;
}
.separator-bg-red{
color : white;
background : red;
padding-top: 4px;
padding-left: 5px;
border-bottom: 2px solid red;
}
.separator-bg-yellow{
color : white;
background : yellow;
padding-top: 4px;
padding-left: 5px;
border-bottom: 2px solid yellow;
}
}
.separator-bg-green{
color : white;
background : green;
padding-top: 4px;
padding-left: 5px;
border-bottom: 2px solid green;
}
.separator-bg-blue{
color : white;
background : blue;
padding-top: 4px;
padding-left: 5px;
border-bottom: 1px solid blue;
}
.separator-bg-white{
color : #333333 !important;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #333333;
}
.separator-bg{
color : white;
background : #80B2B2;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #80B2B2;
}
.separator-bg-theme{
color : white;
background : #006666;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #006666;
}
.separator-bg-grey{
color : white;
background : grey;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid grey;
}
.separator-bg-purple{
color : white;
background : purple;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid purple;
}
.separator-bg-black{
color : white;
background : #333333;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #333333;
}
.separator-bg-pink{
color : white;
background : #CC0066;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #CC0066;
}
.separator-bg-brown{
color : white;
background : #663300;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #663300;
}
.rounded-corner{
border-radius : 5px !important;
}
.separator-1px{
border-bottom: 1px solid !important;
}
.separator-2px{
border-bottom: 2px solid !important;
}
.separator-3px{
border-bottom: 3px solid !important;
}
.separator-4px{
border-bottom: 4px solid !important;
}
.separator-5px{
border-bottom: 5px solid !important;
}
.separator-1px-dotted{
border-bottom: 1px dotted !important;
}
.separator-2px-dotted{
border-bottom: 2px dotted !important;
}
.separator-3px-dotted{
border-bottom: 3px dotted !important;
}
.separator-4px-dotted{
border-bottom: 4px dotted !important;
}
.separator-5px-dotted{
border-bottom: 5px dotted !important;
}
.separator-1px-dashed{
border-bottom: 1px dashed !important;
}
.separator-2px-dashed{
border-bottom: 2px dashed !important;
}
.separator-3px-dashed{
border-bottom: 3px dashed !important;
}
.separator-4px-dashed{
border-bottom: 4px dashed !important;
}
.separator-5px-dashed{
border-bottom: 5px dashed !important;
}
.content-bold input {
font-weight:bold;
}
.content-italic input {
font-style:italic;
}
.content-10px input {
font-size:10px;
}
.content-11px input {
font-size:11px;
}
.content-12px input {
font-size:12px;
}
.content-13px input {
font-size:13px;
}
.content-14px input {
font-size:14px;
}
.content-15px input {
font-size:15px;
}
.content-16px input {
font-size:16px;
}
.content-18px input {
font-size:18px;
}
.content-20px input {
font-size:20px;
}
.content-22px input {
font-size:22px;
}
.content-24px input {
font-size:24px;
}
.content-black input{
color: black !important;
}
.content-blue input{
color: blue !important;
}
.content-grey input{
color: grey !important;
}
.content-green input{
color: green !important;
}
.content-lime input{
color: lime !important;
}
.content-maroon input{
color: maroon !important;
}
.content-navy input{
color: navy !important;
}
.content-olive input{
color: olive !important;
}
.content-orange input{
color: orange !important;
}
.content-purple input{
color: purple !important;
}
.content-red input{
color: red !important;
}
.content-silver input{
color: silver !important;
}
.content-white input{
color: white !important;
}
.content-yellow input{
color: yellow !important;
}
.btn-custom {
background-color: transparent;
color: #0275D8;
border: none;
height: 19px !important;
line-height: 13px;
}
.btn-custom.disabled {
background-color: transparent !important;
color: #67ACE7 !important;
cursor: not-allowed !important;
}
.btn-custom .fa {
margin: 0 4px;
}
.btn-custom:hover span {
text-decoration: underline;
}
.btn-custom.disabled:hover span {
text-decoration: none;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active {
background-color: transparent !important;
color: #0275D8;
}
.btn-custom:active {
-webkit-box-shadow: unset;
box-shadow: unset;
}

204
sophal/css/login.css Normal file
View File

@ -0,0 +1,204 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
body {
height: 100%;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: block;
background-color: #2f4050;
padding-top: 60px;
}
@media (max-width: 979px) {
body {
padding-top: 20px;
}
}
header .navbar .brand-logo {
float: left;
}
header .navbar .brand-logo img {
height: 32px;
margin-top: 4px;
}
.panel {
border: 1px solid #d4d4d4;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
background-color: #fff;
}
.panel .panel-header {
background-color: #dadada;
padding: 10px;
text-align: center;
}
.panel .panel-title {
font-size: 18px;
font-weight: 600;
}
.panel .panel-body {
padding: 14px;
overflow: hidden;
}
.panel {
margin-bottom: 18px;
}
.login-panel {
float: inherit !important;
margin: auto !important;
width: 420px;
border: 0;
box-shadow: none;
background-color: transparent;
}
.alert {
width: 420px;
}
@media (min-width: 1200px) {
.alert,
.login-panel {
width: 420px;
}
}
@media (max-width: 767px) {
.alert,
.login-panel {
width: 100%;
}
}
.login-panel .panel-header {
padding: 22px;
}
.login-panel .panel-body {
padding: 0;
}
.login-panel .form-fields,
.login-panel .form-footer {
padding: 22px;
}
.login-panel .form-fields {
margin-top: 8px;
background-color: #eaeaea;
}
.login-panel .form-footer {
background-color: #fff;
}
.login-panel .form-footer button {
width: 100%;
padding: 8px 16px;
font-weight: 600;
}
#login-form {
margin: 0;
}
#login-form input[type="text"],
#login-form input[type="password"],
#login-form .add-on {
border-radius: 0 !important;
padding: 6px 10px;
font-size: 14px;
line-height: 20px;
height: 20px;
}
#login-form .input-prepend {
width: 100%;
margin-bottom: 16px;
}
#login-form .input-prepend input {
width: calc(100% - 60px);
}
#login-form .input-prepend select {
height: 34px;
width: calc(100% - 38px);
}
body > footer {
position: relative;
margin-top: 28px;
height: 28px;
text-align: center;
}
body > footer > p {
margin: 0;
padding: 6px 10px;
}
body > footer > p,
body > footer > p a,
body > footer > p a:hover,
body > footer > p a:active,
body > footer > p a:visited {
color: #f2f2f2;
}
.alert {
box-sizing: border-box;
margin: auto;
margin-top: 8px;
border-radius: 0;
}
.alert h4 {
margin-bottom: 8px;
}
#social-buttons {
display: flex;
flex-direction: column;
padding: 18px 22px;
}
#social-buttons button {
display: flex;
flex: 1;
padding: 8px 10px;
font-weight: 600;
margin: 4px 0;
}
#social-buttons .social-logo {
height: 18px;
width: 18px;
}
#social-buttons .social-title {
padding-left: 8px;
}

974
sophal/css/main.css Normal file
View File

@ -0,0 +1,974 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
html, body {
overflow: hidden;
padding: 0 !important;
margin: 0 !important;
}
body {
height: 100%;
width: 100%;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
b, strong {
font-weight: 600;
}
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none !important;
}
#container {
left: 0px; right: 0px; top: 41px; bottom: 0px;
position: absolute;
min-width: 320px;
}
@media (max-width: 979px) {
header > .navbar-fixed-top {
position: fixed;
margin-bottom: 0;
}
header > .navbar-fixed-top .navbar-inner {
padding: 0;
}
}
header .navbar .brand-logo {
float: left;
}
header .navbar .brand-logo img {
height: 32px;
margin-top: 4px;
}
header .container-fluid {
padding: 0 4px;
}
@media (max-width: 767px) {
header .container-fluid {
padding: 0 4px;
}
header .navbar-fixed-top {
margin-left: 0;
margin-right: 0;
min-width: 320px;
}
}
header .nav-menu-bar li.empty > a > i {
font-size: 20px;
}
header .nav-menu-bar li.empty > a,
header .navbar .nav-shortcuts > li > a {
padding: 9px 5px 10px;
}
header .nav-menu-bar li > a > img {
width: 16px;
height: 16px;
max-width: 16px;
max-height: 16px;
}
header .navbar .nav-shortcuts > .divider-vertical {
margin: 0 4px;
}
header .navbar .nav-shortcuts > li > a > i {
font-size: 20px;
}
header .navbar .nav-shortcuts > li > a > span {
vertical-align: top;
}
header .navbar .nav-shortcuts .nav-link-mail sup {
position: absolute;
top: 8px;
}
header .navbar .nav-shortcuts .nav-link-tasks .badge {
display: inline-block;
position: absolute;
padding: 5px 4px;
width: 11px;
height: 9px;
top: 1px;
right: -3px;
}
header .navbar .nav-link-user > img {
width: 20px;
height: 20px;
margin-bottom: 1px;
background-color: white;
}
header .navbar .nav-link-user-name,
header .navbar .nav-link-user-sub {
display: block;
font-weight: 600;
opacity: .9;
}
header .navbar .nav-link-user-sub {
font-size: 10px;
opacity: .7;
}
.fill-parent {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.footer {
position: absolute;
left: 0px; right: 0px; bottom: 0px;
padding: 4px 4px 0 4px;
background-color: #eee;
}
.footer p {
margin-bottom: 4px;
text-shadow: 0 1px 1px #f0f0f0;
}
.loading-counter {
padding: 4px 8px 6px 8px;
border-radius: 0px 0px 4px 4px;
}
.blocker-overlay {
opacity: 0;
}
.blocker-overlay.wait {
opacity: 1;
background: rgba(0, 0, 0, 0.5);
transition: opacity ease 0.4s;
}
.blocker-overlay .blocker-wait {
display: none;
position: absolute;
top: 50%;
top: calc(50% - 30px);
width: 100%;
text-align: center;
font-size: 18px;
color: white;
}
.blocker-overlay .blocker-spinner {
margin: auto;
}
.blocker-overlay .blocker-spinner i {
font-size: 42px;
-webkit-animation: fa-spin 1.05s infinite linear;
-moz-animation: fa-spin 1.05s infinite linear;
-o-animation: fa-spin 1.05s infinite linear;
animation: fa-spin 1.05s infinite linear;
}
.blocker-overlay.wait .blocker-wait {
display: block;
}
.spacer {
height: 1em;
}
/* jQuery UI fixes */
.ui-state-hover * {
color: inherit !important;
}
.ui-widget {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: inherit;
}
.ui-widget-content {
border: 1px solid #d4d4d4;
}
.ui-dialog,
.ui-datepicker,
.ui-menu {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tooltip,
.ui-menu,
.ui-datepicker,
.dropdown-menu {
z-index: 9999999999 !important;
}
.tooltip {
font-size: 12px;
}
.tooltip.fade.in {
opacity: 1;
}
.ui-menu {
border: 1px solid rgba(0, 0, 0, 0.2);
}
.ui-menu .ui-menu-item a.ui-state-focus {
color: white;
text-decoration: none;
border-color: #0081C2;
background-color: #0081C2;
background-image: none;
}
.ui-menu .ui-menu-item a:empty {
height: 18px;
}
.ui-datepicker,
.ui-datepicker * {
line-height: 1.1em;
}
.ui-datepicker,
.ui-datepicker table {
font-size: 13px;
}
.ui-datepicker th {
font-weight: 600;
}
.ui-datepicker-header {
background: none;
border: none;
font-weight: 600;
}
.ui-datepicker .ui-state-default {
background: none !important;
border: none !important;
padding: 4px;
}
.ui-datepicker .ui-state-hover {
background: #eee !important;
border: none !important;
}
.ui-datepicker .ui-slider-handle {
padding: 0;
border: 1px solid #ddd !important;
background-image: none !important;
background: #eee !important;
}
.ui-datepicker .ui-slider-handle.ui-state-hover,
.ui-datepicker .ui-state-active {
color: white !important;
border-color: #ccc !important;
background-color: #0074CC !important;
background-image: none !important;
}
.ui-datepicker .ui-state-highlight {
border: 1px solid #08c !important;
padding: 3px;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}
.ui-autocomplete {
max-height: 340px;
overflow-y: auto;
overflow-x: hidden;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: inherit;
font-size: 13px;
}
/* end jQuery UI fixes */
#offcanvas {
height: 100%;
}
#offcanvas-toggle {
margin: 0;
margin-left: 4px;
}
#offcanvas-toggle a {
padding-left: 2px;
padding-right: 2px;
}
#sidebar {
width: inherit;
min-width: 249px;
max-width: 249px;
float: left;
height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
border-right: 1px solid #d3d3d3;
}
#offcanvas.hidden-menu {
position: relative;
left: -250px;
width: calc(100% + 250px);
}
#offcanvas.hidden-menu #sidebar,
#offcanvas-toggle.hidden-menu {
display: none !important;
}
#view-tabs {
height: 100%;
position: absolute;
left: 250px;
right: 0px;
}
@media screen and (min-width: 769px) {
#offcanvas:not(.hidden-menu) {
left: 0;
width: 100%;
position: relative;
transition: all 0.25s ease-out;
}
#offcanvas.inactive {
position: relative;
left: -250px;
width: calc(100% + 250px);
}
#offcanvas.inactive #sidebar {
position: absolute;
top: 0;
}
#sidebar {
overflow: auto !important;
}
}
@media screen and (max-width: 768px) {
#offcanvas {
position: relative;
transition: all 0.25s ease-out;
left: -250px;
width: calc(100% + 250px);
}
#sidebar {
position: absolute;
top: 0;
}
#offcanvas.active {
left: 0;
}
#offcanvas.active #sidebar {
position: relative;
}
}
.navigation-tabs ul.nav-tabs-main {
margin-bottom: 0px;
height: 31px;
}
.navigation-tabs {
position: absolute;
top: 8px; left: 0; right: 0; bottom: 0;
}
.navigation-tabs > .nav-tabs-wrap li.dirty a:before,
.navigation-tabs > .nav-tabs li.dirty a:before {
content: '*';
margin-right: 2px;
}
.navigation-tabs > .nav-tabs-wrap li.notclosable a {
padding-right: 12px;
}
.visible-false {
visibility: hidden;
}
.visible-true {
visibility: inherit;
}
.view-content {
position: absolute;
top: 39px; left: 0px; right: 0px; bottom: 0px;
}
.view-pane {
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px;
padding: 2px;
}
.view-pane > .view-container {
overflow: auto;
}
.view-pane > .view-container,
.view-pane > .view-container > div:not(.slick-editor-dropdown) {
position: absolute;
top: 0px; left: 0px; right: 0px; bottom: 0px;
}
.ui-dialog > [ui-view-popup],
.ui-dialog > [ui-view-popup] > .view-pane,
.ui-dialog > [ui-view-popup] > .view-pane > .view-container,
.ui-dialog > [ui-view-popup] > .view-pane > .view-container .form-view {
overflow: inherit;
display: flex;
flex-flow: column nowrap;
padding: 0 !important;
flex: 1 1 auto;
}
.ui-dialog > [ui-view-popup] > .view-pane,
.ui-dialog > [ui-view-popup] > .view-pane > .view-container,
.ui-dialog > [ui-view-popup] > .view-pane > .view-container > div:not(.slick-editor-dropdown),
.ui-dialog > [ui-view-popup] > .view-pane > .view-container .form-view > div:last-child {
position: inherit;
top: 0 !important;
}
.ui-dialog > [ui-view-popup] > .view-pane > .view-container .grid-view,
.ui-dialog > [ui-view-popup] > .view-pane > .view-container .html-view {
height: 450px;
}
.ui-dialog.maximized > [ui-view-popup] > .view-pane > .view-container .grid-view {
position: absolute !important;
height: auto;
}
.view-pane > .view-container.has-toolbar {
top: -6px;
}
.view-tabs-single .view-pane > .view-container.has-toolbar {
top: 0;
}
.grid-view > .slickgrid {
position: absolute !important;
top: 40px; left: 0px; right: 0px; bottom: 0px;
border: none;
}
.grid-view > .help-item {
margin: 8px;
}
.grid-view.has-details-view > .slickgrid {
right: 50%;
border-right: 1px solid #ddd;
}
.grid-view > .details-view {
position: absolute !important;
top: 40px; left: 50%; right: 0px; bottom: 0px;
}
.grid-view > .details-view > [ui-view-form] {
overflow: auto;
position: absolute;
top: 42px; left: 0; right: 0; bottom: 0;
}
.record-toolbar {
margin: 0;
}
.record-toolbar .navbar-inner {
border-left: none;
border-right: none;
border-radius: 0;
margin: 0;
padding: 0 6px;
border-top: 0;
background-color: #fff;
}
.record-toolbar button {
padding: 4px 12px;
}
.record-toolbar button span {
position: relative;
top: -1px;
}
.record-toolbar button[ui-top-help] {
background: none;
outline: none;
}
.record-toolbar .view-customize,
.record-toolbar .view-switcher {
margin-left: 4px !important;
}
.record-toolbar .view-title {
display: inline-block;
font-weight: 600;
padding-top: 10px;
padding-left: 8px;
}
.record-toolbar .dropdown a.dropdown-toggle {
padding: 4px 8px 4px;
margin-top: 6px;
color: #333;
}
.record-toolbar .nav .dropdown.open a.dropdown-toggle {
color: #222;
}
.record-toolbar .view-toolbar-mobile,
.record-toolbar .view-menubar-mobile {
margin: 0;
}
.record-toolbar-right {
top: 0;
right: 6px;
position: absolute;
}
.grid-view > .details-view .record-toolbar {
}
.grid-view > .details-view .record-toolbar .navbar-inner {
border-top: 1px solid #e7e7e7;
}
@media (max-width: 767px) {
.menu-bar.visible-phone {
display: inline-block !important;
}
.view-toolbar-mobile > li > .dropdown-menu,
.view-menubar-mobile > li > .dropdown-menu {
left: auto;
right: 0;
}
.view-toolbar-mobile > li > .dropdown-menu:before,
.view-menubar-mobile > li > .dropdown-menu:before {
left: auto !important;
right: 12px;
}
.view-toolbar-mobile > li > .dropdown-menu:after,
.view-menubar-mobile > li > .dropdown-menu:after {
left: auto !important;
right: 13px;
}
}
.record-pager-text {
display: inline-block;
margin-top: 9px;
margin-left: 8px;
margin-right: 8px;
font-size: 13px;
}
.record-pager > button,
.record-pager > .btn {
margin-left: 4px;
margin-right: 4px;
margin-top: 6px;
}
.record-pager.pull-right > span,
.record-pager.pull-left > .btn-group {
float: left;
}
.record-pager.pull-left > span {
float: right;
}
.record-pager-change {
display: inline-flex;
}
.record-pager-change {
margin-right: 4px;
}
.record-pager-change button {
height: auto !important;
}
.stackbar {
}
.stackbar .navbar,
.stackbar .navbar * {
color: #333;
}
.stackbar .navbar .navbar-inner {
min-height: 26px;
padding-left: 10px;
padding-right: 10px;
}
.stackbar .navbar .navbar-inner .brand {
font-size: small;
font-weight: 600;
padding: 4px 8px;
margin: 0;
margin-left: -10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 100px);
}
.stackbar .navbar .navbar-inner .container-fluid {
min-width: 100px;
padding: 0;
}
.stackbar .navbar {
margin-bottom: 0px;
}
.stackbar .navbar,
.stackbar .navbar .navbar-inner {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
box-shadow: none;
}
.html-view,
.iframe-container,
.iframe-container > iframe {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.html-view > .iframe-container {
position: absolute;
top: 0; bottom: 0; left: 0; right: 0;
}
.html-view > .dashlet-body {
overflow: inherit !important;
height: auto !important;
min-height: 50px;
}
.iframe-container {
display: flex;
}
.iframe-container > iframe {
width: 100%;
height: 100%;
flex: 1;
}
.search-view form {
margin: 0 !important;
max-width: 100% !important;
padding: 0 !important;
}
.search-view form .panel {
margin-bottom: 0 !important;
}
.search-view .search-view-form,
.search-view .search-view-toolbar {
margin: 4px;
}
.search-view .search-view-toolbar table.form-layout {
width: inherit;
}
.search-view .search-view-grid {
position: relative;
overflow: hidden;
}
.search-view .search-view-grid .slickgrid {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
border: none;
}
.unselectable-text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
img.prefix-icon {
margin-right: 4px;
}
.nav-tabs > li > a > img.prefix-icon {
margin-top: -1px;
}
.nav-tabs > li > a > i.prefix-icon {
margin-right: 2px;
}
.fa, [class^=fa-] {
font-size: 14px;
}
.user-preferences > .form-view > .form-view {
max-width: 1200px;
margin: auto;
}
.user-preferences form, form {
padding: 0;
}
.user-preferences-header h3 {
margin: 0;
}
.user-preferences-header {
margin-bottom: 14px;
border-bottom: 1px solid #e7e7e7;
}
.btn-toolbar .nav {
font-size: 13px !important;
margin-bottom: 0;
}
.record-toolbar .menu-bar {
display: inline-block;
float: inherit;
vertical-align: middle;
white-space: nowrap;
}
.device-small .record-toolbar .menu-bar .has-icon .menu-title {
display: none;
}
.record-toolbar .menu-bar,
.record-toolbar .view-toolbar {
margin-left: 0;
margin-right: 0;
}
.record-toolbar .btn-group,
.record-toolbar .button-menu a.btn,
.record-toolbar .record-pager-change button,
.record-toolbar .record-pager-change input {
margin-top: 6px !important;
}
.record-toolbar .button-menu a.btn {
padding: 4px 8px 4px;
}
.record-toolbar .button-menu a.btn {
border-right-width: 0;
}
.record-toolbar .button-menu a.btn img {
margin-top: -2px;
max-width: 16px;
max-height: 16px
}
.record-toolbar .button-menu:last-child a.btn {
border-right-width: 1px;
}
.record-toolbar .menu-bar a.disabled {
color: #ccc;
cursor: default;
}
.record-toolbar .menu-bar a.disabled:hover,
.record-toolbar .menu-bar a.disabled:focus {
background-color: inherit;
background-image: inherit;
}
.record-toolbar .delete-button {
margin: 0 !important;
}
.record-toolbar .delete-button .dropdown-toggle {
padding: 4px;
}
.about-page,
.user-preferences {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
overflow: auto;
}
.about-page .page-header {
padding-bottom: 4px;
margin: 18px 0 14px;
}
.about-page .page-header h3 {
font-size: 24px;
font-weight: 600;
line-height: 1;
}
.about-page > .content {
padding: 0 18px;
padding-top: 8px;
max-width: 980px;
min-height: calc(100% - 50px);
height: auto;
padding-bottom: 42px;
}
.about-page footer {
font-size: 13px;
clear: both;
position: relative;
padding: 0;
margin-top: -26px;
}
.about-page footer p {
margin: 0;
padding: 4px;
text-align: center;
}
.about-page hr {
margin: 14px 0;
}
.system-page dt {
text-align: left;
}
/* single tab view mode */
.view-tabs-single,
.view-tabs-single .navigation-tabs .nav-tabs {
margin: 0;
}
.view-tabs-single .view-content {
top: 23px;
}
.view-tabs-single .navigation-tabs > .nav-tabs {
position: relative;
top: -9px;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li {
width: 100%;
color: #555;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li > a {
font-size: 14px;
font-weight: 600;
padding: 6px 8px;
border-left: 0;
border-right: 0;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li > i {
width: 28px;
float: right;
font-size: 14px;
line-height: 32px;
text-align: center;
cursor: pointer;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li > span.view-switch-menu > a {
cursor: pointer;
color: #555;
display: block;
line-height: 32px;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li > span.view-switch-menu a[disabled] {
cursor: default;
color: #ccc;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li > span.view-switch-menu a[disabled]:hover {
background-color: #fff;
}
.view-tabs-single .navigation-tabs > .nav-tabs > li > span.view-switch-menu > a > i {
width: 28px;
font-size: 14px;
text-align: center;
margin-top: 11px;
}

1033
sophal/css/modern-dark/theme.css Normal file
View File

File diff suppressed because it is too large Load Diff

770
sophal/css/modern/theme.css Normal file
View File

@ -0,0 +1,770 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.tag-select.picker-input,
.form-item-container > .display-text,
.uneditable-input {
color: #000;
border-color: #eee;
}
.bar-side select,
.bar-side textarea,
.bar-side input[type="text"],
.bar-side input[type="password"],
.bar-side input[type="datetime"],
.bar-side input[type="datetime-local"],
.bar-side input[type="date"],
.bar-side input[type="month"],
.bar-side input[type="time"],
.bar-side input[type="week"],
.bar-side input[type="number"],
.bar-side input[type="email"],
.bar-side input[type="url"],
.bar-side input[type="search"],
.bar-side input[type="tel"],
.bar-side input[type="color"],
.bar-side .tag-select.picker-input,
.bar-side .form-item-container > .display-text,
.bar-side .uneditable-input {
background-color: inherit;
}
.bar-side .ui-spinner {
background: none;
}
table.form-layout .tabbable-tabs .tab-content {
border: 2px solid #E7E7E7;
}
.picker-input > .picker-icons > i.fa {
color: #9F9F9F;
}
.picker-input > .picker-icons > i.fa:hover {
color: #000;
}
[ui-nav-tree] .nav-search input[type="text"] {
background-color: #fff;
}
label,
.label-item span,
.slickgrid .slick-header,
.slickgrid .slick-header-column {
color: #5C5C5C;
font-weight: 400 !important;
}
.panel .panel-title {
color: #3A3A3A;
}
.icons-bar .fa,
.panel-icons .fa,
.links .fa {
color: #8C8C8C;
}
.panel .panel-header {
position: relative;
z-index: 1;
padding: 8px 4px !important;
outline: none !important;
}
.panel {
display: flex;
flex-direction: column;
}
.panel .row-fluid > .form-item {
margin-bottom: 12px;
}
.panel .row-fluid > .form-item-hidden {
margin-bottom: 0px;
}
.panel .panel-header.clickable-header::before {
content: ' ';
display: block;
visibility: hidden;
position: absolute;
top: 1px;
left: 0;
z-index: -2;
background: #f0f0f0;
height: 100%;
width: 100%;
}
.panel .panel-header:hover::before {
visibility: visible;
}
.panel .panel-header.clickable-header::after {
content: ' ';
display: block;
opacity: 0;
position: absolute;
top: 10px;
left: 10px;
z-index: -1;
background: #ddd;
height: 30px;
width: 30px;
border-radius: 100%;
transform-origin: 50% 50%;
}
.panel .panel-header:focus-within:not(:active)::after {
animation: ripple ease-out 1s;
}
[ui-view-form] .panel .panel-header {
padding: 13px 0px 8px 0px;
border-top: 0;
margin-bottom: 8px;
}
[ui-view-form] .panel.collapsed .panel-header {
border-bottom: 1px solid #eee;
}
[ui-view-form] .panel .panel-related .panel-header,
[ui-view-form] .panel-tabs .panel-related .panel-header {
margin-bottom: 0;
}
[ui-view-form] .panel .panel-title {
font-size: 16px;
}
[ui-panel-viewer] > div > h5 {
margin: 4px 0px;
}
.slickgrid .slick-header:hover,
.slickgrid .slick-header-column:hover,
.slickgrid .slick-header.ui-state-hover,
.slickgrid .slick-header-column.ui-state-hover {
color: #000 !important;
}
.slick-row.selected, .slick-row .slick-cell.selected {
background-color: #d3d3d3;
}
.mail-composer textarea {
background: transparent;
}
.mail-message {
border-radius: 3px !important;
box-shadow: 1px 1px 4px rgba(0,0,0,0.12) !important;
}
.mail-message .mail-message-header .subject,
.mail-message .track-fields li {
color: #8C8C8C;
}
.slick-cell.edit-icon {
padding: 2px;
}
.slick-cell.edit-icon i {
width: 100%;
height: 100%;
text-align: center;
}
.slick-cell .picker-icons i.fa:hover {
color: #000;
}
.track-fields span {
color: #000;
}
.mail-followers .panel-header {
border-bottom: 1px solid #eee;
padding: 0;
padding-bottom: 14px;
}
.bar-wrap {
min-height: 0 !important;
background-color: #fff;
}
.panel .bar-wrap {
background-color: inherit;
}
[ui-view-form], .cards-view, .kanban-view {
background: #fafafa;
}
[ui-view-form] > form:not(.mail-thread-view) > div > .bar-main > .bar-wrap {
padding: 16px;
border: 1px solid #eee;
box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 22px;
border-radius: 5px;
}
.filter-menu .filter-inputs .tag-select {
border-color: #eee !important;
}
.filter-menu form > div > .bar-main > .bar-wrap,
.chart-controls form > div > .bar-main > .bar-wrap {
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
[ui-view-form] .panel {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
background-color: inherit;
margin-bottom: 0;
}
.panel .panel-body {
padding: 0;
}
.panel-tabs .tab-content {
border-left: 0;
border-right: 0;
padding: 14px 0;
border-top: 2px solid #E7E7E7;
}
.panel-tabs .nav-tabs {
border-color: #eee;
}
.nav-tabs-wrap {
border-bottom: 0;
}
.nav-tabs > li {
margin-right: 0;
}
.nav-tabs > li > a {
border-radius: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.nav-tabs > li > a,
.nav-tabs-main > li:not(.active) > a {
border-left: 0;
border-right: 0;
}
.panel-tabs .nav-tabs > li > a,
.panel-tabs .nav-tabs > li.active > a {
border: 0;
margin-bottom: -1px;
}
.nav-tabs-main > li:first-child a {
border-left: 1px solid #eee;
}
.nav-tabs-main > li:last-child a {
border-right: 1px solid #eee;
}
form .nav-tabs > li.active > a,
form .nav-tabs > li.active > a:hover,
form .nav-tabs > li.active > a:focus {
border-top-width: 2px;
padding-top: 5px;
color: #0275d8 !important;
}
.panel-tabs .nav-tabs > li {
margin-bottom: 0;
}
form .panel-tabs {
margin-top: 10px;
}
form .panel-tabs .nav-tabs > li:hover > a {
background: #efefef;
border-bottom: 1px solid #efefef;
cursor: pointer;
}
.panel-tabs .nav-tabs > li.active > a,
.panel-tabs .nav-tabs > li.active > a:hover,
.panel-tabs .nav-tabs > li.active > a:focus {
border: 0;
border-bottom: 2px solid #0275d8 !important;
font-weight: 600;
}
.bar-main .mail-messages,
.bar-main .mail-followers,
.bar-main .mail-messages > .panel-body {
border: 0;
padding: 0;
}
.bar-main .mail-message .mail-message-header {
border-bottom: 0;
padding-bottom: 0;
}
.slickgrid .slick-header-column,
.slickgrid .slick-headerrow-column {
border-right: 0 !important;
}
.slickgrid .slick-header-menubutton {
border-left-color: #eee;
}
.slickgrid .slick-header-column.slick-header-column-active,
.slickgrid .slick-header-column.ui-state-hover {
border-left: 1px solid #eee !important;
border-right: 1px solid #eee !important;
padding: 4px 7px;
}
.slickgrid .slick-headerrow-columns .slick-headerrow-column {
background: #fff;
}
.slickgrid .slick-row {
border-bottom: 0 !important;
}
.tree-view-container .tree-header th {
border-left: 0;
}
.tree-view-container .tree-header,
.view-container .tree-view > .tree-view-container {
border-color: #eee;
}
.panel .panel-related .panel-body .slickgrid,
.panel-tabs .panel-related .panel-body .slickgrid,
.panel .form-item .dashlet .dashlet-body .portlet-grid .slickgrid,
.panel-tabs .form-item .dashlet .dashlet-body .portlet-grid .slickgrid {
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.bar-main .wysiwyg-container {
border: 0;
}
textarea {
border-width: 0;
border-bottom-width: 1px;
}
.slick-external-editor textarea {
border-width: 1px;
background-color: #fff;
}
header .navbar .nav .fa-bars, header .navbar .dropdown-toggle .caret,
header .navbar .nav > li > a:focus,
header .navbar .nav > li > a:hover,
header .navbar .nav > li > a:active,
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
color: #2185D0;
}
header .dropdown-menu > li > a:hover,
header .dropdown-menu > li > a:focus,
header .dropdown-submenu:hover > a,
header .dropdown-submenu:focus > a {
color: #fff;
background: #2185D0;
}
.navbar-inner,
.panel .panel-header,
.slickgrid .slick-header,
.nav-tabs-strip .nav-tabs {
border-color: #eee;
}
.slick-headerrow {
border-bottom-color: #eee !important;
}
.popover {
border-radius: 6px;
}
.popover-title {
border-radius: 5px 5px 0 0;
background-color: #fff;
}
.popover.bottom {
background-color: #fff;
}
.popover.bottom .arrow:after {
border-bottom-color: #fff;
}
.popover.bottom .popover-content {
background-color: #fff;
}
[ui-view-form] input,
[ui-view-form] textarea,
[ui-view-form] select,
[ui-view-form] .tag-select {
border-color: #c0c0c0;
}
[ui-view-form] .form-item-container,
[ui-view-form] .form-item-container > span.display-text,
[ui-view-form] .form-item-container input {
min-height: 21px;
line-height: 21px;
}
[ui-view-form] .form-item-container input {
height: 21px;
}
[ui-view-form] .tag-select li.tag-selector input {
min-height: 18px;
height: 18px;
}
[ui-view-form] .tag-select,
[ui-view-form] .tag-select > ul {
min-height: 20px;
}
[ui-view-form] .tag-select {
margin-top: -3px !important;
}
[ui-view-form] .tag-select .tag-text,
[ui-view-form] .tag-select .tag-link,
[ui-view-form] .tag-select-single .tag-link {
height: 14px;
line-height: 12px;
}
[ui-view-form] .tag-select .label,
[ui-view-form] .tag-select .tag-selector {
height: 17px;
}
[ui-view-form] .tag-select .label {
padding: .2em .4em .3em;
}
[ui-view-form] .form-item-container > span.display-text {
padding: 0;
}
.ng-invalid > input,
.ng-invalid > textarea,
.ng-invalid > .picker-input input,
.ng-invalid > .ui-spinner input,
.ng-invalid > .tag-select,
.ng-invalid > .form-item-container > .wysiwyg-container {
border-color: #B94A48;
}
.btn,
.ui-widget-content,
.order-subtotal-total,
.panel-tabs .tab-content,
.mail-thread,
.mail-thread .mail-message {
border-color: #eee;
}
.dropdown-menu {
border: 1px solid rgba(0, 0, 0, 0.05);
}
.btn {
border-radius: 3px !important;
}
.btn-danger {
border-color: #d43f3a;
}
.btn-group > .btn + .btn {
margin-left: 0;
}
.navbar .btn-group .btn:not(:disabled):hover {
background: #2185D0;
color: #fff;
}
.panel-layout .form-item > .btn-group .btn {
border-radius: 0 !important;
}
.bar-side .panel-layout .form-item > .btn {
min-height: 38px;
padding: 8px 10px;
font-weight: 600;
}
.panel-layout .form-item .btn {
position: relative;
border-radius: 3px !important;
box-shadow: 1px 2px 3px rgba(0,0,0,0.16), 1px 2px 3px rgba(0,0,0,0.23);
}
.panel-layout .form-item > .btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height: 15px;
background: rgba(255, 255, 255, .5);
opacity: 0;
border-radius: 100px;
transform: scale(1, 1) linear 0.1s;
transform-origin: 50% 50%;
}
@keyframes ripple {
0% {
transform: scale(0, 0);
opacity: 1;
}
100% {
opacity: 0;
transform: scale(100, 100);
}
}
.panel-layout .form-item > .btn:focus:not(:active)::after {
animation: ripple 1s ease-out;
}
.o2m-list .o2m-list-row .toggle-item button {
border-radius: 0 !important;
box-shadow: none;
height: 20px !important;
padding: 0 1px 2px 1px !important;
border-bottom-color: #c0c0c0;
}
.btn-default {
background-color: #fff;
border: 1px solid #0275d8;
color: #0275d8;
}
.o2m-list-row .toggle-item button {
border: 1px solid #eee;
}
.btn-primary {
background-color: #0275d8;
border-color: #0275d8;
color: #fff;
}
.info-button {
border-style: solid;
box-shadow: none !important;
}
.info-button:not([class*=btn-]) > i, .info-button:not([class*=btn-]) .info-button-value {
color: #2185D0;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
border: 1px solid #0275d8;
}
.dms-file-list .dms-folder-tree {
border-right: 1px solid #eee;
}
.view-tabs,
.nav-tabs-strip {
background-color: #fff;
}
.order-subtotal dl {
max-width: 280px;
float: right;
}
.order-subtotal dt,
.order-subtotal dd {
padding: 4px;
}
.order-subtotal dt {
padding-right: 8px;
font-weight: normal;
white-space: normal;
width: 55%;
}
.order-subtotal dd {
margin-left: 0;
text-align: right;
}
.order-subtotal dd:empty {
height: 26px;
}
.order-subtotal-total {
border-top: 1px solid #ccc;
font-size: 18px;
font-weight: 600;
}
@media (max-width: 767px) {
.order-subtotal dt {
float: left;
text-align: right;
width: 48%;
}
}
.order-subtotal-total {
border-color: #eee !important;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
border-color: #eee;
}
.kanban-column {
background-color: #fff;
box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.15);
}
.kanban-card,
.cards-view .kanban-card {
background-color: #fdfdfd;
}
.kanban-card {
border-left-width: 1px;
box-shadow: 1px 1px 4px rgba(0,0,0,0.12);
}
.kanban-card:hover{
background: #fafafa;
box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.15);
}
.kanban-column .input-group .input-group-btn > .btn {
border-radius: 0 !important;
}
.search-view .bar-wrap {
box-shadow: none !important;
border: 0 !important;
margin: 0 !important;
}
.nav-select a.nav-label,
.nav-select a.nav-label:after {
background-color: #eee;
}
.nav-select a.nav-label:hover,
.nav-select a.nav-label:hover:after {
background-color: #e2e2e2;
}
.dashboard .dashlet-header,
.dashboard .dashlet .dashlet-header {
border-top-width: 1px;
border-top-color: #eee !important;
}
.dashboard .dashlet {
border: 1px solid #e7e7e7;
}
.html > .view-pane,
.dashboard > .view-pane {
top: -7px;
}
.wysiwyg-container,
.wysiwyg-toolbar-top {
border-color: #eee;
}
.wysiwyg-container.ui-resizable .ui-resizable-handle.ui-resizable-s {
background-color: #eee;
}
.progress {
border-radius: 5px !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

250
sophal/css/navtree.css Normal file
View File

@ -0,0 +1,250 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.nav-tree,
.nav-tree * {
box-sizing: border-box;
}
[ui-nav-tree] .nav-search {
margin: 0;
padding: 8px;
padding-bottom: 0;
}
[ui-nav-tree] .nav-search input {
margin: 0;
box-sizing: border-box;
width: 100%;
height: 28px;
}
[ui-nav-tree] .nav-search-toggle {
text-align: center;
color: #fff;
line-height: 0;
}
[ui-nav-tree] .nav-search-toggle i {
cursor: pointer;
width: 32px;
color: #f3f3f3;
font-weight: 600;
margin-top: -1px;
}
[ui-nav-tree] .nav-search-toggle i:hover {
color: #fff;
}
.sidebar .ui-autocomplete {
border: 0;
box-sizing: border-box;
min-width: 232px !important;
max-width: 232px !important;
max-height: inherit !important;
background: #2f4050;
bottom: 10px;
box-shadow: none;
}
.sidebar .ui-menu-category {
font-weight: 600;
padding: 2px 0;
color: #f3f3f3;
}
.sidebar .ui-menu-item a {
color: #a7b1c2;
}
.sidebar .ui-menu .ui-menu-item a.ui-state-focus {
color: #fff;
border-color: #293846;
background-color: #293846;
}
.nav-tree ul,
.nav-tree li {
list-style: none;
}
.nav-tree li > ul {
display: none;
margin: 0;
}
.nav-tree li.open > ul {
display: block;
}
.nav-tree li.animate > ul {
display: block;
height: 0;
position: relative;
overflow: hidden;
transition: all .35s ease;
}
.nav-tree li > a {
color: #a7b1c2;
text-decoration: none;
outline: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 1);
font-weight: 600;
}
.nav-tree li > a,
.nav-tree li > a:focus {
background: transparent;
}
.nav-tree li > a > .nav-title {
display: inline-block;
max-width: 160px;
}
.nav-tree li > a > .nav-image,
.nav-tree li > a > .nav-icon {
margin-right: 6px;
width: 28px;
height: 28px;
float: left;
display: inline-block;
margin-top: -4px;
border-radius: 4px;
}
.nav-tree li > a > .nav-icon {
padding: 4px 7px;
text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.15);
text-align: center;
}
.nav-tree ul li > a > .nav-image,
.nav-tree ul li > a > .nav-icon {
width: 16px;
height: 16px;
margin-top: 2px;
margin-right: 4px;
margin-left: -20px;
}
.nav-tree ul li > a > .nav-icon {
padding: 0;
margin-top: 1px;
}
.nav-tree li > a * {
position: relative;
}
.nav-tree li > a:hover,
.nav-tree li.active > a {
color: #fff;
background-color: #293846;
}
.nav-tree > li {
overflow: hidden;
border-left: 0;
}
.nav-tree > li.open,
.nav-tree > li.active {
background-color: #293846;
}
.nav-tree > li.open {
border-left: 4px solid #0275d8;
transition: all .35s ease;
}
.nav-tree li.folder > a::after {
font-family: "FontAwesome";
font-size: 10px;
content: "\f053";
position: absolute;
right: 16px;
z-index: 2;
}
.nav-tree li.folder.animate > a::after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: all .35s ease;
}
.nav-tree li.folder.open.animate > a::after {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all .35s ease;
}
.nav-tree li.folder.open > a::after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.nav-tree li.tagged > a::after {
content: none;
}
.nav-tree span.nav-tag {
float: right;
text-transform: uppercase;
text-shadow: none;
line-height: 1;
font-size: 10px;
padding: 3px 8px;
border-radius: .25em;
margin-left: 3px;
}
.nav-tree > li > ul > li:last-child {
margin-bottom: 10px;
}
.nav-tree li > a {
padding: 7px 8px;
}
/* 1st level */
.nav-tree > li > a {
padding: 11px 8px;
}
/* 2nd level */
.nav-tree > li > ul > li > a {
padding-left: 42px;
}
/* 3rd level */
.nav-tree > li > ul > li > ul > li > a {
padding-left: 52px;
}
/* 4th level and beyond */
.nav-tree > li > ul > li > ul > li > ul li > a {
padding-left: 62px;
}

418
sophal/css/print.css Normal file
View File

@ -0,0 +1,418 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
html, body {
overflow: inherit;
}
#container,
#container > .fill-parent,
#offcanvas,
#view-tabs,
#view-tabs > .navigation-tabs,
.view-content,
.view-pane,
.view-pane > .view-container,
.view-pane > .view-container .form-view > div:last-child,
.view-pane > .view-container > div:not(.slick-editor-dropdown) {
position: inherit !important;
}
abbr[title]:after,
a[href]:after, .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
.popover, .dropdown-menu,
.ui-menu, .filter-menu {
display: none !important;
}
.ui-dialog {
position: relative !important;
top: 48px !important;
left: inherit !important;
margin: auto !important;
background-color: white !important;
}
header .navbar-inner {
border-color: #d4d4d4 !important;
}
#container {
top: 16px;
}
.view-content,
.view-container .portal-view,
.view-container .form-view > div:last-child {
top: 16px !important;
}
.view-print-header,
.view-print-header h3 {
text-align: center;
font-size: 17px !important;
}
.splitter-container .sidebar.splitter-panel,
.splitter-container .splitter-vertical {
display: none;
}
.splitter-container .splitter-panel {
width: 0;
}
.splitter-container .splitter-panel.view-tabs {
width: 100% !important;
left: 0 !important;
}
.nav-menu-bar {
display: none !important;
}
.nav.nav-shortcuts {
display: none;
}
.navigation-tabs .axelor-logo {
top: -16px !important;
border: none;
}
.navigation-tabs > .nav-tabs-wrap,
.navigation-tabs .record-toolbar {
display: none;
}
.nav-tabs {
border: none;
display: none !important;
}
.bar-wrap {
border: none !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 0 !important;
}
.form-item .tabbable-tab,
.form-item .tab-content {
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.form-item .nav-tabs-wrap {
display: none;
}
.panel,
.panel-header,
.panel-body {
border: none !important;
margin: 0 !important;
padding: 6px 0 !important;
}
.panel-body {
min-height: auto !important;
}
.panel, .panel-tabs, .panel-stack, .bar-layout .dashboard {
margin-bottom: 0 !important;
}
.panel-tabs .tab-content > .panel {
padding: 0 !important;
}
.panel-tabs .tab-content > .panel > .panel-body {
padding: 0 !important;
}
.panel-header .icons-bar {
display: none !important;
}
.dashlet-buttons {
display: none;
}
.report-box .report-tags {
right: 0;
}
.dashlet.chart,
.chart-container {
page-break-inside: avoid;
}
.nvtooltip {
display: none !important;
}
.dashboard .dashlet {
border: none !important;
}
.dashboard .dashlet-header {
border-top: none;
padding: 10px 0 !important;
}
.dashlet.grid .dashlet-body {
height: auto !important;
overflow: inherit !important;
position: relative !important;
}
.form-item-group > legend > i,
.form-item-group > legend > i:before {
display: none !important;
}
.form-item-group > legend > span {
background: initial !important;
background-color: white !important;
}
.btn {
display: none;
}
.picker-input > .picker-icons {
display: none !important;
}
input,
select,
textarea,
.tag-select {
border: none !important;
box-shadow: none !important;
transition: inherit;
}
.dms-folder-tree {
display: none !important;
}
.dms-file-list > .slickgrid {
left: 0 !important;
border: none !important;
}
.grid-view,
form[ui-form] {
overflow: hidden;
}
.cards-view, .kanban-view {
top: 0;
position: relative !important;
overflow: inherit !important;
}
.kanban-column {
border: none !important;
margin-bottom: 0 !important;
}
.kanban-column .input-group {
display: none !important;
}
.kanban-column ul.kanban-card-list {
padding: 0 !important;
}
.dashlet-body .slickgrid,
.dashlet-body .slickgrid .slick-viewport,
.panel-body .slickgrid,
.panel-body .slickgrid .slick-viewport,
.grid-view > .slickgrid,
.grid-view > .slickgrid .slick-viewport {
overflow: inherit !important;
position: relative !important;
}
.dashlet-body .slickgrid .slick-viewport,
.panel-body .slickgrid .slick-viewport,
.grid-view > .slickgrid .slick-viewport {
height: auto !important;
}
.grid-view > .slickgrid {
top: 0;
}
.slickgrid,
.slickgrid .slick-header-column {
border: 0 !important;
}
.slick-row, .slick-cell {
border-bottom-style: none !important;
}
.slick-headerrow {
display: none !important;
}
.stackbar > .navbar .icons-bar {
display: none !important;
}
.slick-row .slick-cell.edit-icon,
.slick-row .slick-cell.move-icon {
display: none;
}
.portlet .divider-vertical {
width: 0 !important;
border: none !important;
}
.nav-select .nav-step:not(.active) {
display: none !important;
}
.nav-select .nav-step.active a {
padding: 0 !important;
}
.nav-select .nav-step.active a:after {
display: none !important;
}
.mail-followers {
margin-left: 16px !important;
}
.mail-followers .fa {
display: none !important;
}
.mail-messages {
margin: 0 !important;
padding: 0 !important;
}
.mail-composer {
display: none;
}
.mail-thread {
margin-top: 0 !important;
}
.mail-thread .avatar {
background-color: #ddd !important;
}
.mail-thread .mail-message > .arrow {
background-color: #fff !important;
}
.mail-message-icons {
display: none !important;
}
.mail-thread-more {
display: none !important;
}
[ui-view-form] > form:not(.mail-thread-view) .mail-messages,
[ui-view-form] > form:not(.mail-thread-view) .mail-followers {
display: none !important;
}
.ibox .box:before,
.iswitch .box:before {
margin: 0 !important;
padding: 0 !important;
box-shadow: none;
border: none !important;
}
.ibox .box:after,
.iswitch .box:after {
margin: 0 !important;
padding: 0 !important;
box-shadow: none;
}
.ibox .box:before,
.iswitch .box:after {
content: "\f00d" !important;
font-family: FontAwesome;
transform: none;
}
.ibox input:checked + .box:before,
.ibox input:checked + .box:before {
border: none !important;
background-color: #fff !important;
}
.iswitch input:checked + .box:after {
transform: none;
width: auto;
top: 0;
left: 0;
}
.iswitch input:checked + .box:after {
content: "\f00c";
font-family: FontAwesome;
}
.ibox input:checked + .box:after {
display: none;
}
/** responsive */
header {
display: none;
}
#sidebar {
display: none;
}
#view-tabs {
left: 0;
}
#container,
.view-content,
.view-container .form-view > div:last-child,
.navigation-tabs {
top: 0 !important;
}
.panel-header .menu-bar {
display: none;
}

466
sophal/css/slickgrid.css Normal file
View File

@ -0,0 +1,466 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.slickgrid {
background: white;
outline: 0;
border: 1px solid #DDD;
border-top: 0 !important;
}
.slickgrid,
.slickgrid * {
box-sizing: border-box;
}
.slickgrid .slick-header,
.slickgrid .slick-header-column {
color: #333;
background: #fff;
background-image: none;
}
.slickgrid .slick-header {
border: 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.slickgrid .slick-header-column {
border-right: 1px solid #ddd;
}
.slickgrid .slick-header-column:last-child {
border-right-color: transparent;
}
.slickgrid-empty .slick-header,
.slickgrid-empty .slick-headerrow {
height: 0;
border-bottom: none;
}
.slickgrid .slick-cell,
.slickgrid .slick-header-column {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.slick-row {
background: #f9f9f9;
border-bottom: 1px solid #e7eaec !important;
}
.slick-row.odd {
background: #fff;
}
.slick-row:hover {
background: #f5f5f5;
}
.slick-row .slick-cell {
border: 0;
padding: 2px 8px;
}
.slick-row .slick-cell {
box-sizing: border-box;
line-height: 20px;
height: 100% !important;
}
.slick-row.selected,
.slick-row .slick-cell.selected {
background-color: #abb9d3;
}
.slick-row .slick-cell.text,
.slick-row .slick-cell.html {
white-space: pre-wrap;
word-wrap: break-word;
}
.slick-row .slick-cell.selected.active::after {
content: " ";
display: block;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border: 1px dotted #76849c;
z-index: -1;
}
.slickgrid-editable .slick-row.active .slick-cell-editable:before {
content: " ";
display: block;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border: 1px solid #8080ff;
background-color: #fff;
z-index: -1;
}
.slickgrid-editable .slick-row.active .slick-cell-required:before {
background-color: #d2d2ff;
}
.slick-headerrow {
height: 24px;
border: 0 !important;
border-bottom: 1px solid #ddd !important;
background: #fff !important;
background-image: none !important;
}
.slick-headerrow-columns .slick-headerrow-column {
background: #f9f9f9;
}
.slick-headerrow-column {
height: 24px;
border: none !important;
border-right: 1px solid #ddd !important;
background: #f5f5f5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.slick-headerrow-column:last-child {
border-right: transparent !important;
}
.slick-headerrow input {
margin: 0;
padding: 2px 8px;
width: 100%;
height: 100%;
outline: 0;
border: none;
border-radius: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: none !important;
}
.slick-headerrow i.combo-icon {
position: absolute;
font-size: 14px;
top: 5px;
right: 6px;
}
.slick-header-column.ui-state-default {
height: inherit;
line-height: inherit;
padding: 4px 8px;
font-weight: 600;
}
.slick-headerrow-column.ui-state-default {
padding: 0px;
}
.slick-cell.editable {
background: white;
padding: 0;
}
.slick-cell input,
.slick-cell .picker-input,
.slick-cell .ui-spinner,
.slick-cell [x-field] {
outline: 0;
margin: 0;
padding: 0;
border-radius: 0;
box-sizing: border-box;
width: 100%;
height: 100% !important;
min-width: inherit !important;
min-height: 23px;
}
.slick-cell .picker-input {
width: 100% !important;
}
.slick-cell .ui-spinner {
border: none;
}
.slick-cell input {
padding-left: 6px !important;
}
.slick-cell textarea {
border-radius: 0;
margin: 0;
outline: 0;
}
.slick-cell .text-item {
height: auto !important;
}
.slick-cell .picker-input > .picker-icons > i.fa {
padding-top: 2px !important;
}
.slick-cell input[type=checkbox],
.slick-cell .form-item-container input[type=checkbox] {
width: auto;
height: auto;
margin-top: 0 !important;
}
.slick-cell .form-item-container > .ibox {
width: auto;
margin-top: 2px !important;
padding: 0;
float: inherit !important;
}
.slick-editor-dropdown {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
min-width: 250px;
}
.ui-dialog [ui-dialog] > .slickgrid {
position: absolute;
top: -1px; right: 0; bottom: -4px; left: 0;
border: 0;
}
.ui-dialog .slick-editor-dropdown .slickgrid {
position: relative;
top: 0; right: 0; border: 0; left: 0;
}
.slickgrid-editable .slick-row.active .slick-cell-editable.dirty:before,
.slick-cell.dirty {
background-image: url('../img/dirty.gif');
background-position: 0 0;
background-repeat: no-repeat;
}
.slick-cell .input-append > button {
display: none;
}
.slick-cell.editable * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.slick-cell.button img {
cursor: pointer;
}
.slick-cell.button .disabled {
outline: none;
opacity: 0.45;
cursor: inherit;
}
.slick-cell.button,
.slick-cell-checkboxsel {
text-align: center;
}
.slick-cell-checkboxsel input {
width: inherit;
}
.slick-header-column.slick-cell-checkboxsel {
padding-top: 2px;
}
.slick-group > .slick-cell-checkboxsel {
text-align: inherit;
}
.slick-header-column.integer,
.slick-header-column.decimal,
.slick-cell.integer,
.slick-cell.decimal {
text-align: right;
}
.slick-header-column.boolean,
.slick-cell.boolean {
text-align: center;
}
.slick-cell.boolean .fa {
box-sizing: content-box;
border: 1px solid #ccc;
padding: 2px;
width: 14px;
height: 14px;
}
.slick-headerrow input::-webkit-input-placeholder {
font-size: 11px;
}
.slick-headerrow input::-moz-placeholder {
font-size: 11px;
}
.slick-headerrow input::-ms-input-placeholder {
font-size: 11px;
}
.slick-group-toggle {
width: 9px;
height: 9px;
margin-right: 5px;
}
.slick-group-toggle.collapsed {
background: url(../lib/slickgrid/images/expand.gif) no-repeat center center;
}
.slick-group-toggle.expanded {
background: url(../lib/slickgrid/images/collapse.gif) no-repeat center center;
}
.slick-group-text,
.slick-group-count {
font-weight: 600;
}
.slick-group-count {
color: green;
}
.slick-group {
}
.slick-group-totals {
font-weight: 600;
}
.slick-group-totals,
.slick-group-totals .slick-cell {
background-color: #e9e9e9;
}
.slick-sort-indicator {
margin-left: 7px;
}
.slick-sort-indicator-asc,
.slick-sort-indicator-desc {
display: inline-block;
}
.slick-header-menu {
z-index: 1150;
padding: 0;
min-width: 100px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.slick-header-menuitem {
padding: 2px 4px;
padding-right: 20px;
border: 1px solid transparent;
}
.slick-header-menu > div:first-of-type {
margin-top: 4px;
}
.slick-header-menu > div:last-of-type {
margin-bottom: 4px;
}
.slick-header-menuitem:hover {
color: #fff;
background-color: #0081c2;
}
.slick-header-menusep {
margin: 4px 1px;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.slick-header-menubutton {
width: 16px;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.slick-cell:not(.button) > a {
color: #0088cc;
}
.slick-cell.edit-icon i,
.slick-cell i.slick-icon {
cursor: pointer;
}
.slick-cell.move-icon {
cursor: move;
}
.panel-related.readonly .slick-cell.move-icon {
cursor: default;
}
.panel-related.readonly .slick-cell.move-icon::before {
content: "";
}
.slickgrid-empty-text {
display: none;
}
.slickgrid-empty-message .slickgrid-empty-text {
display: block !important;
position: absolute;
top: 48%;
width: 100%;
font-weight: 400;
text-align: center;
}
.slickgrid-empty-message .grid-canvas {
box-sizing: border-box;
}
.slickgrid-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #ddd;
opacity: 0.25;
z-index: 2;
}

98
sophal/css/tabs.css Normal file
View File

@ -0,0 +1,98 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.nav-tabs-wrap {
position: relative;
}
.nav-tabs-wrap a {
outline: none;
}
.nav-tabs-menu,
.nav-tabs-scroll-l,
.nav-tabs-scroll-r {
position: absolute;
width: 16px;
top: 0px;
bottom: 0px;
margin-top: .8em;
border-bottom: 1px solid #DDD;
display: none;
}
.nav-tabs-scroll-r {
right: 0px;
}
.nav-tabs-scroll-l a,
.nav-tabs-scroll-r a {
margin: auto;
display: block;
width: 6px;
text-decoration: none;
}
.nav-tabs-menu {
right: 0;
}
.nav-tabs-scroll-l.disabled a,
.nav-tabs-scroll-r.disabled a {
color: #999999;
cursor: default;
}
.nav-tabs-strip {
position: relative;
overflow: hidden;
height: 36px;
}
.nav-tabs-strip .nav-tabs {
display: block;
position: absolute !important;
width: 100000px;
}
.nav-tabs-closable li {
position: relative;
}
.nav-tabs-scrollable li > a,
.nav-tabs-closable li > a {
border: 1px solid #EEE;
border-bottom: 1px solid #DDD;
}
.nav-tabs-closable li > a {
padding-right: 18px;
}
.nav-tabs-closable li > i {
position: absolute;
top: 5px;
right: 6px;
color: #ccc;
cursor: pointer;
font-size: 11px;
}
.nav-tabs-closable .active > i,
.nav-tabs-closable li > i:hover {
color: #555;
}

677
sophal/css/theme-default/theme.css Normal file
View File

@ -0,0 +1,677 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
@import url('../custom.css');
.font-italic{
font-style:italic;
}
.font-normal{
font-weight:normal !important;
}
.font-bold{
font-weight:bold !important;
}
.font-10px{
font-size:10px;
}
.font-11px{
font-size:11px;
}
.font-12px{
font-size:12px;
}
.font-13px{
font-size:13px;
}
.font-14px{
font-size:14px;
}
.font-15px{
font-size:15px;
}
.font-16px{
font-size:16px;
}
.font-18px{
font-size:18px;
}
.font-20px{
font-size:20px !important;
}
.font-22px{
font-size:22px;
}
.font-24px{
font-size:24px;
}
.font-verdana{
font-family:Verdana;
}
.font-times{
font-family: Times New Roman;
}
.font-arial{
font-family: Arial;
}
.font-courier{
font-family: Courier;
}
.font-sans-serif{
font-family: sans-sarif;
}
.font-georgia{
font-family: Aeorgia;
}
.font-trebuchet{
font-family: Trebuchet;
}
.font-lucida-console{
font-family: Lucida Console;
}
.font-tahoma{
font-family: Tahoma;
}
.font-impact{
font-family: Impact;
}
.font-black{
color: black !important;
}
.font-blue{
color: blue !important;
}
.font-grey{
color: grey !important;
}
.font-green{
color: green !important;
}
.font-lime{
color: lime !important;
}
.font-maroon{
color: maroon !important;
}
.font-navy{
color: navy !important;
}
.font-olive{
color: olive !important;
}
.font-orange{
color: orange !important;
}
.font-purple{
color: purple !important;
}
.font-red{
color: red !important;
}
.font-silver{
color: silver !important;
}
.font-white{
color: white !important;
}
.font-yellow{
color: yellow !important;
}
.text-overline{
text-decoration:overline;
}
.text-line-through{
text-decoration: line-through;
}
.text-underline{
text-decoration: underline;
}
.text-left{
text-align:left;
}
.text-right{
text-align:right;
}
.text-center{
text-align: center;
}
.text-justify{
text-align:justify;
}
.text-upper{
text-transform:uppercase;
}
.text-lower{
text-transform:lowercase;
}
.text-capital{
text-transform:capitalize;
}
.text-direction-ltr{
direction:ltr;
}
.text-direction-rtl{
direction:rtl;
}
.button-yellow, .button-yellow:hover, .button-yellow:focus{
border : 1px solid #FFCC00;
color : #333333;
background-image: -webkit-linear-gradient(bottom, #FFCC00, #FFE680);
background-image: -moz-linear-gradient(bottom, #FFCC00, #FFE680);
background-image: linear-gradient(bottom, #FFCC00, #FFE680);
background-color: #FFCC00;
}
.button-blue, .button-blue:hover, .button-blue:focus{
border : 1px solid #3366CC;
color :white;
background-image: -webkit-linear-gradient(bottom, #3366CC, #85A3E0);
background-image: -moz-linear-gradient(bottom, #3366CC, #99B2E6);
background-image: linear-gradient(bottom, #3366CC, #99B2E6);
background-color: #3366CC;
}
.button-black, .button-black:focus, .button-black:hover{
border : 1px solid #000000;
color :white;
background-image: -webkit-linear-gradient(bottom, #000000, #808080);
background-image: -moz-linear-gradient(bottom, #000000, #808080);
background-image: linear-gradient(bottom, #000000, #808080);
background-color: #000000;
}
.button-purple, .button-purple:hover, .button-purple:focus{
border : 1px solid #B280B2;
color :white !important;
background-image: -webkit-linear-gradient(bottom, #660066, #B280B2);
background-image: -moz-linear-gradient(bottom, #660066, #B280B2);
background-image: linear-gradient(bottom, #660066, #B280B2);
background-color: #660066;
}
.button-green, .button-green:focus, .button-green:hover{
border : 1px solid #80CC80;
color :white !important;
background-image: -webkit-linear-gradient(bottom, #009900, #80CC80);
background-image: -moz-linear-gradient(bottom, #009900, #80CC80);
background-image: linear-gradient(bottom, #009900, #80CC80);
background-color: #009900;
}
.button-red, .button-red:focus, .button-red:hover{
border : 1px solid #FF8080;
color :white !important;
background-image: -webkit-linear-gradient(bottom, #FF0000, #FF8080);
background-image: -moz-linear-gradient(bottom, #FF0000, #FF8080);
background-image: linear-gradient(bottom, #FF0000, #FF8080);
background-color: #FF0000;
}
.button-brown, .button-brown:focus, .button-brown:hover{
border : 1px solid #B29980;
color :white;
background-image: -webkit-linear-gradient(bottom, #663300, #B29980);
background-image: -moz-linear-gradient(bottom, #663300, #B29980);
background-image: linear-gradient(bottom, #663300, #B29980);
background-color: #663300;
}
.button-grey, .button-grey:focus, .button-grey:hover{
border : 1px solid #B2B2B2;
color : white !important;
background-image: -webkit-linear-gradient(bottom, grey, #B2B2B2);
background-image: -moz-linear-gradient(bottom, grey, #B29980);
background-image: linear-gradient(bottom, grey, #B29980);
background-color: grey;
}
.button-pink, .button-pink:focus, .button-pink:hover{
border : 1px solid #E680B2;
color : white !important;
background-image: -webkit-linear-gradient(bottom, #CC0066, #E680B2);
background-image: -moz-linear-gradient(bottom, #CC0066, #E680B2);
background-image: linear-gradient(bottom, #CC0066, #E680B2);
background-color: #CC0066;
}
.border-solid{
border-style: solid !important;
}
.border-dotted{
border-style: dotted !important;
}
.border-dashed{
border-style: dashed !important;
}
.border-double{
border-style: double !important;
}
.border-inset{
border-style: inset !important;
}
.border-outset{
border-style: outset !important;
}
.border-hidden{
border-style: hidden !important;
}
.border-red{
border-color: red !important;
}
.border-black{
border-color: black !important;
}
.border-blue{
border-color: blue !important;
}
.border-grey{
border-color: grey !important;
}
.border-green{
border-color: green !important;
}
.border-white{
border-color: white !important;
}
.border-yellow{
border-color: yellow !important;
}
.border-navy{
border-color: navy !important;
}
.border-top{
border-top: 1px solid;
}
.border-bottom{
border-bottom: 1px solid;
}
.border-left{
border-left: 1px solid;
}
.border-right{
border-right: 1px solid;
}
.group-bg-green{
background-color: green !important;
}
.group-bg-gray{
background-color: gray !important;
}
.group-bg-blue{
background-color: blue !important;
}
.group-bg-white{
background-color: white !important;
}
.group-bg-red{
background-color: red !important;
}
.group-bg-yellow{
background-color: yellow !important;
}
.group-bg-olive{
background-color: olive !important;
}
.group-title-green span.ng-binding{
color: green !important;
}
.group-title-gray span.ng-binding{
color: gray !important;
}
.group-title-blue span.ng-binding{
color: blue !important;
}
.group-title-white span.ng-binding{
color: white !important;
}
.group-title-red span.ng-binding{
color: red !important;
}
.group-title-yellow span.ng-binding{
color: yellow !important;
}
.group-title-olive span.ng-binding{
color: olive !important;
}
.group-border-1px{
border : 1px solid;
}
.group-border-2px{
border: 2px solid;
}
.group-border-3px{
border: 3px solid;
}
.group-border-4px{
border: 4px solid;
}
.group-border-5px{
border: 5px solid;
}
.separator-bg-red{
color : white;
background : red;
padding-top: 4px;
padding-left: 5px;
border-bottom: 2px solid red;
}
.separator-bg-yellow{
color : white;
background : yellow;
padding-top: 4px;
padding-left: 5px;
border-bottom: 2px solid yellow;
}
.separator-bg-green{
color : white;
background : green;
padding-top: 4px;
padding-left: 5px;
border-bottom: 2px solid green;
}
.separator-bg-blue{
color : white;
background : blue;
padding-top: 4px;
padding-left: 5px;
border-bottom: 1px solid blue;
}
.separator-bg-white{
color : #333333 !important;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #333333;
}
.separator-bg{
color : white;
background : #80B2B2;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #80B2B2;
}
.separator-bg-theme{
color : white;
background : #006666;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #006666;
}
.separator-bg-grey{
color : white;
background : grey;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid grey;
}
.separator-bg-purple{
color : white;
background : purple;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid purple;
}
.separator-bg-black{
color : white;
background : #333333;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #333333;
}
.separator-bg-pink{
color : white;
background : #CC0066;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #CC0066;
}
.separator-bg-brown{
color : white;
background : #663300;
padding-top: 5px;
padding-left: 5px;
border-bottom: 2px solid #663300;
}
.rounded-corner{
border-radius : 5px !important;
}
.separator-1px{
border-bottom: 1px solid !important;
}
.separator-2px{
border-bottom: 2px solid !important;
}
.separator-3px{
border-bottom: 3px solid !important;
}
.separator-4px{
border-bottom: 4px solid !important;
}
.separator-5px{
border-bottom: 5px solid !important;
}
.separator-1px-dotted{
border-bottom: 1px dotted !important;
}
.separator-2px-dotted{
border-bottom: 2px dotted !important;
}
.separator-3px-dotted{
border-bottom: 3px dotted !important;
}
.separator-4px-dotted{
border-bottom: 4px dotted !important;
}
.separator-5px-dotted{
border-bottom: 5px dotted !important;
}
.separator-1px-dashed{
border-bottom: 1px dashed !important;
}
.separator-2px-dashed{
border-bottom: 2px dashed !important;
}
.separator-3px-dashed{
border-bottom: 3px dashed !important;
}
.separator-4px-dashed{
border-bottom: 4px dashed !important;
}
.separator-5px-dashed{
border-bottom: 5px dashed !important;
}
.content-bold input {
font-weight:bold;
}
.content-italic input {
font-style:italic;
}
.content-10px input {
font-size:10px;
}
.content-11px input {
font-size:11px;
}
.content-12px input {
font-size:12px;
}
.content-13px input {
font-size:13px;
}
.content-14px input {
font-size:14px;
}
.content-15px input {
font-size:15px;
}
.content-16px input {
font-size:16px;
}
.content-18px input {
font-size:18px;
}
.content-20px input {
font-size:20px;
}
.content-22px input {
font-size:22px;
}
.content-24px input {
font-size:24px;
}
.content-black input{
color: black !important;
}
.content-blue input{
color: blue !important;
}
.content-grey input{
color: grey !important;
}
.content-green input{
color: green !important;
}
.content-lime input{
color: lime !important;
}
.content-maroon input{
color: maroon !important;
}
.content-navy input{
color: navy !important;
}
.content-olive input{
color: olive !important;
}
.content-orange input{
color: orange !important;
}
.content-purple input{
color: purple !important;
}
.content-red input{
color: red !important;
}
.content-silver input{
color: silver !important;
}
.content-white input{
color: white !important;
}
.content-yellow input{
color: yellow !important;
}
/* */
.button-item.client-img-menu img{
width: 50%;
}
.button-item.client-img-menu img:hover{
width: 80%;
}
.button-item.client-img-menu span{
color: #000;
}
li a[href="#/about"] {
display: none;
visibility: hidden;
}

87
sophal/css/view.calendar.css Normal file
View File

@ -0,0 +1,87 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.view-container .calendar-view {
display: flex;
flex-direction: column;
}
.view-container .calendar-view > div:last-child {
display: flex;
padding: 4px;
background-color: #fff;
max-height: 100%;
flex: 1;
}
.calendar-main {
flex: 1;
height: 100%;
}
.calendar-side {
overflow: hidden;
margin-left: 4px;
max-width: 228px;
display: flex;
flex-direction: column;
height: 100%;
}
.calendar-side .ui-datepicker {
box-shadow: none;
border-radius: 0;
}
.calendar-legend {
padding-left: 4px;
margin-top: 8px;
margin-bottom: 0;
overflow: auto;
flex: 1;
}
.calendar-legend label {
line-height: 20px;
}
.calendar-view .record-pager > span {
font-weight: 600;
padding: 10px 4px 0;
}
.calendar-view .fc-month-view .calendar-event-day * {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.calendar-view .fc-event .fc-bg {
opacity: .1;
}
.calendar-bubble-content {
overflow: hidden;
}
.calendar-bubble-content hr {
margin: 8px 0;
}
.calendar-view .fc-widget-header {
font-weight: 600;
}

490
sophal/css/view.dms.css Normal file
View File

@ -0,0 +1,490 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.dms-file-list {
position: relative;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dms-file-list .record-toolbar .breadcrumb {
margin: 0;
padding: 11px 8px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
background-color: #fff;
}
.dms-file-list .record-toolbar .breadcrumb a {
color: #0088cc;
}
.dms-file-list .record-toolbar .btn {
outline: none;
}
.dms-file-list > .slickgrid,
.dms-file-list .dms-folder-tree,
.dms-file-list .dms-details {
transition: all 0.25s;
}
.dms-file-list .dms-folder-tree {
position: absolute;
overflow: auto;
width: 250px;
top: 41px;
bottom: 0;
left: 0;
border-right: 1px solid #d3d3d3;
background-color: #fff;
}
.dms-file-list .dms-details {
position: absolute;
right: -1px;
top: 41px;
bottom: 0;
width: 249px;
margin: 0;
border-bottom: 0;
background-color: white;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
z-index: 2;
}
.dms-file-list .dms-details.ng-hide {
right: -261px;
}
.dms-file-list .dms-details > .panel-body {
position: absolute;
top: 48px;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
}
.dms-file-list .dms-details > .panel-header .panel-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100% - 20px);
box-sizing: border-box;
}
.dms-file-list .dms-details input.not-readonly {
background: inherit !important;
border: 0;
box-shadow: none;
margin-bottom: 5px;
}
.dms-file-list .dms-details label {
cursor: default;
font-weight: 600;
}
.dms-file-list .dms-details .tags > .label {
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 4px 6px;
border-radius: 0;
}
.dms-file-list .dms-details .tags form {
margin: 0;
padding: 0;
width: 100%;
}
.dms-file-list .dms-details .tags .panel {
margin: 0;
}
.dms-file-list .dms-details .tags a {
color: #222;
float: left;
margin-right: 5px;
}
.dms-file-list > .slickgrid {
left: 250px;
}
.dms-file-list.has-no-tree .dms-folder-tree {
left: -251px;
}
.dms-file-list.has-no-tree > .slickgrid {
left: 0 !important;
}
.dms-file-list .slick-icon.fa-file-text {
color: #337ab7;
}
.dms-file-list .slick-icon.fa-table {
color: #0275d8;
}
.dms-folder-dialog input {
box-sizing: border-box;
width: 100%;
height: 28px;
margin: 0;
}
.dms-file-upload .upload-list,
.dms-file-upload .upload-dropzone {
position: absolute;
z-index: 10000;
background: white;
}
.dms-file-upload .upload-dropzone {
border: 1px solid #d4d4d4;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
width: 250px;
height: 250px;
border-radius: 125px;
text-align: center;
top: calc(50% - 125px);
left: calc(50% - 125px);
z-index: 10001;
display: none;
}
.dms-file-upload .upload-dropzone .drop-image {
margin-top: 36%;
margin-bottom: 12px;
}
.dms-file-upload .upload-dropzone .drop-image i {
font-size: 32px !important;
}
.dms-file-list .dms-details .panel-header,
.dms-file-upload .panel-header {
overflow: hidden;
}
.dms-file-list .dms-details .panel-header a,
.dms-file-upload .panel-header a {
color: #222;
}
.dms-file-upload .panel-body {
padding: 0;
}
.dms-file-upload .upload-list * {
box-sizing: border-box;
}
.dms-file-upload .upload-list {
bottom: 0;
right: 10px;
width: 480px;
font-size: 12px;
}
.dms-file-upload .upload-list-item {
border-bottom: 1px solid #d4d4d4;
padding: 2px;
position: relative;
overflow: hidden;
}
.dms-file-upload .upload-list .panel-body {
max-height: 420px;
overflow: auto;
}
.dms-file-upload .upload-list-item:last-child {
border-bottom: 0;
}
.dms-file-upload .upload-list-item > div {
padding: 2px;
margin: 0;
min-height: inherit;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
text-align: right;
overflow: hidden;
}
.dms-file-upload .upload-list .file-name {
width: 60%;
}
.dms-file-upload .upload-list .file-progress {
width: 25%;
}
.dms-file-upload .upload-list .file-op {
width: 15%;
}
.dms-file-upload .upload-list .progress {
margin-bottom: 0;
}
.dms-file-upload .upload-list .progress,
.dms-file-upload .upload-list .progress .bar {
-webkit-transition: inherit;
transition: inherit;
}
@media (max-width: 767px) {
.dms-file-upload .upload-list {
left: 8px;
right: 8px;
width: auto;
}
.dms-file-upload .upload-list-item > div {
width: 100% !important;
}
}
.dms-file-upload .upload-overlay {
opacity: 0.3;
with: 100%;
height: 100%;
overflow: hidden;
z-index: 10000;
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background-color: gray;
display: none;
}
.dms-file-list.dropping .upload-overlay,
.dms-file-list.dropping .upload-dropzone {
display: block;
}
.dms-folder-tree {
box-sizing: border-box;
}
.dms-folder-tree * {
box-sizing: border-box;
}
.dms-folder-tree ul {
margin: 0 0 0px 15px;
}
.dms-folder-tree ul,
.dms-folder-tree li {
list-style: none;
white-space: nowrap;
}
.dms-folder-tree li {
text-overflow: ellipsis;
overflow: hidden;
}
.dms-folder-tree > ul {
margin: 1px 4px;
}
.dms-folder-tree li > a {
color: #333;
text-decoration: none;
line-height: 2em;
padding: 4px;
outline: none;
}
.dms-folder-tree li > a * {
position: relative;
}
.dms-folder-tree li > a span.highlight {
position: absolute;
box-sizing: border-box;
width: 100%;
height: 2em;
left: 0;
}
.dms-folder-tree li > a i.handle {
width: 16px;
display: inline-block;
text-align: center;
}
.dms-folder-tree li.empty i.handle {
visibility: hidden;
}
.dms-folder-tree li > a:hover span.highlight {
background-color: rgba(0, 0, 0, .05);
}
.dms-folder-tree li > a.active span.highlight {
background-color: rgba(0, 0, 0, .1);
}
.dms-folder-tree li > a.dropping span.highlight {
border: 1px solid rgba(82, 168, 236, 0.8);
}
.dms-folder-tree li > a.active {
color: #222;
font-weight: 600;
}
.dms-folder-tree li.dms-tree-more > a > span.title {
padding-left: 20px;
font-style: oblique;
}
.grid-dnd-proxy {
position: absolute;
display: inline-block;
padding: 6px 12px;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
z-index: 100000;
}
.grid-dnd-proxy .badge {
position: absolute;
bottom: calc(100% - 6px);
left: calc(100% - 6px);
}
.dms-popup {
margin-top: -1px;
padding: 1px 0 0 !important;
}
.ui-dialog .ui-dialog-content.dms-popup {
height: 450px !important;
overflow: inherit !important;
}
.ui-dialog.maximized .ui-dialog-content.dms-popup {
height: 100% !important;
max-height: 100% !important;
}
.dms-popup > div,
.dms-popup > div > .grid-view {
height: 100%;
box-sizing: border-box;
}
.dms-popup > div > .grid-view {
position: absolute;
top: 2px;
right: 0;
bottom: -4px;
left: 0;
border: 0;
}
.dms-permission-popup {
}
.dms-permission-popup [x-field="user"] input,
.dms-permission-popup [x-field="group"] input {
border-right: none;
}
.dms-permission-popup .picker-input i.fa-times {
font-size: 11px;
position: relative;
top: -1px;
color: #d4d4d4;
}
.dms-permission-popup .picker-input i.fa-times:hover {
color: #222;
}
.spreadsheet-item {
border: 1px solid #e7e7e7;
}
.spreadsheet-item .ui-resizable-s {
background-color: #e7e7e7;
border-color: #e7e7e7;
}
.dms-folder-tree i.fa-folder {
font-size: 18px;
vertical-align: middle;
margin-right: 4px;
margin-top: -1px;
}
i.fa-colored.fa-folder {
color: #FFA726;
}
i.fa-colored.fa-file-o {
color: #767676;
}
i.fa-colored.fa-file-text-o {
color: #2185D0;
}
i.fa-colored.fa-file-word-o {
color: #2185D0;
}
i.fa-colored.fa-file-excel-o {
color: #21BA45;
}
i.fa-colored.fa-file-powerpoint-o {
color: #a33e03;
}
i.fa-colored.fa-file-pdf-o {
color: #DB2828;
}
i.fa-colored.fa-file-image-o {
color: #6435C9;
}
i.fa-colored.fa-file-video-o {
color: #DB2828;
}
i.fa-colored.fa-file-archive-o {
color: #A5673F;
}

202
sophal/css/view.form.checkbox.css Normal file
View File

@ -0,0 +1,202 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.ibox {
display: inline-block;
width: inherit;
margin: 0;
overflow: hidden;
}
.form-inline .ibox {
vertical-align: middle;
margin-bottom: 0;
}
.ibox.readonly {
cursor: default;
opacity: 0.6;
}
.ibox .box {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
float: left;
outline: none;
}
.ibox input {
opacity: 0 !important;
margin-left: -14px !important;
position: absolute;
}
.ibox .title {
margin-left: 8px;
}
.ibox .item-label {
color: #999;
}
.ibox .box:before,
.ibox .box:after {
box-sizing: border-box;
}
.ibox.round .box:before {
border-radius: 20px;
}
.ibox .box:before {
content: " ";
display: inline-block;
border: 1px solid #ccc;
height: 100%;
width: 100%;
transition: all .2s;
}
.ibox input:focus + .box:before {
border: 1px solid #0275d8;
}
.ibox:hover .box:before,
.ibox:hover input:focus + .box:before {
border: 2px solid #0275d8;
}
.ibox input:checked + .box:before {
border: 1px solid #0275d8;
background-color: #0275d8;
}
.ibox input:checked + .box:after {
content: " ";
display: inline-block;
position: absolute;
top: 5px;
left: 4px;
width: 12px;
height: 7px;
border: 2px solid #fff;
border-top: 0;
border-right: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ibox:hover input:disabled + .box:before {
border: 1px solid #ccc;
}
.ibox:hover input:disabled:checked + .box:before {
border: 1px solid #0275d8;
}
.readonly > .ibox,
.readonly > .iswitch {
cursor: inherit;
}
.readonly > .ibox > .box,
.readonly > .iswitch {
opacity: 0.6;
}
.form-item.iswitch {
margin-top: 4px;
}
.iswitch {
position: relative;
display: inline-block;
width: 35px;
height: 20px;
margin: 0;
cursor: pointer;
background-color: #0275d8;
border-radius: 30px
}
.iswitch.readonly {
cursor: default;
opacity: 0.6;
}
.iswitch input {
position: absolute;
opacity: 0;
filter: alpha(opacity=0)
}
.iswitch input:checked + .box:before {
top: 50%;
right: 5px;
bottom: 50%;
left: 50%;
border-width: 0;
border-radius: 5px
}
.iswitch input:checked + .box:after {
margin-left: 16px
}
.iswitch .box:before {
content: "";
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 30px;
transition: all .2s
}
.iswitch input:focus + .box:before {
border: 1px solid #0275d8;
}
.iswitch .box:after {
content: "";
position: absolute;
top: 1px;
bottom: 1px;
width: 18px;
background-color: #fff;
border-radius: 50%;
box-shadow: 1px 1px 3px rgba(0,0,0,0.25);
transition: margin-left .3s
}
.ng-invalid > .ibox .box:before,
.ng-invalid > .iswitch .box:before {
border-color: #B94A48;
}
.form-item-container > .ibox,
.form-item-container > .iswitch {
margin: 4px 0 !important;
float: left;
}

1562
sophal/css/view.form.css Normal file
View File

File diff suppressed because it is too large Load Diff

500
sophal/css/view.form.hilite.css Normal file
View File

@ -0,0 +1,500 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
[class *= hilite-] > .display-text {
color: inherit;
}
[class *= hilite-].strong,
[class *= hilite-].strong input:first-of-type,
[class *= hilite-].strong textarea:first-of-type {
font-weight: 600 !important;
}
.hilite-primary-text,
.hilite-primary-text input:first-of-type,
.hilite-primary-text textarea:first-of-type {
color: #428bca !important;
}
.hilite-primary,
.hilite-primary input:first-of-type,
.hilite-primary textarea:first-of-type,
.hilite-primary .slick-cell {
color: #fff !important;
background-color: #428bca !important;
}
.hilite-warning-text,
.hilite-warning-text input:first-of-type,
.hilite-warning-text textarea:first-of-type {
color: #f0ad4e !important;
}
.hilite-warning,
.hilite-warning input:first-of-type,
.hilite-warning textarea:first-of-type,
.hilite-warning .slick-cell {
color: #fff !important;
background-color: #f0ad4e !important;
}
.hilite-success-text,
.hilite-success-text input:first-of-type,
.hilite-success-text textarea:first-of-type {
color: #5cb85c !important;
}
.hilite-success-text,
.hilite-success-text input:first-of-type,
.hilite-success-text textarea:first-of-type {
color: #5b0077 !important;
}
.hilite-success,
.hilite-success input:first-of-type,
.hilite-success textarea:first-of-type,
.hilite-success .slick-cell {
color: #fff !important;
background-color: #5cb85c !important;
}
.hilite-danger-text,
.hilite-danger-text input:first-of-type,
.hilite-danger-text textarea:first-of-type {
color: #d9534f !important;
}
.hilite-danger,
.hilite-danger input:first-of-type,
.hilite-danger textarea:first-of-type,
.hilite-danger .slick-cell {
color: #fff !important;
background-color: #d9534f !important;
}
.hilite-error-text,
.hilite-error-text input:first-of-type,
.hilite-error-text textarea:first-of-type {
color: #b94a48 !important;
}
.hilite-error,
.hilite-error input:first-of-type,
.hilite-error textarea:first-of-type,
.hilite-error .slick-cell {
color: #fff !important;
background-color: #b94a48 !important;
}
.hilite-info-text,
.hilite-info-text input:first-of-type,
.hilite-info-text textarea:first-of-type {
color: #5bc0de !important;
}
.hilite-info,
.hilite-info input:first-of-type,
.hilite-info textarea:first-of-type,
.hilite-info .slick-cell {
color: #fff !important;
background-color: #5bc0de !important;
}
.hilite-default-text,
.hilite-default-text input:first-of-type,
.hilite-default-text textarea:first-of-type {
}
.hilite-default,
.hilite-default input:first-of-type,
.hilite-default textarea:first-of-type,
.hilite-default .slick-cell {
}
.slick-row[class*="hilite-"].selected,
.slick-row[class*="hilite-"] .slick-cell.selected {
background-image: linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
);
}
.slick-row[class*="-text"].selected,
.slick-row[class*="-text"] .slick-cell.selected {
background-image: none;
}
.slickgrid-editable .slick-row[class*="hilite-"].active .slick-cell-editable:before,
[class*="hilite-"].form-item-container {
background-color: inherit !important;
}
/** other predefined styles */
.form-item label.label-bold,
.form-item-container.bold,
.form-item-container.bold input:first-of-type,
.form-item-container.bold textarea:first-of-type {
font-weight: 600 !important;
}
.form-item label.label-italic,
.form-item-container.italic,
.form-item-container.italic input:first-of-type,
.form-item-container.italic textarea:first-of-type {
font-style: italic !important;
}
.form-item label.label-underline,
.form-item-container.underline,
.form-item-container.underline input:first-of-type,
.form-item-container.underline textarea:first-of-type {
text-decoration: underline !important;
}
.form-item label.label-overline,
.form-item-container.overline,
.form-item-container.overline input:first-of-type,
.form-item-container.overline textarea:first-of-type {
text-decoration: overline !important;
}
.form-item label.label-line-through,
.form-item-container.line-through,
.form-item-container.line-through input:first-of-type,
.form-item-container.line-through textarea:first-of-type {
text-decoration: line-through !important;
}
.form-item label.label-small,
.form-item-container.small,
.form-item-container.small input:first-of-type,
.form-item-container.small textarea:first-of-type {
font-size: 10px !important;
}
.form-item label.label-big,
.form-item-container.big,
.form-item-container.big input:first-of-type,
.form-item-container.big input:first-of-type {
font-size: 16px !important;
}
.form-item label.label-large,
.form-item-container.large,
.form-item-container.large input:first-of-type,
.form-item-container.large textarea:first-of-type {
font-size: 18px !important;
}
.form-item label.label-left,
.form-item-container.left,
.form-item-container.left input:first-of-type,
.form-item-container.left textarea:first-of-type {
text-align: left !important;
}
.form-item label.label-right,
.form-item-container.right,
.form-item-container.right input:first-of-type,
.form-item-container.right textarea:first-of-type {
text-align: right !important;
}
.form-item label.label-center,
.form-item-container.center,
.form-item-container.center input:first-of-type,
.form-item-container.center textarea:first-of-type {
text-align: center !important;
}
.form-item label.label-justify,
.form-item-container.justify,
.form-item-container.justify input:first-of-type,
.form-item-container.justify textarea:first-of-type {
text-align: justify !important;
}
.form-item label.label-red,
.form-item-container.red,
.form-item-container.red input:first-of-type,
.form-item-container.red textarea:first-of-type {
color: red !important;
}
.form-item label.label-blue,
.form-item-container.blue,
.form-item-container.blue input:first-of-type,
.form-item-container.blue textarea:first-of-type {
color: blue !important;
}
.form-item label.label-green,
.form-item-container.green,
.form-item-container.green input:first-of-type,
.form-item-container.green input:first-of-type {
color: green !important;
}
.form-item label.label-muted,
.form-item-container.muted,
.form-item-container.muted input:first-of-type,
.form-item-container.muted textarea:first-of-type {
color: #777 !important;
}
.form-item label.label-primary,
.form-item-container.primary,
.form-item-container.primary input:first-of-type,
.form-item-container.primary textarea:first-of-type {
color: #428bca !important;
}
.form-item label.label-success,
.form-item-container.success,
.form-item-container.success input:first-of-type,
.form-item-container.success textarea:first-of-type {
color: #3c763d !important;
}
.form-item label.label-info,
.form-item-container.info,
.form-item-container.info input:first-of-type,
.form-item-container.info textarea:first-of-type {
color: #31708f !important;
}
.form-item label.label-warning,
.form-item-container.warning,
.form-item-container.warning input:first-of-type,
.form-item-container.warning textarea:first-of-type {
color: #8a6d3b !important;
}
.form-item label.label-danger,
.form-item-container.danger,
.form-item-container.danger input:first-of-type,
.form-item-container.danger textarea:first-of-type {
color: #a94442 !important;
}
.form-item label.label-bg-primary,
.form-item-container.bg-primary,
.form-item-container.bg-primary input:first-of-type,
.form-item-container.bg-primary textarea:first-of-type {
color: #fff;
background-color: #428bca !important;
}
.form-item label.label-bg-success,
.form-item-container.bg-success,
.form-item-container.bg-success input:first-of-type,
.form-item-container.bg-success textarea:first-of-type {
background-color: #dff0d8 !important;
}
.form-item label.label-bg-info,
.form-item-container.bg-info,
.form-item-container.bg-info input:first-of-type,
.form-item-container.bg-info textarea:first-of-type {
background-color: #d9edf7 !important;
}
.form-item label.label-bg-warning,
.form-item-container.bg-warning,
.form-item-container.bg-warning input:first-of-type,
.form-item-container.bg-warning textarea:first-of-type {
background-color: #fcf8e3 !important;
}
.form-item label.label-bg-danger,
.form-item-container.bg-danger,
.form-item-container.bg-danger input:first-of-type,
.form-item-container.bg-danger textarea:first-of-type {
background-color: #f2dede !important;
}
.font-bold {
font-weight: 600;
}
.font-noraml {
font-weight: 400;
}
.bg-red { background-color: #DB2828; }
.bg-orange { background-color: #F2711C; }
.bg-yellow { background-color: #FBBD08; }
.bg-olive { background-color: #B5CC18; }
.bg-green { background-color: #21BA45; }
.bg-teal { background-color: #00B5AD; }
.bg-blue { background-color: #2185D0; }
.bg-violet { background-color: #6435C9; }
.bg-purple { background-color: #A333C8; }
.bg-pink { background-color: #E03997; }
.bg-brown { background-color: #A5673F; }
.bg-grey { background-color: #767676; }
.bg-black { background-color: #1B1C1D; }
.bg-white { background-color: #F9FAFB; }
.fg-red { color: #DB2828; }
.fg-orange { color: #F2711C; }
.fg-yellow { color: #B58105; }
.fg-olive { color: #8ABC1E; }
.fg-green { color: #1EBC30; }
.fg-teal { color: #10A3A3; }
.fg-blue { color: #2185D0; }
.fg-violet { color: #6435C9; }
.fg-purple { color: #A333C8; }
.fg-pink { color: #E03997; }
.fg-brown { color: #A5673F; }
.fg-grey { color: #767676; }
.fg-black { color: #1B1C1D; }
.fg-white { color: #F9FAFB; }
.panel-red .panel .panel-header,
.panel-red .dashlet .dashlet-header {
border-top-color: #DB2828;
}
.panel-red.panel .panel-header {
border-top-color: #DB2828 !important;
}
.panel-red.dashlet .dashlet-header {
border-top-color: #DB2828 !important;
}
.panel-orange .panel .panel-header,
.panel-orange .dashlet .dashlet-header {
border-top-color: #F2711C;
}
.panel-orange.panel .panel-header {
border-top-color: #F2711C !important;
}
.panel-orange.dashlet .dashlet-header {
border-top-color: #F2711C !important;
}
.panel-yellow .panel .panel-header,
.panel-yellow .dashlet .dashlet-header {
border-top-color: #FBBD08;
}
.panel-yellow.panel .panel-header {
border-top-color: #FBBD08 !important;
}
.panel-yellow.dashlet .dashlet-header {
border-top-color: #FBBD08 !important;
}
.panel-olive .panel .panel-header,
.panel-olive .dashlet .dashlet-header {
border-top-color: #B5CC18;
}
.panel-olive.panel .panel-header {
border-top-color: #B5CC18 !important;
}
.panel-olive.dashlet .dashlet-header {
border-top-color: #B5CC18 !important;
}
.panel-green .panel .panel-header,
.panel-green .dashlet .dashlet-header {
border-top-color: #21BA45;
}
.panel-green.panel .panel-header {
border-top-color: #21BA45 !important;
}
.panel-green.dashlet .dashlet-header {
border-top-color: #21BA45 !important;
}
.panel-teal .panel .panel-header,
.panel-teal .dashlet .dashlet-header {
border-top-color: #00B5AD;
}
.panel-teal.panel .panel-header {
border-top-color: #00B5AD !important;
}
.panel-teal.dashlet .dashlet-header {
border-top-color: #00B5AD !important;
}
.panel-blue .panel .panel-header,
.panel-blue .dashlet .dashlet-header {
border-top-color: #2185D0;
}
.panel-blue.panel .panel-header {
border-top-color: #2185D0 !important;
}
.panel-blue.dashlet .dashlet-header {
border-top-color: #2185D0 !important;
}
.panel-violet .panel .panel-header,
.panel-violet .dashlet .dashlet-header {
border-top-color: #6435C9;
}
.panel-violet.panel .panel-header {
border-top-color: #6435C9 !important;
}
.panel-violet.dashlet .dashlet-header {
border-top-color: #6435C9 !important;
}
.panel-purple .panel .panel-header,
.panel-purple .dashlet .dashlet-header {
border-top-color: #A333C8;
}
.panel-purple.panel .panel-header {
border-top-color: #A333C8 !important;
}
.panel-purple.dashlet .dashlet-header {
border-top-color: #A333C8 !important;
}
.panel-pink .panel .panel-header,
.panel-pink .dashlet .dashlet-header {
border-top-color: #E03997;
}
.panel-pink.panel .panel-header {
border-top-color: #E03997 !important;
}
.panel-pink.dashlet .dashlet-header {
border-top-color: #E03997 !important;
}
.panel-brown .panel .panel-header,
.panel-brown .dashlet .dashlet-header {
border-top-color: #A5673F;
}
.panel-brown.panel .panel-header {
border-top-color: #A5673F !important;
}
.panel-brown.dashlet .dashlet-header {
border-top-color: #A5673F !important;
}
.panel-grey .panel .panel-header,
.panel-grey .dashlet .dashlet-header {
border-top-color: #767676;
}
.panel-grey.panel .panel-header {
border-top-color: #767676 !important;
}
.panel-grey.dashlet .dashlet-header {
border-top-color: #767676 !important;
}
.panel-black .panel .panel-header,
.panel-black .dashlet .dashlet-header {
border-top-color: #1B1C1D;
}
.panel-black.panel .panel-header {
border-top-color: #1B1C1D !important;
}
.panel-black.dashlet .dashlet-header {
border-top-color: #1B1C1D !important;
}

878
sophal/css/view.form.panels.css Normal file
View File

@ -0,0 +1,878 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.bar-layout {
max-width: 1500px;
margin: auto;
padding: 14px;
}
.bar-layout.mid-form {
max-width: 768px;
}
.bar-layout.mini-form {
max-width: 480px;
}
.bar-layout.large-form {
max-width: 1500px;
}
.bar-container {
display: flex;
}
.bar-main {
flex: 1;
max-width: 100%;
}
.bar-wrap {
min-height: 0 !important;
}
.bar-side {
width: 25%;
min-width: 15em;
margin-left: 14px;
}
.bar-container.has-side > .bar-main {
max-width: 75%;
}
@media (max-width: 767px) {
.bar-container {
flex-direction: column;
}
.bar-main {
flex: inherit;
max-width: inherit !important;
}
.bar-side {
margin: 0;
width: inherit;
min-width: auto;
}
}
.panel-layout * {
box-sizing: border-box;
}
.panel {
background-color: #fff;
}
.panel .panel-header {
padding: 11px 15px 14px;
border-top: 4px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin-top: -1px;
display: flex;
align-items: center;
outline: none;
}
.panel-nested > .panel-header {
border-top: 0;
padding: 6px 0;
margin-bottom: 4px;
}
.panel .panel-title {
font-size: 14px;
font-weight: 600;
flex: 1;
}
.panel .panel-header .panel-icon {
margin-right: 8px;
padding: 2px 4px;
border-radius: 4px;
}
.panel .panel-header .panel-icon.has-bg {
text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.15);
}
.panel .panel-header .panel-image {
width: 16px;
height: 16px;
margin-right: 8px;
}
.panel .panel-header .panel-icons {
margin-left: 4px;
}
.panel .panel-header .panel-icons a {
color: #c4c4c4;
}
.panel .panel-header .menu-bar {
margin: 0;
}
.panel .panel-header .menu-bar > .menu > a {
padding: 0 4px;
background-image: none;
border: 0;
}
.panel .panel-header .menu-bar .caret {
margin-top: 8px;
}
.panel .panel-header .dropdown-menu {
left: inherit;
right: 0;
}
.panel.collapsed .panel-header {
border-bottom: 0;
}
.clickable-header{
cursor: pointer;
overflow: hidden;
outline: none !important;
}
.panel .panel-body {
padding: 14px;
transition: height 0.3s ease-out;
}
.panel {
margin-bottom: 16px;
border: 1px solid #e7e7e7;
}
.panel.attached {
margin-top: -16px;
}
.panel.noframe {
border: none;
box-shadow: none;
}
.panel .row-fluid > .form-item {
margin-bottom: 6px;
}
.panel.noframe .panel-body {
padding: 0;
}
.panel .row-fluid > .form-item-hidden {
margin-bottom: 0;
}
.panel .row-fluid > .form-item-hidden:first-child + .form-item {
margin-left: 0;
}
.panel .row-fluid:last-child > .form-item-hidden {
margin-bottom: 1px;
}
.panel[x-stacked] .row-fluid:last-child > .form-item {
margin-bottom: 6px;
}
.panel[x-stacked] .row-fluid:last-child > .form-item-hidden,
.panel[x-stacked] .row-fluid:last-child > .form-item:last-child {
margin-bottom: 1px;
}
.panel[x-stacked] .row-fluid:last-child > .form-item-hidden,
.panel[x-stacked] .row-fluid:last-child > .form-item:last-child,
.panel[x-stacked] .row-fluid:last-child > .form-item:last-child > .panel {
margin-bottom: 1px;
}
@media (max-width: 767px) {
.panel .row-fluid:last-child > .form-item {
margin-bottom: 6px;
}
.panel .row-fluid:last-child > .form-item:last-child {
margin-bottom: 1px;
}
}
.panel-layout .panel:not(.panel-related) {
border: none;
box-shadow: none;
margin-bottom: 0;
}
.panel-layout .bar-layout,
.panel-layout .panel .panel-body {
padding: 0;
}
.panel-layout .o2m-list .panel .row-fluid > .form-item {
margin-bottom: 6px;
}
.panel-layout .form-item-container.readonly > a,
.panel-layout .form-item-container.readonly > input,
.panel-layout .form-item-container.readonly > span.display-text {
padding-left: 0;
}
.panel-layout .readonly > .o2m-list > .o2m-list-row > a {
color: #0088cc;
}
.panel-layout .form-item-container input {
min-width: inherit;
}
.panel-layout .form-item-container.time-item input,
.panel-layout .form-item-container.datetime-item .picker-input {
width: 100%;
}
.panel-layout .form-item-container input[type="radio"],
.panel-layout .form-item-container input[type="checkbox"] {
margin-top: 0 !important;
}
.panel-layout .form-item-container,
.panel-layout .form-item-container > span.display-text {
min-height: 28px;
border-bottom: 1px solid #00000030;
}
.panel-layout .form-item-container.editable input[type="text"],
.panel-layout .form-item-container.editable input[type="password"],
.panel-layout .form-item-container.editable input[type="number"],
.panel-layout .form-item-container.editable input[type="email"],
.panel-layout .form-item-container.editable input[type="url"],
.panel-layout .form-item-container.editable .tag-select {
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
padding-left: 0;
}
.panel-layout .slick-cell .form-item-container.editable input[type="text"],
.panel-layout .slick-cell .form-item-container.editable input[type="password"],
.panel-layout .slick-cell .form-item-container.editable input[type="number"],
.panel-layout .slick-cell .form-item-container.editable input[type="email"],
.panel-layout .slick-cell .form-item-container.editable input[type="url"],
.panel-layout .slick-cell .form-item-container.editable .tag-select {
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
padding-left: 6px;
}
.panel-layout .slick-cell .form-item-container.editable .tag-select {
padding-left: 0;
}
.panel-layout .slick-cell .form-item-container,
.panel-layout .slick-cell .form-item-container > span.display-text {
min-height: auto;
}
.panel-layout .slick-cell .form-item-container > span.display-text {
padding: 2px 8px;
}
.panel-layout .image-item .btn,
.panel-layout .file-item .btn {
width: 32px;
padding: 2px 6px 2px;
height: 28px;
}
.panel-layout .tag-select,
.panel-layout .tag-select > ul {
min-height: 27px;
}
.panel-layout .tag-select .tag-text,
.panel-layout .tag-select .tag-link,
.panel-layout .tag-select-single .tag-link {
height: 16px;
line-height: 16px;
font-size: 11px;
}
.panel-layout .label-item,
.panel-layout .label-item span,
.panel-layout label span.title {
font-weight: 800; /*sophal*/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
margin-bottom: 0;
height: 18px;
}
.panel-layout .label-item span {
display: inline-block;
max-width: 100%;
}
.panel-related .panel-header {
border-bottom: none;
}
.panel-related .panel-header .icons-bar {
padding-top: 0;
}
.panel-related .panel-header .icons-bar i {
margin: 0 4px;
padding: inherit;
}
.panel-related .panel-body {
padding: 0;
position: relative;
min-height: 1px;
}
.panel-related .panel-body .slickgrid {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
border: none;
}
.panel-related.noEdit .edit-icon i:before,
.panel-related.readonly .edit-icon i:before {
content: "\f0f6";
}
.panel-related.ng-invalid {
border-color: #B94A48;
}
.panel-related.ng-invalid .panel-header {
border-top-color: #B94A48;
}
.panel-tabs,
.panel-stack,
.bar-layout .dashboard {
margin-bottom: 16px;
}
.panel-tabs .nav-tabs > li > a {
border-color: #e7e7e7;
}
.panel-tabs .nav-tabs > li.active > a {
color: #333;
border-bottom-color: transparent !important;
}
.panel-tabs .tab-content {
padding: 14px;
overflow: inherit;
background-color: #fff;
border: 1px solid #e7e7e7;
}
.panel-tabs .tab-content > .panel {
margin: 0;
}
.panel-stack > .panel {
margin: 0;
}
.panel-tabs[x-sidebar] {
margin-bottom: 0;
}
.bar-layout .portlet-header .navbar-inner {
background-image: none;
background-color: #f5f5f5;
border-bottom: 1px solid #e7e7e7;
}
.bar-layout .portlet-header .divider-vertical {
border-left: 1px solid #D3D3D3;
}
.bar-layout .form-item-portlet,
.bar-layout .form-item-portlet .portlet-minimized {
height: auto;
min-height: inherit !important;
}
.panel-layout .m2o-editor {
position: relative;
}
.panel-layout .m2o-editor-controls {
position: absolute;
top: -18px;
right: 0;
}
.panel-layout .m2o-editor-controls a {
margin: 0 4px;
color: #333;
}
[x-show-title="false"] > .m2o-editor {
margin-top: 18px;
}
.panel-layout .o2m-list .form-item {
padding: 0;
}
.panel-layout .o2m-list .panel {
margin-bottom: 0;
}
.panel-layout .editable > .o2m-list {
display: table;
table-layout: fixed;
width: 100%;
}
.panel-layout .editable > .o2m-list .o2m-list-row {
display: table-row;
}
.panel-layout .editable > .o2m-list .o2m-list-row > div,
.panel-layout .editable > .o2m-list .o2m-list-row > span {
display: table-cell;
padding: 2px 0;
width: 100%;
}
.panel-layout .editable > .o2m-list table.form-layout {
table-layout: fixed;
}
.panel-layout .editable > .o2m-list .o2m-list-row > span.o2m-list-remove {
vertical-align: middle;
width: 24px;
}
.panel-layout .editable > .o2m-list .o2m-list-row > a,
.panel-layout .editable > .o2m-list .o2m-list-row > span.o2m-list-remove a {
color: #333333;
outline: none;
}
.panel-layout .editable > .o2m-list .o2m-list-row > span.o2m-list-remove a {
padding: 0 6px;
}
.panel-layout .editable > .o2m-list .o2m-list-row .toggle-item button {
border-left: 0;
border-top: 0;
border-right: 0;
outline: none;
height: 28px;
color: #ccc;
padding: 4px 6px;
}
.panel-layout .editable > .o2m-list .o2m-list-row .toggle-item button:focus {
color: #ccc;
background: none;
box-shadow: none;
border-color: #ccc;
}
.panel-layout .editable > .o2m-list .o2m-list-row .toggle-item button:hover,
.panel-layout .editable > .o2m-list .o2m-list-row .toggle-item button:active,
.panel-layout .editable > .o2m-list .o2m-list-row .toggle-item button.active {
color: #333;
background: none;
box-shadow: none;
border-color: #ccc;
}
.panel-layout .editable > .o2m-list .o2m-list-remove i,
.panel-layout .editable > .o2m-list .o2m-list-add i {
color: #ccc;
font-size: 12px;
}
.panel-layout .editable > .o2m-list .o2m-list-remove i:hover,
.panel-layout .editable > .o2m-list .o2m-list-add i:hover {
color: #333;
}
.panel-layout .row-fluid [class*="span"] {
min-height: inherit !important;
}
.panel-layout .form-item > a.btn,
.panel-layout .form-item-container button {
width: 100%;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 3px 10px 3px;
min-width: 28px;
height: 28px;
}
.panel-layout .btn:focus {
background-position: inherit;
}
.panel-layout .form-item.btn-group {
width: 100%;
}
.panel-layout .form-item.btn-group > a.btn {
width: auto;
}
.panel-layout .btn-link.disabled {
pointer-events: none;
cursor: default;
opacity: 0.6;
}
.panel-layout .row-fluid.has-labels > .form-item > a.btn,
.panel-layout .row-fluid.has-labels > .form-item > [x-show-title="false"][ng-model] {
margin-top: 18px;
}
.panel[x-stacked] > .panel-body > .panel-layout > .row-fluid.has-labels > .form-item > a.btn,
.panel[x-stacked] > .panel-body > .panel-layout > .row-fluid.has-labels > .form-item > [x-show-title="false"][ng-model] {
margin-top: 0;
}
.panel-tabs .nav-tabs-responsive {
margin-bottom: -1px;
display: inline-flex;
}
.panel-tabs .nav-tabs-responsive > li {
margin-top: -12px;
}
.panel-tabs .nav-tabs-responsive > li.dropdown {
max-width: 120px;
}
.panel-tabs .nav-tabs-responsive a,
.panel-tabs .nav-tabs-responsive > li.dropdown > a > span {
outline: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.panel-tabs .nav-tabs-responsive > li.dropdown > a > span {
display: inline-block;
max-width: 74px;
margin-bottom: -4px;
}
/** nested editor **/
.panel-layout .nested-editor .panel:not(.panel-related) {
margin-bottom: 16px;
}
.panel-layout .nested-editor .panel-layout .panel:not(.panel-related) {
margin-bottom: 0;
}
.panel-layout .nested-editor .panel .panel-body {
padding: 14px;
}
.panel-layout .nested-editor .panel-layout .panel .panel-body {
padding: 0;
}
.panel-layout .form-item-group.bordered-box {
padding: 14px 14px 0;
}
.panel-layout .form-item-group > legend {
padding: 0;
margin: 0;
}
.panel-layout .stackbar .navbar .navbar-inner {
background: #fff;
padding: 11px 15px 14px;
border-top: 4px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
border-radius: 0;
}
.panel-layout .stackbar .navbar .navbar-inner .brand {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 600;
}
.panel-layout .stackbar .navbar .navbar-inner .icons-bar {
padding: 0;
}
.panel-layout .stackbar .navbar .navbar-inner .icons-bar i {
margin: 0 4px;
padding: inherit;
}
.panel-layout .stackbar > .slickgrid {
top: 47px;
}
.panel-layout .stackbar .form-item-group.inline-form {
padding-top: 30px;
}
.panel-json .bar-layout {
padding: 0;
}
/** some special classes */
.border-left-none,
.border-left-none.form-item-container,
.border-left-none.form-item-container > input {
border-left: none;
}
.border-right-none,
.border-left-none.form-item-container,
.border-left-none.form-item-container > input {
border-left: none;
}
.address-list .o2m-list-row {
width: 48.71%;
float: left;
margin-left: 0;
}
.address-list .o2m-list-add {
width: 100%;
margin-left: 0;
}
.address-list .o2m-list-row.even {
margin-left: 2.56%;
}
@media (max-width: 767px) {
.address-list .o2m-list-row {
width: 100%;
float: none;
margin-left: 0 !important;
}
}
.panel-layout .order-subtotal dl {
max-width: 280px;
float: right;
}
.panel-layout .order-subtotal dt,
.panel-layout .order-subtotal dd {
padding: 4px;
}
.panel-layout .order-subtotal dt {
padding-right: 8px;
font-weight: normal;
white-space: normal;
width: 55%;
}
.panel-layout .order-subtotal dd {
margin-left: 0;
text-align: right;
}
.panel-layout .order-subtotal dd:empty {
height: 26px;
}
.panel-layout .order-subtotal-total {
border-top: 1px solid #ccc;
font-size: 18px;
font-weight: 600;
}
@media (max-width: 767px) {
.panel-layout .order-subtotal dt {
float: left;
text-align: right;
width: 48%;
}
}
.panel.field-append > .panel-body > .panel-layout > .row-fluid {
display: flex;
}
.panel.field-append > .panel-body > .panel-layout > .row-fluid > .form-item[class*="span"] {
margin: 0;
width: auto;
float: inherit;
}
.panel.field-append > .panel-body > .panel-layout > .row-fluid > .form-item:first-child {
flex: 1;
}
.panel-flex {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-left: -7px;
margin-right: -7px;
}
.panel-flex [class*="flex"] {
width: 100%;
margin-left: 7px;
margin-right: 7px;
}
.panel-flex .form-item-hidden {
display: none;
}
.panel-flex .flex1 {
width: calc(8.33% - 14px);
}
.panel-flex .flex2 {
width: calc(8.33% * 2 - 14px);
}
.panel-flex .flex3 {
width: calc(8.33% * 3 - 14px);
}
.panel-flex .flex4 {
width: calc(8.33% * 4 - 14px);
}
.panel-flex .flex5 {
width: calc(8.33% * 5 - 14px);
}
.panel-flex .flex6 {
width: calc(8.33% * 6 - 14px);
}
.panel-flex .flex7 {
width: calc(8.33% * 7 - 14px);
}
.panel-flex .flex8 {
width: calc(8.33% * 8 - 14px);
}
.panel-flex .flex9 {
width: calc(8.33% * 9 - 14px);
}
.panel-flex .flex10 {
width: calc(8.33% * 10 - 14px);
}
.panel-flex .flex11 {
width: calc(8.33% * 11 - 14px);
}
.panel-flex .flex12 {
width: calc(8.33% * 12 - 14px);
}
@media (max-width: 767px) {
.panel-flex {
flex-direction: column;
margin: 0;
}
.panel-flex [class*="flex"] {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.help-item {
border-radius: 0;
}
.panel .help-item {
margin: 0;
}
.help-item:after {
font: normal normal normal 14px/1 FontAwesome;
content: "\f10e";
margin-left: 6px;
}
.help-item:before {
font: normal normal normal 14px/1 FontAwesome;
content: "\f10d";
margin-right: 6px;
}
.info-button {
height: 60px;
width: 100%;
padding: 4px 8px;
border-style: dotted;
}
.info-button > i,
.info-button > img {
display: block;
width: 32px;
float: left;
}
.info-button > i {
height: 100%;
font-size: 26px;
line-height: 50px;
}
.info-button > img {
display: block;
height: 32px;
margin-top: 4px;
}
.info-button-data {
float: left;
width: calc(100% - 32px);
height: 100%;
line-height: 22px;
padding-left: 8px;
text-align: left;
}
.info-button-value {
font-size: 22px;
font-weight: 600;
display: block;
margin: 2px 0 4px;
white-space: nowrap;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
}
.info-button-title {
display: block;
overflow: hidden;
}
.info-button > i,
.info-button .info-button-value,
.info-button .info-button-title {
text-shadow: 1px 1px 0 rgba(0,0,0,.15);
}
.info-button:not([class*=btn-]) > i,
.info-button:not([class*=btn-]) .info-button-value {
color: #3c763d;
}
.info-button:not([class*=btn-]):hover,
.info-button:not([class*=btn-]):focus,
.info-button:not([class*=btn-]):active,
.info-button:not([class*=btn-]).active {
box-shadow: none;
background-color: #fff;
}

87
sophal/css/view.gantt.css Normal file
View File

@ -0,0 +1,87 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.view-container .gantt-view > div:last-child {
position: absolute;
top: 46px;
bottom: 0; left: 4px; right: 0;
}
.gantt_grid_head_cell {
font-weight: bold;
}
.gantt-main {
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
overflow: auto;
}
.gantt_time_selects > select {
width: auto;
}
.child_preview {
box-sizing: border-box;
margin-top: 2px;
position: absolute;
z-index: 1;
color: white;
text-align: center;
font-size: 12px;
}
.gantt_task_line.task-collapsed {
height: 4px;
opacity: 0.25;
}
.gantt_task_line.gantt_project.task-collapsed .gantt_task_content {
display: none;
}
.gantt_row.task-parent {
font-weight: bold;
}
.gantt_task_progress{
text-align:left;
padding-left:10px;
box-sizing: border-box;
color:white;
font-weight: bold;
}
.gantt_task_line.gantt_project{
color:white;
}
.gantt_side_content{
color:#333;
}
.summary-bar{
font-weight: bold;
}
.gantt_resource_task .gantt_task_content{
color:inherit;
}
.gantt_resource_task .gantt_task_progress{
background-color:rgba(33,33,33,0.3);
}

314
sophal/css/view.kanban.css Normal file
View File

@ -0,0 +1,314 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.cards-view,
.kanban-view {
position: absolute;
top: 41px;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
padding: 18px 9px;
}
.cards-view,
.cards-view *,
.kanban-view,
.kanban-view * {
box-sizing: border-box;
}
.kanban-view {
display: flex;
padding: 0 6px;
background-color: #fff;
}
.kanban-column {
display: flex;
flex-direction: column;
width: 24em;
background-color: #e7eaec;
margin: 12px 6px 0;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.kanban-column ul.kanban-card-list,
.kanban-column li.kanban-card {
list-style: none;
}
.kanban-column ul.kanban-card-list {
flex: 1;
margin: 0 4px 4px;
padding: 10px 10px 35px;
overflow: auto;
max-height: calc(100% - 22px);
background: #fff;
}
.kanban-column .ui-sortable-placeholder {
border: 1px dashed #cecece !important;
visibility: visible !important;
background: #e7eaec !important;
}
.kanban-column .ui-sortable-helper {
box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.kanban-column > h3 {
font-weight: 600;
font-size: 16px;
margin: 0;
padding: 10px;
line-height: 18px;
}
.kanban-column .input-group {
display: flex;
margin: 0 8px 6px;
}
.kanban-column .input-group .form-control {
height: 100%;
margin: 0;
flex: 1;
}
.kanban-column .input-group .input-group-btn > .btn {
margin-left: -1px;
}
.kanban-column .input-group .form-control:focus,
.kanban-column .input-group-btn > .btn:active,
.kanban-column .input-group-btn > .btn:focus,
.kanban-column .input-group-btn > .btn:hover {
z-index: 2;
}
.kanban-more {
border-bottom: 1px dashed #ddd;
text-align: center;
margin: -40px 20px 25px 20px;
}
.kanban-more .btn-load-more:hover {
background-color: #eaf2f8 !important;
color: #537c9f;
}
.kanban-more .btn-load-more {
position: relative;
top: 11px;
padding: 0 4px;
outline: none;
border-color: #8aafce;
border-radius: 4px !important;
border-bottom-width: 2px;
color: #537c9f;
}
.kanban-empty {
display: none;
margin: -30px 20px 10px 20px;
}
.kanban-column.empty .kanban-empty {
display: block;
}
.kanban-card {
list-style: none;
position: relative;
background: #fafafb;
border: 1px solid #e7eaec;
margin: 0 0 10px 0;
padding: 10px;
border-radius: 2px;
box-sizing: content-box;
border-left: 3px solid #e7eaec;
}
.kanban-card:hover {
background-color: #fff;
cursor: pointer;
}
.kanban-card.primary {
border-left: 3px solid #337ab7;
}
.kanban-card.warning {
border-left: 3px solid #f0ad4e;
}
.kanban-card.danger {
border-left: 3px solid #d9534f;
}
.kanban-card.info {
border-left: 3px solid #23c6c8;
}
.kanban-card.success {
border-left: 3px solid #0275d8;
}
.kanban-card h4 {
margin: 0 0 4px 0;
font-weight: 600;
font-size: 13px;
}
.kanban-card img {
width: 24px;
height: 24px;
position: absolute;
right: 2px;
bottom: 2px;
border-radius: 100%;
}
.rect-image .kanban-card img {
border-radius: 0;
}
.kanban-card .card-body {
}
.kanban-card .card-footer {
margin-top: 4px;
color: #777;
font-size: 12px;
}
.kanban-card-menu {
display: none;
position: absolute;
top: 2px;
right: 2px;
}
.kanban-card-menu > a {
padding: 0 4px;
outline: none !important;
border: 0 !important;
box-shadow: none !important;
}
.kanban-card:hover .kanban-card-menu,
.kanban-card .kanban-card-menu.open {
display: inline-block;
}
.cards-view .kanban-card-list {
display: flex;
flex-wrap: wrap;
}
.cards-view.cards-center .kanban-card-list {
justify-content: center;
}
.cards-view .kanban-card-container {
float: left;
width: 33.33333333%;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
display: flex;
}
.cards-view .kanban-card {
box-sizing: border-box;
margin: 0;
padding: 16px;
background-color: #fff;
overflow: hidden;
width: 100%;
}
.cards-view .kanban-card address {
margin-bottom: 0;
}
.cards-view .kanban-card p {
margin: 9px 0;
}
.cards-view .card-image {
position: relative;
text-align: center;
}
.cards-view .card-image img {
position: relative;
width: 64px;
height: 64px;
}
.cards-view .card-image strong {
margin-top: 6px;
display: block;
}
.cards-view .cards-no-records {
display: none;
position: absolute;
top: 48%;
width: 100%;
font-weight: 400;
text-align: center;
}
.cards-view.empty .cards-no-records {
display: block;
}
.kanban-column h3,
.kanban-column h4,
.kanban-column .card-body,
.kanban-column .card-footer {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 767px) {
.cards-view {
padding: 12px 0;
}
.cards-view .kanban-card-container {
width: 100% !important;
margin-bottom: 12px;
}
}
@media (max-width: 480px) {
.kanban-view {
flex-direction: column;
padding-bottom: 12px;
}
.kanban-column {
display: block;
}
.kanban-column ul.kanban-card-list {
padding-bottom: 0;
}
}

394
sophal/css/view.mail.css Normal file
View File

@ -0,0 +1,394 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/* thread view */
.mail-thread-view {
width: inherit !important;
max-width: 720px;
margin: 0 16px 0 4px !important;
padding: 0;
}
.mail-thread-view .panel {
border: none;
box-shadow: none;
background-color: transparent;
}
/* form widgets */
.mail-thread {
margin-top: 16px;
margin-left: 20px;
border-left: 2px solid #ddd;
}
.mail-composer {
margin: -16px 0 20px 30px;
}
.mail-composer textarea {
max-width: 100%;
margin-bottom: 0;
}
.mail-composer .btn {
margin-right: 8px;
}
.mail-composer-buttons {
padding-top: 8px;
}
.mail-composer-files {
padding-top: 8px;
}
.mail-composer-files ul {
margin: 0;
list-style: none;
}
.mail-editor .mail-files {
min-height: 18px;
}
.mail-files i {
margin-right: 4px;
}
.mail-files i.fa-close {
cursor: pointer;
}
.mail-thread .avatar {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
margin-left: -21px;
border-radius: 500px;
line-height: 40px;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
text-shadow: 1px 1px 0 rgba(0,0,0,.15);
}
.mail-thread .avatar:not([class*=bg-]) {
background-color: #0275d8;
}
.mail-thread .avatar:hover,
.mail-thread .avatar:active,
.mail-thread .avatar:focus {
text-decoration: none;
}
.mail-thread .avatar img {
width: 100%;
height: 100%;
border-radius: 500px;
vertical-align: inherit;
}
.mail-thread .mail-message-indent {
padding-left: 40px;
}
.mail-thread .mail-message {
position: relative;
border-radius: 0;
margin-left: 30px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.mail-thread .mail-message > .arrow {
position: absolute;
display: inline-block;
width: 11px;
height: 11px;
border: 1px solid #ddd;
left: -7px;
top: 12px;
background-color: #fff;
border-right: 0;
border-bottom: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mail-thread .mail-message > .star {
position: absolute;
color: #d9534f;
left: 8px;
}
.mail-thread .mail-message > .star i {
font-size: 8px;
}
.mail-thread .mail-message-icons {
float: right;
margin: 10px;
}
.mail-thread .mail-message-icons i {
cursor: pointer;
margin-left: 4px;
color: #0088cc;
}
.mail-thread .mail-message-icons .btn {
padding: 0;
margin-top: -4px;
outline: none !important;
border: 0 !important;
box-shadow: none !important;
}
.mail-thread .mail-message-icons .btn i {
margin: 0;
padding: 4px;
}
.mail-thread .mail-message-body {
padding: 8px 16px;
}
.mail-thread .mail-message-footer {
font-size: smaller;
}
.mail-thread .mail-message-footer a {
cursor: pointer;
}
.mail-thread .mail-message-files {
margin: 4px 0 4px -4px;
}
.mail-thread .mail-message-files ul {
margin: 0;
}
.mail-thread-more {
border-bottom: 1px dashed #ddd;
text-align: center;
margin-top: -15px;
margin-left: -2px;
border-left: 2px solid #fff;
}
.mail-thread-more .btn-load-more:hover {
background-color: #eaf2f8 !important;
color: #537c9f;
}
.mail-thread-more .btn-load-more {
position: relative;
top: 10px;
padding: 0 4px;
outline: none;
border-color: #8aafce;
border-radius: 4px !important;
border-bottom-width: 2px;
color: #537c9f;
}
.mail-thread-view .mail-thread-more {
border-left: 2px solid #f3f3f4;
}
.mail-messages > div > .mail-composer:first-child {
margin: 0 0 20px 0;
}
.mail-followers .panel-title > span {
width: calc(100% - 40px);
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
.mail-followers .panel-icons i {
margin-left: 8px;
cursor: pointer;
}
.mail-followers .links {
list-style: none;
margin: 0;
}
.mail-followers .links li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mail-followers .links i.fa-remove {
cursor: pointer;
margin-top: 3px;
margin-right: 4px;
}
.mail-message i.fa:hover,
.mail-followers i.fa:hover {
color: black;
}
.mail-message .mail-message-header {
font-weight: 600;
padding: 10px 16px;
border-bottom: 1px solid #ddd;
}
.mail-message .mail-message-header .track-tags:before {
content: ' : ';
}
.mail-message .track-message {
font-weight: 600;
}
.mail-message .track-content {
margin-bottom: 8px;
}
.mail-message .track-fields {
margin: 0 0 4px 26px;
}
.mail-message .track-tags {
}
.mail-message .track-tags .label {
margin-right: 2px;
}
.mail-message-body a.show-full {
display: inline-block;
background-color: #f1f1f1;
border: 1px solid #ddd;
line-height: 8px;
outline: none;
padding: 1px 6px 0px;
margin-top: 6px;
}
.mail-message-body a.show-full:hover {
background-color: #d8d8d8;
border-color: #cdcdcd;
}
.mail-message-body a.show-full i {
line-height: 6px;
}
.form-mail .fade {
opacity: 0.1;
}
.form-mail .fadeIn {
opacity: 1;
-webkit-transition: all linear 0.5s;
transition: all linear 0.5s;
}
.form-mail .fadeDim .fade,
.form-mail .fadeDim .mail-thread-more {
display: none;
}
/** special views */
.mail-group-form,
.mail-group-list {
}
.mail-group-form {
padding-left: 20px;
padding-right: 20px;
}
.mail-group-form {
}
.grid-cards {
padding: 12px;
}
.grid-cards .grid-card {
padding: 6px;
margin: 4px;
border: 1px solid #c0c0c0;
border-radius: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
width: calc(25% - 22px);
min-width: 300px;
}
@media (max-width: 768px) {
.grid-cards .grid-card {
width: calc(50% - 22px);
}
}
@media (max-width: 480px) {
.grid-cards .grid-card {
width: calc(100% - 22px);
}
}
.grid-cards .grid-card,
.grid-cards .grid-card-left,
.grid-cards .grid-card-right {
position: relative;
display: inline-block;
vertical-align: top;
}
.grid-cards .grid-card-left {
overflow: hidden;
border-collapse: separate;
}
.grid-cards .grid-card-left img {
width: 64px;
min-height: 64px;
padding: 2px;
}
.grid-cards .grid-card-right {
width: calc(100% - 86px);
min-height: 120px;
margin-left: 4px;
}
.grid-cards .grid-card-right .buttons {
margin-top: 4px;
}

374
sophal/css/view.popup.css Normal file
View File

@ -0,0 +1,374 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.ui-dialog {
padding: 0;
border: 0;
top: 30px !important;
left: 0 !important;
right: 0 !important;
display: flex;
flex-flow: column nowrap;
}
.ui-dialog .ui-dialog-titlebar {
border: none;
border-bottom: 1px solid #EEE;
border-radius: 0;
background: none;
padding: 9px 15px;
font-size: 20.5px;
font-weight: 600;
line-height: 26px;
flex: 0 0 auto;
}
.ui-dialog .ui-dialog-title {
margin: 0;
}
.ui-dialog,
.ui-dialog .ui-dialog-title {
border-radius: 0;
}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
background: none;
border: 0;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 1px;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon,
.ui-dialog .ui-dialog-titlebar-close .ui-icon.ui-state-hover {
background: none !important;
}
.ui-dialog .ui-dialog-titlebar-close {
top: 20px;
right: .5em;
height: auto;
width: auto;
opacity: 0.2;
}
.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
border: 0;
background: transparent;
font-weight: 600;
opacity: 0.4;
}
.ui-dialog .ui-dialog-titlebar-close span::before {
content: "\00D7";
display: inline-block;
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
text-indent: 0px !important;
line-height: 20px;
font-size: 20px;
height: 20px;
width: 12px;
}
.ui-dialog .ui-dialog-titlebar-close.ui-state-focus {
background: inherit;
border: inherit;
font-weight: inherit;
}
.ui-dialog .ui-dialog-titlebar-max,
.ui-dialog .ui-dialog-titlebar-collapse {
position: absolute;
right: 1.6em;
top: 7px;
opacity: 0.2;
}
.ui-dialog .ui-dialog-titlebar-max:hover,
.ui-dialog .ui-dialog-titlebar-collapse:hover {
font-weight: bold;
color: #212121;
opacity: 0.4;
}
.ui-dialog .ui-dialog-titlebar-collapse {
right: 2.6em;
}
.ui-dialog .ui-dialog-titlebar-close span::before {
font-size: 24px;
}
.ui-dialog-buttonpane {
border-top: 1px solid #DDD;
}
.ui-dialog-buttonpane .btn {
padding: 16px auto;
}
.ui-dialog-buttonpane .btn[disabled] {
cursor: inherit;
}
.ui-dialog .ui-dialog-content {
padding: 4px;
min-height: 50px;
}
.ui-dialog .ui-dialog-content:not(.ui-dialog-ie11) {
max-height: calc(100% - 45px - 52px) !important;
height: inherit !important;
}
.ui-dialog .ui-dialog-content[ui-editor-popup] {
min-height: 200px !important;
}
.ui-dialog .ui-dialog-content[ui-selector-popup] {
overflow: hidden;
height: 450px !important;
}
.ui-widget-overlay {
background: none;
background-color: black;
}
.ui-dialog .ui-dialog-buttonpane {
margin-top: 0;
padding: .3em .5em .5em .5em;
flex: 0 0 auto;
}
.ui-dialog.collapsed .ui-dialog-content,
.ui-dialog.collapsed .ui-dialog-buttonpane {
display: none !important;
}
.ui-dialog-buttonpane .btn-group > .btn {
margin: 0;
}
.ui-dialog-buttonpane .btn-group > .btn:first-child {
margin-left: 0;
}
.ui-dialog-buttonpane .btn-group > .btn:last-child {
margin-left: -1px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset-left button {
margin-left: 0.4em;
}
.ui-dialog-titlebar .record-pager {
position: absolute;
right: 76px;
top: 8px;
line-height: 25px;
}
.ui-dialog-titlebar .record-pager-text {
margin-top: 0;
}
.no-close .ui-dialog-titlebar-close {
display: none;
}
.ui-dialog .message-box a {
color: #0088cc;
outline: none;
}
.ui-dialog form[ui-bar-layout] {
padding-bottom: 0px;
}
.ui-dialog-content > [ui-view-form],
.ui-dialog-content > [ui-view-form] > form {
box-sizing: border-box;
width: 100%;
min-width: 100%;
max-width: 100%;
}
.ui-dialog-responsive {
position: absolute;
width: 100% !important;
margin: 0 auto !important;
max-width: calc(100% - 16px) !important;
max-height: calc(100% - 64px) !important;
border: none;
}
.ui-dialog-small .ui-dialog-content {
height: auto !important;
overflow: inherit;
}
.ui-dialog-small .ui-dialog-buttonpane {
position: relative;
}
@media screen and (min-width: 768px) {
.ui-dialog-responsive {
width: 740px !important;
}
.ui-dialog-small {
width: 480px !important;
}
}
@media screen and (min-width: 1024px) {
.ui-dialog-responsive {
width: 900px !important;
}
.ui-dialog-small {
width: 480px !important;
}
}
@media screen and (max-width: 768px) {
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane {
position: absolute;
left: 0;
right: 0;
}
.ui-dialog {
position: absolute;
margin: 8px !important;
top: 0 !important;
left: 0 !important;
width: calc(100% - 16px) !important;
height: calc(100% - 16px) !important;
max-height: calc(100% - 16px) !important;
}
.ui-dialog .ui-dialog-title {
top: 0;
}
.ui-dialog .ui-dialog-buttonpane {
bottom: 0;
}
.ui-dialog .ui-dialog-content {
box-sizing: border-box;
width: 100% !important;
height: calc(100% - 45px - 52px) !important;
overflow: auto;
margin-top: 45px;
}
.ui-dialog .ui-dialog-content[ui-selector-popup] {
min-height: inherit !important;
}
.ui-dialog-small {
height: auto !important;
}
.ui-dialog-small .ui-dialog-content {
height: auto !important;
}
.ui-dialog-small .ui-dialog-buttonpane {
position: relative;
}
}
.ui-dialog.maximized {
top: 0 !important;
left: 0 !important;
margin: 8px !important;
width: calc(100% - 16px) !important;
height: calc(100% - 16px) !important;
max-height: calc(100% - 16px) !important;
}
.ui-dialog.maximized .ui-dialog-buttonpane {
bottom: 0;
}
.ui-dialog.maximized .ui-dialog-content {
width: auto !important;
height: calc(100% - 45px - 52px) !important;
}
.ui-dialog.maximized.collapsed {
height: auto !important;
}
.ui-dialog .translation-form {
overflow: auto;
}
.ui-dialog .translation-form i {
cursor: pointer;
}
.ui-dialog .translation-form i.fa-times {
line-height: 28px;
margin-right: -12px;
float: right;
}
.ui-dialog .translation-form i.fa-plus {
margin-right: 4px;
}
.ui-dialog .translation-form form {
margin: 0;
margin-right: 8px;
}
.ui-dialog .translation-form form label {
font-weight: 600;
min-height: 0;
margin-left: 6px;
}
.ui-dialog .translation-form form input {
margin-left: 6px;
}
.ui-dialog .translation-form form hr {
margin: 8px 0;
}
#loginWindow * {
box-sizing: border-box;
}
#loginWindow {
padding: 16px;
}
#loginWindow form {
margin-bottom: 0;
}
#loginWindow input {
width: 100%;
height: 33px;
}
#errorWindow .errorMessage,
#errorWindow .errorDetails {
margin: 8px;
}
#errorWindow .errorDetails .nav-tabs,
#errorWindow .errorDetails pre {
margin-bottom: 0;
}
#errorWindow .errorDetails .tab-contents {
padding: 4px;
border: 1px solid #d4d4d4;
border-top: none;
}

412
sophal/css/view.portal.css Normal file
View File

@ -0,0 +1,412 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.portal-view .portal,
.portal-view .portlet,
.portal-view .portlet-body,
.portal-view .portlet-header,
.portal-view .portlet-content {
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-view .portlet,
.form-view .portlet-body,
.form-view .portlet-header,
.form-view .portlet-content {
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portal-view .portal {
padding: 4px;
}
.portal > .portal-tabs,
.portal > .portlet {
position: relative;
float: left;
}
.portlet-header.navbar i {
padding: 4px;
margin: 0;
}
.portlet-header.navbar .portlet-pager i.disabled {
color: gray;
cursor: default;
}
.portlet-header.navbar .divider-vertical {
height: 28px;
}
.portlet .portlet-body,
.portlet .portlet-content {
position: absolute !important;
}
.portlet .portlet-body {
top: 0px;
right: 2px;
bottom: 4px;
left: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.portlet .portlet-content {
top: 30px;
left: 0px;
right: 0px;
bottom: 0px;
border: 1px solid #d4d4d4;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.portlet .portlet-content > div,
.portlet .portlet-content > div > .slickgrid {
top: -1px !important;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
}
.portal-tabs {
margin-bottom: 4px;
}
.portal-tabs > .nav-tabs {
margin-bottom: 0;
}
.portal-tabs > .tab-content {
position: relative;
border: 1px solid #DDD;
border-top: 0;
background-color: #fff;
}
.portlet .portlet-content > .nvtooltip {
height: auto;
}
.portlet.portlet-minimized {
height: 34px !important;
}
.portlet.portlet-minimized .portlet-content {
display: none !important;
}
.portal-view .ui-sortable-placeholder {
border: 2px dashed #c9c9c9;
visibility: visible !important;
margin-bottom: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/** dashboard */
.dashboard {
margin: auto;
padding: 14px;
}
.dashboard.attached {
margin-top: -16px;
}
.dashboard,
.dashboard .dashlet {
box-sizing: border-box;
}
.dashboard .ui-sortable-placeholder {
border: 1px dashed #cecece !important;
visibility: visible !important;
background: #e7eaec !important;
}
.dashboard .ui-sortable-helper {
box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
.dashboard .dashlet {
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.dashboard .dashlet-header {
border-top: 4px solid #e7e7e7;
padding: 11px 15px 14px;
margin-top: -1px;
cursor: move;
}
.bar-layout .dashlet {
height: 100%;
}
.bar-layout .dashlet-header {
cursor: default;
}
.bar-layout .panel .dashboard {
margin-bottom: 0;
}
.dashboard .dashlet-title {
font-size: 14px;
font-weight: 600;
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dashlet-title {
min-height: 14px;
}
.dashboard .dashlet-body {
border-top: 1px solid #e7e7e7;
height: 250px;
overflow: auto;
}
.dashboard .dashlet-body > * {
height: calc(100% - 1px);
}
.dashboard .dashlet-body .slickgrid {
height: 100%;
border: 0;
}
.dashboard .dashlet-body .slickgrid .slick-header {
border-top: 0;
}
.dashboard .dashlet-pager {
margin-right: 8px;
}
.dashboard ul.dashlet-buttons {
list-style: none;
margin: 0;
}
.dashboard ul.dashlet-buttons > li {
list-style: none;
float: left;
margin: 0 4px;
}
.dashboard ul.dashlet-buttons > li > a {
color: #333;
}
.dashboard .dashlet-buttons > a,
.dashboard .dashlet-pager > a {
color: #333;
padding-left: 8px;
}
.dashboard .dashlet-pager > a.disabled {
color: gray;
cursor: default;
}
.dashlet .chart-controls {
}
.dashlet .chart-controls form {
margin: 0;
padding: 0;
}
.dashlet .chart-controls .panel {
border: 0;
box-shadow: none;
margin: 0;
}
.dashlet .chart-controls .panel-body {
padding: 4px;
}
.dashboard .dashlet {
margin: 10px !important;
}
.form-item .dashboard {
padding: 0 !important;
}
.form-item .dashlet {
margin: 0 !important;
border: 1px solid #e7e7e7;
}
.form-item .dashlet .dashlet-body > * {
height: 100%;
}
.form-item .dashlet .dashlet-body {
padding: 0;
}
.form-item .dashlet .dashlet-body .portlet-grid .slickgrid {
border: 0;
}
.form-item .dashlet .dashlet-body .portlet-grid .slick-header {
border-top: 0;
}
/** responsive dashlet classes */
[class*="dashlet-cs"] {
float: left;
min-height: 1px;
}
.dashlet-cs12 {
width: calc(100% - 24px);
}
.dashlet-cs11 {
width: calc(91.666666667% - 24px);
}
.dashlet-cs10 {
width: calc(83.333333333% - 24px);
}
.dashlet-cs9 {
width: calc(75% - 24px);
}
.dashlet-cs8 {
width: calc(66.666666667% - 24px);
}
.dashlet-cs7 {
width: calc(58.333333333% - 24px);
}
.dashlet-cs6 {
width: calc(50% - 24px);
}
.dashlet-cs5 {
width: calc(41.666666667% - 24px);
}
.dashlet-cs4 {
width: calc(33.333333333% - 24px);
}
.dashlet-cs3 {
width: calc(25% - 24px);
}
.dashlet-cs2 {
width: calc(16.666666667% - 24px);
}
.dashlet-cs1 {
width: calc(8.333333333% - 24px);
}
@media (max-width: 768px) {
[class*="dashlet-cs"] {
width: calc(100% - 24px);
}
}
.chart-controls .span6 {
width: calc(50% - 12px) !important;
margin: 0 12px !important;
float: left !important;
}
.chart-controls .span6:first-child {
margin-left: 0 !important;
}
.chart-controls .span6:last-child {
margin-right: 0 !important;
}
.report-box {
position: relative;
}
.report-box .dashlet-body {
height: 60px;
padding: 15px 20px 20px 20px;
overflow: hidden;
}
.report-box .dashlet-body h1 {
margin: 0;
font-size: 30px;
font-weight: 100;
}
.report-box .report-tags {
position: absolute;
top: 12px;
right: 36px;
}
.report-table tfoot td {
border-top: 1px solid #ccc;
font-weight: 600;
}
@media (max-width: 480px) {
.nv-controlsWrap {
display: none !important;
}
.dashboard {
padding: 6px !important;
}
.dashboard .dashlet {
margin: 6px !important
}
.dashboard .dashlet:last-child {
margin-bottom: 12px !important;
}
[class*="dashlet-cs"] {
width: calc(100% - 12px);
}
}

109
sophal/css/view.tree.css Normal file
View File

@ -0,0 +1,109 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.view-container .tree-view > .tree-view-container {
position: absolute;
top: 40px;
bottom: 0; left: 0; right: 0;
border-top: 1px solid #e7e7e7;
background-color: #fff;
}
table.treetable {
border: 0;
margin: 0;
}
table.treetable tr {
line-height: 18px;
}
table.treetable tbody tr.branch {
background-color: #fff;
}
table.treetable tbody tr.selected {
background-color: #337ab7;
}
table.treetable tbody tr.selected a {
color: #fff;
}
table.treetable .tree-button i,
table.treetable .tree-button img {
margin-right: 4px;
}
table.treetable tbody tr.accept {
background-color: #a3bce4;
color: #fff
}
.tree-view-container .tree-header {
height: 24px;
color: #333;
background-color: #fff;
}
.tree-view-container .tree-header {
width: 100%;
white-space: nowrap;
border-bottom: 1px solid #e7e7e7;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tree-view-container .tree-header th {
display: inline-block;
height: 100%;
padding: 4px;
padding-left: 6px;
border-left: 1px solid #e7e7e7;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 600;
}
.tree-view-container .tree-header th:first-of-type {
border-left: none;
}
.tree-view-container .tree-table {
overflow: auto;
position: absolute;
top: 27px; left: 0; right: 0; bottom: 0;
}
.tree-header th,
.tree-table td,
.tree-table td span {
box-sizing: content-box;
}
.dashlet .tree-view-container {
position: relative;
height: 100%;
border: 1px solid #d4d4d4;
}
.form-item .dashlet .tree-view-container {
border: 0;
}

206
sophal/css/wysiwyg.css Normal file
View File

@ -0,0 +1,206 @@
/**
* Axelor Business Solutions
*
* Copyright (C) 2005-2019 Axelor (<http://axelor.com>).
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License, version 3,
* as published by the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
.wysiwyg-container {
border-radius: 0;
}
.wysiwyg-editor {
min-height: 100px;
}
.wysiwyg-browse {
padding: 0;
}
.wysiwyg-popup {
border-radius: 0;
background: #fff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
width: auto !important;
}
.wysiwyg-toolbar-icon {
padding: 6px 8px;
font-size: 14px;
}
.wysiwyg-toolbar a,
.wysiwyg-toolbar a:hover,
.wysiwyg-toolbar a:link,
.wysiwyg-toolbar a:visited {
text-decoration: none;
}
.wysiwyg-plugin-list {
overflow: hidden;
}
.wysiwyg-plugin-list a,
.wysiwyg-plugin-list a:link,
.wysiwyg-plugin-list a:visited {
display: block;
color: black;
padding: 5px 10px;
text-decoration: none;
cursor: pointer;
}
.wysiwyg-toolbar-icon:hover,
.wysiwyg-plugin-list a:hover {
color: #fff;
background-color: #5377b1;
}
.wysiwyg-toolbar-icon.disabled {
opacity: 0.3;
color: inherit;
background-color: inherit;
cursor: default;
}
.wysiwyg-popup.wysiwyg-popuphover {
width: auto;
}
input.wysiwyg-input {
margin: 0;
}
.wysiwyg-toolbar-divider {
background-color: #ddd;
display: inline-block;
height: 26px;
margin-left: 0px;
margin-right: 0px;
vertical-align: middle;
width: 1px;
}
/** normalize bootstrap css for content */
.html-item .html-content blockquote {
margin: 0 0 9px 40px;
border: none;
padding: 0px;
}
/** force same style on chrome */
.html-item .html-content blockquote[style*='margin: 0 0 0 40px'] {
margin: 0 0 9px 40px !important;
}
.html-item .html-content blockquote p {
font-size: 13.25px;
font-weight: inherit;
line-height: 18px;
}
.wysiwyg-plugin-list h1, h2, h3, h4, h5, h6,
.html-item .html-content h1, h2, h3, h4, h5, h6 {
font-weight: 600;
}
.wysiwyg-plugin-list h1,
.html-item .html-content h1 {
font-size: 24.75px;
}
.wysiwyg-plugin-list h2,
.html-item .html-content h2 {
font-size: 22.25px;
}
.wysiwyg-plugin-list h3,
.html-item .html-content h3 {
font-size: 18.75px;
}
.html-item textarea.html-content {
border: none;
width: 100%;
margin: 0;
}
.wysiwyg-plugin-list h1,
.wysiwyg-plugin-list h2,
.wysiwyg-plugin-list h3,
.wysiwyg-plugin-list h4,
.wysiwyg-plugin-list h5,
.wysiwyg-plugin-list h6,
.wysiwyg-plugin-list p,
.wysiwyg-plugin-list pre,
.wysiwyg-plugin-list blockquote {
margin: 0;
}
.wysiwyg-plugin-list pre {
padding: 2px 4px 0;
}
.html-item textarea.html-content {
border: none;
width: 100%;
margin: 0;
}
.wysiwyg-container.ui-resizable {
min-height: 100px;
}
.wysiwyg-container.ui-resizable .wysiwyg-editor {
min-height: auto;
}
.wysiwyg-container.ui-resizable textarea {
resize: none;
}
.wysiwyg-container.ui-resizable .html-content {
position: absolute;
top: 27px;
left: 0;
bottom: 4px;
right: 0;
}
.wysiwyg-container.ui-resizable .ui-resizable-handle.ui-resizable-s {
background-color: #cccccc;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 4px;
}
.slick-external-editor.html-item {
background-color: white;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
min-width: 380px;
}
.slick-external-editor.html-item input.wysiwyg-input {
box-sizing: border-box;
}
.slick-external-editor .wysiwyg-editor {
max-height: 200px;
}
.slick-external-editor .wysiwyg-container textarea {
resize: none;
}