html {
-webkit-text-size-adjust: 100%; /* 2 */
scrollbar-gutter: stable;
}
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
body {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
touch-action: pan-x pan-y;
width:100%;
}
/* unvisited link */
a:link {
color: black;
}
/* visited link */
a:visited {
color: black;
}
/* mouse over link */
a:hover {
color: #00BB00;
}
/* selected link */
a:active {
color: black;
}
.app-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.whistle {
font-family: 'TinWhistleFingering';
font-size: 50px;
}
.whistle_small {
font-family: 'TinWhistleFingering';
font-size: 20px;
}
.recorder {
font-family: 'RecorderFingering';
font-size: 49px;
font-weight: normal;
font-style: normal;
}
.hiddentabline {
display:none;
}
svg {
color:black;
}
.hidebutton {
display: none;
}
.toggle-buttons input[type="radio"] {
display: none;
}
.toggle-buttons label {
margin-right:16px;
}
.toggle-buttons input:checked + label {
background: #c0df81;
color: black;
user-select: none;
}
@media (hover: hover) {
/* input:hover + label,
input:focus + label {
background: var(--abctools-ui-btn-hovercolor);
user-select: none;
} */
}
.notation-container {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.notation-holder {
text-align: center;
margin-bottom:50px;
height:100%;
display:none;
width:850px;
/* margin-left:auto;
margin-right:auto; */
flex-flow:column;
}
#abc {
font-family: var(--abctools-font-fallback-code);
font-size: var(--abctools-font-size-code-13);
line-height: 1.23;
padding: 6px;
margin-top: 0;
margin-bottom: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
.transposeup {
margin-right:24px;
margin-left: 0;
}
@media (hover: hover) {
.transposeup:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.transposedown {
margin-right:20px;
margin-left: 0;
}
@media (hover: hover) {
.transposedown:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.saveaspdf {
margin-left: 0;
}
.saveaspdfdisabled {
margin-left: 0;
opacity: 0.4;
}
@media (hover: hover) {
.saveaspdf:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.saveaswebsite {
margin-left: 0;
}
.saveaswebsitedisabled {
margin-left: 0;
opacity: 0.4;
}
@media (hover: hover) {
.saveaswebsite:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.toggleadvancedcontrols{
margin-left: 0;
margin-right:22px;
}
@media (hover: hover) {
.toggleadvancedcontrols:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.togglesharecontrols{
margin-left: 0;
margin-right:21px;
}
@media (hover: hover) {
.togglesharecontrols:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.advancedcontrols{
}
.advancedcontrolsdisabled{
opacity:0.4;
}
@media (hover: hover) {
.advancedcontrols:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.configuresettings{
margin-right:12px;
}
@media (hover: hover) {
.configuresettings:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.urlcontrols{
margin-right:16px;
margin-left: 0;
height:42px;
padding:12px !important;
}
.urlcontrolslast{
margin-left: 0;
height:42px;
padding:12px !important;
}
@media (hover: hover) {
.urlcontrols:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.urlcontrolsdisabled{
margin-right:21px;
margin-left: 0;
opacity:0.4;
height:42px;
padding:12px;}
#sortbutton{
height:42px;
padding:12px;
margin-right: 24px;
}
@media (hover: hover) {
.sortbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#transposetokey{
height:42px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.transposetokey:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#incipitsbuilder{
height:42px;
padding:12px;
margin-right: 0;
}
@media (hover: hover) {
.incipitsbuilder:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.snapshotbutton{
margin-left: 0;
margin-right: 22px;
}
@media (hover: hover) {
.snapshotbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.restorebutton{
margin-left: 0;
margin-right: 22px;
}
@media (hover: hover) {
.restorebutton:hover{
background: #ffab9e;
}
}
#dialogrestorebutton{
height:42px;
padding:12px;
margin-left:24px;
}
@media (hover: hover) {
.dialogrestorebutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#dialogrestoreautobutton{
height:42px;
padding:12px;
margin-left:24px;
}
@media (hover: hover) {
.dialogrestoreautobutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.clearbutton{
margin-left: 0;
margin-right: 0;
}
@media (hover: hover) {
.clearbutton:hover{
background: tomato;
}
}
.selectabcfile {
-webkit-appearance:none !important;
margin-right:12px;
}
.abc-selected-title {
-webkit-appearance: none !important;
margin-top:15px;
margin-bottom:1px;
}
.notenrechts {
margin-top:16px;
display:none;
}
.inputarea{
margin-top:18px;
}
.transpose-controls {
display:flex;
margin-top:18px;
}
.pdf-controls {
display:none;
}
.offscreenrender {
position:absolute;
left:-2100px;
}
#advanced-controls-dialog{
display:block;
margin-top:24px;
margin-bottom:24px;
}
#add-new-tune-dialog{
display:block;
margin-bottom:24px;
}
#sharing-controls-dialog{
display:block;
margin-top:24px;
margin-bottom:24px;
text-align: center;
}
.full-screen-percentage {
font-family: var(--abctools-font-fallback-ui) !important;
font-size: var(--abctools-font-size-label-m-12) !important;
margin-left: 12px !important;
}
#full-screen-percentage{
padding-top:4px !important;
padding-bottom:4px !important;
width:80px !important;
margin-top:6px !important;
margin-left:8px !important;
}
#capo{
padding-top:4px !important;
padding-bottom:4px !important;
width:60px !important;
margin-top:6px !important;
margin-right:10px !important;
margin-left:8px !important;
}
.capo {
font-family: var(--abctools-font-fallback-ui) !important;
font-size: var(--abctools-font-size-label-m-12) !important;
margin-left: 36px !important;
}
.tabs-selection {
display:flex;
}
p{
/* font-size: 11pt;*/
font-size: var(--abctools-font-size-label-m-12);
font-family: var(--abctools-font-fallback-ui);
}
#pagestatustext{
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-s-11);
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
}
#pdfformatlabel{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top: 8px;
margin-left: 0;
margin-right:4px;
user-select: none;
}
#pdfformatlabel_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top: 8px;
margin-left: 0;
margin-right: 0;
user-select: none;
}
#pdfformat,#pdfformat_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
height:32px;
width:213px;
margin-left:4px;
}
#pagenumberslabel{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:11px;
margin-right:8px;
user-select: none;
}
#pagenumberslabel_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:11px;
margin-right: 0;
user-select: none;
}
#pagenumbers,#pagenumbers_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
height:32px;
width:152px;
margin-left:4px;
}
#firstpagelabel{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:11px;
margin-right:8px;
user-select: none;
}
#firstpagelabel_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:11px;
margin-right: 0;
user-select: none;
}
#firstpage, #firstpage_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
height:32px;
width:64px;
margin-left:4px;
}
#pdffonts,#pdffonts_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
height:32px;
width:120px;
margin-left:4px;
}
#pdffontslabel_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:11px;
margin-right: 0;
user-select: none;
}
#pdffontstyle,#pdffontstyle_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
height:32px;
width:120px;
margin-left:4px;
}
#pdffontstylelabel_dialog{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:24px;
margin-right: 0;
user-select: none;
}
#pagenumberslabel{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top:8px;
margin-left:11px;
margin-right:8px;
user-select: none;
}
#pdf-export-dialog{
margin-top:36px;
}
#displayformatlabel{
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
padding-top: 12px;
margin-left: 0;
margin-right:8px;
}
.qrcode{
position:absolute;
left:-3000px;
}
#urlarea{
display:none;
margin-top:5px;
margin-left: -11px;
}
#urltextbox{
font-family: var(--abctools-font-fallback-code);
margin-top:8px;
font-size: var(--abctools-font-size-label-s-11);
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
}
#testurl{
display:inline;
}
#copyurl{
display:inline;
}
#saveurl{
display:inline;
}
#shortenurl{
display:inline;
}
#generateqrcode{
display:inline;
margin-right: 0;
}
#statuspdfname{
margin-top:22px;
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
line-height: 1.5;
}
#statustunecount{
margin-top:13px;
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
}
#pagestatustext{
margin-top:12px;
margin-bottom:12px;
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
}
#toggleannotations, #toggletext,#togglechords,#toggletab{
margin-right:13px;
height:42px;
padding:12px;
}
#toggleornaments{
height:42px;
padding:12px;
}
#stripannotations, #striptext, #stripchords, #striptab {
margin-right:13px;
height:42px;
padding:12px;
}
#stripornaments{
height:42px;
padding:12px;
}
#toggletabnames {
height:42px;
padding:12px;
}
.toggletabnames {
height:42px;
padding:12px;
}
.toggletabnamesdisabled {
height:42px;
opacity: 0.4;
padding:12px;
}
#ceoltasdialog,#injectheaderstring,#injectallmidiparams,#injectharmonicatab,#injectboxtab,#injectfiddlefingerings,#injectmd,#injectmelody,#injectstaffwidth,#injectmetronome,#injectshapenotes,#injectsectionheader,#injecttunenumbers,#addtunetitlenumbers,#compliancedialog,#injectbcbox,#normalizediacriticals,#customcssgenerator,#injectcustomstringedtab,#phrasebuilder,#splitlongtextandtags,#normalizevoicekeysignatures,#reformatusingmusicxml{
height:42px;
padding:12px;
margin-right:24px;
}
#injectbambooflute,#injectclicktrackall,#injectchords,#injectheadertemplate,#injectanglotab,#looper_metronomebutton,#pdfinjectlargeprint,#tunebookbuilder_add,#injectfontsettings,#removetunetitlenumbers,#ceoltasdialoginverse,#compliancetransform,#compliancedialoginverse,#fiddlefingeringsdialog0,#fiddlefingeringsdialog1,#fiddlefingeringsdialog2,#fiddlefingeringsdialog3,#fiddlefingeringsdialog4,#websitefull,#injectheaderstringfh,#injectcsdbox,#websitelightbox,#websitesimple,#escapediacriticals,#injectbagpipedrones,#injectlargeprint,#ceoltastransform,#normalizetitles,#injectmidigchord{
height:42px;
padding:12px;
}
#fiddlefingeringsdialog1, #fiddlefingeringsdialog2, #fiddlefingeringsdialog3, #fiddlefingeringsdialog4{
margin-top:24px;
}
#addnewreel,#addnewjig,#changetuneorder,#cull_select_all,#mobile_tune_order_up,#smartdraw_add_set_name,#smartdraw_delete_set_name,#addnewtunetemplate,#addsongtemplate,#search-previous,#search-next,#search-replace,#search-replace-all,#search-load,#websiteimages,#tuneset_select_all,#tuneset_open_in_player,#tuneset_open_in_editor,#title_normalize_forward,#pdfusebrowserprint,#addpdfplayonlytemplate{
height:42px;
padding:12px;
margin-right:24px;
}
#addnewhornpipe,#searchandaddtunes,#culltunes,#cull_clear_selection,#mobile_tune_order_down,#smartdraw_export,#addnewsong,#addboxfingeringtemplate,#search-save,#tunesettunes,#tuneset_clear_selection,#tuneset_append_to_abc,#title_normalize_inverse,#addbodhrantemplate,#addpdfannotationstemplate{
height:42px;
padding:12px;
}
#bodhranreel,#bodhranslipjig,#bodhranhornpipe{
height:42px;
padding:12px;
margin-right:24px;
}
#bodhranjig,#bodhranslide,#bodhranpolka{
height:42px;
padding:12px;
}
#tunebookbuilder{
height:42px;
padding:12px;
}
#tunebookbuilder-play{
height:42px;
padding:12px;
margin-right:24px;
}
#tunebookbuilder-add{
height:42px;
padding:12px;
}
#tunebookbuilder-add-play{
height:42px;
padding:12px;
margin-right:24px;
}
#addtunebookheaders{
height:42px;
padding:12px;
}
#addjsbach, #addjsbach2, #addragtime{
height:42px;
padding:12px;
}
#abcplayer_previousbutton{
height:38px;
padding:10px;
margin-right:30px;
}
@media (hover: hover) {
.abcplayer_previousbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_nextbutton{
height:38px;
padding:10px;
margin-left:30px;
}
@media (hover: hover) {
.abcplayer_nextbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_exportbutton{
height:42px;
padding:12px;
margin-left:20px;
}
@media (hover: hover) {
.abcplayer_exportbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_settingsbutton{
height:42px;
padding:12px;
margin-left:20px;
}
@media (hover: hover) {
.abcplayer_settingsbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_settingsbutton_d{
height:42px;
padding:12px;
margin-top:10px;
}
@media (hover: hover) {
.abcplayer_settingsbutton_d:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_settingsbutton_d{
height:42px;
padding:12px;
margin-top:10px;
}
@media (hover: hover) {
.abcplayer_settingsbutton_d:hover{
background: palegreen;
}
}
#abcplayer_trainer{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:20px;
}
@media (hover: hover) {
.abcplayer_trainer:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_zoom_in{
margin-top: 9px;
padding:12px;
height:42px;
margin-left:20px;
}
@media (hover: hover) {
.abcplayer_zoom_in:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_zoom_out{
margin-top: 9px;
height:42px;
padding:12px;
margin-right:20px;
}
@media (hover: hover) {
.abcplayer_zoom_out:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_wavbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.abcplayer_wavbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_wavreverbbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.abcplayer_wavreverbbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_mp3reverbbutton{
height:42px;
padding:12px;
margin-right: 0;
}
@media (hover: hover) {
.abcplayer_mp3reverbbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_mp3button{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.abcplayer_mp3button:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_midibutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.abcplayer_midibutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_jpgbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.abcplayer_jpgbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer svg {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
#playerholder {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
#exportall_mp3button{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.exportall_mp3button:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_midibutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.exportall_midibutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_jpegbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.exportall_jpegbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_pngbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.exportall_pngbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_svgbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.exportall_svgbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_jsonbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.exportall_jsonbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_csvbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.exportall_csvbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_musicxmlbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.exportall_musicxmlbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#exportall_abcbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.exportall_abcbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#export_tunetitlesbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.export_tunetitlesbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#export_smartdrawbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.export_smartdrawbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#launchcsvextractor{
height:42px;
padding:12px;
}
@media (hover: hover) {
.launchcsvextractor:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#export_websitebutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.export_websitebutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.export_all_text{
line-height: 1;
font-family: var(--abctools-font-fallback-ui);
margin-top:36px;
text-align: center;
}
.export_all_text>input{
font-family: var(--abctools-font-fallback-ui);
margin-left:8px;
width: 85px;
margin-top:-7px;
}
.export_single_text{
line-height: 1.33;
font-family: var(--abctools-font-fallback-ui);
margin-top:36px;
text-align: center;
}
.export_single_text>input{
font-family: var(--abctools-font-fallback-ui);
margin-left:8px;
width: 90px;
margin-top:-7px;
}
#abcplayer_pngbutton{
height:42px;
padding:12px;
margin-right:30px;
}
@media (hover: hover) {
.abcplayer_pngbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_svgbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.abcplayer_svgbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_pdfbutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.abcplayer_pdfbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
/* #exportaudioimage_help{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
/* #exportall_help{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
#abcplayer_metronomebutton{
height:42px;
padding:12px;
}
@media (hover: hover) {
.abcplayer_metronomebutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_wideplayerbutton{
height:42px;
padding:12px;
margin-left:24px;
}
@media (hover: hover) {
.abcplayer_wideplayerbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_widetrainerbutton{
height:42px;
padding:12px;
margin-left:24px;
margin-right: 0;
width:auto !important;
}
@media (hover: hover) {
.abcplayer_widetrainerbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#abcplayer_export{
height:42px;
padding:12px;
}
@media (hover: hover) {
.abcplayer_export:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
/* #abcplayer_help{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
#swingexplorerinject{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
}
@media (hover: hover) {
.swingexplorerinject:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#notationspacingexplorerinject{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
}
@media (hover: hover) {
.notationspacingexplorerinject:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#notationspacingexplorertest{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
}
@media (hover: hover) {
.notationspacingexplorertest:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
/* #notationspacingexplorer_help{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:9px;
top:5px;
} */
#swingexplorertest{
height:42px;
padding:12px;
width:auto;
margin-right:36px;
opacity: 0.45;
}
#swingexplorerhelp{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
}
#graceexplorerinject{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
}
@media (hover: hover) {
.graceexplorerinject:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#graceexplorertest{
height:42px;
padding:12px;
width:auto;
margin-right:36px;
opacity: 0.45;
}
/* #graceexplorerhelp{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
#rollexplorerinject{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
margin-right:20px;
margin-right:20px;
}
@media (hover: hover) {
.rollexplorerinject:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#rollexplorertransform{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
margin-right:20px;
}
@media (hover: hover) {
.rollexplorertransform:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#rollexplorertransform2{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
}
@media (hover: hover) {
.rollexplorertransform2:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#rollexplorertest{
height:42px;
padding:12px;
width:auto;
margin-right:20px;
opacity: 0.45;
}
/* #rollexplorerhelp{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
#looperreset{
height:42px;
padding:12px;
width:auto;
margin-right:18px;
opacity: 0.45;
}
#trainer_phrase_builder{
height:42px;
padding:12px;
width:auto;
}
@media (hover: hover) {
.trainer_phrase_builder:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
/* #looperhelp{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
#looperstatus {
font-size: var(--abctools-font-size-code-13);
position:absolute;
left:50px;
bottom:34px;
}
#looperstatusbar {
position:absolute;
background-color:green;
left:52px;
bottom:23px;
height:20px;
width: 0;
display:none;
}
#looperstatusbaroverlay {
position:absolute;
background-color: transparent;
left:52px;
bottom:23px;
height:20px;
width:212px;
outline: 1px solid black;
display:none;
}
#looper_metronomebutton{
height:42px;
padding:12px;
margin-right:18px;
width: auto;
}
@media (hover: hover) {
.looper_metronomebutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.looper-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
z-index: 9999;
}
.looper-modal-content {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.looper-modal-text {
text-align: center;
font-family: var(--abctools-font-fallback-ui);
font-size:100pt;
color: #fff;
margin-bottom:100px;
}
#configure_instrument_explorer{
height:42px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.configure_instrument_explorer:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#instrumentexplorertest{
height:42px;
padding:12px;
width:auto;
margin-right:36px;
opacity: 0.45;
}
#instrumentexplorerinject{
height:42px;
padding:12px;
width:auto;
}
@media (hover: hover) {
.instrumentexplorerinject:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
/* #instrumentexplorerhelp{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
#reset_roll_parameters{
height:42px;
padding:12px;
width:auto;
margin-right:20px;
}
.reset_roll_parameters:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.customthemeeditor {
display: inline-block;
}
#customthemeeditor{
height:42px;
padding:12px;
width:auto;
margin-right:20px;
}
.customthemeeditor:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.loadimpulsebutton {
display: inline-block;
}
#loadimpulsebutton{
height:42px;
padding:12px;
width:auto;
margin-right: 0;
}
.loadimpulsebutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.resetsettings {
display: inline-block;
}
#resetsettings{
height:42px;
padding:12px;
width:auto;
margin-right: 0;
margin-left:20px;
}
.resetsettings:hover{
background: var(--abctools-ui-btn-hovercolor);
}
#loadinstrumentbutton{
height:42px;
padding:12px;
width:auto;
}
.loadinstrumentbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
label.btn.loadinstrumentbutton {
display: inline-block;
}
#configurecustominstruments{
height:42px;
padding:12px;
margin-left:14px;
width:auto;
}
#launchcustominstrumentbuilder{
height:42px;
padding:12px;
margin-left:14px;
width:auto;
}
#managedatabases{
height:42px;
padding:12px;
width:auto;
margin-top:10px;
}
.managedatabases:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.managedownloadall {
display: inline-block;
}
#managedownloadall{
height:42px;
padding:12px;
width:auto;
margin-right: 0;
}
.managedownloadall:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.managesamples {
display: inline-block;
}
#managesamples{
height:42px;
padding:12px;
width:auto;
margin-right:20px;
}
.managesamples:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.managenotes {
display: inline-block;
user-select: none;
}
#managenotes{
height:42px;
padding:12px;
width:auto;
margin-right:20px;
}
.managenotes:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.managereverb {
display: inline-block;
}
#managereverb{
height:42px;
padding:12px;
width:auto;
margin-right:20px;
}
.managereverb:hover{
background: var(--abctools-ui-btn-hovercolor);
}
.managesearch {
display: inline-block;
}
#managesearch{
height:42px;
padding:12px;
width:auto;
margin-right: 0;
}
.managesearch:hover{
background: var(--abctools-ui-btn-hovercolor);
}
#reset_roll_explorer_2{
height:32px;
padding:8px;
width:auto;
margin-left:18px;
margin-right: 0;
}
@media (hover: hover) {
.reset_roll_explorer_2:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#reset_roll_explorer_3{
height:32px;
padding:8px;
width:auto;
margin-left:18px;
margin-right: 0;
}
@media (hover: hover) {
.reset_roll_explorer_3:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#default_roll_explorer_2{
height:32px;
padding:8px;
width:auto;
margin-left:18px;
margin-right: 0;
}
@media (hover: hover) {
.default_roll_explorer_2:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#default_roll_explorer_3{
height:32px;
padding:8px;
width:auto;
margin-left:18px;
margin-right: 0;
}
@media (hover: hover) {
.default_roll_explorer_3:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#shareurlcaption{
margin-top:8px;
}
.saveabcfile{
margin-left: 0;
opacity:1.0;
}
.saveabcfiledisabled{
margin-left: 0;
opacity:0.4;
}
.toggleallcontrols{
margin-left: 0;
margin-right:12px;
opacity:1.0;
}
.toggleallcontrolsdisabled{
margin-left: 0;
margin-right:12px;
opacity:0.4;
}
@media (hover: hover) {
.toggleallcontrols:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.copybutton{
margin-left: 0;
opacity:1.0;
}
.copybuttondisabled{
margin-left: 0;
opacity:0.4;
}
@media (hover: hover) {
.copybutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.trainerbutton{
margin-left: 0;
margin-right:12px;
opacity:1.0;
}
.trainerbuttondisabled{
margin-left: 0;
margin-right:12px;
opacity:0.4;
}
@media (hover: hover) {
.trainerbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.rawmodebutton{
margin-left: 0;
opacity:1.0;
}
.rawmodebuttondisabled{
margin-left: 0;
opacity:0.4;
}
@media (hover: hover) {
.rawmodebutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.playbutton{
margin-left: 0;
opacity:1.0;
}
.playbuttondisabled{
margin-left: 0;
opacity:0.4;
}
@media (hover: hover) {
.playbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.newabcfile{
margin-left: 0;
opacity:1.0;
padding:0.7rem 0.85rem !important;
padding-top:0.8rem !important;
}
@media (hover: hover) {
.newabcfile:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.toggletopbar{
margin-left: 0;
margin-right: 0;
opacity:1.0;
}
@media (hover: hover) {
.toggletopbar:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.fileoperations {
text-align:center;
margin-top:12px;
}
@media (hover: hover) {
.saveabcfile:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#start-search,#add-search-results{
height:42px;
padding:12px;
width:auto;
}
.add-search-results{
opacity:1.0;
}
.add-search-results-disabled{
opacity:.25;
}
@media (hover: hover) {
.start-search:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.add-search-results:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.search-previous:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.search-next:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.search-replace:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.search-replace-all:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.search-load:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.search-save:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.noscroller{
background-color: #FAFAFF;
position:fixed;
top: 0;
left: calc(50% - 850px / 2);
width:850px;
z-index: 100;
padding-bottom:16px;
display:none;
}
.notation-spacer {
background-color: white;
width: 100%;
}
#shareurlcaption{
margin-bottom:-16px;
}
.notenlinks {
padding-top:12px;
}
#toolpagetitle {
font-family: 'Fira Sans';
font-weight: 700;
font-size: x-large;
margin: 0;
}
.zoombutton,
.helpbutton,
.jumpbutton,
.pdfbuttonicon,
.playbuttonicon,
.qerewindbutton,
.qetempobutton {
width: var(--abctools-ui-float-btn-height);
height: var(--abctools-ui-float-btn-height);
padding: var(--abctools-ui-float-btn-padding);
filter: var(--abctools-ui-float-btn-filter);
}
.zoombutton{
position:fixed;
right:24px;
top:16px;
z-index:101;
display:none;
}
.jumpbutton{
position:fixed;
right:112px;
top:16px;
z-index:101;
display:none;
}
.helpbutton{
position:fixed;
left:24px;
top:16px;
z-index:101;
display:none;
}
.playbuttonicon{
position:fixed;
right:24px;
bottom:16px;
z-index:101;
display:none;
}
.qerewindbutton{
position:fixed;
right:112px;
bottom:16px;
z-index:101;
display:none;
}
.qetempobutton{
position:fixed;
right:200px;
bottom:16px;
z-index:101;
display:none;
}
.pdfbuttonicon{
position:fixed;
left:24px;
bottom:16px;
z-index:101;
display:none;
}
.moreabctoolssettings{
position:absolute;
width:36px;
height:36px;
right:20px;
top:20px;
padding:4px;
z-index:101;
display:block;
}
.moreaddabcsettings{
position:absolute;
width:36px;
height:36px;
right:20px;
top:20px;
padding:4px;
z-index:101;
display:block;
}
.notation-placeholder {
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
display:none;
width:850px;
background-color:white;
}
.notation-placeholder-text {
margin-top: 64px;
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
}
.notation-placeholder-text-2 {
margin-top: 40px;
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
}
.desktop_use_message {
margin-top: 40px;
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-m-12);
}
.notation-placeholder-button {
margin-top:40px;
margin-left: 0;
margin-right: 0;
opacity:1.0;
}
/* Spinner */
/* Overlay (dims the background) */
.spinnerOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6); /* semi-transparent black */
z-index: 100099; /* just under spinner elements */
display: none;
text-align: center;
}
/* Container for spinner + label */
.spinnerContainer {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 100100; /* ensure container sits above overlay */
}
/* Label above spinner */
.spinnerLabel {
margin-bottom: 1.25rem;
font-size: 1.75rem;
font-weight: bold;
color: #00FFC4;
font-family: sans-serif;
text-shadow: 0 0 0.5rem rgba(0,0,0,0.8); /* optional glow for readability */
}
.loading-bar-spinner {
margin: 0 auto;
animation: loading-bar-spinner 400ms linear infinite;
transform-origin: 50% 50%; /* ensure spin around its own center */
display: inline-block; /* keeps dimensions respected for centering */
}
.spinner-icon {
width: 48px; /* reduced size */
height: 48px;
border: solid 6px transparent; /* thinner border for smaller size */
border-top-color: #00E62A !important;
border-left-color: #00CCB4 !important;
border-radius: 50%;
}
@keyframes loading-bar-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* For better tune visual layout on the displayed version.
Has no effect on the PDF output.
*/
.tunespacer{
margin-bottom:32px;
}
.relativebox {
position:relative;
float:left;
}
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 100001; /* Sit on top */
padding-top: 200px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 600px;
}
.cancelpdf {
font-family: var(--abctools-font-fallback-ui);
font-size: var(--abctools-font-size-label-s-11);
margin-top: 12px;
margin-bottom: 12px;
}
.fontholder{
position:absolute;
left:-5000px;
}
@media (hover: hover) {
.cancelpdf:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.toggletabnames:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.zoombutton:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
@media (hover: hover) {
.jumpbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
@media (hover: hover) {
.qerewindbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
@media (hover: hover) {
.qetempobutton:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
@media (hover: hover) {
.playbuttonicon:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
@media (hover: hover) {
.helpbutton:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
@media (hover: hover) {
.pdfbuttonicon:hover{
background: var(--abctools-ui-btn-hovercolor);
opacity: 1.0 !important;
}
}
/* Emulate @media print styles */
body.noui .hidden-print {
display: none !important;
}
body.noui .app-container {
width: 100% !important;
padding: 0 !important;
margin-left: 0% !important;
margin-right: 0% !important;
}
body.noui .notation-container {
display: inline-block !important;
width: 98% !important;
}
body.noui .notation-holder{
display: inline-block !important;
text-align: center !important;
margin-bottom: 0 !important;
width:97% !important;
margin-left: auto !important;
margin-right: auto !important;
position:static !important;
/* left: 0% !important;
right: 0% !important;
flex-flow: unset !important; */
}
body.noui .relativebox {
position:static !important;
float:none !important;
flex-flow:unset !important;
}
body.noui .pagebreak {
page-break-after:always !important;
/* width:97% !important;
margin-left: auto !important;
margin-right: auto !important;
position:static !important;
display: block !important;
flex-flow: unset; */
}
body.noui .modal_flat_background{
display:none !important;
}
body.noui .modal_flat_main{
display:none !important;
}
body.noui .modal_flat_wide_background{
display:none !important;
}
body.noui .modal_flat_wide_main{
display:none !important;
}
body.noui svg {
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
@media print {
.hidden-print {
display: none !important;
}
}
/* Browser-based print optimizations */
@media print {
.app-container {
width: 100% !important;
padding: 0 !important;
margin-left: 0% !important;
margin-right: 0% !important;
}
.notation-container {
display: inline-block !important;
width: 95% !important;
}
.notation-holder{
display: inline-block !important;
text-align: center !important;
margin-bottom: 0 !important;
margin-left: 3% !important;
margin-right: 0% !important;
position:static !important;
left: 0% !important;
right: 0% !important;
flex-flow: unset !important;
}
.relativebox {
position:static !important;
float:none !important;
flex-flow:unset !important;
}
.pagebreak {
page-break-after:always !important;
width:97% !important;
margin-left: 1% !important;
margin-right: 0% !important;
position:static !important;
display: block !important;
flex-flow: unset;
}
.modal_flat_background{
display:none !important;
}
.modal_flat_main{
display:none !important;
}
.modal_flat_wide_background{
display:none !important;
}
.modal_flat_wide_main{
display:none !important;
}
}
/* For modal dialog prompt replacement */
.modal_flat_background { background-color: #000; opacity: 0.4; }
.modal_flat_main { border: 1px solid #333; box-shadow: 0 0px 15px -2px rgba(0,0,0,0.75); }
/* font size only - Lite: Customized */
/* .modal_flat_main, .modal_flat_main input, .modal_flat_main button { font-size: 16px; } */
.modal_flat_main input, .modal_flat_main button { padding: 5px; box-sizing: border-box; }
.modal_flat_inner { padding: 10px 30px 30px 30px; background: #fff; color: #000; }
.modal_flat_content { font-family: var(--abctools-font-fallback-ui); margin: 20px 0px;}
.modal_flat_input { margin: 20px 0px;}
.modal_flat_buttons { text-align:center;margin-top: 40px; }
.modal_flat_main button { background-color: #ccc; color: #000; padding: 10px 20px; border: 0; cursor: pointer; outline: none; width: 100px; }
.modal_flat_cancel {margin-left: 5px;}
/* For modal dialog prompt replacement */
.modal_flat_wide_background { background-color: #000; opacity: 0.4; }
.modal_flat_wide_main { border: 1px solid #333; box-shadow: 0 0px 15px -2px rgba(0,0,0,0.75); }
/* font size only - Lite: Customized */
/* .modal_flat_wide_main, .modal_flat_wide_main input, .modal_flat_wide_main button { font-size: 16px; } */
.modal_flat_wide_main input, .modal_flat_wide_main button { padding: 5px; box-sizing: border-box; }
.modal_flat_wide_inner { padding: 10px 30px 30px 30px; background: #fff; color: #000; }
.modal_flat_wide_content { font-family: var(--abctools-font-fallback-ui); margin: 20px 0px;}
.modal_flat_wide_input { margin: 20px 0px;}
.modal_flat_wide_buttons { text-align:center;margin-top: 40px; }
.modal_flat_wide_main button { background-color: #ccc; color: #000; padding: 10px 20px; border: 0; cursor: pointer; outline: none; width: 125px; }
.modal_flat_wide_cancel {margin-left: 5px;}
/* For ABCjs playback */
/* Some basic CSS to make the Audio controls in abcjs presentable. */
.abcjs-inline-audio {
height: 34px;
padding: 0 5px;
border-radius: 3px;
background-color: #424242;
display: flex;
align-items: center;
box-sizing: border-box;
}
.abcjs-inline-audio.abcjs-disabled {
opacity: 0.5;
}
.abcjs-inline-audio .abcjs-btn {
display: block;
width: 28px;
height: 34px;
margin-right: 2px;
padding: 7px 4px;
background: none !important;
border: 1px solid transparent;
box-sizing: border-box;
line-height: 1;
}
.abcjs-btn g {
fill: #f4f4f4;
stroke: #f4f4f4;
}
.abcjs-inline-audio .abcjs-btn:hover g {
fill: #cccccc;
stroke: #cccccc;
}
.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed {
border: 1px solid #cccccc;
background-color: #666666;
box-sizing: border-box;
}
.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed {
border: 1px solid #008800;
background-color: #008800 !important;
box-sizing: border-box;
}
.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed {
border: 1px solid #cccccc;
background-color: #666666;
box-sizing: border-box;
}
.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg {
display: none;
}
.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg {
display: none;
}
.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg {
display: none;
}
.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg {
display: none;
}
.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg {
display: block;
}
.abcjs-inline-audio .abcjs-midi-progress-background {
background-color: #424242;
height: 10px;
border-radius: 5px;
border: 2px solid #cccccc;
margin: 0 8px 0 15px;
position: relative;
flex: 1;
padding: 0;
box-sizing: border-box;
}
.abcjs-inline-audio .abcjs-midi-progress-indicator {
width: 20px;
margin-left: -10px; /* half of the width */
height: 14px;
background-color: #f4f4f4;
position: absolute;
display: inline-block;
border-radius: 6px;
top: -4px;
left: 0;
box-sizing: border-box;
}
.abcjs-inline-audio .abcjs-midi-clock {
margin-left: 4px;
margin-top: 1px;
margin-right: 2px;
display: inline-block;
font-family: sans-serif;
font-size: 16px;
box-sizing: border-box;
color: #f4f4f4;
}
.abcjs-inline-audio .abcjs-tempo-wrapper {
font-size: 10px;
color: #f4f4f4;
box-sizing: border-box;
display: flex;
align-items: center;
}
.abcjs-inline-audio .abcjs-midi-tempo {
border-radius: 2px;
border: none;
margin: 0 2px 0 4px;
width: 55px;
padding-left: 2px;
box-sizing: border-box;
}
.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg {
display: inherit;
}
.abcjs-inline-audio .abcjs-loading {
outline: none;
animation-name: abcjs-spin;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.abcjs-inline-audio .abcjs-loading-svg circle {
stroke: #f4f4f4;
}
@keyframes abcjs-spin {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}
/* Adding the class "abcjs-large" will make the control easier on a touch device. */
.abcjs-large .abcjs-inline-audio {
height: 52px;
}
.abcjs-large .abcjs-btn {
width: 56px;
height: 52px;
font-size: 28px;
padding: 6px 8px;
}
.abcjs-large .abcjs-midi-progress-background {
height: 20px;
border: 4px solid #cccccc;
}
.abcjs-large .abcjs-midi-progress-indicator {
height: 28px;
top: -8px;
width: 40px;
}
.abcjs-large .abcjs-midi-clock {
font-size: 32px;
margin-right: 10px;
margin-left: 10px;
margin-top: -1px;
}
.abcjs-large .abcjs-midi-tempo {
font-size: 20px;
width: 50px;
}
.abcjs-large .abcjs-tempo-wrapper {
font-size: 20px;
}
.abcjs-css-warning {
display: none;
}
#abcplayer{
position:relative;
}
.highlight {
fill: #D00000;
}
.abcjs-cursor {
stroke: blue;
}
.abcjs-midi-clock,.abcjs-midi-current-tempo-wrapper{
-webkit-user-select: none;
user-select: none;
}
#playback-paper{
margin-bottom:35px;
}
.configure_settings_form_text_checkbox{
line-height: 1.5;
margin-top:9px;
display:flex;
}
.configure_settings_form_text{
line-height: 1.25;
margin-top:16px;
display:flex;
}
.configure_settings_form_text>input{
margin-left:12px;
width: 60px;
margin-top:-5px;
padding:4px;
}
.configure_settings_form_text_checkbox_fs{
line-height: 0.69;
margin-top:9px;
display:flex;
}
.configure_settings_form_text_checkbox_fs2{
line-height: 0.69;
margin-top:9px;
margin-bottom:24px;
display:flex;
}
.configure_settings_form_text_fs{
line-height: 1.25;
margin-top:16px;
display:flex;
}
.configure_settings_form_text_fs>input{
margin-left:12px;
width: 60px;
margin-top:-4px;
padding:4px;
}
.configure_midi_program_form_select_fs{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:20px;
}
.configure_midi_program_form_select_fs>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_settings_select_fs{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:20px;
}
.configure_settings_select_fs>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:150px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.advanced_settings2_form_text{
line-height: 1.25;
margin-top:14px;
display:flex;
}
.advanced_settings2_form_text>input{
margin-left:12px;
width: 100px;
margin-top:-5px;
}
.advanced_settings2_roll_text{
line-height: 1.5;
margin-top:14px;
display:flex;
}
.advanced_settings2_roll_text>input{
margin-left: 12px;
width: 460px;
margin-top:-8px;
}
.advanced_settings2_tinyurl_text{
line-height: 1.5;
margin-top:14px;
display:flex;
}
.advanced_settings2_tinyurl_text>input{
margin-left: 12px;
width: 480px;
margin-top:-5px;
}
.advanced_settings2_reverb_text{
line-height: 1.5;
margin-top:14px;
display:flex;
}
.advanced_settings2_reverb_text>input{
margin-left: 12px;
width: 215px;
margin-top:-5px;
}
.advanced_settings2_form_text_checkbox{
line-height: 1.5;
margin-top:7px;
display:flex;
}
.configure_pdf_settings_form_text{
line-height: 1;
margin-top:14px;
display:flex;
}
.configure_pdf_settings_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-7px;
}
.configure_pdfquality{
margin-left: 12px;
width: 60px;
margin-top:-7px;
}
.configure_injectheaderstring_form_text{
line-height: 1;
margin-top:36px;
display:flex;
}
.configure_injectheaderstring_form_text>input{
margin-left: 12px;
width:400px;
margin-top:-7px;
}
.configure_injectheaderstring_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:36px;
}
.configure_injectheaderstring_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:100px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_transposetokey_text{
line-height: 1;
margin-top:30px;
display:flex;
}
.configure_xmlroundtrip_text{
line-height: 1;
margin-top:30px;
display:flex;
}
.configure_resetsettings_text{
line-height: 1;
margin-top:30px;
display:flex;
}
.configure_injectdrones_form_text{
line-height: 1;
margin-top:18px;
display:flex;
}
.configure_drones_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_drones_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:425px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_injectfontstring_form_text{
line-height: 1;
margin-top:12px;
display:flex;
}
.configure_injectfontstring_form_text>label>input{
margin-right:10px;
margin-left:18px;
}
.configure_repeats_form_text{
line-height: 1.5;
margin-top:18px;
display:flex;
}
.configure_repeats_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_phrase_length{
line-height: 1.5;
margin-top:18px;
display:flex;
}
.configure_phrase_length>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_midi_program_form_text{
line-height: 0.75;
margin-top:18px;
display:flex;
}
.configure_midi_program_form_text>input{
margin-left: 12px;
width: 200px;
margin-top:-4px;
}
.configure_midi_program_form_number_input{
line-height: 1.5;
margin-top:18px;
display:flex;
}
.configure_midi_program_form_number_input>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_midi_program_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_midi_program_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_midi_program_form_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:18px;
}
.configure_midi_program_form_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_setuppdftunebook_midi_program_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:14px;
}
.configure_setuppdftunebook_midi_program_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_setuppdftunebook_midi_program_select_play{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:20px;
}
.configure_setuppdftunebook_midi_program_select_play>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_soundfont_form_text{
line-height: 1.5;
margin-top:24px;
display:flex;
}
.configure_soundfont_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_soundfont_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_soundfont_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:150px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_metronome_form_text{
line-height: 1.5;
margin-top:18px;
display:flex;
}
.configure_metronome_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_staffwidth_form_text{
line-height: 1.5;
margin-top:18px;
display:flex;
}
.configure_staffwidth_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_customstring_form_text{
line-height: 1.5;
margin-top:16px;
display:flex;
}
.configure_customstring_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-4px;
}
.configure_customstring_form_text_wide{
line-height: 1.5;
margin-top:16px;
display:flex;
}
.configure_customstring_form_text_wide>input{
margin-left: 12px;
width: 300px;
margin-top:-4px;
}
.configure_customstring_form_text_checkbox{
line-height: 1.5;
margin-top:24px;
display:flex;
}
.configure_sectionheader_form_text{
line-height: 1.5;
margin-top:18px;
display:flex;
}
.configure_sectionheader_form_text>input{
margin-left: 12px;
width: 300px;
margin-top:-4px;
}
.configure_tab_settings_form_text{
line-height: 2;
margin-top:6px;
display:flex;
}
.configure_tab_settings_form_text>input{
margin-left: 12px;
width: 60px;
margin-top: 0;
}
.configure_tab_settings_form_text_wide{
line-height: 2;
margin-top:10px;
display:flex;
}
.configure_tab_settings_form_text_wide>input{
margin-left: 12px;
width: 200px;
margin-top: 0;
}
.configure_tab_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_tab_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:130px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_concertina_tunings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_concertina_tunings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:180px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_tab_settings_select_box_style{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_tab_settings_select_box_style>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:510px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
margin-bottom:8px;
}
.configure_md_settings_form_text{
line-height: 0.875;
margin-top:20px;
display:flex;
}
.configure_sn_settings_form_text{
line-height: 3;
margin-top:6px;
display:flex;
}
.configure_sn_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:36px;
}
.configure_sn_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:410px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_box_settings_form_text{
line-height: 1.125;
margin-top:6px;
display:flex;
}
.configure_box_settings_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-5px;
}
.configure_box_settings_form_text_wide{
line-height: 1.125;
margin-top:10px;
display:flex;
}
.configure_box_settings_form_text_wide>input{
margin-left: 12px;
width: 200px;
margin-top:-5px;
}
#configure_box{
margin-left:20px;
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.configure_box:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.configure_swingexplorer_text{
font-size: var(--abctools-font-size-code-13);
margin-top: 0;
}
.configure_swingexplorer_text>input{
font-size: var(--abctools-font-size-code-13);
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_swingexplorer_text_mobile{
margin-top: 0;
}
.configure_swingexplorer_text_mobile>input{
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_graceexplorer_text{
margin-top: 0;
}
.configure_graceexplorer_text>input{
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_rollexplorer_text{
margin-top: 0;
}
.configure_rollexplorer_text>input{
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_instrumentexplorer_text{
margin-top:24px;
}
.configure_instrumentexplorer_text>input{
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_instrumentexplorer_text>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:8px;
padding-left:10px;
margin-top:-7px;
}
.configure_instrumentexplorer_text_mobile{
font-size: var(--abctools-font-size-label-xs-10);
margin-top:24px;
}
.configure_instrumentexplorer_text_mobile>input{
font-size: var(--abctools-font-size-label-s-11);
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_instrumentexplorer_text_mobile>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:4px;
padding-left:10px;
margin-top:-7px;
}
.configure_looper_text{
font-size: var(--abctools-font-size-code-13);
margin-top: 0;
}
.configure_looper_text>input{
font-size: var(--abctools-font-size-code-13);
margin-left: 2px;
width: 60px;
margin-right:10px;
}
#looper_text_1,#looper_text_2,#looper_text_3,#looper_text_4,#looper_text_5,#looper_text_6,#looper_text_7,#looper_percent_span_1,#looper_percent_span_2,#looper_percent_span_3{
-webkit-user-select: none;
user-select: none;
}
.configure_layout_text, .configure_layout_text{
margin-top: 0;
}
.configure_layout_text>input{
margin-left: 2px;
width: 60px;
margin-right:10px;
}
#configure_musicxml_import{
height:42px;
margin-top: 9px;
padding:12px;
margin-left:20px;
}
@media (hover: hover) {
.configure_musicxml_import:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_developer_settings{
height:42px;
margin-top: 9px;
padding:12px;
margin-left:20px;
}
@media (hover: hover) {
.configure_developer_settings:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_fonts{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.configure_fonts:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.configure_font_settings_form_text_wide{
line-height: 2;
margin-top:10px;
display:flex;
}
.configure_font_settings_form_text_wide>input{
width: 200px;
margin-top: 0;
position:absolute;
left:360px;
}
.configure_ui_options_form_text{
line-height: 1.5;
margin-top:24px;
display:flex;
}
#configure_box_advanced{
height:42px;
padding:12px;
}
@media (hover: hover) {
.configure_box_advanced:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#injectcustomtab{
height:42px;
padding:12px;
}
@media (hover: hover) {
.injectcustomtab:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_batch_mp3_export{
height:42px;
padding:12px;
margin-left:24px;
}
@media (hover: hover) {
.configure_batch_mp3_export:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_swing_explorer{
height:42px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.configure_swing_explorer:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_grace_explorer{
height:42px;
padding:12px;
}
@media (hover: hover) {
.configure_grace_explorer:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_roll_explorer{
height:42px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.configure_roll_explorer:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_reverb_explorer{
height:42px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.configure_reverb_explorer:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_anglo_fingerings{
height:42px;
margin-top: 0;
padding:12px;
}
@media (hover: hover) {
.configure_anglo_fingerings:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_anglo_fonts{
height:42px;
margin-top: 12px;
padding:12px;
}
@media (hover: hover) {
.configure_anglo_fonts:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#default_anglo_fingerings{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.default_anglo_fingerings:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#inject_tablature_colors{
height:42px;
margin-top: 12px;
padding:12px;
}
@media (hover: hover) {
.inject_tablature_colors:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#load_custom_harmonica_tuning{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.load_custom_harmonica_tuning:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#save_custom_harmonica_tuning{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.save_custom_harmonica_tuning:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#load_custom_anglo_names{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.load_custom_anglo_names:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#save_custom_anglo_names{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.save_custom_anglo_names:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_harmonica_custom{
height:42px;
margin-top: 0;
padding:12px;
}
@media (hover: hover) {
.configure_harmonica_custom:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#load_custom_tab{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.load_custom_tab:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#save_custom_tab{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.save_custom_tab:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#configure_custom_tab{
height:42px;
margin-top:15px;
padding:12px;
}
@media (hover: hover) {
.configure_custom_tab:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#import_website_local{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:18px;
}
@media (hover: hover) {
.import_website_local:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#import_website_remote{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.import_website_remote:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
@media (hover: hover) {
.import_website:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#import_pdf{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.import_pdf:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#import_csv{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.import_csv:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#default_musicxml_settings{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.default_musicxml_settings:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#load_rendering_fonts{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.load_rendering_fonts:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#save_rendering_fonts{
height:42px;
margin-top: 9px;
padding:12px;
margin-right:24px;
}
@media (hover: hover) {
.save_rendering_fonts:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#default_rendering_fonts{
height:42px;
margin-top: 9px;
padding:12px;
}
@media (hover: hover) {
.default_rendering_fonts:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.configure_transpose_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_transpose_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:90px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_sort_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_sort_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:300px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_harmonica_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:32px;
}
.configure_harmonica_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:75px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_harmonica_tuning_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:32px;
}
.configure_harmonica_tuning_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:250px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_custom_tab_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:32px;
}
.configure_custom_tab_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:75px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_box_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_harmonica_settings_form_text{
line-height: 2.625;
margin-top:24px;
display:flex;
}
.configure_harmonica_settings_form_text2{
line-height: 2.625;
display:flex;
}
.configure_custom_tab_settings_form_text{
line-height: 2.625;
margin-top:24px;
display:flex;
}
.configure_custom_tab_settings_form_text2{
line-height: 2.625;
display:flex;
}
.configure_box_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:130px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_md_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_md_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:230px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_settings_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:18px;
}
.configure_settings_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:150px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_papersize_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:36px;
}
.configure_pdf_papersize_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:100px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_orientation_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:30px;
}
.configure_pdf_orientation_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:130px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_tunelayout_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:30px;
}
.configure_pdf_tunelayout_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:345px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_incipitscolumns_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:30px;
}
.configure_pdf_incipitscolumns_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:150px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_pagenumber_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:30px;
}
.configure_pdf_pagenumber_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:245px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_fontname_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:30px;
}
.configure_pdf_fontname_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:185px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdf_fontstyle_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:30px;
}
.configure_pdf_fontstyle_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:145px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_pdfquality_select{
display:flex;
margin-right:12px;
margin-top:24px;
}
.configure_pdfquality_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:150px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_setuppdftunebook_form_text{
line-height: 0.75;
margin-top:10px;
display:flex;
}
.configure_setuppdftunebook_form_text>input{
width: 40px;
margin-top:-9px;
margin-left:12px;
}
.configure_setuppdftunebook_form_text_play{
line-height: 0.75;
margin-top:24px;
display:flex;
}
.configure_setuppdftunebook_form_text_play>input{
width: 40px;
margin-top:-9px;
margin-left:12px;
}
.configure_setuppdftunebook_form_text2{
line-height: 0.75;
margin-top:24px;
display:flex;
}
.configure_setuppdftunebook_form_text2>input{
width: 40px;
margin-top:-9px;
margin-left:12px;
}
.configure_setuppdftunebook_form_text3{
line-height: 0.75;
margin-top:16px;
display:flex;
}
.configure_setuppdftunebook_form_text3>input{
width: 40px;
margin-top:-9px;
margin-left:12px;
}
.configure_setuppdftunebook_form_text_wide{
line-height: 0.5;
margin-top:28px;
display:flex;
}
.configure_setuppdftunebook_form_text_wide>input{
width: 450px;
margin-top:-9px;
position:absolute;
left:200px;
}
.configure_setuppdftunebook_form_text_wide2{
line-height: 0.5;
margin-top:16px;
display:flex;
}
.configure_setuppdftunebook_form_text_wide2>input{
width: 450px;
margin-top:-9px;
position:absolute;
left:200px;
}
.modal_flat_form_item_label{
}
.indrag{
background: #CCCCFF;
}
#zoombanner{
display:none;
}
#zoombanner>p{
margin-top: 0;
margin-bottom: 0;
background-color:#b80000;
cursor: pointer;
padding: 3px;
padding-bottom:7px;
}
.anglobuttonnames {
width:66px;
}
.harmonicacustomnames{
width:57px;
}
.harmonicacustomlabel{
margin-left:12px;
width:400px;
}
.customtabnames{
width:57px;
}
.customtablabel{
margin-left:12px;
width:400px;
}
#playerstatus {
line-height: 3;
position:absolute;
right:30px;
bottom:-12px;
text-align:right;
}
#playerstatus_left {
line-height: 3;
position:absolute;
left:30px;
bottom:-12px;
}
.playerstatus>select, .playerstatus_left>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:300px;
margin-left: 0;
padding-left:10px;
margin-top:4px;
}
.switchtunedatabase{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:36px;
}
.switchtunedatabase>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:415px;
margin-left:10px;
padding-left:10px;
margin-top: 0;
}
.tunesearchoptions{
margin-top:20px;
vertical-align: middle;
cursor: pointer;
}
.tunesearchoptionsmax{
margin-top:20px;
vertical-align: middle;
cursor: pointer;
}
.tunesearchoptionsmax>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:85px;
margin-left:10px;
padding-left:10px;
}
.abcupload {
margin-left: 0;
margin-right:12px;
}
@media (hover: hover) {
.abcupload:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.abcuploaddialog {
display: inline-block;
}
@media (hover: hover) {
.abcuploaddialog:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
.draggable_tune {
cursor: grab;
user-select: none;
margin: 5px;
padding: 10px;
border: 1px solid #ddd;
background-color: #f9f9f9;
font-size: var(--abctools-font-size-label-m-12);
}
.draggable_tune_mobile{
cursor: grab;
user-select: none;
margin: 5px;
padding: 10px;
border: 1px solid #ddd;
background-color: #f9f9f9;
font-size: var(--abctools-font-size-label-m-12);
}
.draggable_tune_selected {
background-color: #B0FFB0;
}
.draggable_tune_mobile_selected {
background-color: #B0FFB0;
}
.cullable_tune {
cursor: grab;
user-select: none;
margin: 5px;
padding: 10px;
border: 1px solid #ddd;
background-color: #f9f9f9;
font-size: var(--abctools-font-size-label-m-12);
}
.cull_selected {
background-color: #FFE5E5;
}
.tuneset_tune {
cursor: grab;
user-select: none;
margin: 5px;
padding: 10px;
border: 1px solid #ddd;
background-color: #f9f9f9;
font-size: var(--abctools-font-size-label-m-12);
}
.tuneset_selected {
background-color: #E5FFE5;
}
.jumpto_tune {
cursor: grab;
user-select: none;
margin: 5px;
padding: 10px;
border: 1px solid #ddd;
background-color: #f9f9f9;
font-size: var(--abctools-font-size-label-m-12);
}
.jumpto_selected {
background-color: #B0FFB0;
}
.smartdraw_export_all_text{
line-height: 1;
margin-top:36px;
text-align: center;
}
.smartdraw_export_all_text>input{
margin-left:4px;
width: 75px;
margin-top:-7px;
}
.smartdraw_export_all_text>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:155px;
margin-left:4px;
padding-left:10px;
margin-top:-7px;
}
.incipits_builder_form_text_checkbox{
line-height: 0.69;
margin-top:20px;
display:flex;
}
.incipits_builder_form_text{
line-height: 0.69;
margin-top:20px;
display:flex;
}
.incipits_builder_form_text>input{
margin-left: 12px;
width: 60px;
margin-top:-10px;
padding:4px;
}
.configure_mp3_before_tune_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:18px;
}
.configure_mp3_before_tune_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:350px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.diagnostics {
display:none;
width:826px;
height:90px;
overflow: auto;
border:1px;
background: #FFFDE0;
text-align: left;
padding:12px;
}
.diagnostics_message{
font-size: var(--abctools-font-size-label-s-11);
line-height: 1.45;
margin-top: 0;
margin-bottom:4px;
}
.configure_reverbexplorer_text{
margin-top:24px;
}
.configure_reverbexplorer_text>input{
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_reverbexplorer_text>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:120px;
margin-left:8px;
padding-left:10px;
margin-top:-7px;
}
.configure_reverbexplorer_text_mobile{
font-size: var(--abctools-font-size-label-xs-10);
margin-top:24px;
}
.configure_reverbexplorer_text_mobile>input{
font-size: var(--abctools-font-size-label-s-11);
margin-left: 2px;
width: 60px;
margin-right:10px;
}
.configure_reverbexplorer_text_mobile>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:120px;
margin-left:4px;
padding-left:10px;
margin-top:-7px;
}
#reverbexplorertest{
height:42px;
padding:12px;
width:auto;
margin-right:24px;
opacity: 0.45;
}
#reverbexplorerinject{
height:42px;
padding:12px;
width:auto;
margin-left: 0;
}
@media (hover: hover) {
.reverbexplorerinject:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
/* #reverbexplorerhelp{
font-size: var(--abctools-font-size-header-xl-24);
position:absolute;
left:20px;
top:20px;
} */
.configuresettingsfromhelp{
height:42px;
padding:12px !important;
width:auto;
}
@media (hover: hover) {
.configuresettingsfromhelp:hover{
background: var(--abctools-ui-btn-hovercolor);
}
}
#noteLoadProgress {
margin-top:32px;
display:none;
width: 100%;
background-color: #dddddd;
}
#noteLoadBar {
width: 1%;
height: 30px;
background-color: green;
text-align: center; /* To center it horizontally (if you want) */
line-height: 30px; /* To center it vertically */
color: white;
}
/******************************************************************************/
/* STYLES RELATED TO CONTEXT MENUS */
/******************************************************************************/
.contextmenu {
float: left;
width: 450px;
height: 330px;
margin-right: 20px;
background-color: #f1f1f1;
border: 1px solid #ccc;
color: #444;
line-height: 150px;
text-align: center;
}
.ContextMenu {
display: none;
list-style: none;
margin: 0;
max-width: 250px;
min-width: 125px;
padding: 0;
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ContextMenu--theme-default {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
font-size: 15px;
outline: 0;
padding: 2px 0;
z-index: 10000;
}
.ContextMenu--theme-default .ContextMenu-item{
padding: 6px 12px;
}
.ContextMenu--theme-default .ContextMenu-item-red{
padding: 6px 12px;
}
.ContextMenu--theme-default .ContextMenu-item:focus,
.ContextMenu--theme-default .ContextMenu-item:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.ContextMenu--theme-default .ContextMenu-item:focus {
outline: 0;
}
.ContextMenu--theme-default .ContextMenu-divider {
background-color: rgba(0, 0, 0, 0.15);
}
.ContextMenu.is-open {
display: block;
}
.ContextMenu-item {
cursor: pointer;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ContextMenu-item-red {
cursor: pointer;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--abctools-color-update);
}
.ContextMenu-divider {
height: 1px;
margin: 4px 0;
}
#searchText,#replacementText {
font-family: var(--abctools-font-fallback-code);
font-size: var(--abctools-font-size-code-13);
line-height: 1.23;
padding: 6px;
margin-top: 0;
margin-bottom: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
.splitlongtextandtags{
line-height: 0.75;
margin-top:10px;
display:flex;
}
.splitlongtextandtags>input{
width: 50px;
margin-top:-9px;
margin-left:12px;
}
.splitlongtextandtags_text{
line-height: 0.75;
margin-top:24px;
display:flex;
}
.splitlongtextandtags_text>input{
width: 300px;
margin-top:-9px;
margin-left:12px;
}
.incipits_striptags_text{
line-height: 0.75;
margin-top:24px;
display:flex;
}
.incipits_striptags_text>input{
width: 200px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text{
line-height: 0.75;
margin-top:18px;
display:flex;
}
.configure_website_form_text>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide{
line-height: 0.5;
margin-top:22px;
display:flex;
}
.configure_website_form_text_wide>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text_wide2{
line-height: 0.5;
margin-top:28px;
display:flex;
}
.configure_website_form_text_wide2>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text2{
line-height: 0.75;
margin-top:10px;
margin-bottom:9px;
display:flex;
}
.configure_website_form_text2>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text3{
line-height: 0.75;
margin-top:18px;
display:flex;
}
.configure_website_form_text3>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text4{
line-height: 0.75;
margin-top:24px;
margin-bottom:12px;
display:flex;
}
.configure_website_form_text4>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide5{
line-height: 0.75;
margin-top:16px;
margin-bottom:14px;
display:flex;
}
.configure_website_form_text_wide5>input{
width: 495px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text6{
line-height: 0.75;
margin-top:12px;
margin-bottom:24px;
display:flex;
}
.configure_website_form_text6>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_simple{
line-height: 0.75;
margin-top:18px;
display:flex;
}
.configure_website_form_text_simple>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide_simple{
line-height: 1;
margin-top:22px;
display:flex;
}
.configure_website_form_text_wide_simple>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text_wide2_simple{
line-height: 1;
margin-top:24px;
display:flex;
}
.configure_website_form_text_wide2_simple>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text2_simple{
line-height: 0.75;
margin-top:14px;
margin-bottom:6px;
display:flex;
}
.configure_website_form_text2_simple>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text3_simple{
line-height: 0.75;
margin-top:18px;
display:flex;
}
.configure_website_form_text3_simple>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text4_simple{
line-height: 0.75;
margin-top:24px;
margin-bottom:12px;
display:flex;
}
.configure_website_form_text4_simple>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide5_simple{
line-height: 0.75;
margin-top:16px;
margin-bottom:16px;
display:flex;
}
.configure_website_form_text_wide5_simple>input{
width: 495px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text6_simple{
line-height: 0.75;
margin-top:12px;
margin-bottom:12px;
display:flex;
}
.configure_website_form_text6_simple>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_gallery{
line-height: 0.75;
margin-top:12px;
display:flex;
}
.configure_website_form_text_gallery>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide_gallery{
line-height: 1;
margin-top:16px;
display:flex;
}
.configure_website_form_text_wide_gallery>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text_wide2_gallery{
line-height: 1;
margin-top:22px;
display:flex;
}
.configure_website_form_text_wide2_gallery>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text2_gallery{
line-height: 0.75;
margin-top:10px;
margin-bottom:10px;
display:flex;
}
.configure_website_form_text2_gallery>input{
width: 100px;
margin-top:-10px;
margin-left:12px;
}
.configure_website_form_text3_gallery{
line-height: 0.75;
margin-top:12px;
display:flex;
}
.configure_website_form_text3_gallery>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text4_gallery{
line-height: 0.75;
margin-top:24px;
margin-bottom:12px;
display:flex;
}
.configure_website_form_text4_gallery>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide5_gallery{
line-height: 0.75;
margin-top:18px;
margin-bottom:16px;
display:flex;
}
.configure_website_form_text_wide5_gallery>input{
width: 495px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text6_gallery{
line-height: 0.75;
margin-top:12px;
margin-bottom:24px;
display:flex;
}
.configure_website_form_text6_gallery>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_lightbox{
line-height: 0.75;
margin-top:12px;
display:flex;
}
.configure_website_form_text_lightbox>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide_lightbox{
line-height: 1;
margin-top:16px;
display:flex;
}
.configure_website_form_text_wide_lightbox>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text_wide2_lightbox{
line-height: 1;
margin-top:22px;
display:flex;
}
.configure_website_form_text_wide2_lightbox>input{
width: 530px;
margin-top:-9px;
position:absolute;
left:170px;
}
.configure_website_form_text2_lightbox{
line-height: 0.75;
margin-top:14px;
margin-bottom:10px;
display:flex;
}
.configure_website_form_text2_lightbox>input{
width: 100px;
margin-top:-10px;
margin-left:12px;
}
.configure_website_form_text3_lightbox{
line-height: 0.75;
margin-top:12px;
display:flex;
}
.configure_website_form_text3_lightbox>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text4_lightbox{
line-height: 0.75;
margin-top:24px;
margin-bottom:12px;
display:flex;
}
.configure_website_form_text4_lightbox>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text_wide5_lightbox{
line-height: 0.75;
margin-top:18px;
margin-bottom:16px;
display:flex;
}
.configure_website_form_text_wide5_lightbox>input{
width: 495px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text6_lightbox{
line-height: 0.75;
margin-top:12px;
margin-bottom:24px;
display:flex;
}
.configure_website_form_text6_lightbox>input{
width: 100px;
margin-top:-9px;
margin-left:12px;
}
.configure_website_form_text7_lightbox{
line-height: 0.75;
margin-top:18px;
margin-bottom:24px;
display:flex;
}
.inject_gchord_templates_form_text{
line-height: 0.69;
margin-top:16px;
display:flex;
}
.inject_gchord_templates_form_text>input{
position:absolute;
left:265px;
width: 285px;
margin-top:-9px;
padding:4px;
}
.configure_nativepdftunebook_midi_program_select{
font-size: var(--abctools-font-size-label-s-11);
display:flex;
margin-right:12px;
margin-top:22px;
}
.configure_nativepdftunebook_midi_program_select>select{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
height:32px;
width:220px;
margin-left:10px;
padding-left:10px;
margin-top:-7px;
}
.configure_nativepdftunebook_form_text{
line-height: 0.75;
margin-top:22px;
display:flex;
}
.configure_nativepdftunebook_form_text>input{
width: 40px;
margin-top:-9px;
margin-left:12px;
}
.create_tune_set_text{
line-height: 0.69;
margin-top:18px;
margin-left:36px;
display:flex;
}
.create_tune_set_text_checkbox{
line-height: 0.69;
margin-top:12px;
display:flex;
}
.create_tune_set_text_checkbox_2{
line-height: 0.69;
margin-top:12px;
margin-left:32px;
display:flex;
}
.create_tune_set_text>input{
width: 50px;
margin-top:-9px;
margin-left:12px;
}
.tuneset-selection-number {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translateY(-50%);
background-color: blue;
color: white;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
font-size: 0.875rem;
text-align: center;
line-height: 1.7;
font-family: sans-serif;
}
.tuneset_tune {
position: relative;
padding-right: 30px; /* space for badge */
}
.modal_flat_main
{
outline: none !important;
/* box-shadow: none !important;*/
}
/* Attention style */
.attention {
color: #202e06 !important;
background-color: var(--abctools-color-attention) !important;
/* animation: pulse 1.25s 1; */
}
/* Pulsing animation */
/* @keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.08); }
100% { transform: scale(1); }
} */
/* Tune trainer attention style */
.apply_attention {
color: black !important;
opacity: 1.0 !important;
background-color:var(--abctools-color-attention) !important;
/* animation: apply_pulse 1.25s infinite; */
}
/* Pulsing animation */
/* @keyframes apply_pulse {
0% { transform: scale(1); }
50% { transform: scale(1.06); }
100% { transform: scale(1); }
} */
/* Custom ABC per-tune line number gutter */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background: #f7f7f7;
}
.abc-line-gutter {
width: 2.3em; /* tweak if you expect >999 lines */
text-align: right;
color: #666;
}
.abc-line-gutter .abc-ln {
padding: 0 0.5em 0 0; /* right-pad so numbers aren’t cramped */
line-height: 1.0; /* plays nicely with wrapped lines */
}
.cm-abc-bar { color:#006999;} /* barlines & repeats */
.cm-abc-ending { color:#006999;} /* digits in |1, :|2, [1, [2, ... */
.cm-abc-header-tag { color:#0000A0; font-weight:bold;} /* X: T: L: ... */
.cm-abc-header-val { color:#040404;} /* entire header value line */
.cm-abc-header-title { color:#00608a; font-weight:bold; }/* special T: titles */
.cm-abc-note { color:#000000; } /* notes/rests */
.cm-abc-string { color:#6200a8; } /* "chords" */
.cm-abc-builtin { color:#487830; } /* note-chords [CEG] */
.cm-abc-qualifier { color:#73160d; } /* !trill! +orn+ */
.cm-abc-number { color:#010604; } /* tuplets */
.cm-abc-operator { color:#050505; } /* ties/slurs () - */
.cm-abc-comment { color:#005231; font-style:italic; }
.cm-abc-meta { color:#5924bc; font-weight:bold; }
.cm-abc-font-directive {color: #7c2243;}
.cm-abc-note-prefix { color:#148500; }
.cm-abc-extended-directive {color: #B00023; }
.cm-abc-abccss { color:#a300a3; } /* Custom CSS */
.cm-abc-atom { color:#020109; } /* Inline directives */
/* Editor box */
.CodeMirror{
resize:both;
border:1px solid #ccc;
text-align:left;
overflow:auto;
}
/* Helpful on WebKit: make sure text selection is “owned” by CM’s layers */
.CodeMirror pre {
-webkit-user-select: text;
user-select: text;
}
/* iOS/touch patch: let the native scrollbar show */
@supports (-webkit-touch-callout: none) {
.CodeMirror-scroll {
/* undo CM’s hiding tricks */
margin-right: 0 !important;
padding-right: 0 !important;
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
/* Optional: reserve gutter so layout doesn't shift when bar appears */
.CodeMirror-scroll {
scrollbar-gutter: stable both-edges;
}
/* Optional: style WebKit scrollbar so it’s visible */
.CodeMirror-scroll::-webkit-scrollbar { width: 12px; }
.CodeMirror-scroll::-webkit-scrollbar-thumb {
background: rgba(0,0,0,0.35);
border-radius: 6px;
}
}
#layout_mode{
display:inline;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 12px;
background-position: calc(100% - 10px) center;
background-repeat: no-repeat;
background-color: #efefef;
color:black;
font-size: var(--abctools-font-size-label-s-11);
font-family: var(--abctools-font-fallback-ui);
height:32px;
width:280px;
margin-left:4px;
margin-right:14px;
padding-left:10px;
margin-top:-7px;
}
.external_tools_share {
z-index:101;
cursor: pointer;
}
.external_tools_share:not(.modal-btn-share-player){
position:absolute;
width:30px;
height:40px;
right:16px;
top:8px;
padding:4px;
display:block;
}
@media (hover: hover) {
.external_tools_share:hover{
background: palegreen;
opacity: 1.0 !important;
}
}
.external-tool {
padding: 8px;
border: 2px solid transparent; /* prevents layout shift */
border-radius: 6px;
transition: border-color 0.15s ease, background-color 0.15s ease;
cursor: pointer;
}
.external-tool:hover {
border-color: #006999; /* ABC Tools blue */
background-color: rgba(0,105,153,0.06);
}
/* ============================================================
Advanced Controls Tabs
============================================================ */
/* Container */
.adv-tabs {
margin-top: 9px;
padding-top: 12px;
}
/* Tab bar: looks like tabs attached to a panel */
.adv-tab-bar {
display: flex;
justify-content: center;
gap: 6px;
flex-wrap: wrap;
margin: 0 0 0 0;
padding: 0 6px;
border-bottom: 1px solid #dadada; /* the "track" line under tabs */
}
/* Tab buttons */
.adv-tab-btn {
/* Reset / appearance */
appearance: none;
-webkit-appearance: none;
/* Layout */
display: inline-flex;
align-items: center;
justify-content: center;
/* Prevent text overlap */
white-space: nowrap; /* force single-line labels */
min-width: max-content; /* never smaller than text */
flex: 0 0 auto; /* do not shrink in flex container */
/* Typography */
font-family: var(--abctools-font-fallback-ui), sans-serif;
font-size: 0.958rem;
/* line-height: 1.1; */
font-weight: 400;
text-align: center;
/* Spacing */
padding: 12px 20px !important; /* wider tabs */
margin: 0;
/* Visual style */
border: 1px solid transparent;
border-bottom: none;
background: transparent;
color: #333;
cursor: pointer;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
transition:
background 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
}
/* Inactive hover */
.adv-tab-btn:hover {
background: #f6f6f6;
border-color: #e0e0e0;
border-bottom: none;
}
/* Active tab = "connected" to panel */
.adv-tab-btn.active {
background: #ffffff;
border-color: #cfcfcf;
/* border-bottom: 1px solid #ffffff; */
font-weight: 600;
}
/* Panel surface */
.adv-tab-panels {
border: 1px solid #cfcfcf;
border-top: none; /* tab bar already provides top edge */
background: #ffffff;
padding: 14px 10px 8px 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/* Panels */
.adv-tab-panel {
display: none;
}
.adv-tab-panel.active {
display: block;
}
.adv-tab-btn.active {
position: relative;
}
.adv-tab-btn.active::after {
content: "";
position: absolute;
left: 10px;
right: 10px;
bottom: -1px;
height: 3px;
background: #4a90e2; /* change to match your site */
border-radius: 2px;
}
/* Optional: reduces paint jitter on some browsers */
#add-new-tune-dialog { contain: layout paint; }
/* Configure Settings: fixed-height tab content area */
.configure-settings-tab-panels{
height: 450px; /* adjust if you want taller/shorter */
overflow-y: auto;
box-sizing: border-box;
}
/* Optional: tighten spacing a bit inside panels for DayPilot form rows */
.configure-settings-tab-panels .dpmodal_form_item{
margin-top: 2px;
}
/* While building tabbed modals, hide DayPilot modal_flat form rows globally */
body.dp-tabs-building .modal_flat_main {
visibility: hidden;
}
/******************************************************************************/
/* STYLES RELATED TO BUTTONS */
/******************************************************************************/
.btn {
--color: var(--abctools-ui-btn-textcolor);
--background-color: var(--abctools-ui-btn-bgcolor);
--border-color: var(--abctools-ui-btn-bordercolor);
color: var(--color);
font-family: var(--abctools-font-fallback-ui) !important;
font-size: var(--abctools-font-size-label-s-11) !important;
background-color: var(--background-color);
padding: 0.7rem 0.7rem;
padding-top: 0.8rem;
border: solid 1px var(--border-color);
outline: none;
position: relative;
border-radius: 0.55em;
user-select: none;
box-shadow: var(--abctools-ui-btn-boxshadow);
-webkit-appearance:none;
}
.btn:after {
content: "";
background-color: var(--abctools-ui-btn-flarecolor);
width: 75%;
height: 12.5%;
position: absolute;
top: 0.15rem;
left: 12.5%;
border-radius: 50%;
filter: blur(0.15rem);
}
.btn:active {
box-shadow: 0 0 0 rgba(0, 0, 0, 0.4), 0 0.4rem 1rem rgba(0, 0, 0, 0.3) inset;
}
.btn:active:after {
opacity: 0;
}
.btn-info {
--color: #ffffff;
--background-color: #0091ea;
--border-color: #0079c4;
}
.btn-info:active {
--color: #ececec;
}
.btn-success {
--color: #ffffff;
--background-color: #00c853;
--border-color: #00a243;
}
.btn-success:active {
--color: #ececec;
}
.btn-warning {
--color: #3e2723;
--background-color: #ffc400;
--border-color: #d9a700;
}
.btn-warning:active {
--color: #261815;
}
.btn-error {
--color: #ffffff;
--background-color: #d50000;
--border-color: #af0000;
}
.btn-error:active {
--color: #ececec;
}
.btn-dark {
--color: #ffffff;
--background-color: #303030;
--border-color: #1d1d1d;
}
.btn-dark:active {
--color: #ececec;
}
.btn-play {
--color: black;
--background-color: #C8ECFE;
}
.btn-train{
--color: black;
--background-color: #ccf99f;
}
.btn-toggleallcontrols {
--color: black;
--background-color: #FFF4E6;
}
.btn-configuresettings{
--color: black;
--background-color: lavender;
}
.btn-transpose{
--color: black;
--background-color: #ffeac3;
}
.transposedown{
--color: black;
--background-color: #fdffe0;
}
.btn-sortbutton{
--color: black;
--background-color: #f0fff0;
}
.btn-transposetokey{
--color: black;
--background-color: #f0fff0;
}
.btn-phrasebuilder{
--color: black;
--background-color: #f0fff0;
}
.btn-cssgenerator {
--color: black;
--background-color: #f0fff0;
}
.btn-incipitsbuilder{
--color: black;
--background-color: #f0fff0;
}
.btn-snapshotbutton{
--color: black;
/* --background-color: #F0E6F0; */
--background-color: #cde69a;
}
.btn-restorebutton{
--color: black;
/* --background-color: #F0E6F0; */
--background-color: #f0dff5;
}
.btn-togglesharecontrols{
--color: black;
--background-color: lavender;
}
.btn-clearbutton{
--color: black;
--background-color: #FFCCCC;
}
.btn-toggleadvancedcontrols{
--color: black;
--background-color: #c5f0f0;
}
.btn-advancedcontrols{
--color: black;
--background-color: #DCFFFF;
}
.btn-injectcontrols{
--color: black;
--background-color: #fff5f5;
}
.btn-injectcontrols-headers{
--color: black;
--background-color: #f0fff0;
}
.btn-injectcontrols-addabc{
--color: black;
--background-color: #DCF3FE;
}
.btn-injectcontrols-injectpdfheaders{
--color: black;
--background-color: #DCF3FE;
}
.btn-injectcontrols-tunebookbuilder{
--color: black;
--background-color: #DCF3FE;
}
.btn-injectcontrols-tunebookbuilder-play{
--color: black;
--background-color: #DCF3FE;
}
.btn-urlcontrols{
--color: black;
--background-color: lavender;
}
.btn-top{
--color: black;
--background-color: #F0F0F0;
}
.btn-tab{
--color: black;
--background-color: #F0F0F0;
}
.btn-placeholder{
--color: black;
--background-color: #F0F0F0;
}
.btn-cancelpdf{
--color: black;
--background-color: #F0F0F0;
}
.btn-subdialog{
--color: black;
--background-color: #D5EBFD;
}
.btn-exportaudiomidi{
--color: black;
--background-color: #DCFFFF;
}
.btn-wavedownload{
--color: black;
--background-color: lavender;
}
.btn-wavereverbdownload{
--color: black;
--background-color: lavender;
}
.btn-mp3reverbdownload{
--color: black;
--background-color: lavender;
}
.btn-mididownload{
--color: black;
--background-color: lavender;
}
.btn-mp3download{
--color: black;
--background-color: lavender;
}
.btn-pngdownload{
--color: black;
--background-color: #f0fff0;
}
.btn-jpgdownload{
--color: black;
--background-color: #f0fff0;
}
.btn-svgdownload{
--color: black;
--background-color: #f0fff0;
}
.btn-pdfdownload{
--color: black;
--background-color: #f0fff0;
}
.btn-allmp3download{
--color: black;
--background-color: lavender;
}
.btn-allmididownload{
--color: black;
--background-color: lavender;
}
.btn-alljpegdownload{
--color: black;
--background-color: lavender;
}
.btn-allpngdownload{
--color: black;
--background-color: lavender;
}
.btn-allsvgdownload{
--color: black;
--background-color: lavender;
}
.btn-allmusicxmldownload{
--color: black;
--background-color: lavender;
}
.btn-allabcdownload{
--color: black;
--background-color: lavender;
}
.btn-alljsondownload{
--color: black;
--background-color: #F0F0F0;
}
.btn-allcsvdownload{
--color: black;
--background-color: #F0F0F0;
}
.btn-smartdraw{
--color: black;
--background-color: #F0F0F0;
}
.btn-launchcsvextractor{
--color: black;
--background-color: #F0F0F0;
}
.btn-exporttunetitles{
--color: black;
--background-color: lavender;
}
.btn-exportwebsite{
--color: black;
--background-color: #F0F0F0;
}
.btn-export{
--color: black;
--background-color: #f0fff0;
}
.btn-swingexplorer{
--color: black;
--background-color: #C8ECFE;
}
.btn-swingexplorertest{
--color: black;
--background-color: #F0F0F0;
}
.btn-swingexplorerinject{
--color: black;
--background-color: #C8ECFE;
}
.btn-graceexplorer{
--color: black;
--background-color: #C8ECFE;
}
.btn-graceexplorertest{
--color: black;
--background-color: #F0F0F0;
}
.btn-graceexplorerinject{
--color: black;
--background-color: #C8ECFE;
}
.btn-rollexplorer{
--color: black;
--background-color: #C8ECFE;
}
.btn-rollexplorertest{
--color: black;
--background-color: #F0F0F0;
}
.btn-rollexplorerinject{
--color: black;
--background-color: #C8ECFE;
}
.btn-rollexplorertransform{
--color: black;
--background-color: #C8ECFE;
}
.btn-reverbexplorer{
--color: black;
--background-color: #C8ECFE;
}
.btn-notation-spacing-explorer{
--color: black;
--background-color: #C8ECFE;
}
.btn-instrumentexplorer{
--color: black;
--background-color: #C8ECFE;
}
.btn-instrumentexplorertest{
--color: black;
--background-color: #F0F0F0;
}
.btn-instrumentexplorerinject{
--color: black;
--background-color: #C8ECFE;
}
.btn-looper{
--color: black;
--background-color: #C8ECFE;
}
.btn-looperreset{
--color: black;
--background-color: #F0F0F0;
}
.btn-metronome{
--color: black;
--background-color: #ABF2E4;
}
.btn-wide-player{
--color: black;
--background-color: #E5CAF2;
}
.btn-wide-player{
--color: black;
--background-color: #E5CAF2;
}
.btn-playerprevious{
--color: black;
--background-color: #E6E6E6;
}
.btn-playernext{
--color: black;
--background-color: #E6E6E6;
}
.btn-playernext{
--color: black;
--background-color: #E6E6E6;
}
.btn-player_zoom{
--color: black;
--background-color: #E6E6E6;
}
.btn-wide-trainer{
--color: black;
--background-color: #E5CAF2;
}
.btn-notationspacingexplorertest{
--color: black;
--background-color: #C8ECFE;
}
.btn-notationspacingexplorerinject{
--color: black;
--background-color: #C8ECFE;
}
.btn-injectcontrols-headers-pdf{
--color: black;
--background-color: #C8ECFE;
}
.btn-rawmode-on{
--color: black;
--background-color: #E9BEE9;
}
.btn-rawmode-off{
--color: black;
--background-color: #E6E6E6;
}
.btn-reset_roll_explorer_2{
--color: black;
--background-color: #E6E6E6;
}
.btn-reset_roll_explorer_3{
--color: black;
--background-color: #E6E6E6;
}
.btn-default_roll_explorer_2{
--color: black;
--background-color: #E6E6E6;
}
.btn-default_roll_explorer_3{
--color: black;
--background-color: #E6E6E6;
}
.btn-start-search{
--color: black;
--background-color: lavender;
}
.btn-add-search-results{
--color: black;
--background-color: lavender;
}
.btn-search-previous{
--color: black;
--background-color: lavender;
}
.btn-search-next{
--color: black;
--background-color: lavender;
}
.btn-search-replace{
--color: black;
--background-color: lavender;
}
.btn-search-replace-all{
--color: black;
--background-color: lavender;
}
.btn-search-load{
--color: black;
--background-color: lavender;
}
.btn-search-save{
--color: black;
--background-color: lavender;
}
.btn-smartdraw-export{
--color: black;
--background-color: lavender;
}
.btn-resetsettings{
--color: black;
--background-color: #FFCCCC;
}
.btn-managedatabases{
--color: black;
--background-color: lavender;
}
.btn-managesamples{
--color: black;
--background-color: lavender;
}
.btn-deletesamples{
--color: black;
--background-color: #FFCCCC;
}
.btn-managereverb{
--color: black;
--background-color: lavender;
}
.btn-managesearch{
--color: black;
--background-color: lavender;
}
.btn-reverbexplorertest{
--color: black;
--background-color: #F0F0F0;
}
.btn-reverbexplorerinject{
--color: black;
--background-color: #C8ECFE;
}
.btn-configuresettingsfromhelp{
--color: black;
--background-color: lavender;
}
.btn-websiteexport{
--color: black;
--background-color: #C8ECFE;
}
.btn-browser-pdf-export{
--color: black;
--background-color: #F0F0F0;;
}
.btn-tuneset-inject{
--color: black;
--background-color: lavender;
}
.btn-injectbagpipedrones{
--color: black;
--background-color: #f0fff0;
}
.btn-batchmp3export{
--color: black;
--background-color: #f0fff0;
}
.btn-splitlongtextandtags{
--color: black;
--background-color: #f0fff0;
}
.btn-normalizediacriticals{
--color: black;
--background-color: #f0fff0;
}
.btn-normalizetitles{
--color: black;
--background-color: #f0fff0;
}
.btn-normalizevoicekeysignatures{
--color: black;
--background-color: #f0fff0;
}
.btn-reformatusingmusicxml{
--color: black;
--background-color: #f0fff0;
}
.btn-injectmidigchord{
--color: black;
--background-color: #f0fff0;
}
@media (hover: hover) {
.btn
{
transition: transform .1s ease-in-out 0s;
}
.btn:hover {
transform: scale(1.04);
}
.modal_flat_ok
{
transition: transform .1s ease-in-out 0s;
}
.modal_flat_ok:hover {
transform: scale(1.04);
}
.modal_flat_cancel
{
transition: transform .1s ease-in-out 0s;
}
.modal_flat_cancel:hover {
transform: scale(1.04);
}
.modal_flat_wide_ok
{
transition: transform .1s ease-in-out 0s;
}
.modal_flat_wide_ok:hover {
transform: scale(1.04);
}
.modal_flat_wide_cancel
{
transition: transform .1s ease-in-out 0s;
}
.modal_flat_wide_cancel:hover {
transform: scale(1.04);
}
.helpbutton
{
transition: transform .1s ease-in-out 0s;
}
.helpbutton:hover {
transform: scale(1.04);
}
.playbuttonicon
{
transition: transform .1s ease-in-out 0s;
}
.playbuttonicon:hover {
transform: scale(1.05);
transition: opacity 0s ease 1.25s;
}
.zoombutton
{
transition: transform .1s ease-in-out 0s;
}
.zoombutton:hover {
transform: scale(1.05);
}
.jumpbutton
{
transition: transform .1s ease-in-out 0s;
}
.jumpbutton:hover {
transform: scale(1.05);
}
.qerewindbutton
{
transition: transform .1s ease-in-out 0s;
}
.qerewindbutton:hover {
transform: scale(1.05);
}
.qetempobutton
{
transition: transform .1s ease-in-out 0s;
}
.qetempobutton:hover {
transform: scale(1.05);
}
.pdfbuttonicon
{
transition: transform .1s ease-in-out 0s;
}
.pdfbuttonicon:hover {
transform: scale(1.05);
}
.dialogcornerbutton
{
transition: transform .1s ease-in-out 0s;
}
.dialogcornerbutton:hover {
transform: scale(1.06);
}
.moresettingsbutton
{
transition: transform .1s ease-in-out 0s;
}
.moresettingsbutton:hover {
background: var(--abctools-ui-btn-hovercolor);
}
.moresettingsbutton:hover {
transform: scale(1.06);
}
}