--- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_badges.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_badges.inc.php @@ -2,3 +2 @@ -if (!defined('ISLOADEDBYSTEELSHEET')) { - die('Must be call by steelsheet'); -} +if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); @@ -9,14 +7,14 @@ - display: inline-block; - padding: .1em .35em; - font-size: 80%; - font-weight: 700 !important; - line-height: 1; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25rem; - transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; - border-width: 2px; - border-style: solid; - border-color: rgba(255,255,255,0); - box-sizing: border-box; + display: inline-block; + padding: .1em .35em; + font-size: 80%; + font-weight: 700 !important; + line-height: 1; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25rem; + transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; + border-width: 2px; + border-style: solid; + border-color: rgba(255,255,255,0); + box-sizing: border-box; @@ -26,14 +24,2 @@ - font-size: 0.95em; - padding: .19em .35em; /* more than 0.19 generate a change into heigth of lines */ -} -.tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status { - font-size: 1.1em; - padding: .4em .4em; -} -/* Force values for small screen 767 */ -@media only screen and (max-width: 767px) -{ - .tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status { - font-size: 0.95em; - padding: .3em .2em; - } + font-size: 0.95em; + padding: .19em .35em; /* more than 0.19 generate a change into heigth of lines */ @@ -43,3 +29,3 @@ - padding-right: .5em; - padding-left: .5em; - border-radius: 0.25rem; + padding-right: .5em; + padding-left: .5em; + border-radius: 0.25rem; @@ -49,4 +35,4 @@ - padding: 0; - border-radius: 50%; - padding: 0.45em; - vertical-align: text-top; + padding: 0; + border-radius: 50%; + padding: 0.45em; + vertical-align: text-top; @@ -56 +42 @@ - text-decoration: none; + text-decoration: none; @@ -60,10 +46,2 @@ - background-color: ; - color: #fff; -} - -span.badgeneutral { - padding: 2px 7px 2px 7px; - background-color: #e4e4e4; - color: #666; - border-radius: 10px; - white-space: nowrap; + background-color: ; + color: #fff; @@ -75,2 +53,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -79,2 +57,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -83,2 +61,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -89,2 +67,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -93,2 +71,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -97,2 +75,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -103,2 +81,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -107,2 +85,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -111,2 +89,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -117,2 +95,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -121,2 +99,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -125,2 +103,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -131,2 +109,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -135,2 +113,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -139,2 +117,2 @@ - color: #212529 !important; - background-color: ; + color: #212529 !important; + background-color: ; @@ -156,2 +134,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -160,2 +138,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -164,2 +142,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -170,2 +148,2 @@ - color: #212529 !important; - background-color: ; + color: #212529 !important; + background-color: ; @@ -174,2 +152,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -178,2 +156,2 @@ - color: #212529 !important; - background-color: ; + color: #212529 !important; + background-color: ; @@ -184,2 +162,2 @@ - color: #fff !important; - background-color: ; + color: #fff !important; + background-color: ; @@ -188,2 +166,2 @@ - outline: 0; - box-shadow: 0 0 0 0.2rem ; + outline: 0; + box-shadow: 0 0 0 0.2rem ; @@ -192,12 +170,2 @@ - color: #fff !important; - background-color: ; -} - - -@media only screen and (max-width: 570px) -{ - span.badge.badge-status { - overflow: hidden; - max-width: 130px; - text-overflow: ellipsis; - } + color: #fff !important; + background-color: ; @@ -209 +177 @@ -for ($i = 0; $i <= 10; $i++) { +for ($i = 0; $i <= 9; $i++) { @@ -231,0 +200 @@ + @@ -239 +208 @@ - $TBadgeBorderOnly = array('0', '1b', '3', '4b', '5', '7', '10'); + $TBadgeBorderOnly = array('0', '1b', '3', '4b', '5', '7'); @@ -248,11 +217,6 @@ - $thisBadgeBackgroundColor = ""; - } - - if (in_array((string) $statusName, array('0', '5', '9'))) { - $thisBadgeTextColor = '#999999'; - } - if (in_array((string) $statusName, array('6'))) { - $thisBadgeTextColor = '#777777'; - } - - // badge-statusX + $thisBadgeBackgroundColor = "#fff"; + } + + if (in_array((string) $statusName, array('0', '5', '9'))) $thisBadgeTextColor = '#999999'; + if (in_array((string) $statusName, array('6'))) $thisBadgeTextColor = '#777777'; + @@ -262,5 +226,3 @@ - print " border-color: ".$thisBadgeBorderColor." !important;\n"; - } - if ($thisBadgeBackgroundColor != '') { - print " background-color: ".$thisBadgeBackgroundColor." !important;\n"; - } + print " border-color: ".$thisBadgeBorderColor.";\n"; + } + print " background-color: ".$thisBadgeBackgroundColor.";\n"; @@ -270,3 +232 @@ - if ($thisBadgeBackgroundColor != '') { - print " color: ".$thisBadgeBackgroundColor." !important;\n"; - } + print " color: ".$thisBadgeBackgroundColor." !important;\n"; @@ -277,4 +237,3 @@ - print " box-shadow: 0 0 0 0.2rem ".colorHexToRgb($thisBadgeBackgroundColor, 0.5)." !important;\n"; - print "}\n"; - - // badge-statusX:focus + print " box-shadow: 0 0 0 0.2rem ".colorHexToRgb($thisBadgeBackgroundColor, 0.5).";\n"; + print "}\n"; + @@ -285 +244 @@ - print " border-color: ".colorDarker($thisBadgeBorderColor, 10)." !important;\n"; + print " border-color: ".colorDarker($thisBadgeBorderColor, 10).";\n"; --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_btn.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_btn.inc.php @@ -2,3 +2 @@ -if (!defined('ISLOADEDBYSTEELSHEET')) { - die('Must be call by steelsheet'); -} ?> +if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?> @@ -8,7 +6,6 @@ - --btncolortext: rgb(); - --btncolorbg: #fbfbfb; - --btncolorborderhover: none; - --btncolorborder: #FFF; - --butactiondeletebg: rgb(234,228,225); - --butactionbg: rgb(); - --textbutaction: rgb(); + --btncolortext:rgb(); + --btncolorbg: #fbfbfb; + --btncolorborderhover: none; + --btncolorborder: #FFF; + --butactionbg:rgb(218, 235, 225); + --butactiondeletebg: rgb(234,228,225); @@ -18,7 +15 @@ -if (getDolGlobalString('THEME_DARKMODEENABLED')) { - print "/* For dark mode */\n"; - if (getDolGlobalInt('THEME_DARKMODEENABLED') != 2) { - print "@media (prefers-color-scheme: dark) {"; // To test, click on the 3 dots menu, then Other options then Display then emulate prefer-color-schemes - } else { - print "@media not print {"; - } +if (!empty($conf->global->MAIN_THEME_DARKMODEENABLED)) { @@ -25,0 +17 @@ + @media (prefers-color-scheme: dark) { @@ -31,0 +24 @@ + --butactionbg:rgb(173,140,79); @@ -33,5 +26,3 @@ - --butactionbg: rgb(173,140,79); - --textbutaction: rgb(255,255,255); - - }\n"; - print "}"; + + } + }"; @@ -46,3 +37,3 @@ -/*div.divButAction { - margin-bottom: 1.4em; -}*/ +div.divButAction { + margin-bottom: 1.4em; +} @@ -50,9 +41,2 @@ -div.tabsAction > span.butAction, div.tabsAction > span.butActionRefused, div.tabsAction > span.butActionDelete, -div.tabsAction > div.divButAction > span.butAction, -div.tabsAction > div.divButAction > span.butActionDelete, -div.tabsAction > div.divButAction > span.butActionRefused, -div.tabsAction > div.divButAction > a.butAction, -div.tabsAction > div.divButAction > a.butActionDelete, -div.tabsAction > div.divButAction > a.butActionRefused { - margin-bottom: 1.4em !important; - margin-right: 0px !important; +div.tabsAction > span.butAction, div.tabsAction > span.butActionRefused, div.tabsAction > span.butActionDelete { + margin-bottom: 1.4em !important; @@ -61 +45 @@ - margin-bottom: 0 !important; + margin-bottom: 0 !important; @@ -65,5 +49,3 @@ - cursor: pointer; -} -.paginationafterarrows .butAction { - font-size: 0.9em; -} + cursor: pointer; +} + @@ -71,9 +53,2 @@ - background: var(--butactionbg); - color: var(--textbutaction) !important; - /* background: rgb(230, 232, 239); */ -} -.butActionRefused, .butAction, .butActionDelete { - border-radius: 3px; -} -:not(.center) > .butActionRefused:last-child, :not(.center) > .butAction:last-child, :not(.center) > .butActionDelete:last-child { - margin-: 0px !important; + background: var(--butactionbg); + /* background: rgb(230, 232, 239); */ @@ -82,19 +57,20 @@ - text-decoration: none; - text-transform: uppercase; - font-weight: bold; - - margin: 0em em; - padding: 0.6em em; - display: inline-block; - text-align: center; - cursor: pointer; - color: #444; - border: 1px solid transparent; /* So for buttonRefused with a border, it will not have any flash effect */ - - /* border: 1px solid #aaa; */ - /* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); */ - - /*border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important;*/ + text-decoration: none; + text-transform: uppercase; + font-weight: bold; + + margin: 0em em; + padding: 0.6em em; + font-family: ; + display: inline-block; + text-align: center; + cursor: pointer; + /* color: #fff; */ + /* background: rgb(); */ + color: #444; + /* border: 1px solid #aaa; */ + /* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); */ + + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; @@ -103,10 +79,10 @@ - text-decoration: none; - text-transform: uppercase; - font-weight: normal; - - margin: 0em 0.3em 0 0.3em !important; - padding: 0.2em em 0.3em; - font-family: ; - display: inline-block; - /* text-align: center; New button are on right of screen */ - cursor: pointer; + text-decoration: none; + text-transform: uppercase; + font-weight: normal; + + margin: 0em 0.3em 0 0.3em !important; + padding: 0.2em em 0.3em; + font-family: ; + display: inline-block; + /* text-align: center; New button are on right of screen */ + cursor: pointer; @@ -128,0 +105,12 @@ +/*a.butActionNew>span.fa-plus-circle, a.butActionNew>span.fa-plus-circle:hover, +span.butActionNew>span.fa-plus-circle, span.butActionNew>span.fa-plus-circle:hover, +a.butActionNewRefused>span.fa-plus-circle, a.butActionNewRefused>span.fa-plus-circle:hover, +span.butActionNewRefused>span.fa-plus-circle, span.butActionNewRefused>span.fa-plus-circle:hover, +a.butActionNew>span.fa-list-alt, a.butActionNew>span.fa-list-alt:hover, +span.butActionNew>span.fa-list-alt, span.butActionNew>span.fa-list-alt:hover, +a.butActionNewRefused>span.fa-list-alt, a.butActionNewRefused>span.fa-list-alt:hover, +span.butActionNewRefused>span.fa-list-alt, span.butActionNewRefused>span.fa-list-alt:hover, +a.butActionNew>span.fa-comment-dots, a.butActionNew>span.fa-comment-dots:hover, +span.butActionNew>span.fa-comment-dots, span.butActionNew>span.fa-comment-dots:hover, +a.butActionNewRefused>span.fa-comment-dots, a.butActionNewRefused>span.fa-comment-dots:hover, +span.butActionNewRefused>span.fa-comment-dots, span.butActionNewRefused>span.fa-comment-dots:hover,*/ @@ -141,2 +129,2 @@ - -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); - box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); + -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); + box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); @@ -145,2 +133,2 @@ - text-decoration: underline; - box-shadow: unset !important; + text-decoration: underline; + box-shadow: unset !important; @@ -150,3 +138,3 @@ - background: var(--butactiondeletebg) !important; - /* border: 1px solid #633; */ - color: #633 !important; + background: var(--butactiondeletebg); + /* border: 1px solid #633; */ + color: #633; @@ -156,2 +144,2 @@ - -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); - box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); + -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); + box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1); @@ -161,16 +149,17 @@ - text-decoration: none !important; - text-transform: uppercase; - font-weight: bold !important; - - white-space: nowrap !important; - cursor: not-allowed !important; - font-family: !important; - display: inline-block; - text-align: center; - cursor: pointer; - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - color: #999 !important; - - border: 1px solid #ccc; + text-decoration: none !important; + text-transform: uppercase; + font-weight: bold !important; + + white-space: nowrap !important; + cursor: not-allowed !important; + margin: 0em em; + padding: 0.6em em; + font-family: !important; + display: inline-block; + text-align: center; + cursor: pointer; + color: #999 !important; + border: 1px solid #ccc; + box-sizing: border-box; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; @@ -179,16 +168,16 @@ - text-decoration: none !important; - text-transform: uppercase; - font-weight: normal !important; - - white-space: nowrap !important; - cursor: not-allowed !important; - margin: 0em em; - padding: 0.2em em; - font-family: !important; - display: inline-block; - /* text-align: center; New button are on right of screen */ - cursor: pointer; - color: #999 !important; - padding-top: 0.2em; - box-shadow: none !important; - -webkit-box-shadow: none !important; + text-decoration: none !important; + text-transform: uppercase; + font-weight: normal !important; + + white-space: nowrap !important; + cursor: not-allowed !important; + margin: 0em em; + padding: 0.2em em; + font-family: !important; + display: inline-block; + /* text-align: center; New button are on right of screen */ + cursor: pointer; + color: #999 !important; + padding-top: 0.2em; + box-shadow: none !important; + -webkit-box-shadow: none !important; @@ -198,2 +187,2 @@ - color: #222 ! important; - background-color: transparent ! important; + color: #222 ! important; + background-color: transparent ! important; @@ -208,25 +197,25 @@ - display: inline-block; - padding: 4px 4px 4px 4px; - font-weight: 400; - /* line-height: 1; */ - text-align: center; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - box-shadow: var(--btncolorbg); - text-decoration: none; - position: relative; - /* margin: 0 0 0 8px; */ - min-width: 72px; - text-align: center; - color: var(--btncolortext); - border: none; - font-size: 12px; - font-weight: 300; - background-color: var(--btncolorbg); + display: inline-block; + padding: 4px 12px 4px 12px; + font-weight: 400; + /* line-height: 1; */ + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + box-shadow: var(--btncolorbg); + text-decoration: none; + position: relative; + margin: 0 0 0 10px; + min-width: 80px; + text-align: center; + color: var(--btncolortext); + border: none; + font-size: 12px; + font-weight: 300; + background-color: var(--btncolorbg); @@ -237,2 +226,2 @@ - border: 1px solid #ccc; - border-radius: 3px; + border: 1px solid #ccc; + border-radius: 3px; @@ -246 +235 @@ - color: #666666; + color: #666666; @@ -251,11 +240,9 @@ - border-radius: 3px; - position: relative; - text-align: center; - font-size: 12px; - text-decoration: none; - box-shadow: none; -} -/* The buttonplus isgrowing on hover (dont know why). This is to avoid to have the cellegrowing too */ -.btnTitlePlus:hover { - max-width: 24px; - max-height: 40px; + border-radius: 3px; + position: relative; + margin: 0 0 0 10px; + text-align: center; + /* color: #ffffff; + background-color: rgb(); */ + font-size: 12px; + text-decoration: none; + box-shadow: none; @@ -265,4 +252,4 @@ - color: #8a8a8a; - cursor: not-allowed; - background-color: #fbfbfb; - background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px ); + color: #8a8a8a; + cursor: not-allowed; + background-color: #fbfbfb; + background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px ); @@ -272 +259 @@ - color: var(--btncolorborderhover); + color: var(--btncolorborderhover); @@ -276 +263 @@ - color: #8a8a8a; + color: #8a8a8a; @@ -280,13 +267,8 @@ - font-size: 2em; - display: block; -} - -div.pagination li:first-child a.btnTitle, div.pagination li.paginationafterarrows a.btnTitle { - margin-: 10px; -} - -.button-title-separator{ - display: inline-block; - clear: both; - width: 20px; -} + font-size: 20px; + display: block; +} + +div.pagination li:first-child a.btnTitle{ + margin-left: 10px; +} + @@ -299 +281 @@ -@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2; ?>px) /* reduction 2 */ +@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2) ? round($nbtopmenuentries * 69, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2; ?>px) /* reduction 2 */ @@ -301,3 +282,0 @@ - .butAction, .butActionRefused, .butActionDelete { - font-size: 0.95em; - } @@ -305,2 +284,2 @@ - display: inline-block; - padding: 4px 4px 4px 4px; + display: inline-block; + padding: 4px 4px 4px 4px; @@ -311,18 +290 @@ -/* rule to reduce top menu - 3rd reduction: The menu for user is on left */ -@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ -{ - .butAction, .butActionRefused, .butActionDelete { - font-size: 0.9em; - } -} - -/* smartphone */ -@media only screen and (max-width: 767px) -{ - .butAction, .butActionRefused, .butActionDelete { - font-size: 0.85em; - } -} - - -admin)) { ?> +global->MAIN_BUTTON_HIDE_UNAUTHORIZED) && (!$user->admin)) { ?> @@ -330 +292 @@ - display: none !important; + display: none !important; --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_dropdown.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_dropdown.inc.php @@ -2,3 +2 @@ -if (!defined('ISLOADEDBYSTEELSHEET')) { - die('Must be call by steelsheet'); -} ?> +if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?> @@ -10,5 +7,0 @@ -.bookmark-footer a.top-menu-dropdown-link { - white-space: normal; - word-break: break-word; -} - @@ -16,12 +9,6 @@ - outline: none; -} - -.open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-quickadd, .open>.dropdown-menu, .dropdown dd ul.open { - display: block; -} - -#topmenu-bookmark-dropdown .dropdown-menu { - min-width: 360px; - max-width: 400px; -} - + outline: none; +} + +.open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-menu, .dropdown dd ul.open { + display: block; +} @@ -30,21 +17,21 @@ - border-color: #eee; - - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0,0,0,.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); - box-shadow: 0 6px 12px rgba(0,0,0,.175); + border-color: #eee; + + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + margin: 2px 0 0; + font-size: 14px; + text-align: left; + list-style: none; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0,0,0,.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); + box-shadow: 0 6px 12px rgba(0,0,0,.175); @@ -53,44 +40,21 @@ - border-color: #eee; - - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0,0,0,.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); - box-shadow: 0 6px 12px rgba(0,0,0,.175); -} -.dropdown-quickadd { - border-color: #eee; - - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 240px; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid #ccc; - border: 1px solid rgba(0,0,0,.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); - box-shadow: 0 6px 12px rgba(0,0,0,.175); + border-color: #eee; + + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + margin: 2px 0 0; + font-size: 14px; + text-align: left; + list-style: none; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0,0,0,.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); + box-shadow: 0 6px 12px rgba(0,0,0,.175); @@ -99,18 +63,21 @@ - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - margin: 2px 0 0; - font-size: 14px; - text-align: left; - list-style: none; - background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid rgba(0,0,0,.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); - box-shadow: 0 6px 12px rgba(0,0,0,.175); + border-color: #eee; + + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + margin: 2px 0 0; + font-size: 14px; + text-align: left; + list-style: none; + background-color: #fff; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0,0,0,.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); + box-shadow: 0 6px 12px rgba(0,0,0,.175); @@ -121,12 +88,2 @@ - text-decoration: none !important; -} - - -/* CSS to hide the arrow to show open/close */ -div#topmenu-global-search-dropdown, div#topmenu-quickadd-dropdown, div#topmenu-bookmark-dropdown { - padding-right: 5px; -} -div#topmenu-global-search-dropdown a::after, div#topmenu-quickadd-dropdown a::after, div#topmenu-bookmark-dropdown a::after { - display: none; -} - + text-decoration: none !important; +} @@ -135,18 +92,18 @@ - font-family: ""; - font-size: 0.7em; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - text-align:center; - text-decoration:none; - margin: auto 3px; - display: inline-block; - content: "\f078"; - - -webkit-transition: -webkit-transform .2s ease-in-out; - -ms-transition: -ms-transform .2s ease-in-out; - transition: transform .2s ease-in-out; -} - + /* font part */ + font-family: "Font Awesome 5 Free"; + font-size: 0.7em; + font-weight: 900; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + text-align:center; + text-decoration:none; + margin: auto 3px; + display: inline-block; + content: "\f078"; + + -webkit-transition: -webkit-transform .2s ease-in-out; + -ms-transition: -ms-transform .2s ease-in-out; + transition: transform .2s ease-in-out; +} @@ -155 +112 @@ - transform: rotate(180deg); + transform: rotate(180deg); @@ -162 +119 @@ - display: none; + display: none; @@ -166 +123 @@ - background: rgba(0, 0, 0, 0.1); + background: rgba(0, 0, 0, 0.1); @@ -169,4 +126,4 @@ - position: absolute; - right: 2px; - : auto; - line-height:1.3em; + position: absolute; + right: 2px; + : auto; + line-height:1.3em; @@ -175,2 +132,2 @@ - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; @@ -179 +136 @@ - color: #333; + color: #333; @@ -182,5 +139,5 @@ - border-top-right-radius: 0; - border-top-left-radius: 0; - padding: 1px 0 0 0; - border-top-width: 0; - width: 360px; + border-top-right-radius: 0; + border-top-left-radius: 0; + padding: 1px 0 0 0; + border-top-width: 0; + width: 300px; @@ -192,3 +149,3 @@ - margin-top: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; @@ -198,4 +155,4 @@ - min-height: 100px; - padding: 10px; - text-align: center; - white-space: normal; + min-height: 100px; + padding: 10px; + text-align: center; + white-space: normal; @@ -205,6 +162,6 @@ - width: 300px; - max-width: 100%; -} - -div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown, div#topmenu-quickadd-dropdown { - + width: 300px; + max-width: 100%; +} + +div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown { + global->THEME_TOPMENU_DISABLE_IMAGE)) { ?> @@ -215 +172 @@ - padding: 8px; + padding: 8px; @@ -219,10 +176,10 @@ - border-radius: 50%; - vertical-align: middle; - z-index: 5; - height: 90px; - width: 90px; - border: 3px solid; - border-color: transparent; - border-color: rgba(255, 255, 255, 0.2); - max-width: 100%; - max-height :100%; + border-radius: 50%; + vertical-align: middle; + z-index: 5; + height: 90px; + width: 90px; + border: 3px solid; + border-color: transparent; + border-color: rgba(255, 255, 255, 0.2); + max-width: 100%; + max-height :100%; @@ -232 +189 @@ - background: var(--colorbackhmenu1); + background: var(--colorbackhmenu1); @@ -236 +193 @@ - padding: 8px 8px 8px 8px; + padding: 8px 8px 8px 8px; @@ -240,3 +197,2 @@ - border-top: 1px solid #f0f0f0; - background-color: #f9f9f9; - padding: 10px; + background-color: #f9f9f9; + padding: 10px; @@ -246,15 +202,21 @@ - clear: both; -} - -.dropdown-menu > .bookmark-footer { - border-top: 1px solid #f0f0f0; - background-color: #f9f9f9; - padding: 10px; - text-align: start; -} - - -.dropdown-menu > .user-body, .dropdown-body { - padding: 15px; - border-bottom: 1px solid #f4f4f4; - border-top: 1px solid #f0f0f0; + clear: both; +} + + +.dropdown-menu > .bookmark-footer{ + padding: 10px; +} + + +.dropdown-menu > .user-body, .dropdown-body{ + padding: 15px; + border-bottom: 1px solid #f4f4f4; + border-top: 1px solid #dddddd; + white-space: normal; +} + +.dropdown-menu > .bookmark-body, .dropdown-body{ + padding: 10px 0; + overflow-y: auto; + max-height: 60vh ; /* fallback for browsers without support for calc() */ + max-height: calc(90vh - 110px) ; @@ -263,8 +224,0 @@ - -.dropdown-menu > .bookmark-body, .dropdown-body { - overflow-y: auto; - max-height: 60vh ; /* fallback for browsers without support for calc() */ - max-height: calc(90vh - 110px) ; - white-space: normal; -} -#topmenu-quickadd-dropdown .dropdown-menu > .bookmark-body, #topmenu-quickadd-dropdown .dropdown-body, @@ -272,2 +226,2 @@ - max-height: 60vh ; /* fallback for browsers without support for calc() */ - max-height: calc(90vh - 200px) ; + max-height: 60vh ; /* fallback for browsers without support for calc() */ + max-height: calc(90vh - 200px) ; @@ -278,2 +232,2 @@ - width: 8px; - } + width: 8px; + } @@ -281,4 +235,4 @@ - -webkit-border-radius: 0; - border-radius: 0; - /* background: rgb(); */ - background: #aaa; + -webkit-border-radius: 0; + border-radius: 0; + /* background: rgb(); */ + background: #aaa; @@ -287,8 +241,8 @@ - -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); - -webkit-border-radius: 0; - border-radius: 0; -} - - -#topmenu-login-dropdown, #topmenu-quickadd-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown { - padding: 0 5px 0 5px; + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); + -webkit-border-radius: 0; + border-radius: 0; +} + + +#topmenu-login-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown { + padding: 0 5px 0 5px; @@ -297,18 +251,14 @@ - text-decoration: none; -} - -#topmenuloginmoreinfo-btn, #topmenulogincompanyinfo-btn { - display: block; - text-align: start; - color:#666; - cursor: pointer; -} - -#topmenuloginmoreinfo, #topmenulogincompanyinfo { - display: none; - clear: both; - font-size: 0.95em; -} - -a.dropdown-item { - text-align: start; + text-decoration: none; +} + +#topmenuloginmoreinfo-btn{ + display: block; + text-aling: right; + color:#666; + cursor: pointer; +} + +#topmenuloginmoreinfo{ + display: none; + clear: both; + font-size: 0.95em; @@ -318,19 +268,19 @@ - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - text-align: center; - white-space: nowrap; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-image: none; - border: 1px solid transparent; - border-radius: 4px; + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 400; + line-height: 1.42857143; + text-align: center; + white-space: nowrap; + vertical-align: middle; + -ms-touch-action: manipulation; + touch-action: manipulation; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; @@ -340,8 +290,8 @@ - color: #666666; - border-radius: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border-width: 1px; - background-color: #f4f4f4; - border-color: #ddd; + color: #666666; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border-width: 1px; + background-color: #f4f4f4; + border-color: #ddd; @@ -351,6 +301,6 @@ - color: rgb() !important; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - display: block; - margin: 5px 0px; + color: rgb() !important; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + display: block; + margin: 5px 0px; @@ -360,14 +310,14 @@ - display: block !important; - box-sizing: border-box; - width: 100%; - padding: .3em 1.5em .4em 1em; - clear: both; - font-weight: 400; - color: #212529 !important; - text-align: inherit; - background-color: transparent; - border: 0; - - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + display: block !important; + box-sizing: border-box; + width: 100%; + padding: .25rem 1.5rem .25rem 1rem; + clear: both; + font-weight: 400; + color: #212529 !important; + text-align: inherit; + background-color: transparent; + border: 0; + + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; @@ -377,18 +327,14 @@ - /* font part */ - font-family: ""; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - text-align:center; - text-decoration:none; - margin-: 5px; - display: inline-block; - content: "\f0da"; - /* color: rgba(0,0,0,0.3); */ -} -.multicompany-item::before { - content: none !important; -} - + /* font part */ + font-family: "Font Awesome 5 Free"; + font-weight: 900; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + text-align:center; + text-decoration:none; + margin-right: 5px; + display: inline-block; + content: "\f0da"; + /* color: rgba(0,0,0,0.3); */ +} @@ -399,4 +345,4 @@ -.dropdown-item.active, .dropdown-item:hover, .dropdown-item:hover span::before, .dropdown-item:focus, .dropdown-item:focus span::before { - color: # !important; - text-decoration: none; - background: rgb(); +.dropdown-item.active, .dropdown-item:hover, .dropdown-item:focus { + color: # !important; + text-decoration: none; + background: rgb(); @@ -406,2 +352,2 @@ - * SEARCH - */ +* SEARCH +*/ @@ -410,18 +356,19 @@ - width: 100%; - padding: 10px 35px 10px 20px; - - background-color: transparent; - /*font-size: 14px; - line-height: 16px;*/ - box-sizing: border-box; - - color: #575756; - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); - background-repeat: no-repeat; - background-size: 16px 16px; - background-position: 95% center; - border-radius: 20px; - border: 1px solid #c4c4c2 !important; - transition: all 250ms ease-in-out; - backface-visibility: hidden; - transform-style: preserve-3d; + width: 100%; + padding: 10px 35px 10px 20px; + + background-color: transparent; + /*font-size: 14px; + line-height: 16px;*/ + box-sizing: border-box; + + color: #575756; + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E"); + background-repeat: no-repeat; + background-size: 16px 16px; + background-position: 95% center; + border-radius: 10px; + border: 1px solid #c4c4c2 !important; + transition: all 250ms ease-in-out; + backface-visibility: hidden; + transform-style: preserve-3d; + @@ -431,2 +378,2 @@ - color: color(#575756); - letter-spacing: 1.5px; + color: color(#575756 a(0.8)); + letter-spacing: 1.5px; @@ -436,134 +383,2 @@ - display: none !important; -} - -.search-dropdown-body { - padding: unset; -} - -.global-search-item { - font-size: 1em; - padding-top: 6px; - padding-bottom: 6px; -} - -.global-search-item:before { - content: none; -} - -.global-search-header { - color: #444 !important; -} - - - -/* - * QUICK ADD - */ - -#topmenu-quickadd-dropdown .dropdown-menu { - width: 310px !important; - color: #444; -} - -.quickadd-body.dropdown-body { - padding: unset; -} - -.quickadd-item { - font-size: 1em; - padding-top: 6px; - padding-bottom: 6px; -} - -.quickadd-item:before { - content: none; -} - -.quickadd-header { - color: #444 !important; -} - -div.quickadd { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-align-content: center; - -ms-flex-line-pack: center; - align-content: center; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} - -div.quickadd a { - color: #444; -} - -div.quickadd a:hover, div.quickadd a:active { - color: #000000; -} - -div.quickaddblock { - width: 95px; - height: 80px; -} - -div.quickaddblock:hover, -div.quickaddblock:active, -div.quickaddblock:focus { - background: ; -} - - -/* for the dropdown on action buttons */ -dropdown-holder { - position: relative; - display: inline-block; -} - -.dropdown-content { - display: none; - position: absolute; - z-index: 1; - width: 300px; - right:10px; /* will be set with js */ - background: #fff; - border: 1px solid #bbb; - text-align: -} - -.dropdown-content a { - margin-right: auto !important; - margin-left: auto !important; -} -.dropdown-content .butAction { - background: none; - color: #000 !important; -} -.dropdown-content a.butAction { - display: flex; -} -.dropdown-content .butAction:hover { - box-shadow: none; - text-decoration: underline; -} -.dropdown-content .butActionRefused { - margin-left: 0; - margin-right: 0; - border: none; -} - -.dropdown-holder.open .dropdown-content { - display: block; -} - - + display: none !important; +} @@ -575 +390 @@ - width: 100%; + width: 100%; @@ -579,23 +394,4 @@ - margin-left: 5px; - right: 0; - } - - #topmenu-quickadd-dropdown .dropdown-menu { - min-width: 220px; - max-width: 235px; - } - #topmenu-bookmark-dropdown .dropdown-menu { - min-width: 220px; - max-width: 360px; - } - - .side-nav-vert .user-menu .dropdown-menu, .topnav .user-menu .dropdown-menu { - width: 300px; - } - .dropdown-menu { - border: none; - -webkit-box-shadow: none; - box-shadow: none; - } - -} + margin-left: 5px; + right: 0; + } +} --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_global.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_global.inc.php @@ -1,6 +1 @@ - + @@ -27,2 +21,0 @@ - --colorbackmobilemenu: #f8f8f8; - --colorbackgrey: #f0f0f0; @@ -31,2 +24 @@ - --colortexttitle: rgba(, 0.9); - --colortexttitlelink: rgba(, 0.9); + --colortexttitle: rgb(); @@ -35 +27 @@ - --colortextbackhmenu: #; + --colortextbackhmenu: #; @@ -37 +28,0 @@ - --colortopbordertitle1: rgb(); @@ -40,3 +31 @@ - --inputbackgroundcolordisabled: #eee; - --inputcolordisabled: rgb(80, 80, 80); - --inputbordercolor: rgba(0,0,0,.15); + --inputbordercolor: rgba(0,0,0,.2); @@ -48 +37 @@ - --fieldrequiredcolor: #400030; + --fieldrequiredcolor: #000055; @@ -52 +41 @@ - --tableforfieldcolor:#888; + --tableforfieldcolor:#666; @@ -54 +43 @@ - --amountpaymentcomplete:#008855; + --amountpaymentcomplete:#008800; @@ -56,7 +44,0 @@ - --productlinestockod: #002200; - --productlinestocktoolow: #884400; - --infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #fff, #fff, #fff, #e4efe8); - --tablevalidbgcolor: rgb(252, 248, 227); - --colorblack: #000; - --colorwhite: #fff; - --heightrow: ; @@ -66,9 +48,5 @@ -if (getDolGlobalString('THEME_DARKMODEENABLED')) { - print "/* For dark mode */\n"; - if (getDolGlobalInt('THEME_DARKMODEENABLED') != 2) { - print "@media (prefers-color-scheme: dark) {"; // To test, click on the 3 dots menu, then Other options then Display then emulate prefer-color-schemes - } else { - print "@media not print {"; - } - print ":root { - --colorbackhmenu1: #3d3e40; +if (!empty($conf->global->MAIN_THEME_DARKMODEENABLED)) { + print "@media (prefers-color-scheme: dark) { + :root { + + --colorbackhmenu1: #1d1e20; @@ -77 +55 @@ - --colorbacktabcard1: #1d1e20; /* Must be same than colorbackbody */ + --colorbacktabcard1: #38393d; @@ -86,2 +63,0 @@ - --colorbackmobilemenu: #080808; - --colorbackgrey: #0f0f0f; @@ -94 +69,0 @@ - --colortexttitlelink: #4390dc; @@ -99,3 +74 @@ - --inputbackgroundcolor: rgb(70, 70, 70); - --inputbackgroundcolordisabled: rgb(60, 60, 60); - --inputcolordisabled: rgb(140, 140, 140); + --inputbackgroundcolor: #2b2d2f; @@ -114,4 +86,0 @@ - --infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #000, #000, #000, #274231); - --tablevalidbgcolor: rgb(80, 64, 33); - --colorblack: #fff; - --colorwhite: #000; @@ -119,5 +88 @@ - - body, button { - color: #bbb; - }\n - }\n"; + }"; @@ -129,0 +95,2 @@ + + background: var(--colorbackbody); @@ -130,0 +98 @@ + color: var(--colortext); @@ -134,10 +102,7 @@ - margin-top: 0; - margin-bottom: 0; - margin-right: 0; - margin-left: 0; - font-weight: 400; - background-color: var(--colorbackbody); - trans("DIRECTION").";\n"; ?> -} - -/* Style used to protect html content in output to avoid attack by replacing full page with js content */ + margin-top: 0; + margin-bottom: 0; + margin-right: 0; + margin-left: 0; + trans("DIRECTION").";\n"; ?> +} + @@ -149 +114 @@ -th a { font-weight: !important; } +th a { font-weight: !important; } @@ -152 +117 @@ -a:link, a:visited, a:hover, a:active, .classlink { color: var(--colortextlink); text-decoration: none; } +a:link, a:visited, a:hover, a:active { font-family: ; color: var(--colortextlink); text-decoration: none; } @@ -155 +119,0 @@ - @@ -160,4 +124,3 @@ -tr.liste_titre_filter th.liste_titre { text-align: unset; } - -input { - font-size: unset; +input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select { + background-color: var(--inputbackgroundcolor); + color: var(--colortext); @@ -169,13 +132,7 @@ -table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch), -table.liste th.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch) { - overflow: hidden; - white-space: nowrap; - max-width: 100px; - text-overflow: ellipsis; -} -th.wrapcolumntitle dl dt a span.fas.fa-list { - vertical-align: middle; - padding-bottom: 1px; -} - -/*.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth], +table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch) { + overflow: hidden; + white-space: nowrap; + max-width: 120px; + text-overflow: ellipsis; +} +.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth], @@ -183 +139,0 @@ -.liste_titre select[name=year], @@ -186 +142 @@ -.liste_titre input[name=search_month_update], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end], +.liste_titre input[name=search_month_create], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end], @@ -194,5 +149,0 @@ -*/ -.liste_titre input[name=search_month], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end] { - margin-right: 4px; -} - @@ -199,0 +151,10 @@ +input[name=duration_value], input[name=durationhour] +{ + margin-right: 4px !important; +} +input[type=submit], input[type=submit]:hover { + margin-left: 5px; +} +input[type=checkbox], input[type=radio] { + margin: 0 3px 0 3px; +} @@ -204,48 +165,6 @@ - color: var(--colortext); - border-radius: 3px; - font-family: ; - outline: none; - margin: 0px 0px 0px 0px; - background-color: var(--inputbackgroundcolor); - - border: solid 1px var(--inputbordercolor); - -} - -.liste_titre input, .liste_titre select { - border: none; - border: solid 1px var(--inputbordercolor); - /* padding: 5px; */ -} -.pageplusone, .divadvancedsearchfieldcompinput, -div.tabBar input, div.tabBar input.flat, div.tabBar textarea, div.tabBar textarea.flat, div.tabBar form.flat select, div.tabBar select, div.tabBar select.flat, div.tabBar .dataTables_length label select -{ - border: solid 1px var(--inputbordercolor); - - background-color: #f8f8fa; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - -} -.divadvancedsearchfieldcompinput { - background: #fff; - border-bottom: solid 1px var(--inputbordercolor); - border-radius: 3px; -} -input[name=duration_value], input[name=durationhour] -{ - margin-right: 4px !important; -} -input[type=submit], input[type=submit]:hover { - margin-left: 5px; -} -input[type=checkbox], input[type=radio] { - margin: 0 3px 0 3px; -} -.kanban input.checkforselect { - margin-right: 0px; - margin-top: 5px; -} + font-family: ; + outline: none; + margin: 0px 0px 0px 0px; + borderglobal->THEME_HIDE_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor); +} + @@ -253,2 +172,2 @@ - line-height: 1.3em; - padding: 4px; + line-height: 1.3em; + padding: 5px; @@ -257,3 +175,0 @@ -.tableforfield input, .refidno input { - padding: 2px; -} @@ -261 +177 @@ - padding-top: 4px; + padding-top: 5px; @@ -271 +187 @@ -#mainbody input.button:not(.buttongen):not(.bordertransp), #mainbody a.button:not(.buttongen):not(.bordertransp) { +#mainbody input.button:not(.buttongen):not(.bordertransp) { @@ -273,7 +189,2 @@ - color: var(--textbutaction); - border-radius: 3px; - border-collapse: collapse; - border: none; -} -#mainbody span.websitetools input.button:not(.buttongen):not(.bordertransp) { - color: #000 !important; + border-collapse: collapse; + border: none; @@ -284,4 +195 @@ -input.button:hover { - -webkit-box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%); - box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%); -} + @@ -293,14 +201,6 @@ - margin: 4px; -} - -input:invalid, select:invalid, input.--error , select.--error { - border-color: #ea1212; -} - -section.setupsection { - padding: 20px; - background-color: var(--colorbackgrey); - border-radius: 5px; -} - -.field-error-icon { color: #ea1212 !important; } + margin: 4px; +} + +input:invalid, select:invalid { + border-color: #ea1212; +} @@ -309 +209,2 @@ -div.tabBar textarea:focus { +textarea:focus { + /* v6 box-shadow: 0 0 4px #8091BF; */ @@ -312,5 +213,2 @@ -input:focus:not(.button):not(.buttonwebsite):not(.buttonreset):not(.select2-search__field):not(#top-bookmark-search-input):not(.search_component_input):not(.input-nobottom), - select:focus, .select2-container--open [aria-expanded="false"].select2-selection--single { - border-bottom: 1px solid #666 !important; - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 0 !important; +input:focus, select:focus { + border-bottom: 1px solid #666; @@ -323 +221 @@ - margin-top: 5px; + margin-top: 5px; @@ -327,4 +225,4 @@ - border-top: solid 1px var(--inputbordercolor); - border-left: solid 1px var(--inputbordercolor); - border-right: solid 1px var(--inputbordercolor); - border-bottom: solid 1px var(--inputbordercolor); + border-top:solid 1px rgba(0,0,0,.2); + border-left:solid 1px rgba(0,0,0,.2); + border-right:solid 1px rgba(0,0,0,.2); + border-bottom:solid 1px rgba(0,0,0,.2); @@ -368,7 +265,0 @@ -input.short { - width: 40px; -} -.nofocusvisible:focus-visible { - outline: none; -} - @@ -376 +267 @@ - color: #008; + color: #008; @@ -384,6 +275,6 @@ - background-color: unset; - color: #fff; - border-bottom: unset; - font-weight: bold; - text-transform: uppercase; - cursor: pointer; + background-color: unset; + color: #fff; + border-bottom: unset; + font-weight: bold; + text-transform: uppercase; + cursor: pointer; @@ -418,7 +309 @@ -.logopublicpayment #dolpaymentlogo { - max-height: 80px; - max-width: 300px; - image-rendering: -webkit-optimize-contrast; /* better rendering on public page header */ -} - -a.butStatus { +a.buttonticket { @@ -427,11 +312 @@ - background-color: transparent; - color: var(--colortext) !important; - border: 2px solid var( --butactionbg) !important; - margin: 0 0.45em !important; -} - -span.userimg.notfirst, div.userimg.notfirst { - margin-left: -5px; -} -div.userimg.notfirst { - display: block-inline; + /* height: 40px; */ @@ -442,3 +317,6 @@ - border: none; - border-bottom: solid 1px rgba(0,0,0,0.4); - margin-right: 1px !important; + border: none; + border-bottom: solid 1px rgba(0,0,0,0.4); + margin-right: 1px !important; +} +td.weekend { + background-color: #eee; @@ -451,9 +328,0 @@ -} -td.onholidayallday:not(.weekend) input { - background-color: #f8f7f0; -} -td.weekend { /* must be after td.onholidayallday */ - background-color: #eee; -} -td.weekend input { - background-color: #f8f8f8; @@ -473,3 +341,0 @@ -td.amount, span.amount, div.amount, b.amount { - color: #006666; -} @@ -477 +343 @@ - padding-left: 6px; + padding-left: 6px; @@ -484,10 +350,2 @@ - padding-bottom: 4px; - padding-top: 4px; - margin-right: 4px; -} -.paginationlastpage a { - padding-left: 8px; -} - -.saturatemedium { - filter: saturate(0.8); + padding-bottom: 4px; + padding-top: 4px; @@ -509 +367 @@ - opacity: 0.24; + opacity: 0.2; @@ -515,4 +373 @@ - color: var(--colorwhite); -} -.colorgrey { - color: #888 !important; + color: #fff; @@ -521,13 +376,4 @@ - color: var(--colorblack); -} -.fontsizeunset { - font-size: unset !important; -} -.vmirror { - transform: scale(1, -1); -} -.hmirror { - transform: scale(-1, 1); -} - -select:invalid, select.--error { + color: #000; +} + +select:invalid { @@ -538,2 +384 @@ - background: var(--inputbackgroundcolordisabled); - color: var(--inputcolordisabled); + background:#eee; @@ -550,10 +395 @@ -input[type=file] { - background-color: transparent; - box-shadow: none; - - border-top: none; - border-left: none; - border-right: none; - - border: solid 1px var(--inputbordercolor); -} +input[type=file ] { background-color: transparent; border-top: none; border-left: none; border-right: none; box-shadow: none; } @@ -568,6 +404,2 @@ - -/* CSS for placeholder */ -.placeholder { color: #ccc; } -::-webkit-input-placeholder { color: #ccc; } -input:-moz-placeholder { color: #ccc; } - +::-webkit-input-placeholder { color:#ccc; } +input:-moz-placeholder { color:#ccc; } @@ -575,9 +407 @@ -fieldset { - border: 1px solid #aaa !important; - padding-inline-start: 2em; - padding-inline-end: 2em; - min-inline-size: auto; -} -#div_container_exportoptions fieldset, #div_container_sub_exportoptions fieldset { - border: 1px solid #ccc !important; -} +fieldset { border: 1px solid #AAAAAA !important; } @@ -591,2 +415 @@ - padding: 20px 0px 0px 0px; - border-radius: 8px; + padding: 20px 0px 0px 0px; @@ -596 +419 @@ - z-index: 5; + z-index: 5; @@ -602,9 +425 @@ - -table.tableforfield .button:not(.bordertransp):not(.buttonpayment), -table.tableforfield .buttonDelete:not(.bordertransp):not(.buttonpayment) { - margin-bottom: 2px; - margin-top: 2px; -} - -.button:not(.bordertransp):not(.buttonpayment), -.buttonDelete:not(.bordertransp):not(.buttonpayment) { +.button:not(.bordertransp):not(.buttonpayment), .buttonDelete:not(.bordertransp):not(.buttonpayment) { @@ -638,6 +452,0 @@ -.valuefield .button, .valuefieldcreate .button, .refidno .button:not(.smallpaddingimp) { - margin-top: 0 !important; - margin-bottom: 0 !important; - font-size: 0.85em !important; - padding: 5px !important; -} @@ -648 +457 @@ -.button:hover:not(.nohover), .buttonDelete:hover:not(.nohover) { +.button:hover, .buttonDelete:hover { @@ -653 +462 @@ -.button:disabled, .buttonDelete:disabled, .button.disabled, .buttonDelete.disabled { +.button:disabled, .buttonDelete:disabled, .button.disabled { @@ -655,4 +464,3 @@ - box-shadow: none; - -webkit-box-shadow: none; - cursor: auto; - text-decoration: none; + box-shadow: none; + -webkit-box-shadow: none; + cursor: auto; @@ -662 +470 @@ - cursor: default; + cursor: default; @@ -664,2 +472,2 @@ - box-shadow: none; - -webkit-box-shadow: none; + box-shadow: none; + -webkit-box-shadow: none; @@ -668,2 +476,2 @@ - border: unset; - background-color: unset; + border: unset; + background-color: unset; @@ -672 +480 @@ - cursor: pointer; + cursor: pointer; @@ -675,2 +483,2 @@ - padding:0px; - margin:0px; + padding:0px; + margin:0px; @@ -679,5 +487,5 @@ - padding-top: 20px; -} -div.float, span.floatleft -{ - float:; + padding-top: 10px; +} +div.float +{ + float:; @@ -687,5 +495 @@ - float:; -} -.block -{ - display:block; + float:; @@ -697,23 +500,0 @@ -.inline-blockimp -{ - display:inline-block !important; -} -.largenumber { - font-size: 1.4em; -} -button[name='button_search_x'] span.fa.fa-search { - font-size: 1.3em; -} -button[name='button_removefilter_x'] span.fa.fa-remove { - opacity: 0.5; - font-size: 1.3em; -} -button:focus { - outline: none; -} -.fa-info-circle { - padding-: 3px; -} -.line-height-large { - line-height: 1.8em; -} @@ -722,2 +503,2 @@ - -webkit-box-shadow: none !important; - box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; @@ -746,9 +526,0 @@ -.centpercentimp { - width: 100% !important; -} -.centpercentwithout1imp { - width: calc(100% - 1px) !important; -} -.centpercentwithoutmenu { - width: calc(100% - 200px); -} @@ -758,3 +529,0 @@ -.maxquatrevingtpercent { - max-width: 80%; -} @@ -767,3 +535,0 @@ -.quatrevingtpercentminusx { - width: calc(80% - 52px); -} @@ -774,7 +540 @@ - font-size: 85%; -} -.large { - font-size: 125%; -} -.double { - font-size: 2em; + font-size: 85%; @@ -784 +544 @@ - font-size: 65%; + font-size: 65%; @@ -787,3 +547,3 @@ - font-weight: 400; - line-height: 1; - color: #777; + font-weight: 400; + line-height: 1; + color: #777; @@ -793,4 +553 @@ - transform: scaleX(-1) translate(2px, 0); -} -.rotate90 { - transform: rotate(90deg) translate(0, 2px); + transform: scaleX(-1); @@ -799,14 +556,2 @@ - text-align: center; - margin: 0px auto; -} -.centerimp { - text-align: center !important; -} -.alignstart { - text-align: start; -} -.start { - text-align: start; -} -.end { - text-align: end; + text-align: center; + margin: 0px auto; @@ -824 +569 @@ - float: left!important; + float: left!important; @@ -827 +572 @@ - float: right!important; + float: right!important; @@ -830,7 +575 @@ - white-space: ; -} -.nowraponsmartphone { - white-space: ; -} -.wraponsmartphone { - white-space: ; + white-space: ; @@ -844,4 +582,0 @@ -.nowrapfordate { /* no wrap on all devices for dates */ - white-space: nowrap; - display: inline-block; -} @@ -858,3 +592,0 @@ - word-break: break-word; /* cut fist between word, inside word if not possible */ -} -.wordbreakall { @@ -862,3 +593,0 @@ -} -td.wordbreak img { - max-width: 100%; @@ -872,3 +600,0 @@ -.uppercase { - text-transform: uppercase; -} @@ -876,19 +602 @@ - text-decoration: none; -} -.nounderlineimp { - text-decoration: none !important; -} -.nopadding { - padding: 0; -} -.nopaddingleft { - padding-left: 0; -} -.nopaddingright { - padding-right: 0; -} -.nopaddingleftimp { - padding-left: 0 !important; -} -.nopaddingrightimp { - padding-right: 0 !important; + text-decoration: none; @@ -899,3 +606,0 @@ -.paddingleftimp { - padding-: 4px !important; -} @@ -905,3 +609,0 @@ -.paddingleft2imp { - padding-: 2px !important; -} @@ -911,3 +612,0 @@ -.paddingrightimp { - padding-: 4px !important; -} @@ -917,3 +615,0 @@ -.paddingright2imp { - padding-: 2px !important; -} @@ -938,9 +633,0 @@ -.nomarginleft { - margin-: unset; -} -.nomarginright { - margin-: unset; -} -.nowidthimp { - width: unset !important; -} @@ -953,3 +639,0 @@ -.classfortooltiponclick .fa-question-circle { - cursor: pointer; -} @@ -962,3 +645,0 @@ -.cursorwait { - cursor: wait; -} @@ -966 +647 @@ - background-color: #fff; + background-color: #fff; @@ -972,6 +653,4 @@ - font-size: 0.85em; - opacity: 0.7; -} -.borderimp { - border: 1px solid #888 !important; -} + font-size: 0.85em; + opacity: 0.7; +} + @@ -979,40 +658,2 @@ - color : -} -.longmessagecut { - max-height: 250px; - max-width: 100%; - overflow-y: auto; -} -div.urllink { - padding: 5px; - margin-top: 5px; - margin-bottom: 5px; - /* border: 1px solid #ccc; */ - border-radius: 5px; - /* width: fit-content; */ - background-color: #f0f0f8; - opacity: 0.8; -} -div.urllink, div.urllink a { - color: #339 !important; -} - -i.fa-mars::before, i.fa-venus::before, i.fa-genderless::before, i.fa-transgender::before { - color: #888 !important; - opacity: 0.4; - padding-: 3px; -} -.stockmovemententry { - color: #080; - transform: rotate(0.25turn); - font-size: 1.2em; -} -.stockmovementexit { - color: #968822; - transform: rotate(0.3turn); - font-size: 1.2em; -} -.stockmovement { - font-size: 1.4em; -} - + color : +} @@ -1020 +661 @@ - color : + color : @@ -1023 +664 @@ - color : + color : @@ -1026 +667 @@ - color : + color : @@ -1030 +671 @@ - color : + color : @@ -1035 +676 @@ - color: #ccc !important; + color: #ccc !important; @@ -1039,6 +680,2 @@ - color: var(--colortexttitle) !important; -} -a.editfielda.nohover *:hover:before { - color: #ccc !important; -} - + color: var(--colortexttitle) !important; +} @@ -1052,9 +689 @@ -span.fa.fa-plus-circle.paddingleft { - padding-right: 4px; - padding-top: 3px; - padding-bottom: 2px; -} - -.size12x { font-size: 1.2em !important; } -.size15x { font-size: 1.5em !important; } -.fa-toggle-on, .fa-toggle-off, .size2x { font-size: 2em; } +.fa-toggle-on, .fa-toggle-off { font-size: 2em; } @@ -1062,3 +691 @@ -.asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off, -.tdwebsitesearchresult .fa-toggle-on, .tdwebsitesearchresult .fa-toggle-off -{ +.asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off { @@ -1068,7 +694,0 @@ -.divoverflow { - overflow: hidden; - white-space: nowrap; - vertical-align: middle; - text-overflow: ellipsis; -} - @@ -1078,2 +698 @@ - - + @@ -1084,4 +702,0 @@ -} -.borderleftlight -{ - border-left: 1px solid #DDD; @@ -1092,11 +706,0 @@ -#formuserfile input[type='file'] { - font-size: 1em; - /* opacity: 0.5em; */ -} -/*#formuserfile input[type='file']:valid { - color: #a00; -} -#formuserfile input[type='file']:empty { - color: #0a0; -}*/ - @@ -1105,3 +708,0 @@ -} -#formuserfile_link input[type='text'] { - font-size: 1em; @@ -1113,2 +714,2 @@ -.divsocialnetwork:not(:last-child) { - padding-: 20px; +.divsocialnetwork:not(:first-child) { + padding-left: 20px; @@ -1117,2 +718 @@ - /* float: ; */ - display: inline-block; + float: ; @@ -1120 +720 @@ - margin-: 2px; + margin-: 2px; @@ -1122,7 +722,2 @@ - margin-bottom: 4px; - padding-left: 2px; -} -.divfilteralone { - background-color: rgba(0, 0, 0, 0.08); - border-radius: 5px; - padding-left: 5px; + margin-bottom: 4px; + padding-left: 2px; @@ -1131,5 +726,4 @@ - text-overflow: clip; - overflow: auto; - padding-bottom: 5px; - opacity: 0.6; - font-size: small; + text-overflow: clip; + overflow: auto; + padding-bottom: 5px; + opacity: 0.6; @@ -1138 +732 @@ - margin-top: 3px; + margin-top: 3px; @@ -1141,5 +735,5 @@ - float: left; - padding-left: 15px; - padding-right: 15px; - padding-bottom: 2px; - padding-top: 2px; + float: left; + padding-left: 15px; + padding-right: 15px; + padding-bottom: 2px; + padding-top: 2px; @@ -1148 +742 @@ - /* padding-bottom: 4px; */ + padding-bottom: 4px; @@ -1152,10 +746,9 @@ - -webkit-flex-flow: row wrap; - flex-flow: row wrap; - background: #fff; - padding-top: 3px; - padding-bottom: 3px; - padding-: 0; - padding-: 0; - border-bottom: solid 1px var(--inputbordercolor); - height: 24px; - border-radius: 3px; + -webkit-flex-flow: row wrap; + flex-flow: row wrap; + background: #fff; + padding-top: 3px; + padding-bottom: 3px; + padding-left: 10px; + padding-right: 10px; + border-bottom: solid 1px rgba(0,0,0,.2); + height: 24px; @@ -1164 +757 @@ - padding-top: 2px; + padding-top: 2px; @@ -1172,88 +764,0 @@ -.tagsearch { - padding: 2px; - padding-right: 4px; - padding-bottom: 3px; - background: #ddd; - border-radius: 4px; -} -.tagsearchdelete { - color: #999; - cursor: pointer; - display: inline-block; - font-weight: bold; - margin-right: 2px; - padding-left: 4px; -} - -.caretleftaxis { - margin-left: -13px; - margin-top: -1px; - position: absolute; -} -.caretdownaxis { - margin-left: -12px; - margin-top: 0; - position: absolute; -} - -.a-filter, .a-mesure { - border-radius: 50px; - background: var(--colortexttitlenotab); - color: #fff; - padding: 8px 10px 8px 6px; -} -.a-filter:before { - content: "\f0b0"; -} -.a-mesure:before { - content: "\f080"; -} -.a-filter:before, .a-mesure:before { - font-family: ""; - font-weight: 600; - padding-right: 5px; - padding-left: 5px; -} -.a-filter-disabled, .a-mesure-disabled { - border-radius: 50px; - background: var(--colorbacktitle1); - padding: 8px; - opacity: 0.6; -} - - -/* ============================================================================== */ -/* Styles for scan tool */ -/* ============================================================================== */ - -div.div-for-modal { - /* display: none; */ - position:absolute; - top:calc(50% - 200px); - left:calc(50% - 250px); - width:500px; /* adjust as per your needs */ - height:400px; /* adjust as per your needs */ - background: #fff; - border: 1px solid #bbb; - box-shadow: 2px 2px 20px #ddd; - z-index: 100; -} - -#scantoolmessage { - height: 3em; - border: none; - overflow-y: auto; -} - -div.div-for-modal-topright { - /* display: none; */ - position: fixed; - top: 0; - right: 0; - width:50%; /* adjust as per your needs */ - height:320px; /* adjust as per your needs */ - background: #fff; - border: 1px solid #bbb; - box-shadow: 2px 2px 20px #ddd; - z-index: 1100; -} @@ -1267,4 +772,3 @@ - white-space: nowrap; -} - + white-space: nowrap; +} + @@ -1285 +788,0 @@ - line-height: 1.6em; @@ -1296,3 +799,3 @@ - margin-left: 2px; /* left must be same than right to keep checkbox centered */ - margin-right: 2px; /* left must be same than right to keep checkbox centered */ - vertical-align: middle; + margin-left: 2px; /* left must be same than right to keep checkbox centered */ + margin-right: 2px; /* left must be same than right to keep checkbox centered */ + vertical-align: middle; @@ -1301,5 +804 @@ - max-width: 62px; - text-align: end; - border-bottom: 1px solid var(--inputbordercolor); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + max-width: 62px; @@ -1308 +807 @@ - margin-: 10px !important; + margin-right: 10px !important; @@ -1319,6 +817,0 @@ -.marginrightonly { - margin-: 10px !important; -} -.marginrightonlyshort { - margin-: 4px !important; -} @@ -1338 +831 @@ - margin-top: 0 !important; + margin-top: 0 !important; @@ -1341 +834 @@ - margin-bottom: 0 !important; + margin-bottom: 0 !important; @@ -1344,4 +837,4 @@ - border-left: none !important; - border-top: none !important; - border-right: none !important; - outline: none; + border-left: none !important; + border-top: none !important; + border-right: none !important; + outline: none; @@ -1357 +850 @@ - text-overflow: unset; + text-overflow: none; @@ -1360,8 +853,4 @@ - max-width: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.spanoverflow { - overflow-x: clip; - text-overflow: ellipsis; + max-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1370,22 +859,4 @@ - max-width: 50px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax60 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 60px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax80 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 80px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax80imp { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 80px !important; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + max-width: 50px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1394,16 +865,4 @@ - max-width: 100px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax100imp { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 100px !important; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax125 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 125px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + max-width: 100px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1412,4 +871,4 @@ - max-width: 150px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + max-width: 150px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1418,10 +877,4 @@ - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax250 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 250px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + max-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1430,22 +883,4 @@ - max-width: 300px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax350 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 350px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax400 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 400px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -.tdoverflowmax500 { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 500px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + max-width: 300px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1454,2 +889,2 @@ - max-width: 0; - overflow: auto; + max-width: 0; + overflow: auto; @@ -1458,5 +893,5 @@ - width: 75px; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - overflow: hidden; + width: 75px; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; @@ -1465,11 +900,4 @@ - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; - overflow: hidden; - height: auto !important; -} -.tenlinesmax { - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-line-clamp: 10; - overflow: hidden; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; @@ -1480,9 +907,0 @@ -} -.navselectiondate { - width: 250px; -} - -/* Styles for amount on card */ -table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaintopay, table.paymenttable td.amountremaintopayback { - padding-top: 0px; - padding-bottom: 0px; @@ -1495 +914 @@ - font-size: 1.7em; + font-size: 1.2em; @@ -1500 +919 @@ - font-size: 1.7em; + font-size: 1.2em; @@ -1505 +924 @@ - font-size: 1.7em; + font-size: 1.2em; @@ -1509,10 +928,2 @@ - font-size: 1.7em; -} - -.onlinepaymentbody .amountpaymentcomplete { - background-color: var(--amountpaymentcomplete); - color: #fff; - padding: 10px; - border-radius: 5px; -} - + font-size: 1.2em; +} @@ -1524 +935 @@ - margin-top: 20px; + margin-top: 20px; @@ -1529,2 +940,2 @@ - max-width: 90% !important; - height: auto !important; + max-width: 90% !important; + height: auto !important; @@ -1533,4 +944,4 @@ - margin: 18px; - border: 1px solid #ccc; - box-shadow: 1px 1px 25px #aaa; - max-width: calc(100% - 56px); + margin: 18px; + border: 1px solid #ccc; + box-shadow: 1px 1px 25px #aaa; + max-width: calc(100% - 56px); @@ -1548,4 +959,4 @@ - width: calc(100% - 330px); - margin-bottom: 15px; - overflow-y: hidden; - -ms-overflow-style: -ms-autohiding-scrollbar; + width: calc(100% - 330px); + margin-bottom: 15px; + overflow-y: hidden; + -ms-overflow-style: -ms-autohiding-scrollbar; @@ -1555,2 +966,2 @@ - overflow-x: auto; - min-height: 0.01%; + overflow-x: auto; + min-height: 0.01%; @@ -1559 +970 @@ - line-height: var(--heightrow); + line-height: 120%; @@ -1563 +974 @@ - overflow-x: auto; + overflow-x: auto; @@ -1566 +977 @@ - min-height: 392px; + min-height: 392px; @@ -1569 +980 @@ - min-height: 392px; + min-height: 392px; @@ -1576,5 +987,3 @@ - browser->name, array('chrome', 'firefox'))) { - echo 'display: inline-flex;'."\n"; - } ?> - flex-flow: row wrap; - justify-content: flex-start; + browser->name, array('chrome', 'firefox'))) echo 'display: inline-flex;'."\n"; ?> + flex-flow: row wrap; + justify-content: flex-start; @@ -1583 +992 @@ - min-width: 148px; + min-width: 148px; @@ -1586,3 +995,3 @@ - min-width: 168px; - max-width: 169px; - /* width: 168px; If I use with, there is trouble on size of flex boxes solved with min+max that is a little bit higer than min */ + min-width: 168px; + max-width: 169px; + /* width: 168px; If I use with, there is trouble on size of flex boxes solved with min+max that is a little bit higer than min */ @@ -1592,3 +1001,3 @@ - min-width: 150px; - width: 100%; - display: inline; + min-width: 150px; + width: 100%; + display: inline; @@ -1609 +1018 @@ - font-size: 1.5em; + font-size: 1.5em; @@ -1614,3 +1022,0 @@ -} -.linkedcol-amount { - white-space: nowrap; @@ -1624,9 +1029,0 @@ -maxscreenheightless200 { - max-height: px; /* we guarantee height of 500 */ -} -.maxscreenheightless300 { - max-height: px; /* we guarantee height of 500 */ -} - - - @@ -1639 +1035,0 @@ - @@ -1641,4 +1037,2 @@ -.minwidth25 { min-width: 25px; } -.minwidth50 { min-width: 50px; } -.minwidth75 { min-width: 75px; } -.nominwidth { min-width: fit-content !important; } +.minwidth50 { min-width: 50px; } +.minwidth75 { min-width: 75px; } @@ -1646 +1040 @@ -@media only screen and (min-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ +@media only screen and (min-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) @@ -1650,19 +1044,18 @@ - .width50 { width: 50px; } - .width75 { width: 75px; } - .width100 { width: 100px; } - .width200 { width: 200px; } - .minwidth100 { min-width: 100px; } - .minwidth150 { min-width: 150px; } - .minwidth200 { min-width: 200px; } - .minwidth250 { min-width: 250px; } - .minwidth300 { min-width: 300px; } - .minwidth400 { min-width: 400px; } - .minwidth500 { min-width: 500px; } - .minwidth50imp { min-width: 50px !important; } - .minwidth75imp { min-width: 75px !important; } - .minwidth100imp { min-width: 100px !important; } - .minwidth200imp { min-width: 200px !important; } - .minwidth250imp { min-width: 250px !important; } - .minwidth300imp { min-width: 300px !important; } - .minwidth400imp { min-width: 400px !important; } - .minwidth500imp { min-width: 500px !important; } + .width50 { width: 50px; } + .width75 { width: 75px; } + .width100 { width: 100px; } + .width200 { width: 200px; } + .minwidth100 { min-width: 100px; } + .minwidth150 { min-width: 150px; } + .minwidth200 { min-width: 200px; } + .minwidth300 { min-width: 300px; } + .minwidth400 { min-width: 400px; } + .minwidth500 { min-width: 500px; } + .minwidth50imp { min-width: 50px !important; } + .minwidth75imp { min-width: 75px !important; } + .minwidth100imp { min-width: 100px !important; } + .minwidth200imp { min-width: 200px !important; } + .minwidth250imp { min-width: 250px !important; } + .minwidth300imp { min-width: 300px !important; } + .minwidth400imp { min-width: 400px !important; } + .minwidth500imp { min-width: 500px !important; } @@ -1673 +1065,0 @@ -.width40 { width: 40px; } @@ -1677 +1068,0 @@ -.width125 { width: 125px; } @@ -1680,4 +1070,0 @@ -.width250 { width: 250px; } -.width300 { width: 300px; } -.width400 { width: 400px; } -.width500 { width: 500px; } @@ -1685 +1071,0 @@ -.maxwidth40 { max-width: 40px; } @@ -1688 +1073,0 @@ -.maxwidthdate { max-width: 85px; } @@ -1693 +1077,0 @@ -.maxwidth250 { max-width: 250px; } @@ -1697,2 +1080,0 @@ -.maxwidth750 { max-width: 750px; } -.maxwidth1000 { max-width: 1000px; } @@ -1701,5 +1082,0 @@ - -.minwidth100onall { min-width: 100px !important; } -.minwidth200onall { min-width: 200px !important; } -.minwidth250onall { min-width: 250px !important; } - @@ -1707 +1083,0 @@ -.minheight30 { min-height: 30px; } @@ -1710,3 +1086,2 @@ -.titlefield { /* width: 25%; */ min-width: 150px; width: 25%; } -.titlefieldmiddle { width: 45%; } -.titlefieldmax45 { max-width: 45%; } +.titlefield { /* width: 25%; */ width: 250px; } +.titlefieldmiddle { width: 50%; } @@ -1732,11 +1107,10 @@ - .minwidth75imp { min-width: 75px !important; } - .minwidth100imp { min-width: 100px !important; } - .minwidth125imp { min-width: 125px !important; } - .minwidth150imp { min-width: 150px !important; } - .minwidth200imp { min-width: 200px !important; } - .minwidth250imp { min-width: 250px !important; } - .minwidth300imp { min-width: 300px !important; } - .minwidth400imp { min-width: 300px !important; } - .minwidth500imp { min-width: 300px !important; } - - .linkedcol-element { + .minwidth75imp { min-width: 75px !important; } + .minwidth100imp { min-width: 100px !important; } + .minwidth150imp { min-width: 150px !important; } + .minwidth200imp { min-width: 200px !important; } + .minwidth250imp { min-width: 250px !important; } + .minwidth300imp { min-width: 300px !important; } + .minwidth400imp { min-width: 300px !important; } + .minwidth500imp { min-width: 300px !important; } + + .linkedcol-element { @@ -1750 +1124 @@ - .maxwidthonsmartphone { max-width: 100px; } + .maxwidthonsmartphone { max-width: 100px; } @@ -1752,20 +1126,9 @@ - .minwidth75imp { min-width: 75px !important; } - .minwidth100imp { min-width: 100px !important; } - .minwidth125imp { min-width: 125px !important; } - .minwidth150imp { min-width: 110px !important; } - .minwidth200imp { min-width: 110px !important; } - .minwidth250imp { min-width: 115px !important; } - .minwidth300imp { min-width: 120px !important; } - .minwidth400imp { min-width: 150px !important; } - .minwidth500imp { min-width: 250px !important; } -} - -select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection):not(.select2-dropdown), input.widthcentpercentminusx { - width: calc(100% - 52px) !important; - display: inline-block; -} -select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection):not(.select2-dropdown), input.widthcentpercentminusxx { - width: calc(100% - 70px) !important; - display: inline-block; -} - + .minwidth75imp { min-width: 75px !important; } + .minwidth100imp { min-width: 100px !important; } + .minwidth150imp { min-width: 110px !important; } + .minwidth200imp { min-width: 110px !important; } + .minwidth250imp { min-width: 115px !important; } + .minwidth300imp { min-width: 120px !important; } + .minwidth400imp { min-width: 150px !important; } + .minwidth500imp { min-width: 250px !important; } +} @@ -1775,0 +1139,3 @@ + body { + font-size: ; + } @@ -1780,12 +1146,6 @@ - padding-left: 5px; - padding-right: 5px; - } - - div.divphotoref { - padding-right: 10px !important; - } - - .hideonsmartphone { display: none; } - .hideonsmartphoneimp { display: none !important; } - - .margintoponsmartphone { margin-top: 6px; } + padding-left: 5px; + padding-right: 5px; + } + + .hideonsmartphone { display: none; } + .hideonsmartphoneimp { display: none !important; } @@ -1801,3 +1161,2 @@ - select.minwidth100imp, select.minwidth100, select.minwidth200, select.minwidth200imp, select.minwidth300 { - width: calc(100% - 40px) !important; - min-width: 100px; + select.minwidth100imp, select.minwidth100, select.minwidth200, .widthcentpercentminusx { + width: calc(100% - 50px) !important; @@ -1806,23 +1165,4 @@ - select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx { - width: calc(100% - 70px) !important; - display: inline-block; - } - - input.maxwidthinputfileonsmartphone { - width: 175px; - } - - input.buttonpayment, button.buttonpayment, div.buttonpayment { - min-width: 270px; - } - - .smallonsmartphone { - font-size: 0.8em; - } - - .nopaddingtoponsmartphone { - padding-top: 0 !important; - } - .nopaddingbottomonsmartphone { - padding-bottom: 0 !important; - } + + /*img.photoref, div.photoref { + box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); + }*/ @@ -1833,0 +1174,4 @@ + body { + font-size: ; + } + @@ -1852,7 +1196,13 @@ - .divmainbodylarge { margin-left: 10px !important; margin-right: 10px !important; } - - .tdoverflowonsmartphone { - max-width: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .divmainbodylarge { margin-left: 20px !important; margin-right: 20px !important; } + + .tdoverflowonsmartphone { + max-width: 0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .tdoverflowmax100onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */ + max-width: 100px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1860,5 +1210,5 @@ - .tdoverflowmax100onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 100px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .tdoverflowmax150onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */ + max-width: 100px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; @@ -1866,20 +1216,7 @@ - .tdoverflowmax150onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */ - max-width: 100px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .border tbody tr, .border tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col { - height: 40px !important; - } - - div.tabs div.tab a.tab { - max-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .quatrevingtpercent, .inputsearch { - width: 95%; - } + .border tbody tr, .border tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col { + height: 40px !important; + } + + .quatrevingtpercent, .inputsearch { + width: 95%; + } @@ -1897,2 +1234,2 @@ - } - .trinputlogin input[type=text], input[type=password] { + } + .trinputlogin input[type=text], input[type=password] { @@ -1901 +1238 @@ - .vmenu .searchform input { + .vmenu .searchform input { @@ -1905,12 +1242,11 @@ - .noenlargeonsmartphone { width : 50px !important; display: inline !important; } - .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; } - .maxwidth50onsmartphone { max-width: 40px; } - .maxwidth75onsmartphone { max-width: 50px; } - .maxwidth100onsmartphone { max-width: 70px; } - .maxwidth125onsmartphone { max-width: 100px; } - .maxwidth150onsmartphone { max-width: 120px; } - .maxwidth150onsmartphoneimp { max-width: 120px !important; } - .maxwidth200onsmartphone { max-width: 200px; } - .maxwidth250onsmartphone { max-width: 250px; } - .maxwidth300onsmartphone { max-width: 300px; } - .maxwidth400onsmartphone { max-width: 400px; } + .noenlargeonsmartphone { width : 50px !important; display: inline !important; } + .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; } + .maxwidth50onsmartphone { max-width: 40px; } + .maxwidth75onsmartphone { max-width: 50px; } + .maxwidth100onsmartphone { max-width: 70px; } + .maxwidth150onsmartphone { max-width: 120px; } + .maxwidth150onsmartphoneimp { max-width: 120px !important; } + .maxwidth200onsmartphone { max-width: 200px; } + .maxwidth250onsmartphone { max-width: 250px; } + .maxwidth300onsmartphone { max-width: 300px; } + .maxwidth400onsmartphone { max-width: 400px; } @@ -1919,10 +1255,9 @@ - .minwidth100imp { min-width: 100px !important; } - .minwidth125imp { min-width: 125px !important; } - .minwidth150imp { min-width: 110px !important; } - .minwidth200imp { min-width: 110px !important; } - .minwidth250imp { min-width: 115px !important; } - .minwidth300imp { min-width: 120px !important; } - .minwidth400imp { min-width: 150px !important; } - .minwidth500imp { min-width: 250px !important; } - .titlefield { width: auto; min-width: unset; } - .titlefieldcreate { width: auto; } + .minwidth100imp { min-width: 100px !important; } + .minwidth150imp { min-width: 110px !important; } + .minwidth200imp { min-width: 110px !important; } + .minwidth250imp { min-width: 115px !important; } + .minwidth300imp { min-width: 120px !important; } + .minwidth400imp { min-width: 150px !important; } + .minwidth500imp { min-width: 250px !important; } + .titlefield { width: auto; } + .titlefieldcreate { width: auto; } @@ -1943 +1278 @@ - padding-bottom: 5px; + padding-bottom: 5px; @@ -1945,9 +1280,9 @@ - img.photoref, div.photoref { - border: 1px solid rgba(0, 0, 0, 0.2); - box-shadow: none; - -webkit-box-shadow: none; - padding: 4px; - height: 20px; - width: 20px; - object-fit: contain; - } + img.photoref, div.photoref { + border: 1px solid rgba(0, 0, 0, 0.2); + box-shadow: none; + -webkit-box-shadow: none; + padding: 4px; + height: 20px; + width: 20px; + object-fit: contain; + } @@ -1956,3 +1291,2 @@ - padding-right: 10px; - max-width: 55%; - } + padding-right: 10px; + } @@ -1960,2 +1294,2 @@ - padding-right: 3px !important; - } + padding-right: 3px !important; + } @@ -1963,2 +1297,2 @@ - padding-right: 3px !important; - } + padding-right: 3px !important; + } @@ -1967,4 +1301,4 @@ - padding-top: 0px !important; - padding-left: 0px !important; - border: none !important; - } + padding-top: 0px !important; + padding-left: 0px !important; + border: none !important; + } @@ -1973 +1307 @@ - input.buttonpayment { + input.buttonpayment { @@ -1975 +1309 @@ - } + } @@ -1979 +1313 @@ -table.tableforfield tr:not(.liste_titre)>td:first-of-type, tr.trforfield:not(.liste_titre)>td:first-of-type, div.tableforfield div.tagtr:not(.liste_titre)>div.tagtd:first-of-type { +table.tableforfield tr>td:first-of-type, div.tableforfield div.tagtr>div.tagtd:first-of-type { @@ -1984 +1318 @@ -.hideonprint { display: none !important; } +.hideonprint { display: none; } @@ -2020,2 +1354,2 @@ - - padding-top: 18px; + global->MAIN_USE_TOP_MENU_SEARCH_DROPDOWN)) { ?> + padding-top: 8px; @@ -2025 +1359 @@ - padding-top: 14px; + padding-top: 10px; @@ -2030,35 +1364,7 @@ -.bodyforlist #id-right { - padding-bottom: 4px; -} - -/* DOL_XXX For having horizontal scroll into array (like with smartphone) */ - -.classforhorizontalscrolloftabs #id-container { - width: 100%; -} -.classforhorizontalscrolloftabs .side-nav { - display: block; - float: left; -} -.classforhorizontalscrolloftabs #id-right { - width: calc(100% - 210px); - display: inline-block; -} - -/* -.classforhorizontalscrolloftabs .fiche .div-table-responsive -{ - transform:rotateX(180deg); - -ms-transform:rotateX(180deg); - -webkit-transform:rotateX(180deg); -} -.classforhorizontalscrolloftabs .fiche .div-table-responsive-inside -{ - transform:rotateX(180deg); - -ms-transform:rotateX(180deg); - -webkit-transform:rotateX(180deg); -} -*/ - - - +#id-left { +/* background-color: #fff; + border-right: 1px #888 solid; + height: calc(100% - 50px);*/ +} + +global->THEME_DISABLE_STICKY_TOPMENU)) { ?> @@ -2068 +1374 @@ - z-index: 1005; + z-index: 1001; @@ -2072,6 +1377,0 @@ -@media screen and (prefers-color-scheme: dark) { - .side-nav-vert { - border-bottom: 1px solid #888; - } -} - @@ -2079,2 +1378,0 @@ - /*display: block; - float: left; */ @@ -2082 +1380 @@ - border-: 1px solid #ECECEC; + border-: 1px solid #E0E0E0; @@ -2097,8 +1395,8 @@ - margin: px; - margin-left: 11px; - margin-right: 9px; - padding: 0; - height: px; - /* width: 100px; */ - max-width: 100px; - vertical-align: middle; + margin: px; + margin-left: 11px; + margin-right: 9px; + padding: 0; + height: px; + /* width: 100px; */ + max-width: 100px; + vertical-align: middle; @@ -2107,2 +1405,2 @@ - background-color: rgba(255,255,255,0.2); - border-radius: 4px; + background-color: rgba(255,255,255,0.7); + border-radius: 4px; @@ -2111,4 +1409,3 @@ - object-fit: contain; - width: inherit; - height: inherit; - image-rendering: -webkit-optimize-contrast; + object-fit: contain; + width: inherit; + height: inherit; @@ -2138 +1435 @@ - border-bottom: 1px solid #eaeaea; + border-bottom: 1px solid #e0e0e0; @@ -2149,2 +1446,2 @@ - margin-top: 4px; - margin-bottom: 1px; + margin-top: 4px; + margin-bottom: 1px; @@ -2165 +1461,0 @@ - @@ -2167,66 +1463,39 @@ -@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ -{ - /* no side-nav */ - body.sidebar-collapse .side-nav { - display: none; - } - - /* if no side-nav, we don't need to have width forced to calc(100% - 210px); */ - .classforhorizontalscrolloftabs #id-right { - width: 100%; - /* width: unset; */ - /* display: unset; */ - } - - body.sidebar-collapse .login_block { - display: none; - } - - .menuhider { display: block !important; } - .dropdown-user-image { display: none; } - .user-header { height: auto !important; color: var(--colortextbackhmenu); } - - #id-container { - width: 100%; - } - .side-nav { - border-bottom: 1px solid #BBB; - background: #FFF; - padding-left: 20px; - padding-right: 20px; - position: absolute; - z-index: 90; - } - div.blockvmenulogo - { - border-bottom: 0 !important; - } - div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend { - border-top: none !important; - border-left: none !important; - border-right: none !important; - border-bottom: 1px solid #eaeaea; - padding-left: 0 !important; - } - div.vmenu, td.vmenu { - padding-right: 6px !important; - } - div.fiche { - margin-: 9px !important; - margin-: 10px !important; - } - - .pagination .fa-chevron-left, .pagination .fa-chevron-right { - font-size: 1.2em; - } -} - -@media only screen and (min-width: 768px) and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ -{ - div.fiche { - margin-: 13px !important; - margin-: 14px !important; - } -} - - +@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ +{ +body.sidebar-collapse .side-nav { + display: none; +} + +body.sidebar-collapse .login_block { + display: none; +} + +.menuhider { display: block !important; } +.dropdown-user-image { display: none; } +.user-header { height: auto !important; color: var(--colorbackbody); } + +#id-container { + width: 100%; +} +.side-nav { + border-bottom: 1px solid #BBB; + background: #FFF; + padding-left: 20px; + padding-right: 20px; + position: absolute; + z-index: 90; +} +div.blockvmenulogo +{ + border-bottom: 0 !important; +} +div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend { + border-top: none !important; + border-left: none !important; + border-right: none !important; + border-bottom: 1px solid #e0e0e0; + padding-left: 0 !important; +} +div.vmenu, td.vmenu { + padding-right: 6px !important; +} @@ -2234,8 +1503,12 @@ - margin-: dol_optimize_smallscreen) ? '40' : '6')); ?>px; - margin-: dol_optimize_smallscreen) ? '36' : '6')); ?>px; - - + margin-: 9px !important; + margin-: 10px !important; +} + +} + + +div.fiche { + margin-: dol_optimize_smallscreen) ? '30' : '6')); ?>px; + margin-: dol_optimize_smallscreen) ? '28' : '6')); ?>px; + + @@ -2250 +1523 @@ - margin-bottom: 12px; + margin-bottom: 7px; @@ -2260,9 +1533,3 @@ - browser->layout != 'phone') { - print "float: ".$left.";\n"; - } ?> - browser->layout != 'phone') { - print "width: calc(50% - 14px);\n"; - } ?> - browser->layout == 'phone') { - print "padding-bottom: 6px;\n"; - } ?> + browser->layout != 'phone') { print "float: ".$left.";\n"; } ?> + browser->layout != 'phone') { print "width: 50%;\n"; } ?> + browser->layout == 'phone') { print "padding-bottom: 6px;\n"; } ?> @@ -2271,9 +1538,6 @@ - browser->layout != 'phone') { - print "float: ".$right.";\n"; - } ?> - browser->layout != 'phone') { - print "width: calc(50% - 14px);\n"; - } ?> - browser->layout == 'phone') { - print "padding-bottom: 6px\n"; - } ?> + browser->layout != 'phone') { print "float: ".$right.";\n"; } ?> + browser->layout != 'phone') { print "width: 50%;\n"; } ?> + browser->layout == 'phone') { print "padding-bottom: 6px\n"; } ?> +} +div.fichetwothirdright div.ficheaddleft { + padding-: 20px; @@ -2282,6 +1546,2 @@ - browser->layout != 'phone') { - print "float: ".$left.";\n"; - } ?> - browser->layout != 'phone') { - print "width: calc(50% - 14px);\n"; - } ?> + browser->layout != 'phone') { print "float: ".$left.";\n"; } ?> + browser->layout != 'phone') { print "width: calc(50% - 10px);\n"; } ?> @@ -2290,6 +1550,2 @@ - browser->layout != 'phone') { - print "float: ".$right.";\n"; - } ?> - browser->layout != 'phone') { - print "width: calc(50% - 14px);\n"; - } ?> + browser->layout != 'phone') { print "float: ".$right.";\n"; } ?> + browser->layout != 'phone') { print "width: calc(50% - 10px);\n"; } ?> @@ -2298,6 +1554,3 @@ - browser->layout == 'phone') { - print "margin-top: 10px;\n"; - } ?> -} - -/*div.firstcolumn div.box { + browser->layout == 'phone') { print "margin-top: 10px;\n"; } ?> +} +div.firstcolumn div.box { @@ -2308,3 +1561 @@ -}*/ - - +} @@ -2314,3 +1565,23 @@ - div.fiche { - margin-: px; - margin-: px; + div.fiche { + margin-: px; + margin-: px; + } + div.fichecenter { + width: 100%; + clear: both; /* This is to have div fichecenter that are true rectangles */ + } + div.fichecenterbis { + margin-top: 8px; + } + div.fichethirdleft { + float: none; + width: auto; + padding-bottom: 6px; + } + div.fichetwothirdright { + float: none; + width: auto; + padding-bottom: 6px; + } + div.fichetwothirdright div.ficheaddleft { + padding-left: 0; @@ -2318,29 +1589,12 @@ - div.fichecenter { - width: 100%; - clear: both; /* This is to have div fichecenter that are true rectangles */ - } - div.fichecenterbis { - margin-top: 8px; - } - div.fichethirdleft { - float: none; - width: auto; - padding-bottom: 6px; - } - div.fichetwothirdright { - float: none; - width: auto; - padding-bottom: 6px; - } - div.fichehalfleft { - float: none; - width: auto; - } - div.fichehalfright { - float: none; - width: auto; - } - div.fichehalfright { - margin-top: 10px; - } - div.firstcolumn div.box { + div.fichehalfleft { + float: none; + width: auto; + } + div.fichehalfright { + float: none; + width: auto; + } + div.fichehalfright { + margin-top: 10px; + } + div.firstcolumn div.box { @@ -2355,14 +1609,14 @@ -@media only screen and (max-width: 1499px) -{ - div.fichehalfleft-lg { - float: none; - width: auto; - } - div.fichehalfright-lg { - float: none; - width: auto; - } - - .fichehalfright-lg .fichehalfright { - padding-left:0; - } +@media only screen and (max-width: 1599px) +{ + div.fichehalfleft-lg { + float: none; + width: auto; + } + div.fichehalfright-lg { + float: none; + width: auto; + } + + .fichehalfright-lg .fichehalfright { + padding-left:0; + } @@ -2373 +1627 @@ - padding: 0 0 0 0; + padding: 0 0 0 0; @@ -2385,2 +1639,2 @@ - color: #bbb; - opacity: 0.85; + color: #bbb; + opacity: 0.85; @@ -2389,3 +1643,3 @@ - opacity: 0.7 !important; - font-size: 0.7em; - width: 20px; + opacity: 0.7 !important; + font-size: 0.7em; + width: 20px; @@ -2395,4 +1649,3 @@ - color: #999; -} - -/* + color: #999; +} + @@ -2400,9 +1653,9 @@ - background: var(--colortexttitlenotab); - opacity: 0.8; - color: #fff !important; - padding: 7px; - border-radius: 2px; - min-width: 30px; - text-align: center; -} -*/ + /* background: rgba(70, 3, 62, 0.5); */ + background: var(--colortexttitlenotab); + opacity: 0.8; + color: #fff !important; + padding: 7px; + border-radius: 2px; + min-width: 30px; + text-align: center; +} @@ -2413 +1665,0 @@ - @@ -2418,2 +1670,2 @@ - padding-left: 2px; - padding-right: 2px; + padding-left: 2px; + padding-right: 2px; @@ -2426,2 +1678,2 @@ -.pictowarning, .pictoerror, .pictopreview, .pictonopreview, .picto.error { - padding-: 3px; +.pictowarning, .pictopreview { + padding-: 3px; @@ -2430,2 +1682,2 @@ - /* vertical-align: text-bottom; */ - color: ; + /* vertical-align: text-bottom; */ + color: ; @@ -2434 +1686 @@ - color: ; + color: ; @@ -2445,8 +1697,2 @@ - opacity: 0.4; -} -.pictofixedwidth { - text-align: ; - width: 20px; - /* padding-right: 0; */ -} - + opacity: 0.4; +} @@ -2458 +1704 @@ - width: 50px; + width: 44px; @@ -2467 +1713 @@ - padding-bottom: 6px; + padding-bottom: 0; @@ -2482 +1728 @@ -div.divphotoref:last-child { +div.divphotoref { @@ -2490,3 +1736,3 @@ - padding: 10px; - border: 1px solid #bbb; - border-radius: 6px; + padding: 10px; + border: 1px solid #bbb; + border-radius: 6px; @@ -2500 +1746 @@ - text-align: right; + text-align: right; @@ -2503,4 +1749,4 @@ - padding-left: 8px; - padding-right: 9px; - vertical-align: text-bottom; - width: 18px; + padding-left: 8px; + padding-right: 9px; + vertical-align: text-bottom; + width: 18px; @@ -2509,3 +1755,3 @@ - padding-left: 8px; - padding-right: 9px; - vertical-align: text-bottom; + padding-left: 8px; + padding-right: 9px; + vertical-align: text-bottom; @@ -2515,3 +1761,3 @@ - -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); - box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); - padding: 4px; + -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); + box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); + padding: 4px; @@ -2520,10 +1766 @@ - object-fit: contain; -} -img.photokanban, div.photokanban { - padding: 0; - border: none; - box-shadow: none; - vertical-align: middle; -} -div.photoref .fa, div.photoref .fas, div.photoref .far { - font-size: 2.5em; + object-fit: contain; @@ -2532 +1769 @@ - object-fit: contain; + object-fit: contain; @@ -2539,4 +1775,0 @@ -.difforspanimgright { - display: table-cell; - padding-right: 10px; -} @@ -2544 +1777 @@ - padding: 2px; + padding: 2px; @@ -2547,3 +1780,3 @@ - object-fit: contain; - border: 1px solid #AAA; - border-radius: 100px; + object-fit: contain; + border: 1px solid #AAA; + border-radius: 100px; @@ -2554 +1787 @@ - border-bottom: px solid var(--colortopbordertitle1); + border-bottom: px solid rgb(); @@ -2558,2 +1791,2 @@ - /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */ - /* border-bottom: 2px solid var(--colortopbordertitle1) !important; */ + /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */ + border-bottom: 2px solid rgb() !important; @@ -2563 +1796 @@ - margin: 0 !important; + margin: 0; @@ -2571 +1804 @@ -#id-top { +div#id-top { @@ -2585 +1818 @@ - padding-: px; + padding-: px; @@ -2589,6 +1822,6 @@ - -webkit-user-select: none; /* Safari */ - -khtml-user-select: none; /* Konqueror HTML */ - -moz-user-select: none; /* Firefox */ - -ms-user-select: none; /* Internet Explorer/Edge */ - user-select: none; /* Non-prefixed version, currently - supported by Chrome and Opera */ + -webkit-user-select: none; /* Safari */ + -khtml-user-select: none; /* Konqueror HTML */ + -moz-user-select: none; /* Firefox */ + -ms-user-select: none; /* Internet Explorer/Edge */ + user-select: none; /* Non-prefixed version, currently + supported by Chrome and Opera */ @@ -2609,8 +1842,8 @@ - position: relative; - display: block; - white-space: nowrap; - border-top: 0px; - border-: 0px; - border-: 0px; - padding: 0px 0px 0px 0px; /* t r b l */ - margin: 0px 0px 0px 0px; /* t r b l */ + position: relative; + display: block; + white-space: nowrap; + border-top: 0px; + border-: 0px; + border-: 0px; + padding: 0px 0px 0px 0px; /* t r b l */ + margin: 0px 0px 0px 0px; /* t r b l */ @@ -2618 +1851 @@ - font-weight: normal; + font-weight: normal; @@ -2620 +1853 @@ - text-decoration: none; + text-decoration: none; @@ -2627 +1860 @@ - /* font-weight: 300; */ + /* font-weight: 300; */ @@ -2636,11 +1868,0 @@ -span.mainmenuaspan.tmenudisabled { - color: var(--colortextbackhmenu); - opacity: 0.5; - cursor: not-allowed; -} - -a.disabled, span.tmenu { - color: #aaa; - text-decoration: none !important; - cursor: default; -} @@ -2649,2 +1871 @@ - padding: 0px 2px 0px 2px; - margin: 0px 0px 0px 0px; + padding: 0px 4px 0px 4px; @@ -2653 +1874 @@ - text-decoration: none; + text-decoration: none; @@ -2656 +1877 @@ - padding: 0px 2px 0px 2px; + padding: 0px 4px 0px 4px; @@ -2665,2 +1886,2 @@ - padding: 0px 0px 0px 0px; - margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; @@ -2676 +1897 @@ - + global->MAIN_MENU_INVERT)) { ?> @@ -2678 +1899 @@ - + @@ -2726 +1947 @@ - height: px; + height: px; @@ -2728 +1949 @@ - /* width: 100%; */ + /* width: 100%; */ @@ -2738,2 +1959,2 @@ - text-overflow: ellipsis; - width: 188px; /* required to have overflow working. must be same than menu_contenu */ + text-overflow: ellipsis; + width: 188px; /* required to have overflow working. must be same than menu_contenu */ @@ -2745,2 +1965,0 @@ - font-family: Roboto,; - font-weight: 400; @@ -2753 +1972 @@ - height: px; + height: px; @@ -2759 +1978 @@ - outline: none; + outline: none; @@ -2762,4 +1981 @@ - outline: none; -} -.tmenuimage { - color: var(--colortextbackhmenu); + outline: none; @@ -2771 +1987,2 @@ - + background-image: url(); + @@ -2774 +1991 @@ - display: unset; + display: unset; @@ -2777 +1994 @@ - display: block; + display: block; @@ -2785,50 +2001,0 @@ -/* To show text of top menu on hover only (THEME_TOPMENU_DISABLE_IMAGE == 2) */ - - -.tmenulabel:not(.menuhider), .tmenulabel:not(.menuhider)::before { - display: none; - /* opacity: 0; To show text after transition */ -} -a.tmenuimage:not(.menuhider), a.tmenuimage:not(.menuhider)::before, -div.tmenuimage:not(.menuhider), div.tmenuimage:not(.menuhider)::before, -span.tmenuimage:not(.menuhider), span.tmenuimage:not(.menuhider)::before { - font-size: 1.3em; - margin-top: 8px !important; -} - - - -.tmenudiv:hover .tmenulabel:not(.menuhider), .tmenudiv:hover .tmenulabel:not(.menuhider)::before { - display: block; - position: relative; - overflow: hidden; - text-overflow: ellipsis; - /* For transition transition-delay: 1000ms; - transition-property: all; */ - opacity: 1; - display: initial !important; - line-height: 0.6em !important; - height: 1em !important; - overflow: hidden; - text-overflow: ellipsis; - color: var(--colortextbackhmenu); - top: 0px; -} - -.tmenudiv:hover .tmenuimage:not(.menuhider), .tmenudiv:hover .tmenuimage:not(.menuhider)::before { - /* For transition transition-delay: 1000ms; - transition-property: all; */ - margin-top: 0px !important; -} - - - -li.tmenu:hover .tmenulabel:not(.menuhider), li.tmenu:hover .tmenulabel:not(.menuhider)::before { - display: initial !important; -} -li.tmenu:hover .tmenuimage:not(.menuhider), li.tmenu:hover .tmenuimage:not(.menuhider):before { - font-size: 1.1em !important; - margin-top: 0px !important; -} - - @@ -2840,78 +2007,155 @@ - - - 'name of class for div') - - $moduletomainmenu = array( - 'user'=>'', 'syslog'=>'', 'societe'=>'companies', 'projet'=>'project', 'propale'=>'commercial', 'commande'=>'commercial', - 'produit'=>'products', 'service'=>'products', 'stock'=>'products', - 'don'=>'accountancy', 'tax'=>'accountancy', 'banque'=>'accountancy', 'facture'=>'accountancy', 'compta'=>'accountancy', 'accounting'=>'accountancy', 'adherent'=>'members', 'import'=>'tools', 'export'=>'tools', 'mailing'=>'tools', - 'contrat'=>'commercial', 'ficheinter'=>'commercial', 'ticket'=>'ticket', 'deplacement'=>'commercial', - 'fournisseur'=>'companies', - 'barcode'=>'', 'fckeditor'=>'', 'categorie'=>'', - ); - $mainmenuused = 'home'; - foreach ($conf->modules as $val) { - $mainmenuused .= ','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val); - } - $mainmenuusedarray = array_unique(explode(',', $mainmenuused)); - - $generic = 1; - // Put here list of menu entries when the div.mainmenu.menuentry was previously defined - $divalreadydefined = array('home', 'companies', 'products', 'mrp', 'commercial', 'externalsite', 'accountancy', 'project', 'tools', 'members', 'agenda', 'ftp', 'holiday', 'hrm', 'bookmark', 'cashdesk', 'takepos', 'ecm', 'geoipmaxmind', 'gravatar', 'clicktodial', 'paypal', 'stripe', 'webservices', 'website'); - // Put here list of menu entries we are sure we don't want - $divnotrequired = array('multicurrency', 'salaries', 'ticket', 'margin', 'opensurvey', 'paybox', 'expensereport', 'incoterm', 'prelevement', 'propal', 'workflow', 'notification', 'supplier_proposal', 'cron', 'product', 'productbatch', 'expedition'); - - foreach ($mainmenuusedarray as $val) { - if (empty($val) || in_array($val, $divalreadydefined)) { - continue; - } - if (in_array($val, $divnotrequired)) { - continue; - } - - $found = 0; - $url = ''; - $constformoduleicon = 'MAIN_MODULE_'.strtoupper($val).'_ICON'; - $iconformodule = getDolGlobalString($constformoduleicon); - if ($iconformodule) { - if (preg_match('/^fa\-/', $iconformodule)) { - // This is a fa icon - } else { - $url = dol_buildpath('/'.$val.'/img/'.$iconformodule.'.png', 1); - } - $found = 1; - } else { - // Search img file in module dir - foreach ($conf->file->dol_document_root as $dirroot) { - if (file_exists($dirroot."/".$val."/img/".$val.".png")) { - $url = dol_buildpath('/'.$val.'/img/'.$val.'.png', 1); - $found = 1; - break; - } - } - } - //print "XXX".$val."->".$found."\n"; - - // Output entry for menu icon in CSS - if (!$found) { - print "/* A mainmenu entry was found but img file ".$val.".png not found (check /".$val."/img/".$val.".png), so we use a generic one */\n"; - print 'div.mainmenu.'.$val.' span::before {'."\n"; - print 'content: "\f249";'."\n"; - print '}'."\n"; - $generic++; - } else { - if ($url) { - print "div.mainmenu.".$val." {\n"; - print " background-image: url(".$url.");\n"; - print " background-position-y: 3px;\n"; - print " filter: saturate(0);\n"; - print "}\n"; - } else { - print '/* icon for module '.$val.' is a fa icon */'."\n"; - } - } - } - // End of part to add more div class css - ?> - + + + + div.mainmenu.home{ + background-image: url(); + background-position-x: center; + } + + div.mainmenu.billing { + background-image: url(); + } + + div.mainmenu.accountancy { + background-image: url(); + } + + div.mainmenu.agenda { + background-image: url(); + } + + div.mainmenu.bank { + background-image: url(); + } + + div.mainmenu.cashdesk { + background-image: url(); + } + + div.mainmenu.takepos { + background-image: url(); + } + + div.mainmenu.companies { + background-image: url(); + } + + div.mainmenu.commercial { + background-image: url(); + } + + div.mainmenu.ecm { + background-image: url(); + } + + div.mainmenu.externalsite { + background-image: url(); + } + + div.mainmenu.ftp { + background-image: url(); + } + + div.mainmenu.hrm { + background-image: url(); + } + + div.mainmenu.members { + background-image: url(); + } + + div.mainmenu.products { + background-image: url(); + } + + div.mainmenu.mrp { + background-image: url(); + } + + div.mainmenu.project { + background-image: url(); + } + + div.mainmenu.ticket { + background-image: url(); + } + + div.mainmenu.tools { + background-image: url(); + } + + div.mainmenu.website { + background-image: url(); + } + + + 'name of class for div') + + $moduletomainmenu = array( + 'user'=>'', 'syslog'=>'', 'societe'=>'companies', 'projet'=>'project', 'propale'=>'commercial', 'commande'=>'commercial', + 'produit'=>'products', 'service'=>'products', 'stock'=>'products', + 'don'=>'accountancy', 'tax'=>'accountancy', 'banque'=>'accountancy', 'facture'=>'accountancy', 'compta'=>'accountancy', 'accounting'=>'accountancy', 'adherent'=>'members', 'import'=>'tools', 'export'=>'tools', 'mailing'=>'tools', + 'contrat'=>'commercial', 'ficheinter'=>'commercial', 'ticket'=>'ticket', 'deplacement'=>'commercial', + 'fournisseur'=>'companies', + 'barcode'=>'', 'fckeditor'=>'', 'categorie'=>'', + ); + $mainmenuused = 'home'; + foreach ($conf->modules as $val) + { + $mainmenuused .= ','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val); + } + $mainmenuusedarray = array_unique(explode(',', $mainmenuused)); + + $generic = 1; + // Put here list of menu entries when the div.mainmenu.menuentry was previously defined + $divalreadydefined = array('home', 'companies', 'products', 'mrp', 'commercial', 'externalsite', 'accountancy', 'project', 'tools', 'members', 'agenda', 'ftp', 'holiday', 'hrm', 'bookmark', 'cashdesk', 'takepos', 'ecm', 'geoipmaxmind', 'gravatar', 'clicktodial', 'paypal', 'stripe', 'webservices', 'website'); + // Put here list of menu entries we are sure we don't want + $divnotrequired = array('multicurrency', 'salaries', 'ticket', 'margin', 'opensurvey', 'paybox', 'expensereport', 'incoterm', 'prelevement', 'propal', 'workflow', 'notification', 'supplier_proposal', 'cron', 'product', 'productbatch', 'expedition'); + foreach ($mainmenuusedarray as $val) + { + if (empty($val) || in_array($val, $divalreadydefined)) continue; + if (in_array($val, $divnotrequired)) continue; + //print "XXX".$val; + + // Search img file in module dir + $found = 0; $url = ''; + foreach ($conf->file->dol_document_root as $dirroot) + { + if (file_exists($dirroot."/".$val."/img/".$val.".png")) + { + $url = dol_buildpath('/'.$val.'/img/'.$val.'.png', 1); + $found = 1; + break; + } + } + // Img file not found + if (!$found) + { + if (!defined('DISABLE_FONT_AWSOME')) { + print "/* A mainmenu entry was found but img file ".$val.".png not found (check /".$val."/img/".$val.".png), so we use a generic one. */\n"; + print "/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */\n"; + print 'div.mainmenu.'.$val.'::before { + content: "\f249"; + }'."\n"; + } + else + { + print "/* A mainmenu entry was found but img file ".$val.".png not found (check /".$val."/img/".$val.".png), so we use a generic one */\n"; + $url = dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.(min($generic, 4))."_over.png", 1); + print "div.mainmenu.".$val." {\n"; + print " background-image: url(".$url.");\n"; + print "}\n"; + } + $generic++; + } + else + { + print "div.mainmenu.".$val." {\n"; + print " background-image: url(".$url.");\n"; + print "}\n"; + } + } + // End of part to add more div class css + ?> + @@ -2920,5 +2164,5 @@ - padding:0 0 0 0 !important; - margin:0 0 0 0 !important; - - display: none; - + padding:0 0 0 0 !important; + margin:0 0px 0 0 !important; + + display: none; + @@ -2935,4 +2179,4 @@ - position: absolute; - height: 100%; - width: 100%; - font-size: 1em; + position: absolute; + height: 100%; + width: 100%; + font-size: 1em; @@ -2942 +2186 @@ - vertical-align: middle; + vertical-align: middle; @@ -2970,2 +2214,2 @@ -if (getDolGlobalString('MAIN_LOGIN_BACKGROUND')) { - print ' background-color: rgba(255, 255, 255, 0.9);'; +if (!empty($conf->global->MAIN_LOGIN_BACKGROUND)) { + print ' background-color: rgba(255, 255, 255, 0.9);'; @@ -2975,0 +2220 @@ + @@ -3001,4 +2246,4 @@ - background-color: transparent; - /* border: 2px solid #ccc; */ - min-width: 220px; - border-radius: 2px; + background-color: transparent; + /* border: 2px solid #ccc; */ + min-width: 220px; + border-radius: 2px; @@ -3016 +2260,0 @@ -/* For the static info message */ @@ -3018,4 +2262,2 @@ - word-break: break-word; - width: fit-content; -} -/* For the result or error message */ + word-break: break-word; +} @@ -3041 +2283 @@ - margin-top: 10px; + margin-top: 10px; @@ -3065 +2307 @@ - background:rgba(255, 255, 255, 0.7); + background:rgba(255,255,255,0.6); @@ -3075 +2317 @@ - + @@ -3084,6 +2325,0 @@ -div.login_block a .atoploginusername { - display: inline-block; - overflow: hidden; - max-width: 60px; - text-overflow: ellipsis; -} @@ -3091,2 +2327 @@ - color: var(--colortextbackhmenu); - filter: contrast(0.7); + color: ; @@ -3110 +2345 @@ - vertical-align: middle; + vertical-align: middle; @@ -3114,3 +2349,3 @@ - vertical-align: middle; - line-height: px; - height: px; + vertical-align: middle; + line-height: px; + height: px; @@ -3120 +2355 @@ - vertical-align: middle; + vertical-align: middle; @@ -3138 +2373 @@ - color: var(--colortextbackhmenu) !important; + color: # !important; @@ -3158,2 +2393,2 @@ - font-size: 16px; - text-decoration: none !important; + font-size: 16px; + text-decoration: none !important; @@ -3162 +2397 @@ - font-size: 0.7em; + font-size: 0.7em; @@ -3171,9 +2405,0 @@ -.loginbuttonexternal { - width: 300px; - margin: auto; - border: 1px solid #ccc; - padding: 10px; - border-radius: 5px; -} - - @@ -3181,6 +2407,5 @@ - width: px; - height: px; - border-radius: 50%; - background-size: contain; - border: 1px solid; - border-color: rgba(255, 255, 255, 0.2); + width: px; + height: px; + border-radius: 50%; + background-size: contain; + background-size: contain; @@ -3191,10 +2416,3 @@ - height: 1.4em; - background-size: contain; - vertical-align: middle; -} -span.userimg div.userphoto { - background-color: #eee; - border-radius: 0.72em; - width: 1.4em; - height: 1.4em; - padding-top: 1px; + height: 1.4em; + background-size: contain; + vertical-align: middle; @@ -3205,21 +2423,4 @@ - height: 1.2em; - background-size: contain; - vertical-align: middle; - background-color: #FFF; -} -img.userphotopublicvcard { - width: 60px; - height: 60px; - border-radius: 50%; - background-size: contain; - border: 1px solid; - border-color: rgba(128, 128, 128, 0.5); - position: relative; - top: 25px; - left: -110px; -} -img.userphoto[alt="Gravatar avatar"], img.photouserphoto.dropdown-user-image[alt="Gravatar avatar"] { - background: #fff; -} -form[name="addtime"] img.userphoto { - border: 1px solid #444; + height: 1.2em; + background-size: contain; + vertical-align: middle; + background-color: #FFF; @@ -3241,7 +2442,7 @@ - margin-: 2px; - position: relative; - float: left; - padding: 0px; - padding-bottom: 0px; - padding-top: 1px; - width: 190px; + margin-: 2px; + position: relative; + float: left; + padding: 0px; + padding-bottom: 0px; + padding-top: 1px; + width: 190px; @@ -3251 +2452 @@ - width: 190px; + width: 190px; @@ -3254 +2455 @@ - display: none; + display: none; @@ -3270,2 +2471,2 @@ - text-overflow: ellipsis; - width: 188px; /* required to have overflow working. must be same than .menu_titre */ + text-overflow: ellipsis; + width: 188px; /* required to have overflow working. must be same than .menu_titre */ @@ -3279,3 +2480 @@ -a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu, span.vsmenu { - white-space: nowrap; font-family: ; text-align: ; -} +a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu, span.vsmenu { white-space: nowrap; font-family: ; text-align: ; } @@ -3284,7 +2483,2 @@ -span.vmenudisabled, font.vmenudisabled { - /* bold = 600, 500 is ko with Edge on 1200x960 */ - font-family: ; text-align: ; font-weight: bold; color: #aaa; margin-left: 4px; white-space: nowrap; -} -a.vmenu:link, a.vmenu:visited { - color: var(--colortextbackvmenu); -} +font.vmenudisabled { font-family: ; text-align: ; font-weight: bold; color: #aaa; margin-left: 4px; } /* bold = 600, 500 is ko with Edge on 1200x960 */ +a.vmenu:link, a.vmenu:visited { color: var(--colortextbackvmenu); } @@ -3295 +2489 @@ - color: var(--colortextbackvmenu); + color: #202020; @@ -3298,6 +2492 @@ -span.vsmenudisabled, font.vsmenudisabled { - font-family: ; - text-align: ; - color: #aaa; - white-space: nowrap; -} +font.vsmenudisabled { font-family: ; text-align: ; color: #aaa; } @@ -3308 +2497 @@ -span.vsmenudisabledmargin, font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; } +font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; } @@ -3311,19 +2500 @@ -a.help:link, a.help:visited, a.help:hover, a.help:active, span.help { - text-align: ; color: #aaa; text-decoration: none; -} -.helppresent, .helppresent:hover { - /* color: #f3e4ac !important; */ -} -.helppresentcircle { - /* - color: var(--colorbackhmenu1); - filter: invert(0.5); - */ - color: var(--colortextbackhmenu); - margin-: -4px; - display: inline-block; - font-size: x-small; - vertical-align: super; - opacity: 0.95; - transform: rotate(); -} +a.help:link, a.help:visited, a.help:hover, a.help:active, span.help { text-align: ; color: #aaa; text-decoration: none; } @@ -3333 +2504 @@ - border-top: 1px solid #BBB; + border-top: 1px solid #BBB; @@ -3336 +2507 @@ - padding-right: 10px; + padding-right: 10px; @@ -3365,18 +2535,0 @@ -{ - font-family: ; - text-align: ; - text-decoration: none; - padding-left: 5px; - padding-right: 1px; - padding-top: 4px; - padding-bottom: 7px; - margin: 0 0 0 2px; - - color: var(--colortext); - background: var(--colorbackvmenu1); - - border-left: 1px solid #AAA; - border-right: 1px solid #BBB; -} - -div.blockvmenusearch @@ -3388 +2541,19 @@ - margin: 1px 0px 0px 2px; + padding-left: 5px; + padding-right: 1px; + padding-top: 4px; + padding-bottom: 7px; + margin: 0 0 0 2px; + + background: var(--colorbackvmenu1); + + border-left: 1px solid #AAA; + border-right: 1px solid #BBB; +} + +div.blockvmenusearch +{ + font-family: ; + color: #000000; + text-align: ; + text-decoration: none; + margin: 1px 0px 0px 2px; @@ -3406,5 +2577,5 @@ - padding-left: 0px; - padding-right: 6px; - padding-top: 3px; - padding-bottom: 3px; - margin: 4px 0px 0px 0px; + padding-left: 0px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; + margin: 4px 0px 0px 0px; @@ -3412 +2583 @@ - display: none; + display: none; @@ -3435 +2606 @@ - border: 1px solid #bbb; + border: 1px solid #bbb; @@ -3447,2 +2618,2 @@ - padding: 0px; - overflow: auto; + padding: 0px; + overflow: auto; @@ -3454 +2625 @@ - overflow: auto; /* add scrolling to content-div */ + overflow: auto; /* add scrolling to content-div */ @@ -3463 +2634 @@ - padding-bottom: 0 !important; + padding-bottom: 0 !important; @@ -3468,2 +2639,2 @@ - padding: 0px 4px 14px 4px !important; - min-height: 32px; + padding: 0px 4px 14px 4px !important; + min-height: 32px; @@ -3474,4 +2645,4 @@ - margin-top: 0px; - margin-left: 4px; - margin-right: 4px; - height: 30px; + margin-top: 0px; + margin-left: 4px; + margin-right: 4px; + height: 30px; @@ -3481 +2652 @@ - height: 30px; + height: 30px; @@ -3485,11 +2656,4 @@ - font-weight: bold !important; -} - -.divfmdirlia { - width: calc(100% - 100px); -} - -a.fmdirlia { - white-space: break-spaces; - word-break: break-all; -} + font-weight: bold !important; +} + + @@ -3502,4 +2666,4 @@ - text-align: ; - margin-top: 10px; - padding-left: 6px; - padding-right: 6px; + text-align: ; + padding-top: 10px; + padding-left: 6px; + padding-right: 6px; @@ -3514,4 +2678,4 @@ - content: "\f0da"; - font-family: ""; - padding-right: 2px; - font-weight: 900; + content: "\f0da"; + font-family: "Font Awesome 5 Free"; + padding-right: 2px; + font-weight: 900; @@ -3521,7 +2685,7 @@ - color: var(--colortextbacktab); - padding-top: 16px; - padding-left: 0px; padding-right: 0px; - padding-bottom: 2px; - margin: 0px 0px 30px 0px; - border-top: 1px solid #BBB; - /* border-bottom: 1px solid #AAA; */ + color: var(--colortextbacktab); + padding-top: 16px; + padding-left: 0px; padding-right: 0px; + padding-bottom: 2px; + margin: 0px 0px 16px 0px; + border-top: 1px solid #BBB; + /* border-bottom: 1px solid #AAA; */ @@ -3529,2 +2692,0 @@ -} -div.tabBar { @@ -3541,2 +2703,2 @@ - padding-top: 0; - border-top: 0; + padding-top: 0; + border-top: 0; @@ -3558 +2720 @@ - border-bottom: 1px solid #aaa; + border-bottom: 1px solid #aaa; @@ -3562 +2724 @@ - padding-top: 0 !important; + padding-top: 0 !important; @@ -3575,2 +2737,2 @@ - padding-top: 8px; - padding-bottom: 8px; + padding-top: 5px; + padding-bottom: 5px; @@ -3586,3 +2748,3 @@ - margin: 20px 0em 30px 0em; - padding: 0em 0em; - text-align: right; + margin: 20px 0em 30px 0em; + padding: 0em 0em; + text-align: right; @@ -3591 +2753 @@ - margin-bottom: 0px; + margin-bottom: 0px; @@ -3598,2 +2760,2 @@ - color: rgba(0,0,0,0.4) !important; - text-shadow:1px 1px 1px #ffffff; + color: rgba(0,0,0,0.4) !important; + text-shadow:1px 1px 1px #ffffff; @@ -3602,4 +2764,4 @@ - padding: 4px 6px 2px 0px; - margin-: 10px; - text-decoration: none; - white-space: nowrap; + padding: 4px 6px 2px 0px; + margin-: 10px; + text-decoration: none; + white-space: nowrap; @@ -3614 +2776 @@ - margin-left: 0px !important; + margin-left: 0px !important; @@ -3618 +2780 @@ - color: var(--colortextlink) !important; + color: var(--colortextlink) !important; @@ -3623,20 +2785,7 @@ - margin: 0em 0.2em; - text-decoration: none; - white-space: nowrap; - - background-image: none !important; -} - -.tabactive, a.tab#active { - color: var(--colortextbacktab) !important; - /* background: var(--colorbacktabcard1) !important; */ - margin: 0 0.2em 0 0.2em !important; - - border-right: 1px solid transparent; - border-left: 1px solid transparent; - border-top: 1px solid transparent; - /*border-right: 1px solid #CCC !important; - border-left: 1px solid #CCC !important; */ - border-bottom: 3px solid var(--colorbackhmenu1) !important; -} -.tabunactive, a.tab#unactive { + margin: 0em 0.2em; + text-decoration: none; + white-space: nowrap; + + /*border-right: 1px solid #ddd; + border-left: 1px solid #ddd; + border-top: 1px solid #ddd; */ @@ -3646,0 +2796,12 @@ + + background-image: none !important; +} +.tabactive, a.tab#active { + color: var(--colortextbacktab); !important; + background: var(--colorbacktabcard1) !important; + margin: 0 0.2em 0 0.2em !important; + + border-right: 1px solid #CCC !important; + border-left: 1px solid #CCC !important; + /* border-top: px solid rgb() !important; */ + border-top: px solid var(--colorbackhmenu1) !important; @@ -3657 +2818 @@ - color: #434956; + color: #434956; @@ -3659,2 +2820,2 @@ - text-decoration: none; - white-space: nowrap; + text-decoration: none; + white-space: nowrap; @@ -3664 +2825 @@ - background: #dee7ec; + background: #dee7ec; @@ -3668,2 +2829,2 @@ - background: #dee7ec; - color: #434956; + background: #dee7ec; + color: #434956; @@ -3671,4 +2832,4 @@ - padding: 0px 6px; - margin: 0em 0.2em; - text-decoration: none; - white-space: nowrap; + padding: 0px 6px; + margin: 0em 0.2em; + text-decoration: none; + white-space: nowrap; @@ -3678,3 +2839,3 @@ - border-: 1px solid #555555; - border-: 1px solid #D8D8D8; - border-top: 1px solid #D8D8D8; + border-: 1px solid #555555; + border-: 1px solid #D8D8D8; + border-top: 1px solid #D8D8D8; @@ -3699 +2860 @@ - margin-top: px; + margin-top: px; @@ -3726,30 +2886,0 @@ - -.smallpaddingimp { - padding: 4px !important; - padding-left: 7px !important; - padding-right: 7px !important; -} -input.button[name="upload"] { - padding: 5px !important; - font-size: 0.9em; -} -input.button.smallpaddingimp, input.buttonreset.smallpaddingimp { - font-size: 0.8em; -} -input.buttonlink { - color: var(--colortextlink); - background-color: transparent; - cursor: pointer; -} -input.buttonlink:hover { - text-decoration: underline; -} -input.buttonreset { - margin-top: 3px; - margin-bottom: 3px; - padding: 8px 15px; - text-decoration: underline; - color: var(--colortextlink); - background-color: transparent; - cursor: pointer; -} @@ -3764,6 +2894,0 @@ -} -.nopaddingtopimp { - padding-top: 0px !important; -} -.nopaddingbottomimp { - padding-bottom: 0px !important; @@ -3791,2 +2916,2 @@ - padding-top: 3px; - padding-bottom: 3px; + padding-top: 3px; + padding-bottom: 3px; @@ -3802,2 +2927,3 @@ -.border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td, -div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col, +.border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col { + height: 22px; +} @@ -3805 +2931 @@ - height: 28px; + height: 22px; @@ -3811,6 +2937,5 @@ -div .tdtop:not(.tagtdnote) { - vertical-align: top !important; - /*padding-top: 10px !important; - padding-bottom: 2px !important; */ - padding-top: 5px !important; - padding-bottom: 0px !important; +div .tdtop { + vertical-align: top !important; + padding-top: 10px !important; + padding-bottom: 2px !important; + padding-bottom: 0px; @@ -3820 +2945 @@ - padding: 2px 2px 2px 2px; + padding: 5px 2px 5px 2px; @@ -3825 +2950 @@ - padding-top: 2px; + padding-top: 5px; @@ -3844,43 +2968,0 @@ -.thsticky, .tdsticky { - position: sticky; - left: 0px; -} -.thstickyright, .tdstickyright { - position: sticky; - right: 0px; -} -.thstickygray, .tdstickygray { - background-color: lightgray; -} -.thstickyghostwhite, .tdstickyghostwhite { - background-color: ghostwhite; -} -.thstickyinherit, .tdstickyinherit { - background-color: inherit; -} - -/* To have left column sticky */ -/*.tagtable td[data-key="ref"], .tagtable th[data-key="ref"] { - position: sticky; - left: 0; - top: 0; - max-width: 150px !important; - //background-color: inherit; - background-color: gainsboro; - z-index: 2; -} -*/ - -/* To have right column sticky */ -/*.tagtable td.actioncolumn, .tagtable th.actioncolumn { - position: sticky-right; - right: 0; - top: 0; - max-width: 150px !important; - //background-color: inherit; - background-color: gainsboro; - z-index: 2; -} -*/ - - @@ -3889 +2971 @@ - border-top: none !important; + border-top: none !important; @@ -3892 +2974 @@ - border-bottom: none !important; + border-bottom: none !important; @@ -3895 +2977 @@ - border-top: 1px solid var(--colortopbordertitle1); + border-top: 1px solid rgb(); @@ -3898,5 +2980,5 @@ - border-bottom: 1px solid var(--colortopbordertitle1); -} - - -.fichehalfright table.noborder , .fichehalfleft table.noborder{ + border-bottom: 1px solid rgb(); +} + + +.fichehalfright table.noborder { @@ -3904,7 +2985,0 @@ -} -table.liste, table.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact), table.formdoc, div.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact) { - - border-left: 1px solid var(--colortopbordertitle1); - border-right: 1px solid var(--colortopbordertitle1); - @@ -3913,0 +2989 @@ + @@ -3915,0 +2992 @@ + @@ -3917 +2994 @@ - border-top-color: var(--colortopbordertitle1); + border-top-color: rgb(); @@ -3919,13 +2996,11 @@ - margin: 0px 0px 20px 0px; - - /*width: calc(100% - 7px); - border-collapse: separate !important; - border-spacing: 0px; - border-top-width: 0px; - border-top-color: rgb(215,215,215); - border-top-style: solid; - margin: 0px 0px 5px 2px; - box-shadow: 1px 1px 5px #ddd; - */ -} -#tablelines, #tablelinesservice { + /* border-top-width: 2px; + border-top-color: var(--colorbackhmenu1); + border-top-style: solid; */ + + /*border-bottom-width: 1px; + border-bottom-color: rgb(); + border-bottom-style: solid;*/ + + margin: 0px 0px 5px 0px; +} +#tablelines { @@ -3933 +3008 @@ - border-bottom-color: var(--colortopbordertitle1); + border-bottom-color: rgb(); @@ -3936 +3011 @@ -table.liste tr:last-of-type td, table.noborder:not(#tablelines):not(#tablelinesservice) tr:last-of-type td, table.formdoc tr:last-of-type td, div.noborder tr:last-of-type td { +table.liste tr:last-of-type td, table.noborder:not(#tablelines) tr:last-of-type td, table.formdoc tr:last-of-type td, div.noborder tr:last-of-type td { @@ -3938 +3013 @@ - border-bottom-color: var(--colortopbordertitle1); + border-bottom-color: rgb(); @@ -3941 +3015,0 @@ -/* @@ -3943,3 +3017,2 @@ - border-bottom: 1px solid var(--colortopbordertitle1); -} -*/ + border-bottom: 1px solid rgb(); +} @@ -3948 +3021 @@ - border-bottom-color: var(--colortopbordertitle1); + border-bottom-color: rgb(); @@ -3952 +3025 @@ - border-bottom: none; + border-bottom: none; @@ -3962,4 +3034,0 @@ -.liste_titre2 { - background: var(--colorbackhmenu1) !important; - color: #fff; -} @@ -3967 +3036 @@ - padding-top: 5px; + padding-top: 5px; @@ -3980,4 +3049,4 @@ - border-bottom-width: 0 !important; - border-top-width: 1px; - border-top-color: var(--colortopbordertitle1); - border-top-style: solid; + border-bottom-width: 0 !important; + border-top-width: 1px; + border-top-color: rgb(); + border-top-style: solid; @@ -3986 +3055 @@ - border-bottom: 0px !important; + border-bottom: 0px !important; @@ -3990,3 +3059,3 @@ - border-top-width: 1px; - border-top-color: var(--colortopbordertitle1); - border-top-style: solid; + border-top-width: 1px; + border-top-color: rgb(); + border-top-style: solid; @@ -4002 +3071 @@ - padding: 8px 6px 8px 6px; /* t r b l */ + padding: 7px 8px 7px 8px; /* t r b l */ @@ -4005,3 +3073,0 @@ -} -table.liste tr.trkanban td { - padding: 10px 12px 10px 12px; /* t r b l */ @@ -4033 +3099 @@ - border: none; /* to erase value for table.nobordernopadding td */ + border: none; /* to erase value for table.nobordernopadding td */ @@ -4037,6 +3102,0 @@ -} -td.borderleft { - border: none; /* to erase value for table.nobordernopadding td */ - border-left-width: 1px !important; - border-left-color: #BBB !important; - border-left-style: solid !important; @@ -4064,6 +3124,2 @@ - color: var(--colortexttitlenotab); - font-size: 1.2em; - word-break: break-word; -} -a.refid { - color: var(--colortexttitlenotab) !important; + color: var(--colortexttitlenotab); + font-size: 1.2em; @@ -4074,7 +3130,3 @@ - color: var(--refidnocolor); - font-size: ; - line-height: 1.4em; -} -div.refaddress div.address { - line-height: 1.2em; - font-size: 0.95em; + color: var(--refidnocolor); + font-size: ; + line-height: 21px; @@ -4083 +3135 @@ - display: inline-block; + display: inline-block; @@ -4087 +3139 @@ - float: ; + float: right; @@ -4091,0 +3144,6 @@ +/*div.pagination a.butAction, div.fichehalfright a.butAction { + margin-right: 0px !important; +} +div.tabsAction a.butActionDelete:last-child, div.tabsAction a.butAction:last-child { + margin-right: 0px !important; +}*/ @@ -4116,0 +3175 @@ + color: #000; @@ -4119 +3177,0 @@ - color: var(--color-black); @@ -4128,2 +3186,2 @@ - -webkit-box-shadow: none !important; - box-shadow: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; @@ -4143,0 +3202,4 @@ +div.pagination li.litext a:hover { + background-color: transparent; + background-image: none; +} @@ -4159,3 +3221,7 @@ - -/*div.pagination li a:hover, -div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:hover, +div.pagination li:last-child a, +div.pagination li:last-child span { + /*border-top-right-radius: 4px; + border-bottom-right-radius: 4px;*/ +} +div.pagination li a:hover, +div.pagination li:not(.paginationafterarrows,.title-button) span:hover, @@ -4163 +3229 @@ -div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:focus { +div.pagination li:not(.paginationafterarrows,.title-button) span:focus { @@ -4166 +3232 @@ -}*/ +} @@ -4212,11 +3277,0 @@ -.tabBar .arearef .pagination.paginationref { - max-width: calc(30%); -} -.paginationafterarrows a.btnTitlePlus, .titre_right a.btnTitlePlus { - border: 1px solid var(--btncolorborder); -} -.paginationafterarrows a.btnTitlePlus:hover span:before, .titre_right a.btnTitlePlus:hover span:before { - /* text-shadow: 0px 0px 5px #ccc; */ - /* filter: invert(0.3); */ - font-size: 1.07em; -} @@ -4227 +3282 @@ -.oddeven:hover, .evenodd:hover, .oddevenimport:hover, .evenoddimport:hover, .impair:hover, .pair:hover +.oddeven:hover, .evenodd:hover, .impair:hover, .pair:hover @@ -4237 +3292 @@ - border-bottom: 0px; + border-bottom: 0px; @@ -4244,0 +3300,3 @@ +.nohover:hover { + background: unset !important; +} @@ -4250 +3308 @@ -.oddeven, .evenodd, .impair, .pair, .nohover .impair:hover, tr.impair td.nohover, tr.pair td.nohover, .tagtr.oddeven +.oddeven, .evenodd, .impair, .nohover .impair:hover, tr.impair td.nohover, .tagtr.oddeven @@ -4256,2 +3314,12 @@ -.impair, .nohover .impair:hover, tr.impair td.nohover { - background-color: var(--colorbacklineimpair2); +.impair, .nohover .impair:hover, tr.impair td.nohover +{ + background: var(--colorbacklineimpair1); +} +#GanttChartDIV { + background-color: var(--colorbacklineimpair1); +} + +.oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven { + font-family: ; + margin-bottom: 1px; + color: var(--oddevencolor); @@ -4260,9 +3328,3 @@ - background-color: var(--colorbacklinepair2); -} -tr.oddeven.oddevendouble { - height: 60px !important; -} - -#GanttChartDIV { - background-color: var(--colorbacklineimpair2); -} + background-color: var(--colorbacklinepair1); +} + @@ -4270 +3332 @@ - background-color: var(--colorbacklinepair2) !important; + background-color: var(--colorbacklinepair1) !important; @@ -4275,2 +3337,2 @@ - background-color: var(--colorbacklineimpair2) !important; - background: var(--colorbacklineimpair2) !important; + background-color: var(--colorbacklineimpair1) !important; + background: var(--colorbacklineimpair1) !important; @@ -4279,2 +3341,2 @@ - background-color: var(--colorbacklinepair2) !important; - background: var(--colorbacklinepair2) !important; + background-color: var(--colorbacklinepair1) !important; + background: var(--colorbacklinepair1) !important; @@ -4284 +3346 @@ - border-bottom: 1pt solid black !important; + border-bottom: 1pt solid black !important; @@ -4288 +3350 @@ - font-weight: normal !important; + font-weight: normal !important; @@ -4292 +3354 @@ - padding: 5px 8px 5px 8px !important; + padding: 5px 8px 5px 8px !important; @@ -4295,2 +3357,2 @@ - padding: 7px 8px 7px 8px; - border-bottom: 1px solid #ddd; + padding: 7px 8px 7px 8px; + border-bottom: 1px solid #ddd; @@ -4301,0 +3364,13 @@ + border-bottom: 0px !important; +} +tr.nobottom td { + border-bottom: 0px !important; +} +div.tableforcontact form.tagtr:last-of-type div.tagtd { + border-bottom: 1px solid #ddd !important; +} +tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td { + border-bottom: 0px !important; +} +table.nobottomiftotal tr.liste_total td { + background-color: #fff; @@ -4303,15 +3377,0 @@ -} -tr.nobottom td { - border-bottom: 0px !important; -} -div.tableforcontact form.tagtr:last-of-type div.tagtd { - border-bottom: 1px solid #ddd !important; -} -tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td { - border-bottom: 0px !important; -} -table.nobottomiftotal tr.liste_total td { - background-color: var(--inputbackgroundcolor); - - border-bottom: 0px !important; - @@ -4333,6 +3393,2 @@ - border-top-color: var(--colortopbordertitle1); - border-top-style: solid; - - border-left: px solid var(--colortopbordertitle1); - border-right: px solid var(--colortopbordertitle1); - + border-top-color: rgb(); + border-top-style: solid; @@ -4340,0 +3397 @@ + display: table; @@ -4343,8 +3400,3 @@ - /*width: calc(100% - 1px); 1px less because display is table and with 100%, it generated a right border 1px left compared to the div-table-responsive under */ - width: unset; -} -div.liste_titre_bydiv_inlineblock { - display: inline-block; - width: 100%; -} - + /*width: calc(100% - 1px); 1px more, i don't know why so i remove */ + width: calc(100%); +} @@ -4367,3 +3419,3 @@ - color: var(--colortexttitle); - font-family: ; - text-align: ; + color: var(--colortexttitle); + font-family: ; + text-align: ; @@ -4373 +3425 @@ - border-bottom: 1px solid var(--colortopbordertitle1); + border-bottom: 1px solid rgb(); @@ -4381,4 +3433,4 @@ - font-family: ; - font-weight: ; - vertical-align: middle; - height: 28px; + font-family: ; + font-weight: ; + vertical-align: middle; + height: 24px; @@ -4388 +3440 @@ - color: var(--colortexttitlelink); + color: rgb(); @@ -4392,2 +3444,2 @@ - border-top-color: var(--colortopbordertitle1); - border-top-style: solid; + border-top-color: rgb(); + border-top-style: solid; @@ -4406,2 +3458,2 @@ - /* border-bottom: 1px solid #ddd; */ - border-bottom: unset; + /* border-bottom: 1px solid #ddd; */ + border-bottom: unset; @@ -4415,4 +3467,4 @@ - font-family: ; - font-weight: normal; - border-bottom: 1px solid #FDFFFF; - /* text-decoration: underline; */ + font-family: ; + font-weight: normal; + border-bottom: 1px solid #FDFFFF; + text-decoration: underline; @@ -4421,2 +3473,2 @@ - background: transparent; - border: 0px; + background: transparent; + border: 0px; @@ -4428,2 +3480,2 @@ - color: var(--listetotal); - font-weight: normal; + color: var(--listetotal); + font-weight: normal; @@ -4432 +3484 @@ - white-space: nowrap; + white-space: nowrap; @@ -4438 +3490 @@ - border-top: 1px solid #DDDDDD; + border-top: 1px solid #DDDDDD; @@ -4451 +3503 @@ - border-top: 1px solid #888; + border-top: 1px solid #888; @@ -4454 +3506 @@ - border-top: 0px; + border-top: 0px; @@ -4457,0 +3510,3 @@ + /*border-top-width: px !important; + border-top-color: rgb() !important; + border-top-style: solid !important;*/ @@ -4462 +3517 @@ - border-bottom: none !important; + border-bottom: none !important; @@ -4466 +3521 @@ - /*padding-left: 2px;*/ + padding-left: 2px; @@ -4478,7 +3533,2 @@ - -webkit-box-shadow: 1px 1px 7px #CCC !important; - box-shadow: 1px 1px 7px #CCC !important; -} - -.boxshadow { - -webkit-box-shadow: 0px 0px 5px #888; - box-shadow: 0px 0px 5px #888; + -webkit-box-shadow: 2px 2px 5px #CCC !important; + box-shadow: 2px 2px 5px #CCC !important; @@ -4492,5 +3542,5 @@ -#tablelines tr.liste_titre td, #tablelinesservice tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td { - border-bottom: 1px solid var(--colortopbordertitle1) !important; -} -#tablelines tr td, #tablelinesservice tr td { - height: unset; +#tablelines tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td { + border-bottom: 1px solid rgb() !important; +} +#tablelines tr td { + height: unset; @@ -4501,23 +3551,25 @@ -.noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven), -div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) > .border > tbody > tr:nth-of-type(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-of-type(even):not(.liste_titre):not(.nooddeven), -div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(even):not(.liste_titre):not(.nooddeven) -{ - background: linear-gradient(bottom, var(----colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%); - background: -o-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%); - background: -moz-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%); - background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%); -} -.noborder > tbody > tr:nth-child(even):not(:last-of-type) td:not(.liste_titre), .liste > tbody > tr:nth-child(even):not(:last-of-type) td:not(.liste_titre), -.noborder .oddeven.tagtr:nth-child(even):not(:last-of-type) .tagtd:not(.liste_titre) -{ - border-bottom: 1px solid #f0f0f0; -} - -.noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven), -div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) > .border > tbody > tr:nth-of-type(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-of-type(odd):not(.liste_titre):not(.nooddeven), -div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre):not(.nooddeven) -{ - background: linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%); - background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%); - background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%); - background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%); +.noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre), +div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(even):not(.liste_titre), .liste > tbody > tr:nth-of-type(even):not(.liste_titre), +div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(even):not(.liste_titre) +{ + background: linear-gradient(bottom, var(--colorbacklineimpair1) 85%, var(--colorbacklineimpair2) 100%); + background: -o-linear-gradient(bottom, var(--colorbacklineimpair1) 85%, var(--colorbacklineimpair2) 100%); + background: -moz-linear-gradient(bottom, var(--colorbacklineimpair1) 85%, var(--colorbacklineimpair2) 100%); + background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair1) 85%, var(--colorbacklineimpair2) 100%); + /* background: -ms-linear-gradient(bottom, var(--colorbacklineimpair1) 85%, var(--colorbacklineimpair2) 100%); */ +} +.noborder > tbody > tr:nth-child(even):not(:last-child) td:not(.liste_titre), .liste > tbody > tr:nth-child(even):not(:last-child) td:not(.liste_titre), +.noborder .oddeven.tagtr:nth-child(even):not(:last-child) .tagtd:not(.liste_titre) +{ + border-bottom: 1px solid #e0e0e0; +} + +.noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(.liste_titre), +div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(odd):not(.liste_titre), .liste > tbody > tr:nth-of-type(odd):not(.liste_titre), +div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre) +{ + background: linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); + background: -o-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); + background: -moz-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); + background: -webkit-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); + /* background: -ms-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); */ @@ -4528 +3580 @@ - border-bottom: 1px solid #f0f0f0; + border-bottom: 1px solid #e0e0e0; @@ -4541,5 +3593,8 @@ - overflow-x: auto; - min-height: 40px; - padding-right: 0px; - padding-left: 0px; - padding-bottom: 10px; + overflow-x: auto; + min-height: 40px; + padding-right: 0px; + padding-left: 0px; + padding-bottom: 10px; +} +.ficheaddleft div.boxstats, .ficheaddright div.boxstats { + border: none; @@ -4548 +3603 @@ - /* border: 1px solid #CCC !important; */ + /* border: 1px solid #CCC !important; */ @@ -4551,12 +3606,12 @@ - display: inline-block; - margin-left: 8px; - margin-right: 8px; - margin-top: 5px; - margin-bottom: 5px; - text-align: center; - - background: var(--colorbackbody); - border: 1px solid var(--colorboxstatsborder); - border-left: 6px solid var(--colorboxstatsborder); - /* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */ - border-radius: 4px; + display: inline-block; + margin-left: 8px; + margin-right: 8px; + margin-top: 5px; + margin-bottom: 5px; + text-align: center; + + background: var(--colorbackbody); + border: 1px solid var(--colorboxstatsborder); + border-left: 6px solid var(--colorboxstatsborder); + /* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */ + border-radius: 0px; @@ -4567 +3622 @@ - text-overflow: ellipsis; + text-overflow: ellipsis; @@ -4570,3 +3625,3 @@ - width: 100%; - height: 59px; - /* padding: 3px; */ + width: 100%; + height: 59px; + /* padding: 3px; */ @@ -4575,5 +3630,5 @@ - padding-left: 6px; - padding-right: 6px; - padding-top: 2px; - padding-bottom: 2px; - width: 118px; + padding-left: 3px; + padding-right: 3px; + padding-top: 2px; + padding-bottom: 2px; + width: 118px; @@ -4587,2 +3642,2 @@ - padding-top: 8px; - padding-bottom: 4px; + padding-top: 8px; + padding-bottom: 4px; @@ -4594,5 +3649,5 @@ - width: 121px; - padding-left: 3px; - padding-right: 3px; - margin-left: 8px; - margin-right: 8px; + width: 121px; + padding-left: 3px; + padding-right: 3px; + margin-left: 8px; + margin-right: 8px; @@ -4601,5 +3656,5 @@ - width: 158px; - padding-left: 3px; - padding-right: 3px; - margin-left: 8px; - margin-right: 8px; + width: 158px; + padding-left: 3px; + padding-right: 3px; + margin-left: 8px; + margin-right: 8px; @@ -4611,9 +3665,0 @@ - .tabBar .arearef .pagination.paginationref { - max-width: calc(50%); - } - - .clearbothonsmartphone { - clear: both; - display: block !important; - } - @@ -4636,5 +3681,0 @@ - - td.tdwidgetstate { - text-align: center; - } - @@ -4643,4 +3684,4 @@ - } - .boxstats130 { - text-align: - } + } + .boxstats130 { + text-align: + } @@ -4650 +3691 @@ - min-width: px; /* on screen < 320, we guaranty to have 2 columns */ + min-width: px; /* on screen < 320, we guaranty to have 2 columns */ @@ -4655,3 +3696,3 @@ - min-width: px; /* on screen < 320, we guaranty to have 2 columns */ - max-width: px; /* on screen < 320, we guaranty to have 2 columns */ - /* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higer than min) */ + min-width: px; /* on screen < 320, we guaranty to have 2 columns */ + max-width: px; /* on screen < 320, we guaranty to have 2 columns */ + /* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higer than min) */ @@ -4659,9 +3700,9 @@ - .dashboardlineindicator { - float: left; - padding-left: 5px; - } - .boxstats { - width: 111px; - } - .boxstatsempty { - width: 111px; + .dashboardlineindicator { + float: left; + padding-left: 5px; + } + .boxstats { + width: 111px; + } + .boxstatsempty { + width: 111px; @@ -4675 +3716 @@ -span.boxstatstext span:not(.fas) { +span.boxstatstext { @@ -4677,4 +3718,2 @@ -} -span.boxstatstext { - line-height: 18px; - color: var(--colortext); + line-height: 18px; + color: var(--colortext); @@ -4718,7 +3757,7 @@ - text-align: right; - top: -27px; - right: 2px; - padding: 0px 5px 0px 5px; - border-radius: .25em; - - background-color: #9f4705; + text-align: right; + top: -27px; + right: 2px; + padding: 0px 5px 0px 5px; + border-radius: .25em; + + background-color: #9f4705; @@ -4727,6 +3766,6 @@ - padding: 1px 3px 1px 1px; - margin-left: 4px; - margin-right: 2px; - background-color: #8c4446; - color: #FFFFFF ! important; - border-radius: .25em; + padding: 1px 3px 1px 1px; + margin-left: 4px; + margin-right: 2px; + background-color: #8c4446; + color: #FFFFFF ! important; + border-radius: .25em; @@ -4736,3 +3774,0 @@ -.divboxtable { - margin-bottom: 25px !important; -} @@ -4740 +3776,2 @@ - border-bottom-width: 1px; + margin-bottom: 25px !important; + border-bottom-width: 1px; @@ -4742 +3779 @@ - border-top: px solid var(--colortopbordertitle1); + border-top: px solid rgb(); @@ -4745 +3781,0 @@ - @@ -4747 +3783 @@ - height: unset; + height: unset; @@ -4750 +3786 @@ - border-top-width: 0 !important; + border-top-width: 0 !important; @@ -4753,4 +3789 @@ - border-bottom-width: 0 !important; -} -.boxtablenomarginbottom { - margin-bottom: 0 !important; + border-bottom-width: 0 !important; @@ -4759 +3792 @@ - min-width: 275px; /* increasing this, make chart on box not side by side on laptops */ + min-width: 275px; /* increasing this, make chart on box not side by side on laptops */ @@ -4769,4 +3802 @@ - line-height: 30px; -} -.height30 { - height: 30px !important; + line-height: 30px; @@ -4776,3 +3806,3 @@ - height: 26px; - - /* TO MATCH BOOTSTRAP */ + height: 26px; + + /* TO MATCH BOOTSTRAP */ @@ -4785,4 +3815,4 @@ - font-family: , sans-serif; - font-weight: ; - border-bottom: 1px solid #FDFFFF; - white-space: nowrap; + font-family: , sans-serif; + font-weight: ; + border-bottom: 1px solid #FDFFFF; + white-space: nowrap; @@ -4812,2 +3842,2 @@ - height: 26px !important; - vertical-align: middle; + height: 26px !important; + vertical-align: middle; @@ -4829 +3859 @@ -.green { color: #118822 !important; } +.green { color: #118822; } @@ -4837,0 +3868,12 @@ + padding-top: 8px; + padding-left: 10px; + padding-right: 4px; + padding-bottom: 8px; + margin: 1em 0em 1em 0em; + background: #eff8fc; + color: #558; +} + +/* Warning message */ +div.warning { + border-: solid 5px #f2cf87; @@ -4843,13 +3885 @@ - background: #eff8fc; - color: #558; -} - -/* Warning message */ -div.warning { - border-: solid 5px #f2cf87; - padding-top: 8px; - padding-left: 10px; - padding-right: 4px; - padding-bottom: 8px; - margin: 1em 0em 1em 0em; - background: #fcf8e3; + background: #fcf8e3; @@ -4863 +3893 @@ - border-: solid 5px #f28787; + border-: solid 5px #f28787; @@ -4893,2 +3923,2 @@ - width: 100%; - height: 100%; + width: 100%; + height: 100%; @@ -4898,2 +3928,2 @@ - width: 100%; - height: 100%; + width: 100%; + height: 100%; @@ -4908 +3938 @@ - margin-bottom: 25px; + margin-bottom: 25px; @@ -4912,11 +3942,10 @@ - min-height: unset; -} - -.product_line_stock_ok { color: var(--productlinestockok); } -.product_line_stock_too_low { color: var(--productlinestocktoolow); } - -.fieldrequired { font-weight: bold; color: var(--fieldrequiredcolor) !important; } - -td.widthpictotitle, .table-fiche-title img.widthpictotitle { width: 38px; text-align: ; } -span.widthpictotitle { font-size: 1.7em; } -table.titlemodulehelp tr td img.widthpictotitle { width: 80px; } + min-height: unset; +} + +.product_line_stock_ok { color: #002200; } +.product_line_stock_too_low { color: #884400; } + +.fieldrequired { font-weight: bold; color: var(--fieldrequiredcolor); } + +td.widthpictotitle { width: 26px; text-align: ; } +span.widthpictotitle { font-size: 1.7em; }; @@ -4926,3 +3955 @@ -.dolgraphchart canvas { - /* width: calc(100% - 20px) !important; */ -} +.dolgraphchart canvas { width: calc(100% - 20px) !important; } @@ -4935 +3962 @@ - text-align: ; + text-align: ; @@ -4939 +3966 @@ - white-space: nowrap; + white-space: nowrap; @@ -4946,7 +3973,6 @@ -/* margin-bottom: 2px; - margin-top: 2px; */ -} -div.divphotoref > div > .photowithmargin, div.divphotoref > img.photowithmargin, div.divphotoref > a > .photowithmargin { /* Margin right for photo not inside a div.photoref frame only */ - margin-right: 15px; -} - + margin-bottom: 2px; + margin-top: 10px; +} +div.divphotoref > a > .photowithmargin { /* Margin right for photo not inside a div.photoref frame only */ + margin-right: 15px; +} @@ -4969 +3994,0 @@ - opacity: 0.2; @@ -4975,2 +4000,2 @@ - opacity: 0.1; - background-repeat: no-repeat; + opacity: 0.1; + background-repeat: no-repeat; @@ -4980 +4005 @@ - opacity: 0.5; + opacity: 0.5; @@ -4987,5 +4012 @@ - padding-bottom: 5px; - font-weight: 400; -} -div.titre.small { - font-size: 1em; + padding-bottom: 5px; @@ -4994,6 +4015,3 @@ - color: var(--colortexttitlenotab); - font-size: 1.1em; - /* text-transform: uppercase; */ - /* font-weight: 600; */ -} - + color: var(--colortexttitlenotab); + /* font-weight: 600; */ +} @@ -5001,2 +4019,3 @@ - color: var(--colortexttitlenotab); -} + color: var(--colortexttitlenotab); +} + @@ -5004 +4023 @@ - color: var(--colortexttitlenotab); + color: var(--colortexttitlenotab); @@ -5010 +4029 @@ -table.table-fiche-title .col-title div.titre, .col-right .btnTitle-icon { +table.table-fiche-title .col-title div.titre{ @@ -5014,17 +4033,6 @@ - margin-bottom: 12px; -} - - -div.backgreypublicpayment { - background-color: var(--colorbackgrey); - padding: 20px; - border-bottom: 1px solid #ddd; - text-align: center; - position: sticky; - top: 0; - z-index: 1005; -} -.backgreypublicpayment a { - color: var(--colorblack) !important; - opacity: 0.9; -} + margin-bottom: 5px; +} + + +div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bottom: 1px solid #ddd; } +.backgreypublicpayment a { color: #222 !important; } @@ -5034,22 +4042,8 @@ - right: 8px; - position: absolute; - font-size: 0.8em; - color: #222; - opacity: 0.3; -} - -#dolpublictable { - min-width: 300px; font-size: 16px; - padding: 6px; -} -#dolpaymenttable { - min-width: 320px; font-size: 16px; - max-width: 600px; -} /* Width must have min to make stripe input area visible. Lower than 320 makes input area crazy for credit card that need zip code */ - -#tablepublicpayment { - border: 1px solid #CCCCCC !important; - width: 100%; - padding: 20px; - margin-bottom: 25px; -} + right: 8px; + position: absolute; + font-size: 0.8em; + color: #222; + opacity: 0.3; +} +#dolpaymenttable { min-width: 320px; font-size: 16px; } /* Width must have min to make stripe input area visible. Lower than 320 makes input area crazy for credit card that need zip code */ +#tablepublicpayment { border: 1px solid #CCCCCC !important; width: 100%; padding: 20px; } @@ -5059,3 +4052,0 @@ -input#cardholder-name { - font-size: 1em; -} @@ -5064 +4054,0 @@ -.publicnewmemberform div.titre { font-size: 2em; } @@ -5066 +4055,0 @@ -#divsubscribe .eventlabel { font-size: 1.5em; } @@ -5068,3 +4056,0 @@ -#tablesubscribe tr td { font-size: 1.15em; } -#tablesubscribe .price-registration { font-size: 1.5em; } - @@ -5073 +4059 @@ - border: 1px solid #ccc; + border: 1px solid #ccc; @@ -5077,3 +4063,3 @@ - text-align: center; - padding-top: 3px; - /* max-width: 320px; */ + text-align: center; + padding-top: 3px; + max-width: 320px; @@ -5123 +4109 @@ -/* Form confirmation (When Ajax JQuery is used) and Dialog popups */ +/* Formulaire confirmation (When Ajax JQuery is used) */ @@ -5129,10 +4114,0 @@ -} -.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable { - z-index: 1005 !important; /* Default 101 with ui-jquery, top menu have a z-index of 1000 */ -} -.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front { - z-index:1006 !important; /* To always be over the dialog box */ -} -.ui-dialog.ui-widget.ui-widget-content { - border: 1px solid #e0e0e0; - border-radius: 6px; @@ -5148,2 +4124,2 @@ - max-height: none; - width: auto; margin-left: auto; margin-right: auto; display: block; + max-height: none; + width: auto; margin-left: auto; margin-right: auto; display: block; @@ -5159,4 +4135,4 @@ - /* border-top: solid 1px #E6E6E6; */ - border-: solid 5px #f2cf87; - /* border-: solid 1px #444444; - border-bottom: solid 1px #555555; */ + /* border-top: solid 1px #E6E6E6; */ + border-: solid 5px #f2cf87; + /* border-: solid 1px #444444; + border-bottom: solid 1px #555555; */ @@ -5168 +4144 @@ - background: var(--tablevalidbgcolor); + background: #fcf8e3; @@ -5182 +4158 @@ - z-index: 3000; + z-index: 3000; @@ -5186 +4162 @@ - max-width: px !important; + max-width: px !important; @@ -5191 +4167 @@ - border-radius: 4px; + border-radius: 0; @@ -5198 +4174 @@ - filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); + filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5); @@ -5200,42 +4176,2 @@ - color: var(--tooltipfontcolor); - line-height: 1.6em; - min-width: 550px; - pointer-events: none; -} - - - div.ui-tooltip.mytooltip { - border: 1px solid #bbb !important; - } - - -@media only screen and (max-width: 768px) -{ - div.ui-tooltip.mytooltip { - max-width: 400px; - } -} -@media only screen and (max-width: 480px) -{ - div.ui-tooltip.mytooltip { - max-width: 300px; - } -} -@media only screen and (max-width: 320px) -{ - div.ui-tooltip.mytooltip { - max-width: 230px; - } -} - - + color : var(--tooltipfontcolor); +} @@ -5254 +4190 @@ - border: unset; + border: unset; @@ -5274,7 +4210,7 @@ - width: 180px; - background-color: var(--inputbackgroundcolor); - border-top: solid 2px #DDDDDD; - border-: solid 2px #DDDDDD; - border-: solid 1px #222222; - border-bottom: solid 1px #222222; - padding: 0px; + width: 180px; + background-color: var(--inputbackgroundcolor); + border-top: solid 2px #DDDDDD; + border-: solid 2px #DDDDDD; + border-: solid 1px #222222; + border-bottom: solid 1px #222222; + padding: 0px; @@ -5326,10 +4262,11 @@ - border-style:none; - background-color:transparent; - padding:0px; - font-size: 0.85em; - border-width:0px; - color:#0B63A2; - vertical-align:middle; - cursor: pointer; -} -.datenowlink { + border-style:none; + background-color:transparent; + padding:0px; + font-size: 0.85em; + border-width:0px; + color:#0B63A2; + vertical-align:middle; + cursor: pointer; +} +.datenowlink +{ @@ -5337,7 +4274,5 @@ - font-size: 0.8em; - opacity: 0.7; -} - - -/* ============================================================================== */ -/* Show/Hide */ +} + + +/* ============================================================================== */ +/* Afficher/cacher */ @@ -5347,9 +4282,7 @@ - display: block; -} - -div.hidden, div.hiddenforpopup, header.hidden, tr.hidden, td.hidden, img.hidden, span.hidden, div.showifmore { - display: none; -} -.unvisible { - visibility: hidden; -} + display: block; +} + +div.hidden, td.hidden, img.hidden, span.hidden { + display: none; +} + @@ -5357 +4290 @@ - display: block; + display: block; @@ -5365,10 +4297,0 @@ -.previewnotyetavailable { - opacity: 0.5; -} - -.websiteformtoolbar { - position: sticky; - top: ; - z-index: 1002; /* Dolibarr menu is 1001, Website menu is 1002 */ -} - @@ -5376,4 +4299,4 @@ - overflow-y: auto; - height: 100px; - font-size: 0.8em; - border: 1px solid #aaa; + overflow-y: auto; + height: 100px; + font-size: 0.8em; + border: 1px solid #aaa; @@ -5387,3 +4310,3 @@ - border: 0px; - background-color: transparent; - background-image: none; + border: 0px; + background-color: transparent; + background-image: none; @@ -5392,3 +4315,3 @@ - background-color: transparent; - background-image: none; - border: none; + background-color: transparent; + background-image: none; + border: none; @@ -5397,6 +4319,0 @@ -.websitebar .button.bordertransp { - color: unset; - text-decoration: unset !important; - margin: 0px 4px 0px 4px !important -} - @@ -5407 +4324 @@ - padding: 5px 5px 5px 5px; + padding: 4px 0 4px 0; @@ -5409,4 +4325,0 @@ -} -.centpercent.websitebar { - width: calc(100% - 10px); - font-size: 0.94em; @@ -5421,3 +4334,3 @@ -/* line-height: normal; */ - background: #f5f5f5 !important; - border: 1px solid #ccc !important; + line-height: normal; + background: #f5f5f5 !important; + border: 1px solid #ccc !important; @@ -5427 +4340 @@ - padding-: 10px; + padding-left: 10px; @@ -5429,7 +4342 @@ - line-height: 28px; -} -.websiteselectionsection { - font-size: 0.85em; -} -.websiteselection span { - vertical-align: middle; + /* line-height: 28px; */ @@ -5446,3 +4353,3 @@ - display: inline-block; - vertical-align: middle; - line-height: 26px; + display: inline-block; + vertical-align: top; + line-height: 28px; @@ -5452,3 +4358,0 @@ -} -span.websiteselection span.select2.select2-container.select2-container--default { - margin: 0 0 0 4px; @@ -5467,3 +4371,3 @@ - vertical-align: middle; - float: right; - padding-top: 8px; + vertical-align: middle; + float: right; + padding-top: 8px; @@ -5479,10 +4383,3 @@ - line-height: 1em; -} - -.websitebar input.bordertransp { - line-height: normal !important; -} - -#divbodywebsite section p { - margin: unset; -} + line-height: 1em; +} + @@ -5496 +4393 @@ - height: 24px; + height: 24px; @@ -5503 +4399,0 @@ -table.cal_month td { padding-left: 1px !important; padding-right: 1px !important; } @@ -5513 +4409 @@ -.cal_current_month { background: #FFFFFF; border-left: solid 1px #E0E0E0; padding-: 2px; padding-: 1px; padding-top: 0px; padding-bottom: 0px !important; } +.cal_current_month { background: #FFFFFF; border-left: solid 1px #E0E0E0; padding-: 2px; padding-: 1px; padding-top: 0px; padding-bottom: 0px; } @@ -5520,6 +4416 @@ -.cal_impair { - background: linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%); - background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%); - background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%); - background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%); -} +.cal_impair { background: #F8F8F8; } @@ -5529,2 +4420 @@ -div.event { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; margin-top: 4px; border-radius: 4px; box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.2); } -table.cal_event { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; filter: saturate(0.8); border-radius: 3px; } +table.cal_event { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; } @@ -5532 +4422 @@ -table.cal_event td.cal_event { padding: 4px 4px !important; padding-bottom: 2px !important; padding-top: 2px !important; } +table.cal_event td.cal_event { padding: 4px 4px !important; } @@ -5538 +4428 @@ -.cal_event_notbusy a.cal_event_title:hover { color: #111111; font-weight: normal !important; } +.cal_event_busy a:hover { color: #111111; font-weight: normal !important; color:rgba(255,255,255,.75); } @@ -5540,7 +4430 @@ -.cal_peruserviewname { max-width: 140px; height: 30px !important; } -.cal_event span.badge.badge-status { border: 1px solid #aaa; } -table.cal_month tr td table.nobordernopadding tr td { padding: 0 2px 0 2px; } -table.cal_month tr.liste_titre td.tdfordaytitle { min-width: 120px; } -a.dayevent-aday { - padding-left: 8px; -} +.cal_peruserviewname { max-width: 140px; height: 22px; } @@ -5554,23 +4438,9 @@ -td.event-past span { - opacity: 0.5; -} - -.cal_available { background: #0060d450; } -.cal_chosen { background: #0060d4; } - -/* ============================================================================== */ -/* Ajax - Combo list for autocompletion */ -/* ============================================================================== */ - -.ui-widget-content { - border: solid 1px rgba(0,0,0,.3); - background: var(--colorbackbody) !important; - color: var(--colortext) !important; -} -/*.ui-widget-header { - background: var(--colorbacktitle); -}*/ - -.ui-autocomplete-loading { - background: white url() right center no-repeat; -} + + +/* ============================================================================== */ +/* Ajax - Liste deroulante de l'autocompletion */ +/* ============================================================================== */ + +.ui-widget-content { border: solid 1px rgba(0,0,0,.3); background: #fff !important; } + +.ui-autocomplete-loading { background: white url() right center no-repeat; } @@ -5578,6 +4448,6 @@ - position:absolute; - width:auto; - font-size: 1.0em; - background-color: var(--inputbackgroundcolor); - border:1px solid #888; - margin:0px; + position:absolute; + width:auto; + font-size: 1.0em; + background-color: var(--inputbackgroundcolor); + border:1px solid #888; + margin:0px; @@ -5585 +4455 @@ - } + } @@ -5587,7 +4457,5 @@ - list-style-type:none; - margin:0px; - padding:0px; - } -.ui-autocomplete ul li.selected { - background-color: var(--inputbackgroundcolor); -} + list-style-type:none; + margin:0px; + padding:0px; + } +.ui-autocomplete ul li.selected { background-color: var(--inputbackgroundcolor);} @@ -5595,7 +4463,7 @@ - list-style-type:none; - display:block; - margin:0; - padding:2px; - height:18px; - cursor:pointer; - } + list-style-type:none; + display:block; + margin:0; + padding:2px; + height:18px; + cursor:pointer; + } @@ -5643,4 +4511,2 @@ -.treeview ul { background-color: transparent !important; margin-top: 0 !important; /* margin-bottom: 4px !important; padding-top: 2px !important; */ } -.treeview li { background-color: transparent !important; padding: 0 0 0 20px !important; min-height: 30px; } -.treeview .hitarea { width: 20px !important; margin-left: -20px !important; margin-top: 3px; } -.treeview li table { min-height: 30px; } +.treeview ul { background-color: transparent !important; margin-top: 4px; padding-top: 4px !important; } +.treeview li { background-color: transparent !important; padding: 0 0 0 16px !important; min-height: 26px; } @@ -5647,0 +4514 @@ +.treeview .hitarea { margin-top: 3px; } @@ -5699,4 +4565,0 @@ -table.jPicker { - border-radius: 5px; - border: 1px solid #bbb !important; -} @@ -5778,3 +4641 @@ -.colorselector { - border: solid 1px #ddd !important; -} + @@ -5784,3 +4645,3 @@ - border: 1px solid #888; - background: var(--colorbacktitle1); - color: unset; + border: 1px solid #888; + background: var(--colorbacktitle1); + color: unset; @@ -5790,7 +4651,7 @@ - text-decoration:none; - display:block; - padding:.2em .4em; - line-height:1.5; - font-weight: normal; - font-family:; - font-size:1em; + text-decoration:none; + display:block; + padding:.2em .4em; + line-height:1.5; + font-weight: normal; + font-family:; + font-size:1em; @@ -5799,3 +4660,3 @@ - font-family:; -} -/* .ui-button { margin-left: -2px; browser->name) ? 'padding-top: 1px;' : ''); ?> } */ + font-family:; +} +/* .ui-button { margin-left: -2px; browser->name) ? 'padding-top: 1px;' : ''); ?> } */ @@ -5807 +4668 @@ - line-height: 1em !important; + line-height: 1em !important; @@ -5817 +4678 @@ - margin: 5px !important; + margin: 5px !important; @@ -5821 +4682 @@ - border: 1px #bbb solid ! important; + border: 1px #bbb solid ! important; @@ -5825 +4686 @@ - border: 0px solid #FF0000 !important; + border: 0px solid #FF0000 !important; @@ -5831 +4692 @@ - font-family: !important; + font-family: !important; @@ -5834 +4695 @@ - border: 1px solid #C0C0C0 !important; + border: 1px solid #C0C0C0 !important; @@ -5837,2 +4698,2 @@ - -webkit-box-shadow: 3px 3px 4px #DDD !important; - box-shadow: 3px 3px 4px #DDD !important; + -webkit-box-shadow: 3px 3px 4px #DDD !important; + box-shadow: 3px 3px 4px #DDD !important; @@ -5842,7 +4703 @@ - vertical-align: bottom !important; -} -.cke_dialog_ui_hbox_first { - vertical-align: middle !important; -} -.cke_combo_text { - width: 40px !important; + vertical-align: bottom ! important; @@ -5858,2 +4713,2 @@ - text-shadow: none !important; - color: #333 !important; + text-shadow: none !important; + color: #333 !important; @@ -5867 +4722 @@ - border: 1px solid #ddd; + border: 1px solid #ddd; @@ -5871,9 +4726,9 @@ - margin: 0; - padding: 0; - padding-: 10px; - left: 0; - right: 0; - bottom: 0; - background-color: #ebebeb; - height: 28px; - line-height: 2.2em; + margin: 0; + padding: 0; + padding-: 10px; + left: 0; + right: 0; + bottom: 0; + background-color: #ebebeb; + height: 28px; + line-height: 2.2em; @@ -5882,4 +4737,4 @@ - color: gray; - position: relative; - right: 0; - border-left: 1px solid; + color: gray; + position: relative; + right: 0; + border-left: 1px solid; @@ -5888 +4743 @@ - margin-top: 5px; + margin-top: 5px; @@ -5897 +4752 @@ - height: 72px !important; + height: 72px !important; @@ -5918 +4773 @@ - cursor: pointer; + cursor: pointer; @@ -5922 +4777 @@ - font-weight: bold; + font-weight: bold; @@ -5926 +4781 @@ - padding: 20px; + padding: 20px; @@ -5930,6 +4785,6 @@ - display:inline-block; - width:100px; - margin-right: 20px; - padding: 4px; - text-align: right; - vertical-align: top; + display:inline-block; + width:100px; + margin-right: 20px; + padding: 4px; + text-align: right; + vertical-align: top; @@ -5939 +4794 @@ - width: 400px; + width: 400px; @@ -5943 +4798 @@ - height: 100px; + height: 100px; @@ -5955,3 +4810,3 @@ - border-radius:7px; - margin-bottom:10px; - overflow:hidden; + border-radius:7px; + margin-bottom:10px; + overflow:hidden; @@ -5960,2 +4815,2 @@ - display:table; - height:100%; + display:table; + height:100%; @@ -5964 +4819 @@ - display:table-cell; + display:table-cell; @@ -5967,8 +4822,8 @@ - font-size:0.8em; - border-right:1px solid #dedede; - margin-right:10px; - width:160px; - text-align:center; - background:rgba(255,255,255,0.5); - vertical-align:middle; - padding:10px 2px; + font-size:0.8em; + border-right:1px solid #dedede; + margin-right:10px; + width:160px; + text-align:center; + background:rgba(255,255,255,0.5); + vertical-align:middle; + padding:10px 2px; @@ -5977 +4832 @@ - color:inherit; + color:inherit; @@ -5980 +4835 @@ - vertical-align:top; + vertical-align:top; @@ -5983,2 +4838,2 @@ - padding:10px; - vertical-align:top; + padding:10px; + vertical-align:top; @@ -5987,3 +4842,3 @@ - width: 100px; - text-align:center; - vertical-align:middle; + width: 100px; + text-align:center; + vertical-align:middle; @@ -5992 +4847 @@ - background:rgba(250,20,20,0.8); + background:rgba(250,20,20,0.8); @@ -5995,3 +4850,3 @@ - width: 100px; - text-align:center; - vertical-align:middle; + width: 100px; + text-align:center; + vertical-align:middle; @@ -6000 +4855 @@ - background:rgba(0,184,148,0.8); + background:rgba(0,184,148,0.8); @@ -6003 +4858 @@ - width: 100%; + width: 100%; @@ -6013,8 +4868,4 @@ - width: px !important; -} - -div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead { - line-height: 2; -} - -.gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate { + width: px !important; +} + +.gtaskname div, .gtaskname { @@ -6023 +4873,0 @@ - @@ -6030 +4880 @@ - background: #f0f0f0 !important; + background: #f0f0f0 !important; @@ -6036 +4886 @@ - background: rgb(160,173,58) !important; + background: rgb(160,173,58) !important; @@ -6039,2 +4889,2 @@ - overflow: hidden; - text-overflow: ellipsis; + overflow: hidden; + text-overflow: ellipsis; @@ -6043 +4893 @@ - color: #888 !important; + color: #888 !important; @@ -6046 +4896 @@ - color: #666 !important; + color: #666 !important; @@ -6051,5 +4900,0 @@ -/*.gtaskname div, .gtaskname { - min-width: 250px !important; - max-width: 250px !important; - width: 250px !important; -}*/ @@ -6057,3 +4902,3 @@ - min-width: 250px !important; - max-width: unset !important; - width: unset !important; + min-width: 250px !important; + max-width: 250px !important; + width: 250px !important; @@ -6062,13 +4907,5 @@ - min-width: 40px !important; - max-width: 40px !important; - width: 40px !important; -} -td.gtaskheading.gstartdate, td.gtaskheading.genddate { - white-space: break-spaces; -} -.gtasktableh tr:nth-child(2) td:nth-child(2), .gtasktableh tr:nth-child(2) td:nth-child(3), .gtasktableh tr:nth-child(2) td:nth-child(4), .gtasktableh tr:nth-child(2) td:nth-child(5), .gtasktableh tr:nth-child(2) td:nth-child(6), .gtasktableh tr:nth-child(2) td:nth-child(7) { - color: transparent !important; - border-left: none; - border-right: none; - border-top: none; -} + min-width: 40px !important; + max-width: 40px !important; + width: 40px !important; +} + @@ -6097,3 +4934,3 @@ - position: relative; - display: block; - text-decoration: none; + position: relative; + display: block; + text-decoration: none; @@ -6103,2 +4940,2 @@ - padding: 2px; - margin: 0 5px 5px 5px; + padding: 2px; + margin: 0 5px 5px 5px; @@ -6107,9 +4944,9 @@ - list-style: none; - padding: 2px; - margin: 0 10px 20px 10px; - width: 160px; - height: 120px; - text-align: center; - display: block; - float: ; - border: solid 1px #DDDDDD; + list-style: none; + padding: 2px; + margin: 0 10px 20px 10px; + width: 160px; + height: 120px; + text-align: center; + display: block; + float: ; + border: solid 1px #DDDDDD; @@ -6119 +4956 @@ - line-height: 32px; + line-height: 16px; @@ -6142,6 +4978,0 @@ -ul.ecmjqft > a { - width: calc(100% - 100px); - overflow: hidden; - white-space: break-spaces; - word-break: break-all; -} @@ -6152 +4983 @@ - text-decoration: underline; + text-decoration: underline; @@ -6162,6 +4992,0 @@ -#ecm-layout-north { - min-height: 40px; -} -#ecm-layout-north div.attachareaformuserfileecm { - padding-bottom: 0px; -} @@ -6169,2 +4994,2 @@ - width: 380px; - vertical-align: top; + width: 380px; + vertical-align: top; @@ -6173,7 +4998,7 @@ - width: calc(100% - 390px); - vertical-align: top; - float: right; -} - -.ecmjqft LI.directory { font-weight:normal; background: url() left top no-repeat; background-position-y: 8px; } -.ecmjqft LI.expanded { font-weight:normal; background: url() left top no-repeat; background-position-y: 8px; } + width: calc(100% - 390px); + vertical-align: top; + float: right; +} + +.ecmjqft LI.directory { font-weight:normal; background: url() left top no-repeat; } +.ecmjqft LI.expanded { font-weight:normal; background: url() left top no-repeat; } @@ -6189 +5014 @@ - +global->MAIN_JQUERY_JNOTIFY_BOTTOM)) { ?> @@ -6203,2 +5027,0 @@ - text-align: start; - word-break: break-word; @@ -6207 +5030 @@ - color: #a28918 !important; + color: #a28918 !important; @@ -6213,2 +5036,2 @@ - -webkit-box-shadow: 2px 2px 4px #888 !important; - box-shadow: 2px 2px 4px #888 !important; + -webkit-box-shadow: 2px 2px 4px #888 !important; + box-shadow: 2px 2px 4px #888 !important; @@ -6277 +5100 @@ - text-decoration: none !important; + text-decoration: none !important; @@ -6290 +5113 @@ - background-color: var(--colorbackbody) !important; + background-color: var(--colorbackbody) !important; @@ -6324,4 +5146,0 @@ -span.select2-selection--single.flat[aria-disabled="true"] span.select2-selection__rendered { - opacity: 0.5; -} - @@ -6329 +5148 @@ - opacity: 0.3; + opacity: 0.3; @@ -6333,2 +5152,2 @@ - background-color: var(--colorbackhmenu1); - color: var(--colortextbackhmenu); + background-color: rgb(); + color: #; @@ -6337 +5156 @@ - color: #fff !important; + color: #fff !important; @@ -6341,13 +5160,4 @@ - text-align: initial; - - border-left: none; - border-top: none; - border-right: none; - -} -span.select2.select2-container.select2-container--default { - - /*border-bottom: solid 1px var(--inputbordercolor);*/ - -} - + border-left: none; + border-top: none; + border-right: none; +} @@ -6359 +5169 @@ - border-bottom: solid 1px var(--inputbordercolor) !important; /* required to avoid to lose bottom line when focus is lost on select2. */ + border-bottom: solid 1px rgba(0,0,0,.2) !important; /* required to avoid to lose bottom line when focus is lost on select2. */ @@ -6365 +5175 @@ - min-height: 28px !important; + min-height: 30px !important; @@ -6372,3 +5182 @@ - border-bottom: 1px solid var(--inputbordercolor) !important; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + border-bottom: 1px solid #666 !important; @@ -6380,7 +5188 @@ - background-color: var(--colorbackvmenu1); -} -.select2-container--default .select2-selection--single { - background-color: var(--inputbackgroundcolor); -} -#blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder { - color: var(--colortextbackvmenu); + background-color: var(--colorbackvmenu1); @@ -6389,2 +5191,2 @@ - color: var(--colortext); - /* background-color: var(--inputbackgroundcolor); */ + color: var(--colortext); + /* background-color: var(--colorbackvmenu1); */ @@ -6393 +5195 @@ - color: #999 !important; + color: #999 !important; @@ -6399 +5201 @@ - margin-right: 23px; + margin-right: 23px; @@ -6403 +5205 @@ - background: transparent; + background: transparent; @@ -6430 +5232 @@ - border-bottom: solid 1px var(--inputbordercolor); + border-bottom: solid 1px rgba(0,0,0,.2); @@ -6434 +5236 @@ - border-bottom: solid 1px var(--inputbordercolor); + border-bottom: solid 1px rgba(0,0,0,.2); @@ -6439 +5240,0 @@ - @@ -6443,4 +5244 @@ - - - border: solid 1px var(--inputbordercolor); - + border-bottom: solid 1px rgba(0,0,0,.2); @@ -6449,5 +5247 @@ - border-radius: 3px; -} -.select2-container--focus .select2-container--default .select2-selection--single { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; + border-radius: 0 !important; @@ -6459,2 +5252,0 @@ - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; @@ -6463 +5255 @@ - border-bottom: solid 1px var(--inputbordercolor); + border-bottom: solid 1px rgba(0,0,0,.2); @@ -6467 +5259 @@ - border-radius: 3px; + border-radius: 0 !important; @@ -6469,6 +5261,2 @@ - line-height: normal; -} -.select2-container--default .select2-selection--multiple .select2-selection__rendered { - line-height: 1.4em; -} -.select2-container--default .select2-selection--multiple .select2-selection__choice { +} +.select2-container--default .select2-selection--multiple .select2-selection__choice{ @@ -6476,4 +5263,0 @@ - margin-top: 4px !important; -} -.select2-selection--multiple input.select2-search__field { - border-bottom: none !important; @@ -6488 +5272 @@ - border-bottom: solid 1px var(--inputbordercolor) !important; + border-bottom: solid 1px rgba(0,0,0,.2) !important; @@ -6492 +5276 @@ - /* color: black; */ + color: black; @@ -6507,2 +5290,0 @@ - background-color: var(--colorbackbody); - color: var(--colortext); @@ -6539 +5321 @@ - background: var(--colorbackvmenu1); + background: var(--colorbackvmenu1);e @@ -6565,4 +5346,0 @@ -} -.select2-results__option { - word-break: break-word; - text-align: ; @@ -6592 +5370 @@ - max-height: 400px; + max-height: 400px; @@ -6597,2 +5375,2 @@ - text-align: ; - opacity: 0.4; + text-align: ; + opacity: 0.4; @@ -6605,4 +5383,2 @@ - text-align: ; -} -span#select2-boxbookmark-container { - opacity: 0.4; + text-align: ; + opacity: 0.4; @@ -6615,7 +5391,7 @@ - text-align: left; - opacity: 0.4; - border-bottom: solid 1px rgba(0,0,0,.4) !important; - height: 26px; - line-height: 24px; - padding: 0 0 2px 0; - vertical-align: top; + text-align: left; + opacity: 0.4; + border-bottom: solid 1px rgba(0,0,0,.4) !important; + height: 26px; + line-height: 24px; + padding: 0 0 2px 0; + vertical-align: top; @@ -6626 +5402 @@ - padding: 3px 5px 2px 5px; + padding: 2px 5px 1px 5px; @@ -6652 +5428 @@ - float: ; + float: left; @@ -6665,38 +5440,0 @@ -ul.select2-results__options li { - font-size: 0.95em; -} - -.parentonrightofpage { - direction: rtl; -} - -select.multiselectononeline { - padding: 0; - vertical-align: middle; - min-height: unset; - height: 28px !important; - opacity: 0; - /* width: 1px !important; */ -} - -@media only screen and (min-width: 767px) -{ - /* CSS to have the dropdown boxes larger that the input search area */ - .select2-container.select2-container--open:not(.graphtype) .select2-dropdown.ui-dialog { - min-width: 220px !important; - } - .select2-container.select2-container--open:not(.graphtype) .select2-dropdown--below:not(.onrightofpage), - .select2-container.select2-container--open:not(.graphtype) .select2-dropdown--above:not(.onrightofpage) { - min-width: 220px !important; - } - .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--below, - .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--above{ - min-width: 140px !important; - } - - .select2-container--open .select2-dropdown--below { - border-top: 1px solid var(--inputbordercolor); - /* border-top: 1px solid #aaaaaa; */ - } -} - @@ -6713,3 +5451 @@ - box-shadow: none !important; - margin-top: 1px !important; - margin-bottom: 0 !important; + box-shadow: none !important; @@ -6719 +5455 @@ - /* vertical-align: top; */ + vertical-align: top; @@ -6722,2 +5458 @@ - padding: 3px 5px 3px 5px; - display: inline-block; + padding: 3px 5px 0px 5px; @@ -6736,4 +5470,0 @@ - -.multi-select-menu { - z-index: 10; -} @@ -6760,4 +5490,0 @@ -div.multi-select-menu[role="menu"] { - min-width: 220px !important; -} - @@ -6780 +5507 @@ - border-bottom: solid 1px var(--inputbordercolor); + border-bottom: solid 1px rgba(0,0,0,.2); @@ -6784 +5510,0 @@ - border-radius: 3px; @@ -6789,2 +5514,0 @@ - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; @@ -6800 +5524 @@ - border-color: #888 transparent transparent transparent; + border-color: #444 transparent transparent transparent; @@ -6808 +5532 @@ - border-color: transparent transparent #888 transparent; + border-color: transparent transparent #999 transparent; @@ -6812,7 +5536,3 @@ - clear: both; - float: left; - padding-left: 5px; -} -label.multi-select-menuitem { - line-height: 24px; - text-align: start; + clear: both; + float: left; + padding-left: 5px @@ -6827 +5547 @@ - z-index: 95; /* To have the select box appears on first plan even when near buttons are decorated by jmobile */ + z-index: 95; /* To have the select box appears on first plan even when near buttons are decorated by jmobile */ @@ -6830 +5550 @@ - margin:0px; + margin:0px; @@ -6832,4 +5552,4 @@ - margin-right: 2px; - padding:0px; - vertical-align: middle; - display: inline-block; + margin-right: 2px; + padding:0px; + vertical-align: middle; + display: inline-block; @@ -6838,2 +5558,2 @@ - margin:0px; - padding:0px; + margin:0px; + padding:0px; @@ -6842,2 +5562,2 @@ - margin: -1px 0 0 0; - text-align: ; + margin: -1px 0 0 0; + text-align: ; @@ -6846 +5566 @@ - position:relative; + position:relative; @@ -6849,3 +5569,3 @@ - display:block; - overflow: hidden; - border:0; + display:block; + overflow: hidden; + border:0; @@ -6854,6 +5574,3 @@ - cursor:pointer; - display:inline-block; - padding: 0 3px 2px 0; -} -.maxwidthsearch .dropdown dt a span, .multiSel span { - padding: 3px 3px 2px 3px; + cursor:pointer; + display:inline-block; + padding: 0 3px 2px 0; @@ -6862 +5579 @@ - display:none; + display:none; @@ -6865,15 +5582,11 @@ - background-color: var(--inputbackgroundcolor); - box-shadow: 1px 1px 10px #aaa; - display:none; - :0px; /* pop is align on right */ - padding: 0 0 0 0; - position:absolute; - top:2px; - list-style:none; - max-height: 264px; - overflow: auto; - border-radius: 4px; - z-index: 1; -} -.dropdown dd ul.selectedfieldsleft { - : auto; + background-color: var(--inputbackgroundcolor); + box-shadow: 1px 1px 10px #aaa; + display:none; + :0px; /* pop is align on right */ + padding: 0 0 0 0; + position:absolute; + top:2px; + list-style:none; + max-height: 264px; + overflow: auto; + border-radius: 2px; @@ -6892 +5605 @@ - margin-: 3px; + margin-: 3px; @@ -6895,2 +5608,2 @@ - padding: 3px; - display: block; + padding: 3px; + display: block; @@ -6902 +5615 @@ - background-color: var(--inputbackgroundcolor); + background-color: var(--inputbackgroundcolor); @@ -6905,14 +5618,3 @@ - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; -} - -/* ============================================================================== */ -/* Kanban */ -/* ============================================================================== */ - -.info-box-label { - max-width: 180px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; @@ -6940,2 +5642 @@ - padding-top: 2px; - padding-bottom: 2px; + padding-bottom: 3px; @@ -6945,6 +5646,2 @@ - border: unset; -} -.searchpage .searchform input { - font-size: 1.15em; -} - + border: unset; +} @@ -6956 +5653 @@ - margin: 0 2px; + margin: 0.1em 2px @@ -6985 +5682 @@ - right: 8px; + right: 8px; @@ -6988 +5685 @@ - margin-top: -10px; + margin-top: -10px; @@ -6991,4 +5688,4 @@ - /* display: inline-block; */ /* We can't set this. This disable ability to make */ - overflow:hidden; - white-space: nowrap; /* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of ' ' */ - text-overflow: ellipsis; + /* display: inline-block; */ /* We can't set this. This disable ability to make */ + overflow:hidden; + white-space: nowrap; /* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of ' ' */ + text-overflow: ellipsis; @@ -7077,2 +5774,2 @@ - padding: 1em 15px; - display: block; + padding: 1em 15px; + display: block; @@ -7084,2 +5781,2 @@ - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; @@ -7088,5 +5785,5 @@ - /*border: 1px solid #888;*/ - border: none; - background: none; - text-shadow: none; - color: var(--colortexttitlenotab) !important; + /*border: 1px solid #888;*/ + border: none; + background: none; + text-shadow: none; + color: var(--colortexttitlenotab) !important; @@ -7095,5 +5792,5 @@ - background-repeat: repeat-x; - border: none; - background: none; - text-shadow: none; - color: var(--colortexttitlenotab) !important; + background-repeat: repeat-x; + border: none; + background: none; + text-shadow: none; + color: var(--colortexttitlenotab) !important; @@ -7106 +5803 @@ - border-bottom-width: 0px !important; + border-bottom-width: 0px !important; @@ -7109,2 +5806,2 @@ - color: var(--colortexttitle) !important; - background: var(--colorbackmobilemenu); + color: var(--colortexttitle) !important; + background: #f8f8f8 @@ -7138 +5835 @@ - color: var(--colortexttitlenotab) !important; + color: var(--colortexttitlenotab) !important; @@ -7141,2 +5838,2 @@ - border-top: 2px solid #444; - background: #fff ! important; + border-top: 2px solid #444; + background: #fff ! important; @@ -7150 +5847 @@ - background: #fff ! important; + background: #fff ! important; @@ -7160 +5857 @@ - background: #fff ! important; + background: #fff ! important; @@ -7165 +5862 @@ - background: #fff ! important; + background: #fff ! important; @@ -7173,0 +5871,6 @@ +.menu_choix1 a { + background: url('') top left no-repeat; +} +.menu_choix2 a { + background: url('') top left no-repeat; +} @@ -7185 +5888 @@ - padding-left: 10px; + padding-left: 54px; @@ -7193,3 +5896,3 @@ - padding-top: 6px; - padding-right: 10px; - padding-bottom: 2px; + padding-top: 6px; + padding-right: 10px; + padding-bottom: 2px; @@ -7198,3 +5901,3 @@ - padding-top: 6px; - padding-right: 10px; - padding-bottom: 2px; + padding-top: 6px; + padding-right: 10px; + padding-bottom: 2px; @@ -7209,7 +5912,7 @@ - .menu li.menu_choix1, .menu li.menu_choix2 { - padding-left: 4px; - padding-right: 0; - } - .liste_articles { - margin-right: 0 !important; - } + .menu li.menu_choix1, .menu li.menu_choix2 { + padding-left: 4px; + padding-right: 0; + } + .liste_articles { + margin-right: 0 !important; + } @@ -7230,18 +5933 @@ -.publicnewmemberform div.tabBarWithBottom { - border: 1px solid #e8e8e8; - padding: 30px; - border-radius: 8px; - background-color: var(--colorbackgrey); - /*box-shadow: 2px 2px 10px #ddd;*/ -} - -.publicnewmemberform #tablesubscribe { - color: var(--colortextbackvmenu); -} - -@media only screen and (max-width: 767px) -{ - .publicnewmemberform div.tabBarWithBottom { - padding: 10px; - } -} + @@ -7260 +5946 @@ - margin-right: 15%; + margin-right: 15%; @@ -7268 +5954 @@ - padding-top: 30px; + padding-top: 10px; @@ -7274 +5959,0 @@ - padding-top: 10px; @@ -7299 +5984 @@ - margin-bottom: 3em; + margin-bottom: 3em; @@ -7302,2 +5987,2 @@ - left: 50%; - margin-left: -2px; + left: 50%; + margin-left: -2px; @@ -7324 +6009 @@ - margin: 4em 0; + margin: 4em 0; @@ -7327 +6012 @@ - margin-top: 0; + margin-top: 0; @@ -7330 +6015 @@ - margin-bottom: 0; + margin-bottom: 0; @@ -7365,7 +6050,7 @@ - width: 60px; - height: 60px; - left: 50%; - margin-left: -30px; - /* Force Hardware Acceleration in WebKit */ - -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; + width: 60px; + height: 60px; + left: 50%; + margin-left: -30px; + /* Force Hardware Acceleration in WebKit */ + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; @@ -7374 +6059 @@ - visibility: hidden; + visibility: hidden; @@ -7377,4 +6062,4 @@ - visibility: visible; - -webkit-animation: cd-bounce-1 0.6s; - -moz-animation: cd-bounce-1 0.6s; - animation: cd-bounce-1 0.6s; + visibility: visible; + -webkit-animation: cd-bounce-1 0.6s; + -moz-animation: cd-bounce-1 0.6s; + animation: cd-bounce-1 0.6s; @@ -7386,2 +6071,2 @@ - opacity: 0; - -webkit-transform: scale(0.5); + opacity: 0; + -webkit-transform: scale(0.5); @@ -7391,2 +6076,2 @@ - opacity: 1; - -webkit-transform: scale(1.2); + opacity: 1; + -webkit-transform: scale(1.2); @@ -7396 +6081 @@ - -webkit-transform: scale(1); + -webkit-transform: scale(1); @@ -7401,2 +6086,2 @@ - opacity: 0; - -moz-transform: scale(0.5); + opacity: 0; + -moz-transform: scale(0.5); @@ -7406,2 +6091,2 @@ - opacity: 1; - -moz-transform: scale(1.2); + opacity: 1; + -moz-transform: scale(1.2); @@ -7411 +6096 @@ - -moz-transform: scale(1); + -moz-transform: scale(1); @@ -7416,6 +6101,6 @@ - opacity: 0; - -webkit-transform: scale(0.5); - -moz-transform: scale(0.5); - -ms-transform: scale(0.5); - -o-transform: scale(0.5); - transform: scale(0.5); + opacity: 0; + -webkit-transform: scale(0.5); + -moz-transform: scale(0.5); + -ms-transform: scale(0.5); + -o-transform: scale(0.5); + transform: scale(0.5); @@ -7425,6 +6110,6 @@ - opacity: 1; - -webkit-transform: scale(1.2); - -moz-transform: scale(1.2); - -ms-transform: scale(1.2); - -o-transform: scale(1.2); - transform: scale(1.2); + opacity: 1; + -webkit-transform: scale(1.2); + -moz-transform: scale(1.2); + -ms-transform: scale(1.2); + -o-transform: scale(1.2); + transform: scale(1.2); @@ -7434,5 +6119,5 @@ - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); + -webkit-transform: scale(1); + -moz-transform: scale(1); + -ms-transform: scale(1); + -o-transform: scale(1); + transform: scale(1); @@ -7449,0 +6135 @@ + background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%); @@ -7489,2 +6175,2 @@ - font-size: 20px; - font-size: 1.25rem; + font-size: 20px; + font-size: 1.25rem; @@ -7493,2 +6179,2 @@ - font-size: 16px; - font-size: 1rem; + font-size: 16px; + font-size: 1rem; @@ -7497,2 +6183,2 @@ - font-size: 14px; - font-size: 0.875rem; + font-size: 14px; + font-size: 0.875rem; @@ -7503,3 +6189,3 @@ - margin-left: 0; - padding: 1.6em; - width: 43%; + margin-left: 0; + padding: 1.6em; + width: 43%; @@ -7508,4 +6194,4 @@ - top: 24px; - left: 100%; - border-color: transparent; - border-left-color: white; + top: 24px; + left: 100%; + border-color: transparent; + border-left-color: white; @@ -7514 +6200 @@ - float: left; + float: left; @@ -7517,6 +6203,6 @@ - position: absolute; - width: 55%; - left: 115%; - top: 6px; - font-size: 16px; - font-size: 1rem; + position: absolute; + width: 55%; + left: 115%; + top: 6px; + font-size: 16px; + font-size: 1rem; @@ -7525 +6211 @@ - float: right; + float: right; @@ -7528,5 +6214,5 @@ - top: 24px; - left: auto; - right: 100%; - border-color: transparent; - border-right-color: white; + top: 24px; + left: auto; + right: 100%; + border-color: transparent; + border-right-color: white; @@ -7535 +6221 @@ - float: right; + float: right; @@ -7538,3 +6224,3 @@ - left: auto; - right: 115%; - text-align: right; + left: auto; + right: 115%; + text-align: right; @@ -7547,53 +6232,0 @@ -/* CSS style for debugbar */ -/* ============================================================================== */ - -div.phpdebugbar * { - font-weight: unset; -} -span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide { - width: 250px !important; -} -.phpdebugbar-indicator span.phpdebugbar-tooltip { - opacity: .95 !important; -} -a.phpdebugbar-tab.phpdebugbar-active { - background-image: unset !important; -} -.phpdebugbar-fa-tags:before { - content: "\f121"; - font-weight: 600 !important; -} -.phpdebugbar-fa-tasks:before { - content: "\f550"; - font-weight: 600 !important; -} -.phpdebugbar-fa-tags, .phpdebugbar-fa-tasks, .phpdebugbar-indicator .fa { - font-family: ""; - font-weight: 600; -} -div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-warning:before, -div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error:before, -div.phpdebugbar-widgets-exceptions a.phpdebugbar-widgets-editor-link:before, -div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before, -div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before, -div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before, -div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before, -div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before, -div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before, -div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-render-time:before, -div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-memory:before, -div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before, -div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-type:before, -div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before -{ - font-family: "" !important; -} - -/* ============================================================================== */ -/* CSS style used for jCrop */ -/* ============================================================================== */ - -.jcrop-holder { background: unset !important; } - - -/* ============================================================================== */ @@ -7604,166 +6237,6 @@ - text-orientation: sideways; - font-weight: 400; - writing-mode: vertical-rl; - white-space: nowrap; -} - - -/* ============================================================================== */ -/* For copy-paste feature */ -/* ============================================================================== */ - -span.clipboardCPValueToPrint, div.clipboardCPValueToPrint { - display: inline-block; -} -span.clipboardCPValue.hidewithsize { - width: 0 !important; - display: inline-block; /* this will be modifiy on the fly by the copy-paste js code in lib_foot.js.php to have copy feature working */ - color: transparent; - white-space: nowrap; - overflow-x: hidden; - vertical-align: middle; -} -div.clipboardCPValue.hidewithsize { - width: 0 !important; - display: none; - color: transparent; - white-space: nowrap; -} - -.clipboardCPShowOnHover .clipboardCPButton { - display: none; -} - -/* To make a div popup, we must use a position aboluste inside a position relative */ -.clipboardCPText { - position: relative; -} -.clipboardCPTextDivInside { - position: absolute; - background: #f8f8fa; - color: #888; - border: 1px solid #E0E0E0; - opacity: 1; - z-index: 20; - padding: 2px; - padding-left: 5px; - padding-right: 5px; - top: -5px; - left: 0px; - border-radius: 5px; - white-space: nowrap; - font-size: 0.9em; - box-shadow: 1px 1px 6px #ddd; -} - - -/* ============================================================================== */ -/* CSS style used for hrm skill/rank (may be we can remove this) */ -/* ============================================================================== */ - -.radio_js_bloc_number { - display:inline-block; - padding:5px 7px; - min-width:20px; - border-radius:3px; - border:1px solid #ccc; - background:#eee; - color:#555; - cursor:pointer; - margin:2px; - text-align:center; -} -.radio_js_bloc_number.selected { - transition:0.2s ease background; - background:#888; - color:#fff; - border-color:#555; -} - - -/* ============================================================================== */ -/* Virtual business card */ -/* ============================================================================== */ - -.virtualcard-div { - overflow: hidden; - vertical-align: top; - /* background: #aaa; */ -} - -#virtualcard-iframe { - border: 40px solid #aaa; - vertical-align: top; - width: 10%; - min-width: 100px; - border-radius: 10px; - aspect-ratio: 0.6; -} -.nopointervent { - pointer-events: none; -} -.scalepreview { - /* transform: scale(0.5); */ - zoom: 0.20; - /* filter: blur(4px); */ -} - -/* ============================================================================== */ -/* For drag and drop file feature */ -/* ============================================================================== */ - -.cssDragDropArea{ - position: relative; -} -.highlightDragDropArea{ - border: 2px #000 dashed !important; - background-color: #eee !important; -} -.highlightDragDropArea * :not(.dragDropAreaMessage *){ - opacity:0.8; - filter: blur(1px) grayscale(90%); -} -.dragDropAreaMessage { - position: absolute; - left:50%; - top:50%; - transform: translate(-50%, -50%); - text-align:center; - font-size: 2em; -} - -/* ============================================================================== */ -/* CSS style used for color jPicker */ -/* ============================================================================== */ - -table.jPicker { - border: 1px solid #bbb !important; -} - -/* ============================================================================== */ -/* CSS style used for survey */ -/* ============================================================================== */ - -.opensurveydescription * { - width: 100%; -} -.imgopensurveywizard -{ - padding: 0 4px 0 4px; -} -.survey_borders { - margin-left: 100px; - margin-right: 100px; - text-align: start; -} -.survey_intro { - background-color: #f0f0f0; - padding: 15px; - border-radius: 8px; -} -.survey_borders .resultats .nom { - text-align: -} -.survey_borders .resultats .sujet, .survey_borders .resultats .jour { - min-width: 100px; -} + text-orientation: sideways; + font-weight: 400; + writing-mode: vertical-rl; + white-space: nowrap; +} + @@ -7779,0 +6253,4 @@ +.imgopensurveywizard +{ + padding: 0 4px 0 4px; +} @@ -7783,8 +6259,0 @@ - - .fiche > .listactionsfilter .table-fiche-title .col-title .titre { - display: none; - } - - .navselectiondate { - width: 220px; - } @@ -7797,34 +6266,8 @@ - div.tabBar { - padding-left: 0px; - padding-right: 0px; - -webkit-border-radius: 0; - border-radius: 0px; - border-right: none; - border-left: none; - } - - td.widthpictotitle { width: 30px; } - - .logopublicpayment #dolpaymentlogo { - max-width: 260px; - } - #tablepublicpayment { - width: auto !important; - border: none !important; - } - .poweredbypublicpayment { - float: unset !important; - top: unset !important; - /* bottom: 8px; */ - right: -10px !important; - position: relative !important; - } - .poweredbyimg { - width: 48px; - } - - .survey_borders { - margin-left: 10px; - margin-right: 10px; - text-align: start; - } + div.tabBar { + padding-left: 0px; + padding-right: 0px; + -webkit-border-radius: 0; + border-radius: 0px; + border-right: none; + border-left: none; + } @@ -7846 +6289 @@ -@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1; ?>px) /* reduction 1 */ +@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1) ? round($nbtopmenuentries * 90, 0) + 340 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1; ?>px) /* reduction 1 */ @@ -7849,7 +6292,5 @@ - width: px; /* size of viewport */ - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - color: var(--colortextbackhmenu); - /* color: var(--colorbackhmenu1); */ + width: px; /* size of viewport */ + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + color: var(--colortextbackhmenu); @@ -7857,2 +6298,7 @@ - .tmenuimage { - color: var(--colortextbackhmenu); + .mainmenuaspan { + font-size: 0.9em; + padding-right: 0; + } + .topmenuimage { + background-size: 22px auto; + margin-top: 0px; @@ -7861,16 +6307,6 @@ - .mainmenuaspan { - font-size: 0.9em; - padding-right: 0; - padding-left: 0; - } - .topmenuimage { - background-size: 22px auto; - margin-top: 0px; - } - - li.tmenu, li.tmenusel { - min-width: 36px; - } - div.mainmenu { - min-width: auto; - } + li.tmenu, li.tmenusel { + min-width: 36px; + } + div.mainmenu { + min-width: auto; + } @@ -7882 +6318 @@ - max-width: 370px; + max-width: 350px; @@ -7885,2 +6321,2 @@ -/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again ( menu entries) */ -@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2; ?>px) /* reduction 2 */ +/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again */ +@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2) ? round($nbtopmenuentries * 69, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2; ?>px) /* reduction 2 */ @@ -7895,2 +6331,2 @@ - max-width: px; /* size of viewport */ - text-overflow: clip; + max-width: px; /* size of viewport */ + text-overflow: clip; @@ -7899 +6335 @@ - margin-left: 1px; + margin-left: 1px; @@ -7902,8 +6338,8 @@ - font-size: 0.9em; - padding-left: 0; - padding-right: 0; - } - .topmenuimage { - background-size: 20px auto; - margin-top: 2px; - left: 4px; + font-size: 0.9em; + padding-left: 0; + padding-right: 0; + } + .topmenuimage { + background-size: 20px auto; + margin-top: 2px; + left: 4px; @@ -7917,11 +6353,2 @@ -@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ -{ - - .tmenudiv .tmenulabel span.mainmenuaspan { - display: none !important; - } - .tmenudiv:hover .tmenuimage:not(.menuhider), .tmenudiv:hover .tmenuimage:not(.menuhider):before { - margin-top: 8px !important; - } - - +@media only screen and (max-width: global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px) /* reduction 3 */ +{ @@ -7932 +6359 @@ - } + } @@ -7934 +6361 @@ - z-index: 201; + z-index: 201; @@ -7937,8 +6364,5 @@ - #id-right { /* This must stay id-right and not be replaced with echo $right */ - padding-top: 8px; - } - - .login_vertical_align { - padding-left: 20px; - padding-right: 20px; - } + + .login_vertical_align { + padding-left: 20px; + padding-right: 20px; + } @@ -7964,2 +6388,2 @@ - color: unset; - } + color: unset; + } @@ -7970,3 +6394,3 @@ - padding-right: 20px; - padding-bottom: 16px; - top: auto; + padding-right: 20px; + padding-bottom: 16px; + top: inherit !important; @@ -7975 +6399 @@ - vertical-align: middle; + vertical-align: middle; @@ -7979,16 +6403,13 @@ - height: 50px; - - z-index: 202; - min-width: 200px; /* must be width of menu + padding + padding of sidenav */ - max-width: 200px; /* must be width of menu + padding + padding of sidenav */ - width: 200px; /* must be width of menu + padding + padding of sidenav */ - } - .loginbuttonexternal { - width: 260px; - } - .side-nav-vert .user-menu .dropdown-menu { - width: 234px !important; - } - div.login_block_other { - margin-right: unset; - } + height: 50px; + + z-index: 202; + min-width: 200px; /* must be width of menu + padding + padding of sidenav */ + max-width: 200px; /* must be width of menu + padding + padding of sidenav */ + width: 200px; /* must be width of menu + padding + padding of sidenav */ + } + .side-nav-vert .user-menu .dropdown-menu { + width: 234px !important; + } + div.login_block_other { + margin-right: unset; + } @@ -8006,3 +6427,3 @@ - li.tmenu, li.tmenusel { - min-width: 32px; - } + li.tmenu, li.tmenusel { + min-width: 32px; + } @@ -8013 +6434 @@ - text-overflow: clip; + text-overflow: clip; @@ -8015,4 +6436,4 @@ - .topmenuimage { - background-size: 20px auto; - margin-top: 2px !important; - left: 2px; + .topmenuimage { + background-size: 20px auto; + margin-top: 2px !important; + left: 2px; @@ -8021,2 +6442,2 @@ - min-width: 20px; - } + min-width: 20px; + } @@ -8025 +6446 @@ - width: auto !important; /* We want to ignore the 30%, try to use more if you can */ + width: auto !important; /* We want to ignore the 30%, try to use more if you can */ @@ -8028 +6449 @@ - /* max-width: 100px; */ /* but no more than 100px */ + /* max-width: 100px; */ /* but no more than 100px */ @@ -8031 +6452 @@ - word-break: break-word; + word-break: break-word; @@ -8045,80 +6466,2 @@ - - #divbodywebsite { - word-break: break-word; - } - - .websiteselectionsection { - border-left: unset; - border-right: unset; - padding-left: 5px; - } - - .a-mesure, .a-mesure-disabled { - display: block; - margin-bottom: 6px; - padding-left: 12px; - padding-right: 12px; - } - - .a-mesure, .a-mesure-disabled { - text-align: center; - } - - - div.fichehalfright { - margin-top: 30px; - } - - - .underbanner.underbanner-before-box { - border-bottom: none; - } - - .valuefield.fieldname_type span.badgeneutral { - margin-top: 5px; - display: inline-block; - } - - tr.trextrafieldseparator td, tr.trextrafields_collapse_last td { - /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */ - border-bottom: 1px solid var(--colortopbordertitle1) !important; - } - - div#card-errors { - max-width: unset; - } - - #dolpaymenttable { - padding: 5px; - } - - .lilevel1 span.paddingright { - padding-right: 4px; - } - - img.userphotopublicvcard { - left: unset; - top: unset; - margin-top: 30px; - } -} - - -@media only screen and (max-width: 320px) -{ - .dropdown dd ul { - max-width: 270px; /* must always be 50 slower than width */ - } -} -@media only screen and (max-width: 300px) -{ - .dropdown dd ul { - max-width: 250px; - } -} -@media only screen and (max-width: 280px) -{ - .dropdown dd ul { - max-width: 230px; - } -} +} + @@ -8133,3 +6476 @@ -if (getDolGlobalString('THEME_CUSTOM_CSS')) { - print $conf->global->THEME_CUSTOM_CSS; -} +if (!empty($conf->global->THEME_CUSTOM_CSS)) print $conf->global->THEME_CUSTOM_CSS; @@ -8139,5 +6479,0 @@ - div.extra_inline_chkbxlst, - div.extra_inline_checkbox { - min-width:150px; - } - @@ -8145 +6481 @@ -div.flot-text .flot-tick-label .tickLabel, .fa-color-unset { +div.flot-text .flot-tick-label .tickLabel { @@ -8147,2 +6483 @@ - -} +} --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_info-box.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_info-box.inc.php @@ -2,3 +2 @@ -if (!defined('ISLOADEDBYSTEELSHEET')) { - die('Must be call by steelsheet'); -} ?> +if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?> @@ -12,6 +10,2 @@ -.info-box-module.--external span.info-box-icon-version { - background: rgba(0,0,0,0.2); -} - -.info-box-module.--external.--need-update span.info-box-icon-version{ - background: #bc9525; +.info-box-module-external span.info-box-icon-version { + background: #bbb; @@ -22 +16 @@ - position: relative; + position: relative; @@ -24 +18 @@ - background: var(--colorbacklineimpair2); + /* background: #fff; */ @@ -26,3 +20,3 @@ - box-shadow: 1px 1px 15px rgba(192, 192, 192, 0.2); - border-radius: 2px; - border: 1px solid #e9e9e9; + box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.2); + border-radius: 2px; + border: 1px solid #e9e9e9; @@ -31,12 +25,4 @@ -.info-box.info-box-sm { - min-height: 80px; - margin-bottom: 10px; - /* background: #fff; */ -} -.opened-dash-board-wrap .info-box, .opened-dash-board-wrap .info-box .info-box-icon { - border-radius: 0 0 0 15px; -} -/*.opened-dash-board-wrap .box-flex-item { - border-radius: 10px; -}*/ - +.info-box.info-box-sm{ + min-height: 80px; + margin-bottom: 10px; +} @@ -44,4 +30,4 @@ - float: right; - top: 5px; - position: absolute; - right: 8px; + float: right; + top: 5px; + position: absolute; + right: 8px; @@ -53 +39 @@ -.info-box:not(.info-box-kanban) .progress { +.info-box .progress { @@ -63,14 +49,14 @@ -.info-box:not(.info-box-kanban) .progress .progress-bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - line-height: 20px; - color: #fff; - text-align: center; - background-color: #337ab7; - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); - -webkit-transition: width .6s ease; - -o-transition: width .6s ease; - transition: width .6s ease; +.info-box .progress .progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #337ab7; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); + -webkit-transition: width .6s ease; + -o-transition: width .6s ease; + transition: width .6s ease; @@ -84 +70 @@ - overflow: hidden; + overflow: hidden; @@ -87 +73 @@ - width: 88px; + width: 90px; @@ -89 +75 @@ - font-size: 2.8em; + font-size: 45px; @@ -91,31 +77,7 @@ - background: var(--colorbacktitle1) !important; -} - -.info-box-module .info-box-icon { - padding-top: 5px; - padding-bottom: 5px; -} -.info-box-sm .info-box-icon, .info-box-sm .info-box-img { - height: 98px !important; /* must match height of info-box-sm .info-box-content */ - width: 78px; - font-size: 25px; - line-height: 92px; -} -.info-box-order { - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; - display: block; - overflow: hidden; - float: left; - height: 115px; - width: 88px; - text-align: center; - font-size: 2.3em; - line-height: 115px; - margin-right: 10px; - background: var(--colorbacktitle1) !important; -} -.opened-dash-board-wrap .info-box .info-box-icon { - font-size: 2em; + background: rgba(0, 0, 0, 0.08) !important +} +.info-box-sm .info-box-icon { + height: 80px; + width: 80px; + font-size: 25px; + line-height: 92px; @@ -124,2 +86 @@ - border-radius: 0 0 0 20px; - line-height: 80px; + line-height: 80px; @@ -131 +92 @@ - max-width: 85%; + max-width: 100%; @@ -134,38 +95,20 @@ - max-width: 60%; -} - -a.info-box-text.info-box-text-a { - /* display: table-cell; */ - display: contents; -} -a.info-box-text-a i.fa.fa-exclamation-triangle { - font-size: 0.9em; -} - -.info-box-line { - line-height: 1.35em; -} -.info-box-line-text { - overflow: hidden; - width: calc(100% - 92px); - max-width: calc(100% - 82px); - text-overflow: ellipsis; -} - -.info-box-icon-text { - box-sizing: border-box; - display: block; - position: absolute; - width: 90px; - bottom: 0px; - color: #ffffff; - background-color: rgba(0,0,0,0.1); - cursor: default; - - font-size: 10px; - line-height: 15px; - padding: 0px 3px; - text-align: center; - opacity: 0; - -webkit-transition: opacity 0.5s, visibility 0s 0.5s; - transition: opacity 0.5s, visibility 0s 0.5s; + max-width: 60%; +} + +.info-box-icon-text{ + box-sizing: border-box; + display: block; + position: absolute; + width: 90px; + bottom: 0px; + color: #ffffff; + background-color: rgba(0,0,0,0.1); + cursor: default; + + font-size: 10px; + line-height: 15px; + padding: 0px 3px; + text-align: center; + opacity: 0; + -webkit-transition: opacity 0.5s, visibility 0s 0.5s; + transition: opacity 0.5s, visibility 0s 0.5s; @@ -175,20 +118,19 @@ - box-sizing: border-box; - display: block; - position: absolute; - width: 90px; - bottom: 0px; - color: #ffffff; - background-color: rgba(0,0,0,0.1); - cursor: default; - - font-size: 10px; - line-height: 1.5em; - padding: 4px 3px; - text-align: center; - opacity: 1; - -webkit-transition: opacity 0.5s, visibility 0s 0.5s; - transition: opacity 0.5s, visibility 0s 0.5s; -} - -.box-flex-item.info-box-module.--disabled { - /* opacity: 0.6; */ + box-sizing: border-box; + display: block; + position: absolute; + width: 90px; + bottom: 0px; + color: #ffffff; + background-color: rgba(0,0,0,0.1); + cursor: default; + + font-size: 10px; + line-height: 22px; + padding: 0px 3px; + text-align: center; + opacity: 1; + -webkit-transition: opacity 0.5s, visibility 0s 0.5s; + transition: opacity 0.5s, visibility 0s 0.5s; +} +.box-flex-item.info-box-module.info-box-module-disabled { + /* opacity: 0.6; */ @@ -199,30 +141,5 @@ - right: 0; - bottom: 0; -} - -/* customize section img box on list of products */ -.info-box-img { - height: 105px !important; - width: 88px; - border-top-left-radius: 2px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-bottom-left-radius: 2px; - display: block; - overflow: hidden; - float: left; - text-align: center; - font-size: 2.8em; - line-height: 90px; - margin-right: 5px; - background: var(--colorbacktitle1) !important; -} -.info-box-img > img { - width: 90%; - position: relative; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - - + right: 0; + bottom: 0; +} + +global->MAIN_DISABLE_GLOBAL_BOXSTATS) && !empty($conf->global->MAIN_INCLUDE_GLOBAL_STATS_IN_OPENED_DASHBOARD)) { ?> @@ -230 +147 @@ - opacity: 1; + opacity: 1; @@ -234,6 +151,6 @@ -.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version { - overflow: hidden; - width: 80px; -} -.info-box:hover .info-box-icon-text { - opacity: 1; +.info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{ + overflow: hidden; + width: 80px; +} +.info-box:hover .info-box-icon-text{ + opacity: 1; @@ -243,4 +160 @@ - padding-top: 5px; - padding-bottom: 5px; - padding-left: 10px; - padding-right: 5px; + padding: 5px 10px; @@ -249,16 +163,9 @@ -.info-box-sm .info-box-content { - margin-left: 80px; - height: 88px; /* 96 - margins of .info-box-sm .info-box-content */ -} -.info-box-sm .info-box-module-enabled { - /* background: linear-gradient(0.35turn, #fff, #fff, #f6faf8, #e4efe8) */ - background: var(--infoboxmoduleenabledbgcolor); -} -.info-box-content-warning span.font-status4 { - color: #bc9526 !important; -} -/*.info-box-sm .info-box-content-warning { - background: #ffd7a3; -}*/ -/*.info-box-icon.info-box-icon-module-enabled { - background: #e4f0e4 !important; + +.info-box-sm .info-box-content{ + margin-left: 80px; +} +/*.info-box-setup span { + color: var(--colortexttitlenotab2); +} +.tdsetuppicto span { + color: var(--colortexttitlenotab2); @@ -285,2 +191,0 @@ - opacity: 0.6; - /* color: var(--colortexttitlenotab); */ @@ -301,2 +205,0 @@ - - @@ -311,10 +214,4 @@ -if (getDolGlobalString('THEME_INFOBOX_COLOR_ON_BACKGROUND')) { - $prefix = 'background-'; -} - -if (!isset($conf->global->THEME_SATURATE_RATIO)) { - $conf->global->THEME_SATURATE_RATIO = 0.7; -} -if (GETPOSTISSET('THEME_SATURATE_RATIO')) { - $conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int'); -} +if (!empty($conf->global->THEME_INFOBOX_COLOR_ON_BACKGROUND)) $prefix = 'background-'; + +if (!isset($conf->global->THEME_SATURATE_RATIO)) $conf->global->THEME_SATURATE_RATIO = 0.7; +if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int'); @@ -327,42 +224,5 @@ - opacity: 0.95; - global->THEME_SATURATE_RATIO)) { ?> - filter: saturate(global->THEME_SATURATE_RATIO; ?>); - -} - -.customer-back { - background-color: #55955d !important; - color: #FFF !important; - padding: 2px; - margin: 2px; - border-radius: 3px; -} -.vendor-back { - background-color: #599caf !important; - color: #FFF !important; - padding: 2px; - margin: 2px; - border-radius: 3px; -} -.user-back { - background-color: #79633f !important; - color: #FFF !important; - padding: 2px; - margin: 2px; - border-radius: 3px; -} -.member-company-back { - padding: 2px 7px 2px 7px; - background-color: #e4e4e4; - color: #666; - border-radius: 10px; - white-space: nowrap; -} -.member-individual-back { - padding: 2px 7px 2px 7px; - background-color: #e4e4e4; - color: #666; - border-radius: 10px; - white-space: nowrap; -} - + opacity: 0.95; + global->THEME_SATURATE_RATIO)) { ?> + filter: saturate(global->THEME_SATURATE_RATIO; ?>); + +} @@ -374,6 +234,10 @@ - color: #b06080 !important; -} -.bg-infobox-propal, .bg-infobox-facture, .bg-infobox-commande { - color: #65953d !important; -} -.bg-infobox-supplier_proposal, .bg-infobox-invoice_supplier, .bg-infobox-order_supplier { + color: #a47080 !important; +} +.bg-infobox-propal, +.bg-infobox-facture, +.bg-infobox-commande{ + color: #99a17d !important; +} +.bg-infobox-supplier_proposal, +.bg-infobox-invoice_supplier, +.bg-infobox-order_supplier{ @@ -383 +247 @@ - color: #3bbfa8 !important; + color: #46a676 !important; @@ -386 +250 @@ - color: #b0bb39 !important; + color: #b0a53e !important; @@ -399 +263 @@ - color: #79633f; + color: #79633f !important; @@ -402 +266 @@ - color: #6c6aa8; + color: #6c6aa8 !important; @@ -405,13 +269,11 @@ - color: #b06080; -} -/* Color for customer object */ -.infobox-propal:not(.error), -.infobox-facture:not(.error), -.infobox-commande:not(.error) { - color: #65953d; -} -/* Color for vendor object */ -.infobox-supplier_proposal:not(.error), -.infobox-invoice_supplier:not(.error), -.infobox-order_supplier:not(.error) { - color: #599caf; + color: #a47080 !important; +} +.infobox-propal, +.infobox-facture, +.infobox-commande{ + color: #99a17d !important; +} +.infobox-supplier_proposal, +.infobox-invoice_supplier, +.infobox-order_supplier{ + color: #599caf !important; @@ -420 +282 @@ - color: #3bbfa8; + color: #46a676 !important; @@ -423 +285 @@ - color: #b0bb39; + color: #b0a53e !important; @@ -426 +288 @@ - color: #79633f; + color: #79633f !important; @@ -429 +291 @@ - color: #79633f; + color: #79633f !important; @@ -432 +294 @@ - color: #755114; + color: #755114 !important; @@ -448 +310 @@ - content: "\f542"; + content: "\f0e8"; @@ -455 +317 @@ - content: "\f0f2"; + content: "\f1e6"; @@ -464 +326 @@ - content: "\f007"; + content: "\f0c0"; @@ -476 +338 @@ - background: var(--colorbacktitle1) !important; + background: rgba(0, 0, 0, 0.08) !important; @@ -480 +342 @@ - color : #cfbf00; + color : #cccccc; @@ -484 +346 @@ - color : #bc9526; + color : #cccccc; @@ -487,2 +349,2 @@ - content: "\f743"; - color : #b16000; + content: "\f0c2"; + color : #cccccc; @@ -492 +354 @@ - color : #b04000; + color : #cccccc; @@ -496 +358 @@ - color : #b01000; + color : #b91f1f; @@ -509,5 +371 @@ -.box-flex-grow-zero { - flex-grow: 0 !important; -} - -.box-flex-item { +.box-flex-item{ @@ -516,0 +375 @@ + @@ -518,2 +377,4 @@ -} -.box-flex-item.filler { + margin: 5px 8px 0px 8px; +} +.box-flex-item.filler{ + margin: 0px 0px 0px 15px !important; @@ -522,4 +383,5 @@ -.box-flex-item, .box-flex-item.filler { - margin: 5px 10px 0px 10px; -} - + +.info-box-module { + min-width: 350px; + max-width: 350px; +} @@ -529,14 +390,0 @@ -.info-box-module { - min-width: 350px; - max-width: 350px; -} -.fright { - float:right; -} -@media only screen and (max-width: 1740px) { - .info-box-module { - min-width: 315px; - max-width: 315px; - } -} - @@ -548,0 +397 @@ + @@ -550 +399 @@ - height: 98px; + height: 6.4em; @@ -561,3 +410,2 @@ - margin: 0 0 0 0px !important; - width: 100% !important; - justify-content: space-between; + margin: 0 0 0 0px !important; + width: 100% !important; @@ -564,0 +413 @@ + @@ -569,25 +418 @@ - - .info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version { - width: 60px; - } - .info-box-sm .info-box-icon { - width: 60px; - } - .info-box-sm .info-box-content { - margin-left: 60px; - } - .info-box { - border: 1px solid #e0e0e0; - } - - .info-box-content { - padding-top: 5px; - padding-bottom: 5px; - padding-left: 10px; - padding-right: 2px; - } - .info-box-line-text { - width: calc(100% - 92px); - max-width: calc(100% - 82px); - } -} +} --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_main_menu_fa_icons.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_main_menu_fa_icons.inc.php @@ -1,3 +1 @@ - + @@ -7,9 +5,10 @@ - /* font part */ - font-family: ""; - font-weight: 900; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 28px; - -webkit-font-smoothing: antialiased; - text-align:center; + /* font part */ + font-family: "Font Awesome 5 Free"; + font-weight: 900; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 23px; + font-size: ; + -webkit-font-smoothing: antialiased; + text-align:center; @@ -17,2 +16 @@ - color: var(--colortextbackhmenu); - /* font-size: ; */ + color: #; @@ -19,0 +18 @@ + @@ -24,0 +24,105 @@ +div.mainmenu.menu::before { + content: "\f0c9"; +} + + +div.mainmenu.home::before{ + content: "\f015"; +} + +div.mainmenu.billing::before { + content: "\f51e"; +} + +div.mainmenu.accountancy::before { + content: "\f53d"; +} + +div.mainmenu.agenda::before { + content: "\f073"; +} + +div.mainmenu.bank::before { + content: "\f19c"; +} + +global->MAIN_FEATURES_LEVEL == 2) { ?> +/* TESTING USAGE OF SVG WITHOUT FONT */ +div.mainmenu.cashdesk { + line-height: 26px; +} + +div.mainmenu.cashdesk .tmenuimage { + line-height: 26px; + display: inline-block; + vertical-align: middle; + height: ; + background-color: #; + width: 100%; + -webkit-mask: url() no-repeat 50% 50%; /* for old webkit browser */ + mask: url() no-repeat 50% 50%; +} + + +div.mainmenu.cashdesk::before { + content: "\f788"; +} + + + + +div.mainmenu.takepos::before { + content: "\f788"; +} + +div.mainmenu.companies::before { + content: "\f1ad"; +} + +div.mainmenu.commercial::before { + content: "\f0f2"; +} + +div.mainmenu.ecm::before { + content: "\f07c"; +} + +div.mainmenu.externalsite::before { + content: "\f360"; +} + +div.mainmenu.ftp::before { + content: "\f362"; +} + +div.mainmenu.hrm::before { + content: "\f508"; +} + +div.mainmenu.members::before { + content: "\f0c0"; +} + +div.mainmenu.products::before { + content: "\f1b2"; +} + +div.mainmenu.mrp::before { + content: "\f1b3"; +} + +div.mainmenu.project::before { + content: "\f0e8"; +} + +div.mainmenu.ticket::before { + content: "\f3ff"; +} + +div.mainmenu.tools::before { + content: "\f0ad"; +} + +div.mainmenu.website::before { + content: "\f57d"; +} @@ -27 +131 @@ - content: "\f249"; + content: "\f249"; @@ -31 +135 @@ - content: "\f249"; + content: "\f249"; @@ -35 +139 @@ - content: "\f249"; + content: "\f249"; @@ -39 +143 @@ - content: "\f249"; + content: "\f249"; @@ -48 +152 @@ -.fa-at, .fa-external-link-alt, .fa-share-alt { +.fa-at, .fa-external-link-alt { @@ -61 +165 @@ -.fa-link, .fa-unlink { +.fa-unlink { @@ -94,5 +197,0 @@ -.tmenu span.fas, .tmenu span.far { - color: unset !important; - line-height: 28px; - text-align: center; -} @@ -100,11 +198,0 @@ -.em092 { - font-size: 0.92em; -} - -.em088 { - font-size: 0.88em; -} - -.em080 { - font-size: 0.80em; -} --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_manifest.json.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_manifest.json.php @@ -20 +20 @@ - * along with this program. If not, see . + * along with this program. If not, see . @@ -25 +25 @@ - * \brief File for The Web App (PWA) + * \brief File for The Web App @@ -28,27 +28,10 @@ -if (!defined('NOREQUIREUSER')) { - define('NOREQUIREUSER', '1'); -} -if (!defined('NOREQUIRESOC')) { - define('NOREQUIRESOC', '1'); -} -if (!defined('NOREQUIRETRAN')) { - define('NOREQUIRETRAN', '1'); -} -if (!defined('NOTOKENRENEWAL')) { - define('NOTOKENRENEWAL', '1'); -} -if (!defined('NOLOGIN')) { - define('NOLOGIN', '1'); -} -if (!defined('NOREQUIREMENU')) { - define('NOREQUIREMENU', '1'); -} -if (!defined('NOREQUIREHTML')) { - define('NOREQUIREHTML', '1'); -} -if (!defined('NOREQUIREAJAX')) { - define('NOREQUIREAJAX', '1'); -} -if (!defined('NOSESSION')) { - define('NOSESSION', '1'); -} +if (!defined('NOREQUIREUSER')) define('NOREQUIREUSER', '1'); +if (!defined('NOREQUIREDB')) define('NOREQUIREDB', '1'); +if (!defined('NOREQUIRESOC')) define('NOREQUIRESOC', '1'); +if (!defined('NOREQUIRETRAN')) define('NOREQUIRETRAN', '1'); +if (!defined('NOCSRFCHECK')) define('NOCSRFCHECK', '1'); +if (!defined('NOTOKENRENEWAL')) define('NOTOKENRENEWAL', '1'); +if (!defined('NOLOGIN')) define('NOLOGIN', '1'); +if (!defined('NOREQUIREMENU')) define('NOREQUIREMENU', '1'); +if (!defined('NOREQUIREHTML')) define('NOREQUIREHTML', '1'); +if (!defined('NOREQUIREAJAX')) define('NOREQUIREAJAX', '1'); @@ -57,0 +41,2 @@ +$appli = constant('DOL_APPLICATION_TITLE'); +if (!empty($conf->global->MAIN_APPLICATION_TITLE)) $appli = $conf->global->MAIN_APPLICATION_TITLE; @@ -59,106 +44,14 @@ -top_httphead('text/json'); -// Important: Following code is to avoid page request by browser and PHP CPU at each Dolibarr page access. -if (empty($dolibarr_nocache)) { - header('Cache-Control: max-age=10800, public, must-revalidate'); - // For a text/json, we must set an Expires to avoid to have it forced to an expired value by the web server - header('Expires: '.gmdate('D, d M Y H:i:s', dol_now('gmt') + 10800).' GMT'); -} else { - header('Cache-Control: no-cache'); -} - - -$manifest = new stdClass(); - -$manifest->manifest_version = 3; - -$manifest->name = constant('DOL_APPLICATION_TITLE'); -if (getDolGlobalString('MAIN_APPLICATION_TITLE')) { - $manifest->name = getDolGlobalString('MAIN_APPLICATION_TITLE'); -} -$manifest->short_name = $manifest->name; - - -$manifest->theme_color = getDolGlobalString('MAIN_MANIFEST_APPLI_THEME_COLOR', getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#F05F40')); -if (!preg_match('/#[a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9]$/', $manifest->theme_color)) { - include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php'; - $manifest->theme_color = '#'.colorArrayToHex(colorStringToArray($manifest->theme_color)); -} -$manifest->background_color = getDolGlobalString('MAIN_MANIFEST_APPLI_BG_COLOR', "#ffffff"); -if (!preg_match('/#[a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9]$/', $manifest->background_color)) { - include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php'; - $manifest->background_color = '#'.colorArrayToHex(colorStringToArray($manifest->background_color)); -} -$manifest->display = getDolGlobalString('MAIN_MANIFEST_DISPLAY', "minimal-ui"); -$manifest->splash_pages = null; -$manifest->icons = array(); -$manifest->start_url = constant('DOL_MAIN_URL_ROOT'); -$manifest->id = constant('DOL_MAIN_URL_ROOT'); - -if (getDolGlobalString('MAIN_MANIFEST_APPLI_LOGO_URL')) { - $icon = new stdClass(); - $icon->src = $conf->global->MAIN_MANIFEST_APPLI_LOGO_URL; - if ($conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE) { - $icon->sizes = getDolGlobalString('MAIN_MANIFEST_APPLI_LOGO_URL_SIZE') . "x" . getDolGlobalString('MAIN_MANIFEST_APPLI_LOGO_URL_SIZE'); - } else { - $icon->sizes = "512x512"; - } - $icon->type = "image/png"; - $manifest->icons[] = $icon; -} elseif (getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED')) { - if (getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED_MINI')) { - $iconRelativePath = 'logos/thumbs/' . getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED_MINI'); - $iconPath = $conf->mycompany->dir_output.'/'.$iconRelativePath; - if (is_readable($iconPath)) { - $imgSize = getimagesize($iconPath); - if (!empty($imgSize)) { - $icon = new stdClass(); - $icon->src = DOL_URL_ROOT.'/viewimage.php?cache=1&modulepart=mycompany&file='.urlencode($iconRelativePath); - $icon->sizes = $imgSize[0]."x".$imgSize[1]; - $icon->type = "image/png"; - $manifest->icons[] = $icon; - } - } - } - - if (getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED_SMALL')) { - $iconRelativePath = 'logos/thumbs/' . getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED_SMALL'); - $iconPath = $conf->mycompany->dir_output.'/'.$iconRelativePath; - if (is_readable($iconPath)) { - $imgSize = getimagesize($iconPath); - if ($imgSize) { - $icon = new stdClass(); - $icon->src = DOL_URL_ROOT.'/viewimage.php?cache=1&modulepart=mycompany&file='.urlencode($iconRelativePath); - $icon->sizes = $imgSize[0]."x".$imgSize[1]; - $icon->type = "image/png"; - $manifest->icons[] = $icon; - } - } - } - - if (getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED')) { - $iconRelativePath = 'logos/' . getDolGlobalString('MAIN_INFO_SOCIETE_LOGO_SQUARRED'); - $iconPath = $conf->mycompany->dir_output.'/'.$iconRelativePath; - if (is_readable($iconPath)) { - $imgSize = getimagesize($iconPath); - if ($imgSize) { - $icon = new stdClass(); - $icon->src = DOL_URL_ROOT.'/viewimage.php?cache=1&modulepart=mycompany&file='.urlencode($iconRelativePath); - $icon->sizes = $imgSize[0]."x".$imgSize[1]; - $icon->type = "image/png"; - $manifest->icons[] = $icon; - } - } - } -} - -// Add Dolibarr std icon -if (empty($manifest->icons)) { - $icon = new stdClass(); - $icon->src = DOL_URL_ROOT.'/theme/dolibarr_256x256_color.png'; - $icon->sizes = "256x256"; - $icon->type = "image/png"; - $manifest->icons[] = $icon; -} - - -print json_encode($manifest); +?> +{ + "name": "", + "icons": [ + { + "src": "", + "sizes": "256x256", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_style.css.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_style.css.php @@ -8 +7,0 @@ - * Copyright (C) 2021-2023 Anthony Berton @@ -31,3 +30 @@ -if (!defined('NOREQUIRESOC')) { - define('NOREQUIRESOC', '1'); -} +if (!defined('NOREQUIRESOC')) define('NOREQUIRESOC', '1'); @@ -35,16 +32,6 @@ -if (!defined('NOCSRFCHECK')) { - define('NOCSRFCHECK', 1); -} -if (!defined('NOTOKENRENEWAL')) { - define('NOTOKENRENEWAL', 1); -} -if (!defined('NOLOGIN')) { - define('NOLOGIN', 1); // File must be accessed by logon page so without login. -} -//if (!defined('NOREQUIREMENU')) define('NOREQUIREMENU',1); // We load menu manager class (note that object loaded may have wrong content because NOLOGIN is set and some values depends on login) -if (!defined('NOREQUIREHTML')) { - define('NOREQUIREHTML', 1); -} -if (!defined('NOREQUIREAJAX')) { - define('NOREQUIREAJAX', '1'); -} +if (!defined('NOCSRFCHECK')) define('NOCSRFCHECK', 1); +if (!defined('NOTOKENRENEWAL')) define('NOTOKENRENEWAL', 1); +if (!defined('NOLOGIN')) define('NOLOGIN', 1); // File must be accessed by logon page so without login +//if (! defined('NOREQUIREMENU')) define('NOREQUIREMENU',1); // We need top menu content +if (!defined('NOREQUIREHTML')) define('NOREQUIREHTML', 1); +if (!defined('NOREQUIREAJAX')) define('NOREQUIREAJAX', '1'); @@ -57,3 +44 @@ -if (defined('THEME_ONLY_CONSTANT')) { - return; -} +if (defined('THEME_ONLY_CONSTANT')) return; @@ -69,7 +54,4 @@ -if (empty($user->id) && !empty($_SESSION['dol_login'])) { - $user->fetch('', $_SESSION['dol_login'], '', 1); - $user->getrights(); - - // Reload menu now we have the good user (and we need the good menu to have ->showmenu('topnb') correct. - $menumanager = new MenuManager($db, empty($user->socid) ? 0 : 1); - $menumanager->loadMenu(); +if (empty($user->id) && !empty($_SESSION['dol_login'])) +{ + $user->fetch('', $_SESSION['dol_login'], '', 1); + $user->getrights(); @@ -82,15 +64,5 @@ -if (empty($dolibarr_nocache)) { - header('Cache-Control: max-age=10800, public, must-revalidate'); -} else { - header('Cache-Control: no-cache'); -} - -if (GETPOST('theme', 'aZ09')) { - $conf->theme = GETPOST('theme', 'aZ09'); // If theme was forced on URL -} -if (GETPOST('lang', 'aZ09')) { - $langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL -} -if (GETPOSTISSET('THEME_DARKMODEENABLED')) { - $conf->global->THEME_DARKMODEENABLED = GETPOST('THEME_DARKMODEENABLED', 'int'); // If darkmode was forced on URL -} +if (empty($dolibarr_nocache)) header('Cache-Control: max-age=10800, public, must-revalidate'); +else header('Cache-Control: no-cache'); + +if (GETPOST('theme', 'alpha')) $conf->theme = GETPOST('theme', 'alpha'); // If theme was forced on URL +if (GETPOST('lang', 'aZ09')) $langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL @@ -104,4 +76 @@ -if (getDolGlobalString('MAIN_OVERWRITE_THEME_RES')) { - $path = '/' . getDolGlobalString('MAIN_OVERWRITE_THEME_RES'); - $theme = $conf->global->MAIN_OVERWRITE_THEME_RES; -} +if (!empty($conf->global->MAIN_OVERWRITE_THEME_RES)) { $path = '/'.$conf->global->MAIN_OVERWRITE_THEME_RES; $theme = $conf->global->MAIN_OVERWRITE_THEME_RES; } @@ -110 +79 @@ -$fontlist = 'arial,tahoma,verdana,helvetica'; //$fontlist='helvetica, verdana, arial, sans-serif'; +$fontlist = 'roboto,arial,tahoma,verdana,helvetica'; //$fontlist='helvetica, verdana, arial, sans-serif'; @@ -123,2 +92 @@ -$useboldtitle = getDolGlobalInt('THEME_ELDY_USEBOLDTITLE'); -$userborderontable = getDolGlobalInt('THEME_ELDY_USEBORDERONTABLE'); +$useboldtitle = (isset($conf->global->THEME_ELDY_USEBOLDTITLE) ? $conf->global->THEME_ELDY_USEBOLDTITLE : 0); @@ -128,33 +96,10 @@ -if (!isset($conf->global->THEME_ELDY_BACKBODY)) { - $conf->global->THEME_ELDY_BACKBODY = $colorbackbody; -} -if (!isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) { - $conf->global->THEME_ELDY_TOPMENU_BACK1 = $colorbackhmenu1; -} -if (!isset($conf->global->THEME_ELDY_VERMENU_BACK1)) { - $conf->global->THEME_ELDY_VERMENU_BACK1 = $colorbackvmenu1; -} -if (!isset($conf->global->THEME_ELDY_BACKTITLE1)) { - $conf->global->THEME_ELDY_BACKTITLE1 = $colorbacktitle1; -} -if (!isset($conf->global->THEME_ELDY_USE_HOVER)) { - $conf->global->THEME_ELDY_USE_HOVER = $colorbacklinepairhover; -} -if (!isset($conf->global->THEME_ELDY_USE_CHECKED)) { - $conf->global->THEME_ELDY_USE_CHECKED = $colorbacklinepairchecked; -} -if (!isset($conf->global->THEME_ELDY_LINEBREAK)) { - $conf->global->THEME_ELDY_LINEBREAK = $colorbacklinebreak; -} -if (!isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) { - $conf->global->THEME_ELDY_TEXTTITLENOTAB = $colortexttitlenotab; -} -if (!isset($conf->global->THEME_ELDY_TEXTLINK)) { - $conf->global->THEME_ELDY_TEXTLINK = $colortextlink; -} -if (!isset($conf->global->THEME_ELDY_BTNACTION)) { - $conf->global->THEME_ELDY_BTNACTION = $butactionbg; -} -if (!isset($conf->global->THEME_ELDY_TEXTBTNACTION)) { - $conf->global->THEME_ELDY_TEXTBTNACTION = $textbutaction; -} +if (!isset($conf->global->THEME_ELDY_BACKBODY)) $conf->global->THEME_ELDY_BACKBODY = $colorbackbody; +if (!isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) $conf->global->THEME_ELDY_TOPMENU_BACK1 = $colorbackhmenu1; +if (!isset($conf->global->THEME_ELDY_VERMENU_BACK1)) $conf->global->THEME_ELDY_VERMENU_BACK1 = $colorbackvmenu1; +if (!isset($conf->global->THEME_ELDY_BACKTITLE1)) $conf->global->THEME_ELDY_BACKTITLE1 = $colorbacktitle1; +if (!isset($conf->global->THEME_ELDY_USE_HOVER)) $conf->global->THEME_ELDY_USE_HOVER = $colorbacklinepairhover; +if (!isset($conf->global->THEME_ELDY_USE_CHECKED)) $conf->global->THEME_ELDY_USE_CHECKED = $colorbacklinepairchecked; +if (!isset($conf->global->THEME_ELDY_LINEBREAK)) $conf->global->THEME_ELDY_LINEBREAK = $colorbacklinebreak; +if (!isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) $conf->global->THEME_ELDY_TEXTTITLENOTAB = $colortexttitlenotab; +if (!isset($conf->global->THEME_ELDY_TEXTLINK)) $conf->global->THEME_ELDY_TEXTLINK = $colortextlink; + @@ -162,6 +107,7 @@ -if (!getDolGlobalString('THEME_ELDY_ENABLE_PERSONALIZED')) { - $conf->global->THEME_ELDY_BACKTABCARD1 = '255,255,255'; // card - $conf->global->THEME_ELDY_BACKTABACTIVE = '234,234,234'; - $conf->global->THEME_ELDY_TEXT = '0,0,0'; - $conf->global->THEME_ELDY_FONT_SIZE1 = $fontsize; - $conf->global->THEME_ELDY_FONT_SIZE2 = '0.75em'; +if (empty($conf->global->THEME_ELDY_ENABLE_PERSONALIZED)) +{ + $conf->global->THEME_ELDY_BACKTABCARD1 = '255,255,255'; // card + $conf->global->THEME_ELDY_BACKTABACTIVE = '234,234,234'; + $conf->global->THEME_ELDY_TEXT = '0,0,0'; + $conf->global->THEME_ELDY_FONT_SIZE1 = $fontsize; + $conf->global->THEME_ELDY_FONT_SIZE2 = '0.75em'; @@ -171,22 +117,20 @@ -$colorbackbody = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_BACKBODY') ? $colorbackbody : $conf->global->THEME_ELDY_BACKBODY) : (empty($user->conf->THEME_ELDY_BACKBODY) ? $colorbackbody : $user->conf->THEME_ELDY_BACKBODY); -$colorbackhmenu1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TOPMENU_BACK1') ? $colorbackhmenu1 : $conf->global->THEME_ELDY_TOPMENU_BACK1) : (empty($user->conf->THEME_ELDY_TOPMENU_BACK1) ? $colorbackhmenu1 : $user->conf->THEME_ELDY_TOPMENU_BACK1); -$colorbackvmenu1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_VERMENU_BACK1') ? $colorbackvmenu1 : $conf->global->THEME_ELDY_VERMENU_BACK1) : (empty($user->conf->THEME_ELDY_VERMENU_BACK1) ? $colorbackvmenu1 : $user->conf->THEME_ELDY_VERMENU_BACK1); -$colortopbordertitle1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TOPBORDER_TITLE1') ? $colortopbordertitle1 : $conf->global->THEME_ELDY_TOPBORDER_TITLE1) : (empty($user->conf->THEME_ELDY_TOPBORDER_TITLE1) ? $colortopbordertitle1 : $user->conf->THEME_ELDY_TOPBORDER_TITLE1); -$colorbacktitle1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_BACKTITLE1') ? $colorbacktitle1 : $conf->global->THEME_ELDY_BACKTITLE1) : (empty($user->conf->THEME_ELDY_BACKTITLE1) ? $colorbacktitle1 : $user->conf->THEME_ELDY_BACKTITLE1); -$colorbacktabcard1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_BACKTABCARD1') ? $colorbacktabcard1 : $conf->global->THEME_ELDY_BACKTABCARD1) : (empty($user->conf->THEME_ELDY_BACKTABCARD1) ? $colorbacktabcard1 : $user->conf->THEME_ELDY_BACKTABCARD1); -$colorbacktabactive = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_BACKTABACTIVE') ? $colorbacktabactive : $conf->global->THEME_ELDY_BACKTABACTIVE) : (empty($user->conf->THEME_ELDY_BACKTABACTIVE) ? $colorbacktabactive : $user->conf->THEME_ELDY_BACKTABACTIVE); -$colorbacklineimpair1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_LINEIMPAIR1') ? $colorbacklineimpair1 : $conf->global->THEME_ELDY_LINEIMPAIR1) : (empty($user->conf->THEME_ELDY_LINEIMPAIR1) ? $colorbacklineimpair1 : $user->conf->THEME_ELDY_LINEIMPAIR1); -$colorbacklineimpair2 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_LINEIMPAIR2') ? $colorbacklineimpair2 : $conf->global->THEME_ELDY_LINEIMPAIR2) : (empty($user->conf->THEME_ELDY_LINEIMPAIR2) ? $colorbacklineimpair2 : $user->conf->THEME_ELDY_LINEIMPAIR2); -$colorbacklinepair1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_LINEPAIR1') ? $colorbacklinepair1 : $conf->global->THEME_ELDY_LINEPAIR1) : (empty($user->conf->THEME_ELDY_LINEPAIR1) ? $colorbacklinepair1 : $user->conf->THEME_ELDY_LINEPAIR1); -$colorbacklinepair2 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_LINEPAIR2') ? $colorbacklinepair2 : $conf->global->THEME_ELDY_LINEPAIR2) : (empty($user->conf->THEME_ELDY_LINEPAIR2) ? $colorbacklinepair2 : $user->conf->THEME_ELDY_LINEPAIR2); -$colorbacklinebreak = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_LINEBREAK') ? $colorbacklinebreak : $conf->global->THEME_ELDY_LINEBREAK) : (empty($user->conf->THEME_ELDY_LINEBREAK) ? $colorbacklinebreak : $user->conf->THEME_ELDY_LINEBREAK); -$colortexttitlenotab = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TEXTTITLENOTAB') ? $colortexttitlenotab : $conf->global->THEME_ELDY_TEXTTITLENOTAB) : (empty($user->conf->THEME_ELDY_TEXTTITLENOTAB) ? $colortexttitlenotab : $user->conf->THEME_ELDY_TEXTTITLENOTAB); -$colortexttitle = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TEXTTITLE') ? $colortexttitle : $conf->global->THEME_ELDY_TEXTTITLE) : (empty($user->conf->THEME_ELDY_TEXTTITLE) ? $colortexttitle : $user->conf->THEME_ELDY_TEXTTITLE); -$colortexttitlelink = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TEXTTITLELINK') ? $colortexttitlelink : $conf->global->THEME_ELDY_TEXTTITLELINK) : (empty($user->conf->THEME_ELDY_TEXTTITLELINK) ? $colortexttitlelink : $user->conf->THEME_ELDY_TEXTTITLELINK); -$colortext = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TEXT') ? $colortext : $conf->global->THEME_ELDY_TEXT) : (empty($user->conf->THEME_ELDY_TEXT) ? $colortext : $user->conf->THEME_ELDY_TEXT); -$colortextlink = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TEXTLINK') ? $colortextlink : $conf->global->THEME_ELDY_TEXTLINK) : (empty($user->conf->THEME_ELDY_TEXTLINK) ? $colortextlink : $user->conf->THEME_ELDY_TEXTLINK); -$butactionbg = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_BTNACTION') ? $butactionbg : $conf->global->THEME_ELDY_BTNACTION) : (empty($user->conf->THEME_ELDY_BTNACTION) ? $butactionbg : $user->conf->THEME_ELDY_BTNACTION); -$textbutaction = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_TEXTBTNACTION') ? $textbutaction : $conf->global->THEME_ELDY_TEXTBTNACTION) : (empty($user->conf->THEME_ELDY_TEXTBTNACTION) ? $textbutaction : $user->conf->THEME_ELDY_TEXTBTNACTION); -$fontsize = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_FONT_SIZE1') ? $fontsize : $conf->global->THEME_ELDY_FONT_SIZE1) : (empty($user->conf->THEME_ELDY_FONT_SIZE1) ? $fontsize : $user->conf->THEME_ELDY_FONT_SIZE1); -$fontsizesmaller = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_FONT_SIZE2') ? $fontsize : $conf->global->THEME_ELDY_FONT_SIZE2) : (empty($user->conf->THEME_ELDY_FONT_SIZE2) ? $fontsize : $user->conf->THEME_ELDY_FONT_SIZE2); -$heightrow = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (!getDolGlobalString('THEME_ELDY_USECOMOACTROW') ? '155%' : '300%') : (!getDolGlobalString('THEME_ELDY_USECOMOACTROW') ? '155%' : '300%'); +$colorbackhmenu1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TOPMENU_BACK1) ? $colorbackhmenu1 : $conf->global->THEME_ELDY_TOPMENU_BACK1) : (empty($user->conf->THEME_ELDY_TOPMENU_BACK1) ? $colorbackhmenu1 : $user->conf->THEME_ELDY_TOPMENU_BACK1); +$colorbackvmenu1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_VERMENU_BACK1) ? $colorbackvmenu1 : $conf->global->THEME_ELDY_VERMENU_BACK1) : (empty($user->conf->THEME_ELDY_VERMENU_BACK1) ? $colorbackvmenu1 : $user->conf->THEME_ELDY_VERMENU_BACK1); +$colortopbordertitle1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TOPBORDER_TITLE1) ? $colortopbordertitle1 : $conf->global->THEME_ELDY_TOPBORDER_TITLE1) : (empty($user->conf->THEME_ELDY_TOPBORDER_TITLE1) ? $colortopbordertitle1 : $user->conf->THEME_ELDY_TOPBORDER_TITLE1); +$colorbacktitle1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_BACKTITLE1) ? $colorbacktitle1 : $conf->global->THEME_ELDY_BACKTITLE1) : (empty($user->conf->THEME_ELDY_BACKTITLE1) ? $colorbacktitle1 : $user->conf->THEME_ELDY_BACKTITLE1); +$colorbacktabcard1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_BACKTABCARD1) ? $colorbacktabcard1 : $conf->global->THEME_ELDY_BACKTABCARD1) : (empty($user->conf->THEME_ELDY_BACKTABCARD1) ? $colorbacktabcard1 : $user->conf->THEME_ELDY_BACKTABCARD1); +$colorbacktabactive = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_BACKTABACTIVE) ? $colorbacktabactive : $conf->global->THEME_ELDY_BACKTABACTIVE) : (empty($user->conf->THEME_ELDY_BACKTABACTIVE) ? $colorbacktabactive : $user->conf->THEME_ELDY_BACKTABACTIVE); +$colorbacklineimpair1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_LINEIMPAIR1) ? $colorbacklineimpair1 : $conf->global->THEME_ELDY_LINEIMPAIR1) : (empty($user->conf->THEME_ELDY_LINEIMPAIR1) ? $colorbacklineimpair1 : $user->conf->THEME_ELDY_LINEIMPAIR1); +$colorbacklineimpair2 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_LINEIMPAIR2) ? $colorbacklineimpair2 : $conf->global->THEME_ELDY_LINEIMPAIR2) : (empty($user->conf->THEME_ELDY_LINEIMPAIR2) ? $colorbacklineimpair2 : $user->conf->THEME_ELDY_LINEIMPAIR2); +$colorbacklinepair1 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_LINEPAIR1) ? $colorbacklinepair1 : $conf->global->THEME_ELDY_LINEPAIR1) : (empty($user->conf->THEME_ELDY_LINEPAIR1) ? $colorbacklinepair1 : $user->conf->THEME_ELDY_LINEPAIR1); +$colorbacklinepair2 = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_LINEPAIR2) ? $colorbacklinepair2 : $conf->global->THEME_ELDY_LINEPAIR2) : (empty($user->conf->THEME_ELDY_LINEPAIR2) ? $colorbacklinepair2 : $user->conf->THEME_ELDY_LINEPAIR2); +$colorbacklinebreak = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_LINEBREAK) ? $colorbacklinebreak : $conf->global->THEME_ELDY_LINEBREAK) : (empty($user->conf->THEME_ELDY_LINEBREAK) ? $colorbacklinebreak : $user->conf->THEME_ELDY_LINEBREAK); +$colorbackbody = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_BACKBODY) ? $colorbackbody : $conf->global->THEME_ELDY_BACKBODY) : (empty($user->conf->THEME_ELDY_BACKBODY) ? $colorbackbody : $user->conf->THEME_ELDY_BACKBODY); +$colortexttitlenotab = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TEXTTITLENOTAB) ? $colortexttitlenotab : $conf->global->THEME_ELDY_TEXTTITLENOTAB) : (empty($user->conf->THEME_ELDY_TEXTTITLENOTAB) ? $colortexttitlenotab : $user->conf->THEME_ELDY_TEXTTITLENOTAB); +$colortexttitle = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TEXTTITLE) ? $colortexttitle : $conf->global->THEME_ELDY_TEXTTITLE) : (empty($user->conf->THEME_ELDY_TEXTTITLE) ? $colortexttitle : $user->conf->THEME_ELDY_TEXTTITLE); +$colortexttitlelink = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TEXTTITLELINK) ? $colortexttitlelink : $conf->global->THEME_ELDY_TEXTTITLELINK) : (empty($user->conf->THEME_ELDY_TEXTTITLELINK) ? $colortexttitlelink : $user->conf->THEME_ELDY_TEXTTITLELINK); +$colortext = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TEXT) ? $colortext : $conf->global->THEME_ELDY_TEXT) : (empty($user->conf->THEME_ELDY_TEXT) ? $colortext : $user->conf->THEME_ELDY_TEXT); +$colortextlink = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_TEXTLINK) ? $colortextlink : $conf->global->THEME_ELDY_TEXTLINK) : (empty($user->conf->THEME_ELDY_TEXTLINK) ? $colortextlink : $user->conf->THEME_ELDY_TEXTLINK); +$fontsize = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_FONT_SIZE1) ? $fontsize : $conf->global->THEME_ELDY_FONT_SIZE1) : (empty($user->conf->THEME_ELDY_FONT_SIZE1) ? $fontsize : $user->conf->THEME_ELDY_FONT_SIZE1); +$fontsizesmaller = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (empty($conf->global->THEME_ELDY_FONT_SIZE2) ? $fontsize : $conf->global->THEME_ELDY_FONT_SIZE2) : (empty($user->conf->THEME_ELDY_FONT_SIZE2) ? $fontsize : $user->conf->THEME_ELDY_FONT_SIZE2); + @@ -196,3 +140,4 @@ -if (!empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)) { - $colorbacklinepairhover = ((!isset($user->conf->THEME_ELDY_USE_HOVER) || $user->conf->THEME_ELDY_USE_HOVER === '0') ? '' : ($user->conf->THEME_ELDY_USE_HOVER === '1' ? 'e6edf0' : $user->conf->THEME_ELDY_USE_HOVER)); - $colorbacklinepairchecked = ((!isset($user->conf->THEME_ELDY_USE_CHECKED) || $user->conf->THEME_ELDY_USE_CHECKED === '0') ? '' : ($user->conf->THEME_ELDY_USE_CHECKED === '1' ? 'e6edf0' : $user->conf->THEME_ELDY_USE_CHECKED)); +if (!empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)) +{ + $colorbacklinepairhover = ((!isset($user->conf->THEME_ELDY_USE_HOVER) || $user->conf->THEME_ELDY_USE_HOVER === '0') ? '' : ($user->conf->THEME_ELDY_USE_HOVER === '1' ? 'e6edf0' : $user->conf->THEME_ELDY_USE_HOVER)); + $colorbacklinepairchecked = ((!isset($user->conf->THEME_ELDY_USE_CHECKED) || $user->conf->THEME_ELDY_USE_CHECKED === '0') ? '' : ($user->conf->THEME_ELDY_USE_CHECKED === '1' ? 'e6edf0' : $user->conf->THEME_ELDY_USE_CHECKED)); @@ -206,5 +151,2 @@ -if ($tmpval <= 460) { - $colortextbackhmenu = 'FFFFFF'; -} else { - $colortextbackhmenu = '000000'; -} +if ($tmpval <= 460) $colortextbackhmenu = 'FFFFFF'; +else $colortextbackhmenu = '000000'; @@ -215,7 +157,2 @@ -if ($tmpval <= 460) { - $colortextbackvmenu = 'FFFFFF'; -} else { - $colortextbackvmenu = '000000'; -} - -$colortopbordertitle1 = join(',', colorStringToArray($colortopbordertitle1)); // Normalize value to 'x,y,z' +if ($tmpval <= 460) { $colortextbackvmenu = 'FFFFFF'; } +else { $colortextbackvmenu = '000000'; } @@ -225,12 +162,7 @@ -if ($colortexttitle == '') { - $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0); - if ($tmpval <= 460) { - $colortexttitle = 'FFFFFF'; - $colorshadowtitle = '888888'; - } else { - $colortexttitle = '000000'; - $colorshadowtitle = 'FFFFFF'; - } -} else { - $colorshadowtitle = '888888'; -} +if ($colortexttitle == '') +{ + $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0); + if ($tmpval <= 460) { $colortexttitle = 'FFFFFF'; $colorshadowtitle = '888888'; } + else { $colortexttitle = '000000'; $colorshadowtitle = 'FFFFFF'; } +} +else $colorshadowtitle = '888888'; @@ -241,5 +173,2 @@ -if ($tmpval <= 460) { - $colortextbacktab = 'FFFFFF'; -} else { - $colortextbacktab = '000000'; -} +if ($tmpval <= 460) { $colortextbacktab = 'FFFFFF'; } +else { $colortextbacktab = '000000'; } @@ -258,6 +187,2 @@ -if ($colorbacklinepairhover != '') { - $colorbacklinepairhover = join(',', colorStringToArray($colorbacklinepairhover)); -} -if ($colorbacklinepairchecked != '') { - $colorbacklinepairchecked = join(',', colorStringToArray($colorbacklinepairchecked)); -} +if ($colorbacklinepairhover != '') $colorbacklinepairhover = join(',', colorStringToArray($colorbacklinepairhover)); +if ($colorbacklinepairchecked != '') $colorbacklinepairchecked = join(',', colorStringToArray($colorbacklinepairchecked)); @@ -271,4 +196,2 @@ -$nbtopmenuentriesreal = $nbtopmenuentries; -if ($conf->browser->layout == 'phone') { - $nbtopmenuentries = max($nbtopmenuentries, 10); -} +if ($conf->browser->layout == 'phone') $nbtopmenuentries = max($nbtopmenuentries, 10); + @@ -277 +200 @@ -$heightmenu = 50; /* height of top menu, part with image */ +$heightmenu = 48; /* height of top menu, part with image */ @@ -281,15 +204,5 @@ -if (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 1) { - $disableimages = 1; - $maxwidthloginblock = $maxwidthloginblock + 50; - $minwidthtmenu = 0; -} - -if (getDolGlobalString('MAIN_USE_TOP_MENU_QUICKADD_DROPDOWN')) { - $maxwidthloginblock = $maxwidthloginblock + 55; -} -if (getDolGlobalString('MAIN_USE_TOP_MENU_SEARCH_DROPDOWN')) { - $maxwidthloginblock = $maxwidthloginblock + 55; -} -if (!empty($conf->bookmark->enabled)) { - $maxwidthloginblock = $maxwidthloginblock + 55; -} +if (!empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { $disableimages = 1; $maxwidthloginblock = $maxwidthloginblock + 50; $minwidthtmenu = 0; } + + +if (!empty($conf->global->MAIN_USE_TOP_MENU_SEARCH_DROPDOWN)) { $maxwidthloginblock = $maxwidthloginblock + 55; } +if (!empty($conf->bookmark->enabled)) { $maxwidthloginblock = $maxwidthloginblock + 55; } @@ -319,2 +232,2 @@ -print 'dol_screenwidth='.(empty($_SESSION['dol_screenwidth']) ? '' : $_SESSION['dol_screenwidth'])."\n"; -print 'dol_screenheight='.(empty($_SESSION['dol_screenheight']) ? '' : $_SESSION['dol_screenheight'])."\n"; +print 'dol_screenwidth='.$_SESSION['dol_screenwidth']."\n"; +print 'dol_screenheight='.$_SESSION['dol_screenheight']."\n"; @@ -327 +240 @@ -print 'conf->global->THEME_SATURATE_RATIO='.(!getDolGlobalString('THEME_SATURATE_RATIO') ? '' : $conf->global->THEME_SATURATE_RATIO)." (must be between 0 and 1)\n"; +print 'conf->global->THEME_SATURATE_RATIO='.$conf->global->THEME_SATURATE_RATIO." (must be between 0 and 1)\n"; @@ -335,3 +248 @@ -if (is_object($db)) { - $db->close(); -} +if (is_object($db)) $db->close(); --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_theme_vars.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_theme_vars.inc.php @@ -8 +7,0 @@ - * Copyright (C) 2021-2023 Anthony Berton @@ -37,3 +36,6 @@ -if (!defined('ISLOADEDBYSTEELSHEET')) { // File is run after an include of a php page, not by the style sheet, if the constant is not defined. - if (getDolGlobalString('MAIN_OPTIMIZEFORCOLORBLIND')) { // user is loaded by dolgraph.class.php - if (getDolGlobalString('MAIN_OPTIMIZEFORCOLORBLIND') == 'flashy') { +if (!defined('ISLOADEDBYSTEELSHEET')) // File is run after an include of a php page, not by the style sheet, if the constant is not defined. +{ + if (!empty($conf->global->MAIN_OPTIMIZEFORCOLORBLIND)) // user is loaded by dolgraph.class.php + { + if ($conf->global->MAIN_OPTIMIZEFORCOLORBLIND == 'flashy') + { @@ -41 +43,3 @@ - } else { + } + else + { @@ -52 +55,0 @@ -$colorbackbody = '255,255,255'; @@ -56 +59 @@ -$colorbacktitle1 = '237,238,240'; // title of tables,list +$colorbacktitle1 = '233,234,237'; // title of tables,list @@ -61,2 +64,2 @@ -$colorbacklinepair1 = '252,252,252'; // line pair -$colorbacklinepair2 = '252,252,252'; // line pair +$colorbacklinepair1 = '250,250,250'; // line pair +$colorbacklinepair2 = '250,250,250'; // line pair @@ -66 +69,2 @@ -$colortexttitlenotab = '35,135,140'; // 150,90,121 140,80,10 or 10,140,80 #875a7b green=0,123,140, violet: 0,50,120 +$colorbackbody = '255,255,255'; +$colortexttitlenotab = '0,123,140'; // 150,90,121 140,80,10 or 10,140,80 #875a7b green=0,123,140, violet: 0,50,120 @@ -68 +72 @@ -$colortexttitle = '40, 40, 60'; +$colortexttitle = '0,0,0'; @@ -72 +76 @@ -$fontsize = '0.92em'; +$fontsize = '0.86em'; @@ -77,2 +80,0 @@ -$butactionbg = '150, 110, 162, 0.95'; -$textbutaction = '255, 255, 255'; @@ -84 +86 @@ -$textDanger = '#af4705'; // See $badgeDanger +$textDanger = '#9f4705'; // See $badgeDanger @@ -90,2 +92 @@ -$badgeSecondary = '#aaaabb'; -$badgeInfo = '#aaaabb'; +$badgeSecondary = '#cccccc'; @@ -94 +95,2 @@ -$badgeDanger = '#af4705'; // See $textDanger +$badgeDanger = '#9f4705'; // See $textDanger +$badgeInfo = '#aaaabb'; @@ -113,2 +115,2 @@ -$badgeStatus4 = '#25a580'; // Color ok -$badgeStatus4b = '#25a580'; // Color ok +$badgeStatus4 = '#55a580'; // Color ok +$badgeStatus4b = '#55a580'; // Color ok @@ -117 +119 @@ -$badgeStatus7 = '#25a580'; +$badgeStatus7 = '#baa32b'; @@ -120,2 +121,0 @@ -$badgeStatus10 = '#993013'; -$badgeStatus11 = '#15a540'; --- /tmp/dsg/dolibarr/htdocs/theme/eldy/github_19.0.3_timeline.inc.php +++ /tmp/dsg/dolibarr/htdocs/theme/eldy/client_timeline.inc.php @@ -3 +3 @@ - Source : + Source : @@ -11,3 +11 @@ -if (!defined('ISLOADEDBYSTEELSHEET')) { - die('Must be call by steelsheet'); -} ?> +if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?> @@ -22,4 +20,4 @@ - position: relative; - margin: 0 0 30px 0; - padding: 0; - list-style: none; + position: relative; + margin: 0 0 30px 0; + padding: 0; + list-style: none; @@ -28,9 +26,9 @@ - content: ''; - position: absolute; - top: 0; - bottom: 0; - width: 4px; - background: #ddd; - left: 25px; - margin: 0; - border-radius: 2px; + content: ''; + position: absolute; + top: 0; + bottom: 0; + width: 4px; + background: #ddd; + left: 31px; + margin: 0; + border-radius: 2px; @@ -39,3 +37,3 @@ - position: relative; - margin-right: 0; - margin-bottom: 15px; + position: relative; + margin-right: 0; + margin-bottom: 15px; @@ -45,2 +43,2 @@ - content: " "; - display: table; + content: " "; + display: table; @@ -49 +47 @@ - clear: both; + clear: both; @@ -52,15 +50,14 @@ - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - border:1px solid #d2d2d2; - border-radius: 3px; - margin-top: 0; - background: #fff; - color: #444; - margin-left: 50px; - margin-right: 0px; - padding: 0; - position: relative; -} - -.timeline > li.timeline-code-ticket_msg_private > .timeline-item, -.timeline > li.timeline-code-ticket_msg_private_sentbymail > .timeline-item { + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + border:1px solid #d2d2d2; + border-radius: 3px; + margin-top: 0; + background: #fff; + color: #444; + margin-left: 60px; + margin-right: 0px; + padding: 0; + position: relative; +} + +.timeline > li.timeline-code-ticket_msg_private > .timeline-item { @@ -68 +65 @@ - border-color: #d0cfc0; + border-color: #d0cfc0; @@ -73,4 +70,4 @@ - color: #6f6f6f; - float: right; - padding: 10px; - font-size: 12px; + color: #6f6f6f; + float: right; + padding: 10px; + font-size: 12px; @@ -81,4 +78,4 @@ - color: #6f6f6f; - float: right; - padding: 7px; - font-size: 12px; + color: #6f6f6f; + float: right; + padding: 7px; + font-size: 12px; @@ -93,19 +90,19 @@ - display: inline-block; - margin-bottom: 0; - font-weight: 400; - border-radius: 0; - box-shadow: none; - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - text-align: center; - white-space: nowrap; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - user-select: none; - background-image: none; - text-decoration: none; - background-color: #f4f4f4; - color: #444; - border: 1px solid #ddd; + display: inline-block; + margin-bottom: 0; + font-weight: 400; + border-radius: 0; + box-shadow: none; + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + text-align: center; + white-space: nowrap; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + user-select: none; + background-image: none; + text-decoration: none; + background-color: #f4f4f4; + color: #444; + border: 1px solid #ddd; @@ -116,3 +113,3 @@ - background-color: #e7e7e7; - color: #333; - border-color: #adadad; + background-color: #e7e7e7; + color: #333; + border-color: #adadad;; @@ -123,7 +120,7 @@ - margin: 0; - color: #333; - border-bottom: 1px solid #f4f4f4; - padding: 10px; - font-size: 1em; - font-weight: normal; - line-height: 1.1; + margin: 0; + color: #333; + border-bottom: 1px solid #f4f4f4; + padding: 10px; + font-size: 14px; + font-weight: normal; + line-height: 1.1; @@ -137 +134 @@ - border-color: #ecebda; + border-color: #ecebda; @@ -141 +138 @@ - font-weight: 600; + font-weight: 600; @@ -145 +142 @@ - padding: 10px; + padding: 10px; @@ -148 +144,0 @@ -.timeline > li > .fas, @@ -151,11 +147,11 @@ - width: 30px; - height: 30px; - font-size: 1em; - line-height: 30px; - position: absolute; - color: #666; - background: #d2d6de; - border-radius: 50%; - text-align: center; - left: 12px; - top: 5px; + width: 30px; + height: 30px; + font-size: 15px; + line-height: 30px; + position: absolute; + color: #666; + background: #d2d6de; + border-radius: 50%; + text-align: center; + left: 18px; + top: 5px; @@ -164,5 +160,5 @@ - font-weight: 600; - padding: 5px; - display: inline-block; - background-color: #fff; - border-radius: 4px; + font-weight: 600; + padding: 5px; + display: inline-block; + background-color: #fff; + border-radius: 4px; @@ -171,4 +167,4 @@ - background: #f0f0f0; - border: 1px solid #ddd; - -webkit-box-shadow: none; - box-shadow: none; + background: #f0f0f0; + border: 1px solid #ddd; + -webkit-box-shadow: none; + box-shadow: none; @@ -177 +173 @@ - border-bottom-color: #ddd; + border-bottom-color: #ddd; @@ -183 +179 @@ - color: #fff !important; + color: #fff !important; @@ -187,2 +183,2 @@ - color: #000; - background-color: #f7f7f7; + color: #000; + background-color: #f7f7f7; @@ -192 +188 @@ - background-color: #dd4b39 !important; + background-color: #dd4b39 !important; @@ -196 +192 @@ - background-color: #00c0ef !important; + background-color: #00c0ef !important; @@ -199 +195 @@ - background-color: #00a65a !important; + background-color: #00a65a !important; @@ -204,2 +200,2 @@ - background-color: #0073b7 !important; - color: #fff !important; + background-color: #0073b7 !important; + color: #fff !important; @@ -216,29 +211,0 @@ -.messaging-author { - width: 100px; -} - -.readmore-block.--closed .readmore-block__full-text, .readmore-block.--open .readmore-block__excerpt{ - display: none; -} - -.read-less-link, .read-more-link{ - font-weight: bold; -} - -.read-less-link{ - display: block; - text-align: center; -} - - - .read-less-link .fa, .read-more-link .fa{ - color: inherit; -} - -/* Force values for small screen 767 */ -@media only screen and (max-width: 767px) -{ - .messaging-author.inline-block { - padding-bottom: 10px; - } -}