mirror of
https://github.com/murdos/musicbrainz-userscripts
synced 2024-11-10 05:04:13 +00:00
Use template literals for css blocks
This commit is contained in:
parent
14a32dab62
commit
73fac72d7b
1 changed files with 62 additions and 64 deletions
|
@ -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);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue