From 820b5b9da029adcb11a284dfcca6b7cd2e042026 Mon Sep 17 00:00:00 2001 From: Benjamin Renard Date: Mon, 5 Jun 2017 00:34:07 +0200 Subject: [PATCH] Add some basic CSS theme files --- public_html/conf/config.inc.php | 2 +- public_html/css/light-blue.css | 167 ++++++++++++++++++++++++++++ public_html/css/light-green.css | 102 +++++++++++++++++ public_html/css/light-grey.css | 156 ++++++++++++++++++++++++++ public_html/css/light-red.css | 167 ++++++++++++++++++++++++++++ public_html/css/light-turquoise.css | 164 +++++++++++++++++++++++++++ public_html/css/std-grey.css | 61 ++++++++++ 7 files changed, 818 insertions(+), 1 deletion(-) create mode 100644 public_html/css/light-blue.css create mode 100644 public_html/css/light-green.css create mode 100644 public_html/css/light-grey.css create mode 100644 public_html/css/light-red.css create mode 100644 public_html/css/light-turquoise.css create mode 100644 public_html/css/std-grey.css diff --git a/public_html/conf/config.inc.php b/public_html/conf/config.inc.php index 38a5a368..f21eef19 100644 --- a/public_html/conf/config.inc.php +++ b/public_html/conf/config.inc.php @@ -204,4 +204,4 @@ $GLOBALS['defaultJSscipts']=array( ); // CSS -$GLOBALS['defaultCSSfiles']=array(); +$GLOBALS['defaultCSSfiles']=array('../light-blue.css'); diff --git a/public_html/css/light-blue.css b/public_html/css/light-blue.css new file mode 100644 index 00000000..c241adbb --- /dev/null +++ b/public_html/css/light-blue.css @@ -0,0 +1,167 @@ +/* ---- Main interface elements ---- */ +#main { + width: 98%; + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; + border: none; +} + +#left { + width: 165px; + background-color: transparent; +} + +#logo { + padding: 32px 5px 15px 5px; + border: none; + margin-top: 6px; + margin-left: 3px; +} + +#status { + background-color: transparent; + vertical-align: baseline; +} + +/* ---- Login form ---- */ + +div.loginform { + border: none; + background: none; +} + +/* ---- Menu ---- */ +ul.menu { + padding: 0; + list-style-type: none; + border-top: 1px dotted #999; +} + +li.menu { + font-weight: bold; + font-size: 0.9em; +} + +li.menu { + border-bottom: 1px dotted #999; + line-height: 20px; + padding: 2px 0 3px 0; +} + +li.menu a { + transition: all 0.15s linear; +} + +/* ---- 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; +} + +/* ---- LSsmoothbox ---- */ +#frame-LSsmoothbox .LSform dt { + width: 11em; +} + +#frame-LSsmoothbox .LSform dd { + margin-left: 11em; +} + +p.LSobject-list-page { + clear: both; +} + +/* ---- LSform ---- */ + +.LSform dt { + width: 24em; +} + +dd.LSform { + margin-left: 24em; +} + +li.LSform_layout_current { + color: #fff; + background-color: #ccc; +} + +li.LSform_layout_active { + border-radius: 0px; + border: none; +} + + +/* + * Colors + */ + + +/* ---- Moyen ---- */ +li.LSform_layout_active, input[type='submit'].LSview_search, tr.LSobject-list:hover, div.LSformElement_image { + background-color: #7fcadb; +} + +li.LSview-actions, div.LSform_layout, h1, input[type='submit'].LSview_search, input[type='text'].LSview_search { + border-color: #7fcadb; +} + +h1, li.LSview-actions, li.menu a:hover { + color: #7fcadb; +} + +/* ---- Clair ---- */ +ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox { + border-color: #d6edf6; +} + +tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=file], .LSform input[type=submit], .LSform input[type=password], .LSform select, .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox { + background-color: #d6edf6; +} + + +/* ---- Fonce ---- */ +li.LSform_layout_current { + background-color: #0097c4; +} + +li.menu a, a.menu, h1 { + color: #0097c4; +} + +/* ---- Gris clair ---- */ +a.LSsession_recoverPassword, a.LSobject-list-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 { + color: #4d4d4d; +} + +/* ---- Blanc ---- */ +tr.LSobject-list:hover { + color: #fff; +} + +th.LSobject-list { + background-color: transparent; +} + +/* ---- Autre ---- */ +li.LSform_layout_errors { + background-color: #f59a67; +} diff --git a/public_html/css/light-green.css b/public_html/css/light-green.css new file mode 100644 index 00000000..d0d346f5 --- /dev/null +++ b/public_html/css/light-green.css @@ -0,0 +1,102 @@ +#left { + width: 165px; + background-color: transparent; +} + +#status { + background-color: transparent; +} + +#logo { + padding: 32px 5px 15px 5px; + border: none; + margin-top: 6px; + margin-left: 3px; +} + +#main { + border: none; +} + +li.menu, th.LSobject-list { + font-weight: bold; + font-size: 0.9em; +} + +li.menu { + border-bottom: 1px dotted #999; + 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; +} + +table.LSobject-list { + border: none; + margin-top: 1.8em; +} + + +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; +} + +#frame-LSsmoothbox .LSform dt { + width: 11em; +} + +#frame-LSsmoothbox .LSform dd { + margin-left: 11em; +} + +li.LSform_layout_current, tr.LSobject-list:hover { + color: #fff; + background-color: #61c3cc; +} + +li.LSform_layout_active { + border-radius: 0px; + border: none; +} diff --git a/public_html/css/light-grey.css b/public_html/css/light-grey.css new file mode 100644 index 00000000..8174daea --- /dev/null +++ b/public_html/css/light-grey.css @@ -0,0 +1,156 @@ +/* ---- Main interface elements ---- */ +#main { + width: 98%; + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; + border: none; +} + +#left { + width: 165px; + background-color: transparent; +} + +#logo { + padding: 32px 5px 15px 5px; + border: none; + margin-top: 6px; + margin-left: 3px; +} + +#status { + background-color: transparent; + vertical-align: baseline; +} + +/* ---- Login form ---- */ + +div.loginform { + border: none; + background: none; +} + +/* ---- Menu ---- */ +ul.menu { + padding: 0; + list-style-type: none; + border-top: 1px dotted #999; +} + +li.menu { + font-weight: bold; + font-size: 0.9em; +} + +li.menu { + border-bottom: 1px dotted #999; + line-height: 20px; + padding: 2px 0 3px 0; +} + +li.menu a { + transition: all 0.15s linear; +} + +/* ---- 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; +} + +/* ---- LSsmoothbox ---- */ +#frame-LSsmoothbox .LSform dt { + width: 11em; +} + +#frame-LSsmoothbox .LSform dd { + margin-left: 11em; +} + +p.LSobject-list-page { + clear: both; +} + +/* ---- LSform ---- */ + +.LSform dt { + width: 24em; +} + +dd.LSform { + margin-left: 24em; +} + +li.LSform_layout_current { + color: #fff; + background-color: #ccc; +} + +li.LSform_layout_active { + border-radius: 0px; + border: none; +} + + +/* + * Colors + */ + +/* ---- Gris ---- */ +li.LSform_layout_active, input[type='submit'].LSview_search, tr.LSobject-list:hover, th.LSobject-list, div.LSformElement_image { + background-color: #ccc; +} + +li.LSview-actions, div.LSform_layout, h1, input[type='submit'].LSview_search, input[type='text'].LSview_search { + border-color: #ccc; +} + +h1, li.LSview-actions, li.menu a:hover { + color: #ccc; +} + +/* ---- Gris clair ---- */ +ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox { + border-color: #ddd; +} + +tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=file], .LSform input[type=submit], .LSform input[type=password], .LSform select, .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox { + background-color: #ddd; +} + +/* ---- Noir ---- */ +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 { + color: #4d4d4d; +} + +/* ---- Gris clair ---- */ +a.LSsession_recoverPassword, a.LSobject-list-page, h2 { + color: #999; +} + +/* ---- Blanc ---- */ +th.LSobject-list, tr.LSobject-list:hover, th.LSobject-list a { + color: #fff; +} + +/* ---- Autre ---- */ +li.LSform_layout_errors { + background-color: #f59a67; +} diff --git a/public_html/css/light-red.css b/public_html/css/light-red.css new file mode 100644 index 00000000..ec57ecea --- /dev/null +++ b/public_html/css/light-red.css @@ -0,0 +1,167 @@ +/* ---- Main interface elements ---- */ +#main { + width: 98%; + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; + border: none; +} + +#left { + width: 165px; + background-color: transparent; +} + +#logo { + padding: 32px 5px 15px 5px; + border: none; + margin-top: 6px; + margin-left: 3px; +} + +#status { + background-color: transparent; + vertical-align: baseline; +} + +/* ---- Login form ---- */ + +div.loginform { + border: none; + background: none; +} + +/* ---- Menu ---- */ +ul.menu { + padding: 0; + list-style-type: none; + border-top: 1px dotted #999; +} + +li.menu { + font-weight: bold; + font-size: 0.9em; +} + +li.menu { + border-bottom: 1px dotted #999; + line-height: 20px; + padding: 2px 0 3px 0; +} + +li.menu a { + transition: all 0.15s linear; +} + +/* ---- 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; +} + +/* ---- LSsmoothbox ---- */ +#frame-LSsmoothbox .LSform dt { + width: 11em; +} + +#frame-LSsmoothbox .LSform dd { + margin-left: 11em; +} + +p.LSobject-list-page { + clear: both; +} + +/* ---- LSform ---- */ + +.LSform dt { + width: 24em; +} + +dd.LSform { + margin-left: 24em; +} + +li.LSform_layout_current { + color: #fff; + background-color: #ccc; +} + +li.LSform_layout_active { + border-radius: 0px; + border: none; +} + + +/* + * Colors + */ + + +/* ---- Moyen ---- */ +li.LSform_layout_active, input[type='submit'].LSview_search, tr.LSobject-list:hover, div.LSformElement_image { + background-color: #d86165; +} + +li.LSview-actions, div.LSform_layout, h1, input[type='submit'].LSview_search, input[type='text'].LSview_search { + border-color: #d86165; +} + +h1, li.LSview-actions, li.menu a:hover { + color: #d86165; +} + +/* ---- Clair ---- */ +ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox { + border-color: #ffe9e5; +} + +tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=file], .LSform input[type=submit], .LSform input[type=password], .LSform select, .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox { + background-color: #ffe9e5; +} + + +/* ---- Fonce ---- */ +li.LSform_layout_current { + background-color: #a53248; +} + +li.menu a, a.menu, h1 { + color: #a53248; +} + +/* ---- Gris clair ---- */ +a.LSsession_recoverPassword, a.LSobject-list-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 { + color: #4d4d4d; +} + +/* ---- Blanc ---- */ +tr.LSobject-list:hover { + color: #fff; +} + +th.LSobject-list { + background-color: transparent; +} + +/* ---- Autre ---- */ +li.LSform_layout_errors { + background-color: #f59a67; +} diff --git a/public_html/css/light-turquoise.css b/public_html/css/light-turquoise.css new file mode 100644 index 00000000..35fefbc8 --- /dev/null +++ b/public_html/css/light-turquoise.css @@ -0,0 +1,164 @@ +/* ---- Main interface elements ---- */ +#main { + width: 98%; + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; + border: none; +} + +#left { + width: 165px; + background-color: transparent; +} + +#logo { + padding: 32px 5px 15px 5px; + border: none; + margin-top: 6px; + margin-left: 3px; +} + +#status { + background-color: transparent; + vertical-align: baseline; +} + +/* ---- Login form ---- */ + +div.loginform { + border: none; + background: none; +} + +/* ---- Menu ---- */ +ul.menu { + padding: 0; + list-style-type: none; + border-top: 1px dotted #999; +} + +li.menu { + font-weight: bold; + font-size: 0.9em; +} + +li.menu { + border-bottom: 1px dotted #999; + line-height: 20px; + padding: 2px 0 3px 0; +} + +li.menu a { + transition: all 0.15s linear; +} + +/* ---- 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; +} + +/* ---- LSsmoothbox ---- */ +#frame-LSsmoothbox .LSform dt { + width: 11em; +} + +#frame-LSsmoothbox .LSform dd { + margin-left: 11em; +} + +p.LSobject-list-page { + clear: both; +} + +/* ---- LSform ---- */ + +.LSform dt { + width: 24em; +} + +dd.LSform { + margin-left: 24em; +} + +li.LSform_layout_current { + color: #fff; + background-color: #ccc; +} + +li.LSform_layout_active { + border-radius: 0px; + border: none; +} + + +/* + * Colors + */ + +/* ---- Gris ---- */ +li.LSform_layout_active, input[type='submit'].LSview_search, tr.LSobject-list:hover, div.LSformElement_image { + background-color: #61c3cc; +} + +li.LSview-actions, div.LSform_layout, h1, input[type='submit'].LSview_search, input[type='text'].LSview_search { + border-color: #61c3cc; +} + +h1, li.LSview-actions, li.menu a:hover { + color: #61c3cc; +} + +/* ---- Gris clair ---- */ +ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox { + border-color: #bee1e2; +} + +tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=file], .LSform input[type=submit], .LSform input[type=password], .LSform select, .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox { + background-color: #bee1e2; +} + +/* ---- Noir ---- */ +li.LSform_layout_current { + background-color: #00939f; +} + +li.menu a, a.menu, h1 { + color: #00939f; +} + +#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 { + color: #4d4d4d; +} + +/* ---- Gris clair ---- */ +a.LSsession_recoverPassword, a.LSobject-list-page, h2 { + color: #999; +} + +/* ---- Blanc ---- */ +tr.LSobject-list:hover { + color: #fff; +} + +th.LSobject-list { + background-color: transparent; +} + +/* ---- Autre ---- */ +li.LSform_layout_errors { + background-color: #f59a67; +} diff --git a/public_html/css/std-grey.css b/public_html/css/std-grey.css new file mode 100644 index 00000000..764fbc91 --- /dev/null +++ b/public_html/css/std-grey.css @@ -0,0 +1,61 @@ +#main { + width: 98%; + font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; +} + +table.LSobject-list { + width: 98%; +} + +.LSform dt { + width: 24em; +} + +dd.LSform { + margin-left: 24em; +} + +p.LSobject-list-page { + clear: both; +} + +/* ---- Gris ---- */ +#left, #status, li.LSform_layout_active, input[type='submit'].LSview_search, th.LSobject-list, div.LSformElement_image { + background-color: #ccc; +} + +#logo, #main, li.LSview-actions, div.LSform_layout, h1, input[type='submit'].LSview_search, input[type='text'].LSview_search { + border-color: #ccc; +} + +/* ---- Gris clair ---- */ +ul.LSformElement_select_object_edit, li.LSformElement_select_object, table.LSobject-list, td.LSobject-list, div.LSinfosBox { + border-color: #ddd; +} + +tr.LSobject-list-bis, .LSform input[type=text], .LSform input[type=file], .LSform input[type=submit], .LSform input[type=password], .LSform select, .LSform textarea, li.LSformElement_select_object_addBtn, div.LSinfosBox { + background-color: #ddd; +} + +/* ---- Noir ---- */ +li.LSform_layout_current { + background-color: #000; +} + +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 { + color: #4d4d4d; +} + +/* ---- Gris claire ---- */ +tr.LSobject-list:hover { + background-color: #ccc; +} + +a.LSobject-list-page, h2 { + color: #999; +} + +/* ---- Autre ---- */ +li.LSform_layout_errors { + background-color: #f59a67; +}