From 25504c53ede0291517aac17dd266e8722420b028 Mon Sep 17 00:00:00 2001 From: Benjamin Renard Date: Wed, 4 Sep 2019 11:27:51 +0200 Subject: [PATCH] Update light CSS styles --- public_html/css/light-blue.css | 8 +- public_html/css/light-green.css | 154 ++++++++++++++++++++++---------- public_html/css/light-grey.css | 12 +-- public_html/css/light-red.css | 14 +-- 4 files changed, 121 insertions(+), 67 deletions(-) diff --git a/public_html/css/light-blue.css b/public_html/css/light-blue.css index 651b64e9..d5163a6b 100644 --- a/public_html/css/light-blue.css +++ b/public_html/css/light-blue.css @@ -73,10 +73,6 @@ td.LSobject-list, tr.LSobject-list { margin-left: 11em; } -p.LSobject-list-page { - clear: both; -} - /* ---- LSform ---- */ .LSform dt { @@ -140,12 +136,12 @@ input[type='submit'].LSview_search, input[type='text'].LSview_search { } /* ---- Gris clair ---- */ -a.LSsession_recoverPassword, a.LSobject-list-page, h2 { +a.LSsession_recoverPassword, a.LSobject-list-page, a.LSobject-list-nb-by-page, h2 { color: #999; } /* ---- Gris fonce ---- */ -#status, th.LSobject-list, input[type='text'].LSview_search, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, a.LSobject-list-page:hover { +#status, th.LSobject-list, input[type='text'].LSview_search, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, strong.LSobject-list-nb-by-page, a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover { color: #4d4d4d; } diff --git a/public_html/css/light-green.css b/public_html/css/light-green.css index d0d346f5..4043473c 100644 --- a/public_html/css/light-green.css +++ b/public_html/css/light-green.css @@ -1,9 +1,12 @@ -#left { - width: 165px; - background-color: transparent; +/* ---- Main interface elements ---- */ +#main { + width: 98%; + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; + border: none; } -#status { +#left { + width: 165px; background-color: transparent; } @@ -14,75 +17,54 @@ margin-left: 3px; } -#main { - border: none; +#status { + background-color: transparent; + vertical-align: baseline; } -li.menu, th.LSobject-list { +/* ---- Menu ---- */ +ul.menu { + padding: 0; + list-style-type: none; + border-top: 1px dotted #61c3cc; +} + +li.menu { font-weight: bold; font-size: 0.9em; } li.menu { - border-bottom: 1px dotted #999; + border-bottom: 1px dotted #61c3cc; line-height: 20px; padding: 2px 0 3px 0; } li.menu a { - color: #4d4d4d; transition: all 0.15s linear; } -li.menu a:hover { - color: #61c3cc; -} - -ul.menu { - padding: 0; - list-style-type: none; - border-top: 1px dotted #999; -} - -th.LSobject-list { - background-color: #ccc; - border: none; - color: #fff; -} - -th.LSobject-list a { - color: #fff; -} +/* ---- Objects list ---- */ table.LSobject-list { + width: 98%; border: none; margin-top: 1.8em; } +th.LSobject-list { + font-weight: bold; + font-size: 0.9em; + border: none; +} + td.LSobject-list, tr.LSobject-list { border: none; transition: all 0.25s linear; } -h1, li.LSview-actions { - color: #61c3cc; - border-color: #61c3cc; -} - -#status { - vertical-align: baseline; -} - -div.loginform { - border: none; - background: none; -} - -a.LSsession_recoverPassword { - color: #999; -} - +/* ---- LSsmoothbox ---- */ #frame-LSsmoothbox .LSform dt { width: 11em; } @@ -91,12 +73,88 @@ a.LSsession_recoverPassword { margin-left: 11em; } -li.LSform_layout_current, tr.LSobject-list:hover { +/* ---- LSform ---- */ + +.LSform dt { + width: 24em; +} + +dd.LSform { + margin-left: 24em; +} + +li.LSform_layout_current { color: #fff; - background-color: #61c3cc; + background-color: #ccc; } li.LSform_layout_active { border-radius: 0px; border: none; } + + +/* + * Colors + */ + + +/* ---- Moyen ---- */ +li.LSform_layout_active, tr.LSobject-list:hover, div.LSformElement_image { + background-color: #61c3cc; +} + +li.LSview-actions, div.LSform_layout, h1 { + border-color: #61c3cc; +} + +h1, li.LSview-actions, li.menu a:hover { + color: #61c3cc; +} + +/* ---- Clair ---- */ +ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox { + border-color: #defcff; +} + +tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=file], .LSform input[type=password], .LSform select, .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox { + background-color: #defcff; +} + + +/* ---- Fonce ---- */ +li.LSform_layout_current, .LSform input[type=submit], input[type='submit'].LSview_search { + background-color: #388c94; +} + +li.menu a, a.menu, h1 { + color: #388c94; +} + +input[type='submit'].LSview_search, input[type='text'].LSview_search { + border-color: #388c94; +} + +/* ---- Gris clair ---- */ +a.LSsession_recoverPassword, a.LSobject-list-page, a.LSobject-list-nb-by-page, h2 { + color: #999; +} + +/* ---- Gris fonce ---- */ +#status, th.LSobject-list, input[type='text'].LSview_search, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, strong.LSobject-list-nb-by-page, a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover { + color: #4d4d4d; +} + +/* ---- Blanc ---- */ +tr.LSobject-list:hover, .LSform input[type=submit], input[type='submit'].LSview_search { + color: #fff; +} + +th.LSobject-list { + background-color: transparent; +} + +/* ---- Autre ---- */ +li.LSform_layout_errors { + background-color: #f59a67; +} diff --git a/public_html/css/light-grey.css b/public_html/css/light-grey.css index 8174daea..54937c41 100644 --- a/public_html/css/light-grey.css +++ b/public_html/css/light-grey.css @@ -80,10 +80,6 @@ td.LSobject-list, tr.LSobject-list { margin-left: 11em; } -p.LSobject-list-page { - clear: both; -} - /* ---- LSform ---- */ .LSform dt { @@ -136,12 +132,16 @@ li.LSform_layout_current { background-color: #4d4d4d; } -li.menu a, a.menu, h1, #status, input[type='submit'].LSview_search, input[type='text'].LSview_search, th.LSobject-list, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, a.LSobject-list-page:hover { +form.LSglobal_search { + border-color: #4d4d4d; +} + +li.menu a, a.menu, h1, #status, input[type='submit'].LSview_search, input[type='text'].LSview_search, th.LSobject-list, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, strong.LSobject-list-nb-by-page, a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover { color: #4d4d4d; } /* ---- Gris clair ---- */ -a.LSsession_recoverPassword, a.LSobject-list-page, h2 { +a.LSsession_recoverPassword, a.LSobject-list-page, a.LSobject-list-nb-by-page, h2 { color: #999; } diff --git a/public_html/css/light-red.css b/public_html/css/light-red.css index ec57ecea..da043df9 100644 --- a/public_html/css/light-red.css +++ b/public_html/css/light-red.css @@ -80,10 +80,6 @@ td.LSobject-list, tr.LSobject-list { margin-left: 11em; } -p.LSobject-list-page { - clear: both; -} - /* ---- LSform ---- */ .LSform dt { @@ -138,17 +134,21 @@ li.LSform_layout_current { background-color: #a53248; } +form.LSglobal_search { + border-color: #a53248; +} + li.menu a, a.menu, h1 { - color: #a53248; + color: #a53248; } /* ---- Gris clair ---- */ -a.LSsession_recoverPassword, a.LSobject-list-page, h2 { +a.LSsession_recoverPassword, a.LSobject-list-page, a.LSobject-list-nb-by-page, h2 { color: #999; } /* ---- Gris fonce ---- */ -#status, input[type='submit'].LSview_search, input[type='text'].LSview_search, th.LSobject-list, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, a.LSobject-list-page:hover { +#status, input[type='submit'].LSview_search, input[type='text'].LSview_search, th.LSobject-list, th.LSobject-list a, .LSform dt, a, div.LSinfosBox, strong.LSobject-list-page, strong.LSobject-list-nb-by-page, a.LSobject-list-page:hover, a.LSobject-list-nb-by-page:hover { color: #4d4d4d; }