Gitlab CSE Unil

Commit 92c34198 authored by Julien Furrer's avatar Julien Furrer
Browse files

Ajustement pour env anodate

parent 72e0c3f6
...@@ -30,6 +30,7 @@ define(["underscore", "paper", "signals"], function (_, paper, Signal) { ...@@ -30,6 +30,7 @@ define(["underscore", "paper", "signals"], function (_, paper, Signal) {
_categories['default'] = _categories[id]; _categories['default'] = _categories[id];
} }
}); });
_categories['default'] = _categories['cat_2'];
} }
/** /**
......
...@@ -23,7 +23,7 @@ define([ ...@@ -23,7 +23,7 @@ define([
var defaultProperties = { var defaultProperties = {
//comment: "", //comment: "",
labelComment: "", labelComment: "",
category: "" category: "cat_2"
}; };
// Markers management related // Markers management related
...@@ -51,12 +51,17 @@ define([ ...@@ -51,12 +51,17 @@ define([
var curLayer = paper.project.activeLayer; var curLayer = paper.project.activeLayer;
layer.activate(); layer.activate();
// Keep copy of current category
var curCat = defaultProperties.category;
var marker = createMarker(itemData.origin, itemData, listening); var marker = createMarker(itemData.origin, itemData, listening);
if (itemData.prop.category) { if (itemData.prop.category) {
_setCategory.call(marker, itemData.prop.category); _setCategory.call(marker, itemData.prop.category);
} }
// Restore states
curLayer.activate(); curLayer.activate();
defaultProperties.category = curCat;
return marker; return marker;
} }
...@@ -310,6 +315,7 @@ define([ ...@@ -310,6 +315,7 @@ define([
var category = Category.getCategory(catId), var category = Category.getCategory(catId),
color = (category && category.color) || "#000000"; color = (category && category.color) || "#000000";
_setColor.call(this, color); _setColor.call(this, color);
defaultProperties.category = catId;
} }
...@@ -483,6 +489,7 @@ define([ ...@@ -483,6 +489,7 @@ define([
var marker = hitOnMarkerTest(event.point); var marker = hitOnMarkerTest(event.point);
if (marker) { if (marker) {
debugger;
if (!marker.selected) { if (!marker.selected) {
paper.project.deselectAll(); paper.project.deselectAll();
marker.selected = true; marker.selected = true;
...@@ -504,6 +511,7 @@ define([ ...@@ -504,6 +511,7 @@ define([
itemMouseDown.call(marker, event); itemMouseDown.call(marker, event);
_selectedMarker = marker; _selectedMarker = marker;
_events.annotationSelected.dispatch(marker); _events.annotationSelected.dispatch(marker);
} }
}, },
......
...@@ -191,7 +191,7 @@ body { ...@@ -191,7 +191,7 @@ body {
font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: OpenSans, "Helvetica Neue", Helvetica, Arial, sans-serif;
} }
body.theme-light { body.theme-light {
background-color: #f2f2f2; background-color: #F2F2F2;
} }
body.theme-dark { body.theme-dark {
background-color: #424242; background-color: #424242;
...@@ -216,7 +216,7 @@ body { ...@@ -216,7 +216,7 @@ body {
padding-top: 33%; padding-top: 33%;
} }
.theme-light #page-loader { .theme-light #page-loader {
background-color: #f2f2f2; background-color: #F2F2F2;
} }
#main-navbar { #main-navbar {
margin-bottom: 10px; margin-bottom: 10px;
...@@ -291,7 +291,7 @@ body { ...@@ -291,7 +291,7 @@ body {
background-image: none; background-image: none;
} }
#main-navbar .dropdown-menu .dropdown-header { #main-navbar .dropdown-menu .dropdown-header {
color: #aaaaaa; color: #aaa;
} }
#main-navbar .annot-saved-status .annot-stat { #main-navbar .annot-saved-status .annot-stat {
display: none; display: none;
...@@ -396,12 +396,12 @@ body.home.authenticated #home-container #home-action-box .well { ...@@ -396,12 +396,12 @@ body.home.authenticated #home-container #home-action-box .well {
padding: 20px 0 40px; padding: 20px 0 40px;
} }
#home-container h1 { #home-container h1 {
color: #efefef; color: #EFEFEF;
font-weight: 400; font-weight: 400;
margin-top: 5px; margin-top: 5px;
} }
#home-container h1 small { #home-container h1 small {
color: #efefef; color: #EFEFEF;
font-weight: 300; font-weight: 300;
} }
#home-container #home-action-box .well { #home-container #home-action-box .well {
...@@ -483,7 +483,7 @@ body.home.authenticated #home-container #home-action-box .well { ...@@ -483,7 +483,7 @@ body.home.authenticated #home-container #home-action-box .well {
font-weight: 300; font-weight: 300;
} }
#main-home { #main-home {
background-color: #eeeeee; background-color: #EEE;
border-radius: 6px; border-radius: 6px;
padding: 48px 60px; padding: 48px 60px;
color: #f2f2f2; color: #f2f2f2;
...@@ -538,14 +538,14 @@ body.home.authenticated #home-container #home-action-box .well { ...@@ -538,14 +538,14 @@ body.home.authenticated #home-container #home-action-box .well {
font-size: 12px; font-size: 12px;
} }
#login-mode #login-local-panel input.form-control::-moz-placeholder { #login-mode #login-local-panel input.form-control::-moz-placeholder {
color: #aaaaaa; color: #aaa;
opacity: 1; opacity: 1;
} }
#login-mode #login-local-panel input.form-control:-ms-input-placeholder { #login-mode #login-local-panel input.form-control:-ms-input-placeholder {
color: #aaaaaa; color: #aaa;
} }
#login-mode #login-local-panel input.form-control::-webkit-input-placeholder { #login-mode #login-local-panel input.form-control::-webkit-input-placeholder {
color: #aaaaaa; color: #aaa;
} }
body.home #dlg-about-adim .modal-dialog { body.home #dlg-about-adim .modal-dialog {
margin-top: 150px; margin-top: 150px;
...@@ -561,7 +561,7 @@ body.home #dlg-about-adim .modal-dialog { ...@@ -561,7 +561,7 @@ body.home #dlg-about-adim .modal-dialog {
#dlg-about-adim .logo:link, #dlg-about-adim .logo:link,
#dlg-about-adim .logo:active, #dlg-about-adim .logo:active,
#dlg-about-adim .logo:visited { #dlg-about-adim .logo:visited {
color: #0096c7; color: #0096C7;
text-decoration: none; text-decoration: none;
font-size: 65px; font-size: 65px;
display: block; display: block;
...@@ -577,7 +577,7 @@ body.home #dlg-about-adim .modal-dialog { ...@@ -577,7 +577,7 @@ body.home #dlg-about-adim .modal-dialog {
#dlg-about-adim .about-links a, #dlg-about-adim .about-links a,
#dlg-about-adim .about-links a:link, #dlg-about-adim .about-links a:link,
#dlg-about-adim .about-links a:visited { #dlg-about-adim .about-links a:visited {
color: #0096c7; color: #0096C7;
text-decoration: none; text-decoration: none;
} }
#dlg-about-adim .about-links a:hover, #dlg-about-adim .about-links a:hover,
...@@ -588,7 +588,7 @@ body.home #dlg-about-adim .modal-dialog { ...@@ -588,7 +588,7 @@ body.home #dlg-about-adim .modal-dialog {
min-height: 180px; min-height: 180px;
} }
#dlg-about-adim .modal-body .row > div:first-child { #dlg-about-adim .modal-body .row > div:first-child {
border-right: 1px solid #0096c7; border-right: 1px solid #0096C7;
} }
#dlg-about-adim .about-content .panel { #dlg-about-adim .about-content .panel {
background-color: transparent; background-color: transparent;
...@@ -645,8 +645,8 @@ body.home #dlg-about-adim .modal-dialog { ...@@ -645,8 +645,8 @@ body.home #dlg-about-adim .modal-dialog {
#main .tool-top-row .adim-view-mod-tabs.nav-tabs > li.active a:hover, #main .tool-top-row .adim-view-mod-tabs.nav-tabs > li.active a:hover,
#main .tool-top-row .adim-view-mod-tabs.nav-tabs > li.active a:focus { #main .tool-top-row .adim-view-mod-tabs.nav-tabs > li.active a:focus {
color: #3c3c3c; color: #3c3c3c;
background-color: #c9c9c9; background-color: #C9C9C9;
border-color: #c9c9c9 #c9c9c9 #686868; border-color: #C9C9C9 #C9C9C9 #686868;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
} }
.adim-view.adim-view-review #tools-col, .adim-view.adim-view-review #tools-col,
...@@ -746,17 +746,17 @@ body.home #dlg-about-adim .modal-dialog { ...@@ -746,17 +746,17 @@ body.home #dlg-about-adim .modal-dialog {
margin: 0 -310px 0 25px; margin: 0 -310px 0 25px;
} }
.theme-light #side-col .side-col-collapse-but .btn { .theme-light #side-col .side-col-collapse-but .btn {
background-color: #d0d0d0; background-color: #D0D0D0;
border-color: #a0a0a0; border-color: #A0A0A0;
} }
.theme-light .panel.panel-default { .theme-light .panel.panel-default {
border-color: #a0a0a0; border-color: #A0A0A0;
} }
.theme-light .panel.panel-default > .panel-heading { .theme-light .panel.panel-default > .panel-heading {
background-color: #d0d0d0; background-color: #D0D0D0;
} }
.theme-light .panel.panel-default .panel-tb { .theme-light .panel.panel-default .panel-tb {
background-color: #d0d0d0; background-color: #D0D0D0;
} }
.panel.panel-dark { .panel.panel-dark {
border-color: #6f6f6f; border-color: #6f6f6f;
...@@ -819,13 +819,13 @@ body.home #dlg-about-adim .modal-dialog { ...@@ -819,13 +819,13 @@ body.home #dlg-about-adim .modal-dialog {
height: 482px; height: 482px;
padding: 0; padding: 0;
position: relative; position: relative;
background: #aaaaaa url(../img/adim/frame_background.jpg) 0 0; background: #aaa url(../img/adim/frame_background.jpg) 0 0;
} }
.canvas-container.well { .canvas-container.well {
margin-bottom: 0; margin-bottom: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-color: #cccccc; border-color: #CCC;
} }
.canvas-container .dropzone { .canvas-container .dropzone {
display: block; display: block;
...@@ -859,7 +859,7 @@ canvas { ...@@ -859,7 +859,7 @@ canvas {
border-radius: 3px; border-radius: 3px;
} }
#canvas-bbar { #canvas-bbar {
background-color: #cccccc; background-color: #CCC;
padding: 2px 6px 0; padding: 2px 6px 0;
line-height: 1px; line-height: 1px;
border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
...@@ -899,16 +899,16 @@ canvas { ...@@ -899,16 +899,16 @@ canvas {
margin-left: -18px; margin-left: -18px;
} }
.theme-light canvas { .theme-light canvas {
border-color: #888888; border-color: #888;
} }
.theme-light .canvas-container { .theme-light .canvas-container {
background: #aaaaaa url(../img/adim/frame_background-light.jpg) 0 0; background: #aaa url(../img/adim/frame_background-light.jpg) 0 0;
} }
.theme-light .canvas-container.well { .theme-light .canvas-container.well {
border-color: #f2f2f2 #f2f2f2 #e0e0e0; border-color: #F2F2F2 #F2F2F2 #E0E0E0;
} }
.theme-light #canvas-bbar { .theme-light #canvas-bbar {
background-color: #e0e0e0; background-color: #E0E0E0;
border: solid #bababa; border: solid #bababa;
border-width: 0 1px 1px; border-width: 0 1px 1px;
} }
...@@ -1049,10 +1049,10 @@ canvas { ...@@ -1049,10 +1049,10 @@ canvas {
} }
#annotation-property-container { #annotation-property-container {
padding: 5px 10px; padding: 5px 10px;
color: #cacaca; color: #CACACA;
} }
#annotation-property-container label.control-label { #annotation-property-container label.control-label {
color: #cacaca; color: #CACACA;
} }
#annotation-property-container .property-group { #annotation-property-container .property-group {
margin-bottom: 5px; margin-bottom: 5px;
...@@ -1066,7 +1066,7 @@ canvas { ...@@ -1066,7 +1066,7 @@ canvas {
} }
#annotation-property-container .property-group.confidence-prop .rating-input > span.rating-off { #annotation-property-container .property-group.confidence-prop .rating-input > span.rating-off {
color: rgba(253, 253, 253, 0.67); color: rgba(253, 253, 253, 0.67);
box-shadow: 0 1px 2px -1px #555555 inset, 0 -1px 1px -1px #cccccc inset; box-shadow: 0 1px 2px -1px #555555 inset, 0 -1px 1px -1px #CCCCCC inset;
} }
#annotation-property-container .property-group.confidence-prop .rating-input > span.glyphicon-star { #annotation-property-container .property-group.confidence-prop .rating-input > span.glyphicon-star {
color: #ED9C28; color: #ED9C28;
...@@ -1081,7 +1081,7 @@ canvas { ...@@ -1081,7 +1081,7 @@ canvas {
background-color: #bcbcbc; background-color: #bcbcbc;
} }
#annotation-property-container .property-group.processus-prop .processus-list label.btn-default { #annotation-property-container .property-group.processus-prop .processus-list label.btn-default {
color: #333333; color: #333;
} }
#annotation-property-container .property-group.disabled { #annotation-property-container .property-group.disabled {
color: rgba(202, 202, 202, 0.5); color: rgba(202, 202, 202, 0.5);
...@@ -1100,16 +1100,16 @@ canvas { ...@@ -1100,16 +1100,16 @@ canvas {
background-color: #848484; background-color: #848484;
} }
.category-list .btn-cat.active { .category-list .btn-cat.active {
color: #ffffff !important; color: #FFFFFF !important;
box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.75) inset; box-shadow: 0 0 1px 2px rgba(255, 255, 255, 0.75) inset;
} }
.category-list .btn-cat[data-category="cat_0"] { .category-list .btn-cat[data-category="cat_0"] {
color: #333333; color: #333333;
background-color: #eeeeee; background-color: #eee;
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
background-image: -webkit-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%); background-image: -webkit-linear-gradient(top, #eee 0%, #cfcfcf 100%);
background-image: -o-linear-gradient(top, #eeeeee 0%, #cfcfcf 100%); background-image: -o-linear-gradient(top, #eee 0%, #cfcfcf 100%);
background-image: linear-gradient(to bottom, #eeeeee 0%, #cfcfcf 100%); background-image: linear-gradient(to bottom, #eee 0%, #cfcfcf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffcfcfcf', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffcfcfcf', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
...@@ -1169,11 +1169,11 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_0"]:active, ...@@ -1169,11 +1169,11 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_0"]:active,
.category-list .btn-cat[data-category="cat_0"].disabled.active, .category-list .btn-cat[data-category="cat_0"].disabled.active,
.category-list .btn-cat[data-category="cat_0"][disabled].active, .category-list .btn-cat[data-category="cat_0"][disabled].active,
fieldset[disabled] .category-list .btn-cat[data-category="cat_0"].active { fieldset[disabled] .category-list .btn-cat[data-category="cat_0"].active {
background-color: #eeeeee; background-color: #eee;
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
} }
.category-list .btn-cat[data-category="cat_0"] .badge { .category-list .btn-cat[data-category="cat_0"] .badge {
color: #eeeeee; color: #eee;
background-color: #333333; background-color: #333333;
} }
.category-list .btn-cat[data-category="cat_0"]:hover, .category-list .btn-cat[data-category="cat_0"]:hover,
...@@ -1322,40 +1322,40 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_1"].active { ...@@ -1322,40 +1322,40 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_1"].active {
background-image: none; background-image: none;
} }
.category-list .btn-cat[data-category="cat_1"].active { .category-list .btn-cat[data-category="cat_1"].active {
color: #ffffff !important; color: #FFFFFF !important;
} }
.property-group.disabled .category-list .btn-cat[data-category="cat_1"] { .property-group.disabled .category-list .btn-cat[data-category="cat_1"] {
color: rgba(255, 255, 255, 0.75) !important; color: rgba(255, 255, 255, 0.75) !important;
font-style: normal !important; font-style: normal !important;
} }
.category-list .btn-cat[data-category="cat_2"] { .category-list .btn-cat[data-category="cat_2"] {
color: rgba(255, 255, 255, 0.75); color: rgba(64, 64, 64, 0.75);
background-color: #5e9f73; background-color: #e2e2c2;
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
background-image: -webkit-linear-gradient(top, #5e9f73 0%, #477957 100%); background-image: -webkit-linear-gradient(top, #e2e2c2 0%, #cfcf98 100%);
background-image: -o-linear-gradient(top, #5e9f73 0%, #477957 100%); background-image: -o-linear-gradient(top, #e2e2c2 0%, #cfcf98 100%);
background-image: linear-gradient(to bottom, #5e9f73 0%, #477957 100%); background-image: linear-gradient(to bottom, #e2e2c2 0%, #cfcf98 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5e9f73', endColorstr='#ff477957', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe2e2c2', endColorstr='#ffcfcf98', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #437253; border-color: #cbcb91;
} }
.category-list .btn-cat[data-category="cat_2"]:focus, .category-list .btn-cat[data-category="cat_2"]:focus,
.category-list .btn-cat[data-category="cat_2"].focus { .category-list .btn-cat[data-category="cat_2"].focus {
color: rgba(255, 255, 255, 0.75); color: rgba(64, 64, 64, 0.75);
background-color: #4b7f5c; background-color: #d2d29f;
border-color: rgba(191, 191, 191, 0.5); border-color: rgba(191, 191, 191, 0.5);
} }
.category-list .btn-cat[data-category="cat_2"]:hover { .category-list .btn-cat[data-category="cat_2"]:hover {
color: rgba(255, 255, 255, 0.75); color: rgba(64, 64, 64, 0.75);
background-color: #4b7f5c; background-color: #d2d29f;
border-color: rgba(224, 224, 224, 0.5); border-color: rgba(224, 224, 224, 0.5);
} }
.category-list .btn-cat[data-category="cat_2"]:active, .category-list .btn-cat[data-category="cat_2"]:active,
.category-list .btn-cat[data-category="cat_2"].active, .category-list .btn-cat[data-category="cat_2"].active,
.open > .dropdown-toggle.category-list .btn-cat[data-category="cat_2"] { .open > .dropdown-toggle.category-list .btn-cat[data-category="cat_2"] {
color: rgba(255, 255, 255, 0.75); color: rgba(64, 64, 64, 0.75);
background-color: #4b7f5c; background-color: #d2d29f;
border-color: rgba(224, 224, 224, 0.5); border-color: rgba(224, 224, 224, 0.5);
} }
.category-list .btn-cat[data-category="cat_2"]:active:hover, .category-list .btn-cat[data-category="cat_2"]:active:hover,
...@@ -1367,8 +1367,8 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_1"].active { ...@@ -1367,8 +1367,8 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_1"].active {
.category-list .btn-cat[data-category="cat_2"]:active.focus, .category-list .btn-cat[data-category="cat_2"]:active.focus,
.category-list .btn-cat[data-category="cat_2"].active.focus, .category-list .btn-cat[data-category="cat_2"].active.focus,
.open > .dropdown-toggle.category-list .btn-cat[data-category="cat_2"].focus { .open > .dropdown-toggle.category-list .btn-cat[data-category="cat_2"].focus {
color: rgba(255, 255, 255, 0.75); color: rgba(64, 64, 64, 0.75);
background-color: #3e694c; background-color: #c7c787;
border-color: rgba(191, 191, 191, 0.5); border-color: rgba(191, 191, 191, 0.5);
} }
.category-list .btn-cat[data-category="cat_2"]:active, .category-list .btn-cat[data-category="cat_2"]:active,
...@@ -1394,22 +1394,22 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_2"]:active, ...@@ -1394,22 +1394,22 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_2"]:active,
.category-list .btn-cat[data-category="cat_2"].disabled.active, .category-list .btn-cat[data-category="cat_2"].disabled.active,
.category-list .btn-cat[data-category="cat_2"][disabled].active, .category-list .btn-cat[data-category="cat_2"][disabled].active,
fieldset[disabled] .category-list .btn-cat[data-category="cat_2"].active { fieldset[disabled] .category-list .btn-cat[data-category="cat_2"].active {
background-color: #5e9f73; background-color: #e2e2c2;
border-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5);
} }
.category-list .btn-cat[data-category="cat_2"] .badge { .category-list .btn-cat[data-category="cat_2"] .badge {
color: #5e9f73; color: #e2e2c2;
background-color: rgba(255, 255, 255, 0.75); background-color: rgba(64, 64, 64, 0.75);
} }
.category-list .btn-cat[data-category="cat_2"]:hover, .category-list .btn-cat[data-category="cat_2"]:hover,
.category-list .btn-cat[data-category="cat_2"]:focus { .category-list .btn-cat[data-category="cat_2"]:focus {
background-color: #477957; background-color: #cfcf98;
background-position: 0 -15px; background-position: 0 -15px;
} }
.category-list .btn-cat[data-category="cat_2"]:active, .category-list .btn-cat[data-category="cat_2"]:active,
.category-list .btn-cat[data-category="cat_2"].active { .category-list .btn-cat[data-category="cat_2"].active {
background-color: #477957; background-color: #cfcf98;
border-color: #437253; border-color: #cbcb91;
} }
.category-list .btn-cat[data-category="cat_2"].disabled, .category-list .btn-cat[data-category="cat_2"].disabled,
.category-list .btn-cat[data-category="cat_2"][disabled], .category-list .btn-cat[data-category="cat_2"][disabled],
...@@ -1429,14 +1429,14 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_2"]:active, ...@@ -1429,14 +1429,14 @@ fieldset[disabled] .category-list .btn-cat[data-category="cat_2"]:active,
.category-list .btn-cat[data-category="cat_2"].disabled.active, .category-list .btn-cat[data-category="cat_2"].disabled.active,
.category-list .btn-cat[data-category="cat_2"][disabled].active, .category-list .btn-cat[data-category="cat_2"][disabled].active,
fieldset[disabled] .category-list .btn-cat[data-category="cat_2"].active { fieldset[disabled] .category-list .btn-cat[data-category="cat_2"].active {
background-color: #477957; background-color: #cfcf98;
background-image: none; background-image: none;
} }
.category-list .btn-cat[data-category="cat_2"].active { .category-list .btn-cat[data-category="cat_2"].active {
color: #ffffff !important; color: rgba(38, 38, 38, 0.75) !important;
} }