Use template literals for css blocks

This commit is contained in:
Aurélien Mino 2018-11-20 23:23:38 +01:00
parent 14a32dab62
commit 73fac72d7b

View file

@ -3,73 +3,71 @@ function _add_css(css) {
}
function MBImportStyle() {
let css_import_button =
' \
.musicbrainz_import button { \
-moz-border-radius:5px; \
-webkit-border-radius:5px; \
border-radius:5px; \
display:inline-block; \
cursor:pointer; \
font-family:Arial; \
font-size:12px !important; \
padding:3px 6px; \
text-decoration:none; \
border: 1px solid rgba(180,180,180,0.8) !important; \
background-color: rgba(240,240,240,0.8) !important; \
color: #334 !important; \
height: 26px ;\
} \
.musicbrainz_import button:hover { \
background-color: rgba(250,250,250,0.9) !important; \
} \
.musicbrainz_import button:active { \
background-color: rgba(170,170,170,0.8) !important; \
} \
.musicbrainz_import button img { \
vertical-align: middle !important; \
margin-right: 4px !important; \
height: 16px; \
} \
.musicbrainz_import button span { \
min-height: 16px; \
display: inline-block; \
} \
';
let css_import_button = `
.musicbrainz_import button {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
display:inline-block;
cursor:pointer;
font-family:Arial;
font-size:12px !important;
padding:3px 6px;
text-decoration:none;
border: 1px solid rgba(180,180,180,0.8) !important;
background-color: rgba(240,240,240,0.8) !important;
color: #334 !important;
height: 26px ;
}
.musicbrainz_import button:hover {
background-color: rgba(250,250,250,0.9) !important;
}
.musicbrainz_import button:active {
background-color: rgba(170,170,170,0.8) !important;
}
.musicbrainz_import button img {
vertical-align: middle !important;
margin-right: 4px !important;
height: 16px;
}
.musicbrainz_import button span {
min-height: 16px;
display: inline-block;
}
`;
_add_css(css_import_button);
}
function MBSearchItStyle() {
let css_search_it =
' \
.mb_valign { \
display: inline-block; \
vertical-align: top; \
} \
.mb_searchit { \
width: 16px; \
height: 16px; \
margin: 0; \
padding: 0; \
background-color: #FFF7BE; \
border: 0px; \
vertical-align: top; \
font-size: 11px; \
text-align: center; \
} \
a.mb_search_link { \
color: #888; \
text-decoration: none; \
} \
a.mb_search_link small { \
font-size: 8px; \
} \
.mb_searchit a.mb_search_link:hover { \
color: darkblue; \
} \
.mb_wrapper { \
display: inline-block; \
} \
';
let css_search_it = `
.mb_valign {
display: inline-block;
vertical-align: top;
}
.mb_searchit {
width: 16px;
height: 16px;
margin: 0;
padding: 0;
background-color: #FFF7BE;
border: 0px;
vertical-align: top;
font-size: 11px;
text-align: center;
}
a.mb_search_link {
color: #888;
text-decoration: none;
}
a.mb_search_link small {
font-size: 8px;
}
.mb_searchit a.mb_search_link:hover {
color: darkblue;
}
.mb_wrapper {
display: inline-block;
}
`;
_add_css(css_search_it);
}