225 lines
4.3 KiB
CSS
225 lines
4.3 KiB
CSS
|
|
|
|
/* OVERWRITE TOOLBAR COLORS */
|
|
|
|
#toolbar {
|
|
background-color: #f2f2f2;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
#toolbar_main {
|
|
border-bottom: 1px solid #cccccc;
|
|
background-color: #f2f2f2;
|
|
}
|
|
.toolbar_shelf {
|
|
border-bottom: 1px solid #cccccc;
|
|
background-color: #f2f2f2;
|
|
}
|
|
|
|
.toolbar_shelf .button_img,
|
|
.button.on .button_img,
|
|
.button_img {
|
|
background-color: #808080;
|
|
}
|
|
|
|
.toolbar_shelf .button:not(.on),
|
|
.button:not(.on) {
|
|
background-color: #f2f2f2;
|
|
border: 1px solid #f2f2f2;
|
|
}
|
|
|
|
.button:hover:not(.on) {
|
|
background-color: #dcdcdc;
|
|
border: 1px solid #dcdcdc;
|
|
}
|
|
|
|
.toolbar_shelf .button:hover>.button_img,
|
|
.button:hover:not(.on)>.button_img {
|
|
background-color: #808080;
|
|
}
|
|
|
|
.button.on {
|
|
background-color: #f2f2f2;
|
|
border: 1px solid #cccccc;
|
|
}
|
|
|
|
/* MAIN TOOLBAR SEARCHBOX */
|
|
#filter_box {
|
|
background-color: #fafafa;
|
|
border: solid 1px #cccccc;
|
|
color: #808080;
|
|
}
|
|
#button_filter_clear {
|
|
background-color: #808080;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#menu_hover_sample {
|
|
border: 1px solid var(--tabs_menu_hover_border);
|
|
background-color: var(--tabs_menu_hover_background);
|
|
}
|
|
|
|
|
|
|
|
|
|
/* TOOLBAR THEME COLOR EDIT */
|
|
|
|
/* toolbar main */
|
|
#toolbar_theme {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
background-color: var(--toolbar_background);
|
|
border-bottom: 1px solid var(--toolbar_border_bottom);
|
|
}
|
|
|
|
#toolbar_main_theme {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 26px;
|
|
top: 0px;
|
|
background-color: var(--toolbar_background);
|
|
border-bottom: 1px solid var(--toolbar_border_bottom);
|
|
}
|
|
|
|
/* toolbar shelf */
|
|
#toolbar_search_input_box_theme {
|
|
position: relative;
|
|
width: 100%;
|
|
top: 0px;
|
|
height: 26px;
|
|
background-color: var(--toolbar_shelf_background);
|
|
overflow: hidden;
|
|
}
|
|
|
|
|
|
|
|
/* toolbar buttons */
|
|
|
|
|
|
#button_theme_plus {
|
|
background-color: var(--button_background);
|
|
border: 1px solid var(--button_border);
|
|
}
|
|
#button_theme_plus_img {
|
|
background-color: var(--button_icons);
|
|
-webkit-mask-image: url(../theme/toolbar_plus_big.svg);
|
|
mask-image: url(../theme/toolbar_plus_big.svg);
|
|
}
|
|
#button_theme_plus:hover {
|
|
border: 1px solid var(--button_hover_border);
|
|
background-color: var(--button_hover_background);
|
|
}
|
|
#button_theme_plus:hover>#button_theme_plus_img {
|
|
background-color: var(--button_icons_hover);
|
|
}
|
|
|
|
|
|
#button_theme_search_img {
|
|
background-color: var(--button_on_icons);
|
|
-webkit-mask-image: url(../theme/toolbar_search.svg);
|
|
mask-image: url(../theme/toolbar_search.svg);
|
|
border: 1px solid var(--button_border);
|
|
}
|
|
|
|
|
|
#button_theme_pen {
|
|
background-color: var(--button_shelf_background);
|
|
border: 1px solid var(--button_shelf_border);
|
|
}
|
|
#button_theme_pen_img {
|
|
background-color: var(--button_shelf_icons);
|
|
-webkit-mask-image: url(../theme/toolbar_edit.svg);
|
|
mask-image: url(../theme/toolbar_edit.svg);
|
|
}
|
|
|
|
#button_theme_pen:hover {
|
|
border: 1px solid var(--button_shelf_hover_border);
|
|
background-color: var(--button_shelf_hover_background);
|
|
}
|
|
#button_theme_pen:hover>#button_theme_pen_img {
|
|
border: 1px solid var(--button_shelf_hover_border);
|
|
background-color: var(--button_shelf_icons_hover);
|
|
}
|
|
|
|
|
|
/* searchbox */
|
|
#filter_box_theme {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
left: 2px;
|
|
top: 2px;
|
|
padding-left: 6px;
|
|
width: calc(100% - 42px);
|
|
height: 18px;
|
|
background-color: var(--filter_box_background);
|
|
border: solid 1px var(--filter_box_border);
|
|
color: var(--filter_box_font);
|
|
}
|
|
|
|
#filter_box_theme:focus {
|
|
outline: none;
|
|
}
|
|
|
|
#button_filter_clear_theme {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
-webkit-mask-image: url(../theme/toolbar_filter_clear.svg);
|
|
mask-image: url(../theme/toolbar_filter_clear.svg);
|
|
top: 5.5px;
|
|
right: 34px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-color: var(--filter_clear_icon);
|
|
}
|
|
|
|
#button_theme_plus,
|
|
#button_theme_search,
|
|
#button_theme_pen {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
|
|
#button_theme_plus_img,
|
|
#button_theme_search_img,
|
|
#button_theme_pen_img {
|
|
position: absolute;
|
|
top: 1px;
|
|
left: 1px;
|
|
width: 24px;
|
|
height: 24px;
|
|
-webkit-mask-size: 24px 24px;
|
|
mask-size: 24px 24px;
|
|
}
|
|
|
|
#button_theme_search {
|
|
height: 26px;
|
|
left: -3px;
|
|
background-color: var(--button_on_background);
|
|
border: 1px solid var(--toolbar_border_bottom);
|
|
}
|