openrat-cms

OpenRat Content Management System
git clone http://git.code.weiherhei.de/openrat-cms.git
Log | Files | Refs | README

commit a139759b12265c35b8d3dce255662b2739230583
parent c0403c4a40905f7dba154d7c5eac8803412dd882
Author: Jan Dankert <develop@jandankert.de>
Date:   Wed, 11 Nov 2020 13:30:22 +0100

 A little transparent background for the menu.

Diffstat:
Mmodules/cms/ui/themes/default/style/openrat-dropdown.less | 1+
Mmodules/cms/ui/themes/default/style/openrat-workbench.less | 1+
Mmodules/cms/ui/themes/default/style/openrat.css | 5+++--
Mmodules/cms/ui/themes/default/style/openrat.min.css | 2+-
Mmodules/cms/ui/themes/default/style/theme/openrat-theme.less | 1-
5 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/modules/cms/ui/themes/default/style/openrat-dropdown.less b/modules/cms/ui/themes/default/style/openrat-dropdown.less @@ -13,6 +13,7 @@ right:1em; } z-index: 1; + //opacity: 0.95; No, because opacity is already set in the workbench menu. min-width: 17em; position: absolute; padding: 0.5em 0; diff --git a/modules/cms/ui/themes/default/style/openrat-workbench.less b/modules/cms/ui/themes/default/style/openrat-workbench.less @@ -55,6 +55,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. min-height: 3.0rem; overflow: hidden; padding: 0.5em; + opacity: 0.9; .toolbar-icon { diff --git a/modules/cms/ui/themes/default/style/openrat.css b/modules/cms/ui/themes/default/style/openrat.css @@ -905,7 +905,7 @@ Basis-Style for Openrat. margin-top: 0.5em; margin-bottom: 0.5em; } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-dropdown.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACI%2CIAAC%3BCAEG%3BCACA%3BCAUA%3BCACA%3BCACA%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAAfA%2CIALH%2CQAKI%3BCACG%3B%3BAAIJ%2CIAVH%2CQAUI%3BCACG%3B%3BAAWJ%2CIAtBH%2CQAsBI%3BCACG%3B%3BAADJ%2CIAtBH%2CQAsBI%2CMAGK%3BCACE%3BCACA%3BCACA%2CgBAAA%3B%3BAANR%2CIAtBH%2CQAsBI%2CMAGK%2CWAKE%3BCACI%3B%3BAATZ%2CIAtBH%2CQAsBI%2CMAGK%2CWASE%3BCACI%3B%3B%3BAAIR%2CIAvCP%2CQAsBI%2CMAiBI%3BCACO%3B%3BAAMV%2COA9CL%2CQA8CM%3BCACC%3BCACA%3B%3BAAGJ%2CIAnDH%2CQAmDI%3BCACG%3BCACA%3BCACA%3BCACA%22%7D */ +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-dropdown.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACI%2CIAAC%3BCAEG%3BCACA%3BCAUA%3BCAEA%3BCACA%3BCACA%2CgBAAA%3BCAEA%3BCACA%3BCACA%3B%3BAAhBA%2CIALH%2CQAKI%3BCACG%3B%3BAAIJ%2CIAVH%2CQAUI%3BCACG%3B%3BAAYJ%2CIAvBH%2CQAuBI%3BCACG%3B%3BAADJ%2CIAvBH%2CQAuBI%2CMAGK%3BCACE%3BCACA%3BCACA%2CgBAAA%3B%3BAANR%2CIAvBH%2CQAuBI%2CMAGK%2CWAKE%3BCACI%3B%3BAATZ%2CIAvBH%2CQAuBI%2CMAGK%2CWASE%3BCACI%3B%3B%3BAAIR%2CIAxCP%2CQAuBI%2CMAiBI%3BCACO%3B%3BAAMV%2COA%5C%2FCL%2CQA%2BCM%3BCACC%3BCACA%3B%3BAAGJ%2CIApDH%2CQAoDI%3BCACG%3BCACA%3BCACA%3BCACA%22%7D */ /* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/default/style/openrat-breadcrumb */ /* OpenRat Content Management System @@ -1196,6 +1196,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. min-height: 3.0rem; overflow: hidden; padding: 0.5em; + opacity: 0.9; } .or-workbench-title .toolbar-icon .arrow-down { display: inline; @@ -1368,7 +1369,7 @@ Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA. font-size: 1em; } } -/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-workbench.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAoCA%3B%3B%3BAAEI%2CGAAC%3BCAEG%3BCACA%3BCACA%3BCACA%3B%3B%3B%3BAAQA%2CGAbH%2CUAaI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAALJ%2CGAbH%2CUAaI%2CMAOG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA9BX%2CUAaI%2CMAOG%2CcAMI%2CKAAI%3BCAIJ%2CGA9BX%2CUAaI%2CMAOG%2CcAMgB%3BEAEJ%3B%3B%3BAAMhB%2CGAlCH%2CUAkCI%3BCACG%3B%3BCAGA%3BCACA%3B%3B%3B%3B%3B%3BAALJ%2CGAlCH%2CUAkCI%2CKAgBK%3BCAGE%3BCACA%3B%3BAASR%2CGA%5C%2FDH%2CUA%2BDI%3BCAGG%2CyCAAA%3BCAMA%2C6BAAA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAmBJ%2CGA7FH%2CUA6FI%3BCACG%3B%3BAAKA%3BCAAA%2CGAnGP%2CUA6FI%3BEAGO%3B%3B%3BAAHR%2CGA7FH%2CUA6FI%2CQAUG%3BCACI%3B%3BAAIJ%2CGA5GP%2CUA6FI%2CQAeI%2CcACG%3BCACI%3B%3BAAiBZ%2CGA%5C%2FHH%2CUA%2BHI%3BCACG%3B%3BAAGJ%2CGAnIH%2CUAmII%3BCACG%3B%3BAAGJ%2CGAvIH%2CUAuII%2CqBACG%3BCACI%3B%3BAAFR%2CGAvIH%2CUAuII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAjJH%2CUAiJI%3BCAiBG%3B%3BAAdA%2CGApJP%2CUAiJI%2CWAGI%3BCAEG%3BCAEA%3BCACA%3BCACA%3BCACA%2CmCAAA%3BCACA%3BCACA%3BCACA%3B%3BAAMJ%2CGApKP%2CUAiJI%2CWAmBI%3BCACG%3B%3BAADJ%2CGApKP%2CUAiJI%2CWAmBI%2CUAOG%3BCACI%3BCACA%3BCACA%3B%3BAAEA%2CGAhLf%2CUAiJI%2CWAmBI%2CUAOG%2CmCAKK%3BCACG%3BCACA%3BCACA%3B%3BAAHJ%2CGAhLf%2CUAiJI%2CWAmBI%2CUAOG%2CmCAKK%2CMAKG%3BCACI%3B%3BAAlBhB%2CGApKP%2CUAiJI%2CWAmBI%2CUAuBG%3BCACI%3BCACA%2C%2BBAAA%3B%3BAA4BR%3BCAAA%2CGAzNP%2CUAiJI%3BEAkDO%3B%3BCAsBJ%2CGAzNP%2CUAiJI%2CWAoDO%3BEAEI%3BEACA%3B%3BCAGJ%2CGA3MX%2CUAiJI%2CWA0DQ%2CSAEG%3BEAEI%3BEACA%3BEACA%3BEAEA%3B%3B%3BAAWZ%3BCAAA%2CGA9NP%2CUAiJI%3BEAyEO%3B%3B%3BAAzER%2CGAjJH%2CUAiJI%2CWA6EG%3BCACI%3B%3BAAOZ%2CGAAC%3BCACG%3B%3BAAKJ%3BCAAA%2CGANC%3BEAGO%3B%3B%3BAASR%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAcJ%3BCAAA%2CGAVH%2CaAAa%2CUAMV%3BEAEQ%3B%3B%3BAAOZ%2CGAAC%3BCAEG%2C%2BCAAA%3BCACA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAkBR%3BCALI%3BEACI%22%7D */ +/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22mnt%5C%2Fdata%5C%2Fdankert%5C%2FEntwicklung%5C%2FProjekte%5C%2Fopenrat-cms%5C%2Fmodules%5C%2Fcms%5C%2Fui%5C%2Fthemes%5C%2Fdefault%5C%2Fstyle%5C%2Fopenrat-workbench.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAoCA%3B%3B%3BAAEI%2CGAAC%3BCAEG%3BCACA%3BCACA%3BCACA%3B%3B%3B%3BAAQA%2CGAbH%2CUAaI%3BCACG%3BCACA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAANJ%2CGAbH%2CUAaI%2CMAQG%2CcAEI%3BCACI%3B%3BAAOJ%3BCAAA%2CGA%5C%2FBX%2CUAaI%2CMAQG%2CcAMI%2CKAAI%3BCAIJ%2CGA%5C%2FBX%2CUAaI%2CMAQG%2CcAMgB%3BEAEJ%3B%3B%3BAAMhB%2CGAnCH%2CUAmCI%3BCACG%3B%3BCAGA%3BCACA%3B%3B%3B%3B%3B%3BAALJ%2CGAnCH%2CUAmCI%2CKAgBK%3BCAGE%3BCACA%3B%3BAASR%2CGAhEH%2CUAgEI%3BCAGG%2CyCAAA%3BCAMA%2C6BAAA%3BCACA%3BCACA%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3B%3BAAmBJ%2CGA9FH%2CUA8FI%3BCACG%3B%3BAAKA%3BCAAA%2CGApGP%2CUA8FI%3BEAGO%3B%3B%3BAAHR%2CGA9FH%2CUA8FI%2CQAUG%3BCACI%3B%3BAAIJ%2CGA7GP%2CUA8FI%2CQAeI%2CcACG%3BCACI%3B%3BAAiBZ%2CGAhIH%2CUAgII%3BCACG%3B%3BAAGJ%2CGApIH%2CUAoII%3BCACG%3B%3BAAGJ%2CGAxIH%2CUAwII%2CqBACG%3BCACI%3B%3BAAFR%2CGAxIH%2CUAwII%2CqBAKG%3BCACI%3B%3BAAIR%2CGAlJH%2CUAkJI%3BCAiBG%3B%3BAAdA%2CGArJP%2CUAkJI%2CWAGI%3BCAEG%3BCAEA%3BCACA%3BCACA%3BCACA%2CmCAAA%3BCACA%3BCACA%3BCACA%3B%3BAAMJ%2CGArKP%2CUAkJI%2CWAmBI%3BCACG%3B%3BAADJ%2CGArKP%2CUAkJI%2CWAmBI%2CUAOG%3BCACI%3BCACA%3BCACA%3B%3BAAEA%2CGAjLf%2CUAkJI%2CWAmBI%2CUAOG%2CmCAKK%3BCACG%3BCACA%3BCACA%3B%3BAAHJ%2CGAjLf%2CUAkJI%2CWAmBI%2CUAOG%2CmCAKK%2CMAKG%3BCACI%3B%3BAAlBhB%2CGArKP%2CUAkJI%2CWAmBI%2CUAuBG%3BCACI%3BCACA%2C%2BBAAA%3B%3BAA4BR%3BCAAA%2CGA1NP%2CUAkJI%3BEAkDO%3B%3BCAsBJ%2CGA1NP%2CUAkJI%2CWAoDO%3BEAEI%3BEACA%3B%3BCAGJ%2CGA5MX%2CUAkJI%2CWA0DQ%2CSAEG%3BEAEI%3BEACA%3BEACA%3BEAEA%3B%3B%3BAAWZ%3BCAAA%2CGA%5C%2FNP%2CUAkJI%3BEAyEO%3B%3B%3BAAzER%2CGAlJH%2CUAkJI%2CWA6EG%3BCACI%3B%3BAAOZ%2CGAAC%3BCACG%3B%3BAAKJ%3BCAAA%2CGANC%3BEAGO%3B%3B%3BAASR%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAIR%2CGAAC%3BCACG%3B%3BAAIJ%3BCAAA%2CGALC%3BEAGO%3B%3B%3BAAcJ%3BCAAA%2CGAVH%2CaAAa%2CUAMV%3BEAEQ%3B%3B%3BAAOZ%2CGAAC%3BCAEG%2C%2BCAAA%3BCACA%2CgCAAA%3BCACA%3BCACA%3BCACA%3BCACA%3B%3BAAkBR%3BCALI%3BEACI%22%7D */ /* Include style: /mnt/data/dankert/Entwicklung/Projekte/openrat-cms/modules/cms/ui/themes/../../../template_engine/components/html/component_editor/editor */ .editor__text-editor { width: 100%; diff --git a/modules/cms/ui/themes/default/style/openrat.min.css b/modules/cms/ui/themes/default/style/openrat.min.css @@ -13,7 +13,7 @@ html,body{width: 100%;height: 100%}@media only screen and (min-width: 56rem){bod .or-nojs-text{display: block}.or-visible-for-nojs{display: none} .or-navtree-node{margin: 0;padding: .1em 0;line-height: 18px;font-weight: normal;white-space: nowrap}.or-navtree-node--selected{font-weight: bold}.or-navtree-node--selected > div > a{font-weight: bold}.or-navtree-node-control{width: 18px;min-width: 18px;height: 18px;float: left;cursor: pointer}.or-navtree-list{list-style-type: none;margin: 0;padding: 0}.or-navtree-list ul{margin-left: 18px} .or-fieldset{border: 0;display: flex;flex-direction: row;align-items: start;margin-top: 1em}.or-fieldset-label{flex: 1;font-size: 1em;text-align: right;padding-right: 1em;font-weight: normal}.or-fieldset-value{flex: 3}.or-fieldset-value > *{display: block;padding: 0.8em}@media only screen and (max-width: 65rem){.or-fieldset{flex-direction: column}.or-fieldset-label{flex: 1;width: 100%;text-align: left}.or-fieldset-value{flex: 1;width: 100%}} -.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.or-workbench-title{height: 3.0rem;max-height: 3.0rem;min-height: 3.0rem;overflow: hidden;padding: 0.5em}.or-workbench-title .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){.or-workbench-title .toolbar-icon span.label,.or-workbench-title .toolbar-icon .arrow-down{display: none}}.or-workbench-main{flex: 1;display: flex;flex-direction: column}.or-workbench-main > *{overflow-y: auto;overflow-x: hidden}.or-workbench-workplace{transition: margin-left .15s ease-in-out;transition: opacity .5s ease;display: flex;flex-direction: column}.or-workbench-section{margin: 1.5em}@media only screen and (max-width: 55rem){.or-workbench-section{margin: 0.5em}}.or-workbench-section .or-view-toolbar{display: inline}.or-workbench-section.or--is-closed .or-view-toolbar{display: none}.or-workbench--visible-on-small{display: none}.or-workbench--visible-on-wide{display: block}.or-workbench--navigation-is-small .or-workbench--visible-on-wide{display: none}.or-workbench--navigation-is-small .or-workbench--visible-on-small{display: block}.or-workbench-navigation{width: 30em}.or-workbench-navigation-container{width: 30em;position: fixed;z-index: 1;opacity: 0.9;transition: width .15s ease-in-out;height: 100%;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation--is-small{width: 6em}.or-workbench-navigation--is-small .or-workbench-navigation-container{opacity: 0.2;width: 6em;overflow-y: hidden}.or-workbench-navigation--is-small .or-workbench-navigation-container:hover{overflow-y: auto;width: 33%;opacity: 0.9}.or-workbench-navigation--is-small .or-workbench-navigation-container:hover .or-navtree-text{opacity: 1}.or-workbench-navigation--is-small .or-navtree-text{opacity: 0;transition: opacity ease-in-out}@media only screen and (max-width: 55rem){.or-workbench-navigation{width: 0}.or-workbench-navigation .or-workbench-navigation-container{width: 0;padding: 0}.or-workbench-navigation--is-open .or-workbench-navigation-container{padding: 0.8em;overflow-y: auto;width: 90%;opacity: 0.98}}@media only screen and (min-width: 75rem){.or-workbench-navigation{overflow-y: auto}}.or-workbench-navigation .or-view{height: 100%}.or--visible-on-mobile{display: none}@media only screen and (max-width: 55rem){.or--visible-on-mobile{display: inline}}@media only screen and (max-width: 55rem){.or--visible-on-desktop{display: none}}.or-toggle-nav-small{display: inline}@media only screen and (max-width: 55rem){.or-toggle-nav-small{display: none}}.or-toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){.or-toggle-nav-open-close{display: inline}}@media only screen and (max-width: 55rem){.or-toolbar-icon.or-search input{width: 3em}}.or-loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait;pointer-events: none}@media only screen and (max-width: 55rem){html{font-size: 1em}} +.or-workbench{width: 100%;height: 100%;display: flex;flex-direction: row}.or-workbench-title{height: 3.0rem;max-height: 3.0rem;min-height: 3.0rem;overflow: hidden;padding: 0.5em;opacity: 0.9}.or-workbench-title .toolbar-icon .arrow-down{display: inline}@media only screen and (max-width: 55rem){.or-workbench-title .toolbar-icon span.label,.or-workbench-title .toolbar-icon .arrow-down{display: none}}.or-workbench-main{flex: 1;display: flex;flex-direction: column}.or-workbench-main > *{overflow-y: auto;overflow-x: hidden}.or-workbench-workplace{transition: margin-left .15s ease-in-out;transition: opacity .5s ease;display: flex;flex-direction: column}.or-workbench-section{margin: 1.5em}@media only screen and (max-width: 55rem){.or-workbench-section{margin: 0.5em}}.or-workbench-section .or-view-toolbar{display: inline}.or-workbench-section.or--is-closed .or-view-toolbar{display: none}.or-workbench--visible-on-small{display: none}.or-workbench--visible-on-wide{display: block}.or-workbench--navigation-is-small .or-workbench--visible-on-wide{display: none}.or-workbench--navigation-is-small .or-workbench--visible-on-small{display: block}.or-workbench-navigation{width: 30em}.or-workbench-navigation-container{width: 30em;position: fixed;z-index: 1;opacity: 0.9;transition: width .15s ease-in-out;height: 100%;padding: 0.7em;overflow-x: hidden}.or-workbench-navigation--is-small{width: 6em}.or-workbench-navigation--is-small .or-workbench-navigation-container{opacity: 0.2;width: 6em;overflow-y: hidden}.or-workbench-navigation--is-small .or-workbench-navigation-container:hover{overflow-y: auto;width: 33%;opacity: 0.9}.or-workbench-navigation--is-small .or-workbench-navigation-container:hover .or-navtree-text{opacity: 1}.or-workbench-navigation--is-small .or-navtree-text{opacity: 0;transition: opacity ease-in-out}@media only screen and (max-width: 55rem){.or-workbench-navigation{width: 0}.or-workbench-navigation .or-workbench-navigation-container{width: 0;padding: 0}.or-workbench-navigation--is-open .or-workbench-navigation-container{padding: 0.8em;overflow-y: auto;width: 90%;opacity: 0.98}}@media only screen and (min-width: 75rem){.or-workbench-navigation{overflow-y: auto}}.or-workbench-navigation .or-view{height: 100%}.or--visible-on-mobile{display: none}@media only screen and (max-width: 55rem){.or--visible-on-mobile{display: inline}}@media only screen and (max-width: 55rem){.or--visible-on-desktop{display: none}}.or-toggle-nav-small{display: inline}@media only screen and (max-width: 55rem){.or-toggle-nav-small{display: none}}.or-toggle-nav-open-close{display: none}@media only screen and (max-width: 55rem){.or-toggle-nav-open-close{display: inline}}@media only screen and (max-width: 55rem){.or-toolbar-icon.or-search input{width: 3em}}.or-loader{background: url(../images/loader.gif) no-repeat;background-position: center, top;height: 30px;opacity: 0.5;cursor: wait;pointer-events: none}@media only screen and (max-width: 55rem){html{font-size: 1em}} .editor__text-editor{width: 100%;height: 300px}textarea.editor__code-editor{display: none}div.editor__code-editor{position: absolute;height: 500px;width: 100%;font-size: 14px;z-index: 256}textarea.editor__text-editor,textarea.editor__wiki-editor,textarea.editor__html-editor{width: 100%}a.editorlink:active,a.editorlink:hover{font-weight: normal;text-decoration: none}a.editorlink:link,a.editorlink:visited{font-weight: normal;text-decoration: none} .or-group{margin: 2em 0}.or-group-title{font-size: 1.1em;font-weight: normal;border-bottom: 1px solid} diff --git a/modules/cms/ui/themes/default/style/theme/openrat-theme.less b/modules/cms/ui/themes/default/style/theme/openrat-theme.less @@ -258,7 +258,6 @@ html.or-theme-@{cms-theme-id} { } .box-shadow(3px, 2px, 5px, @cms-background-color); - opacity: 0.95; border: 1px solid mix(@cms-background-color,@cms-inactive-background-color); background-color: @cms-background-color;