/* TRE 4 /* unrotate */(Blue White) Back2Top friendly Admin and HR and other list boxes correct colors Author: John de Abreu 2021/10/12 to implement in Web.Config change: to: Ctrl-F5 to reload TRE cache Note IE will stay on orange please use modern browser */ :root { --main-theme-name:TracTechBlue; } /* @supports not (-moz-appearance:none) { /* dont apply to firefox */ html { filter: hue-rotate(210deg) ; /* brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(210deg); /* brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(210deg); /* brightness(100%) saturate(100%); /* TRE Color */ text-rendering: optimizeSpeed; image-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased; -webkit-image-rendering: optimizeSpeed; } /* } /* dont apply to firefox */ body { background-color: WhiteSmoke !important; /*TRE background */ } /* @supports not (-moz-appearance:none) { /* dont apply to firefox */ /* TRE drop downs */ select[id^='cbo']>option { background-color: #ccddff !important;} /* TRE drop downs */ select[id^='DropDown']>option { background-color: #ccddff !important;} /* TRE drop downs */ select[id^='cmb']>option { background-color: #ccddff !important;} /* TRE drop downs */ select[id^='drp']>option { background-color: #ccddff !important;} /* TRE drop downs */ select[class^='ui-date']>option { background-color: #ccddff !important;} /* TRE Cal drop downs */ select[id^='dgClo']>option { background-color: #ccddff !important;} /* TRE TS drop down */ select[id^='dgSch']>option { background-color: #ccddff !important;} /* TRE Sched drop down */ @supports not (-ms-accelerator:true) { /* not ie restyle dropdown */ select { /* change dropdowns */ -webkit-appearance:none; /* hide V */ -moz-appearance:none; -ms-appearance:none; appearance: none; /* */ border: 1px solid #999999; /* chrome etc make same as chosen */ background-color: white ; /* FF was gray */ padding: 2px 20px 2px 4px !important; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') no-repeat, #fff; background-position: right 6px top 50%; background-size: 8px; /* */ } } /* not ie */ /* cannot login when remote expired splash.aspx removed. added class="dontfixFFhere" to body of Splash.aspx*/ /* Fix Firefox Bug only in dark mode or retheme bootbox notification is hidden */ @supports (-moz-appearance:none) { body:not(.dontfixFFhere) .bootbox{ /* position: relative !important; /* work around for theme with filter making popup hide disable in splash.aspx*/ } body:not(.dontfixFFhere) .modal-dialog { /* height: 100%; /* work around for theme with filter making popup not fullscreen*/ } body { min-height: 110vh; } /* splash 80% this fixed it*/ } /* TracTech.css Chrome Brave blue radio button checkbox - > gray 2021/01/20 */ input[type="radio"] { /* filter: saturate(0); /* */ accent-color: #FD6116; /* Chrome, Edge Chromium , Firefox and Brave 2021/09/09 new CSS */ } input[type="checkbox"] { /* filter: saturate(0); /* */ accent-color: #FD6116; /* */ } #lblWebToExpire { /* in Splash */ filter: hue-rotate(-210deg); /* */ -ms-filter: hue-rotate(-210deg);/* */ -webkit-filter: hue-rotate(-210deg); /* TRE Color */ } /* #lblError { color: green !important } /* green 210 deg becomes red */ #lblError { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /* brightness(100%) saturate(100%); /* TRE Color */ } /* unrotate */ /* #cmdConfirm { background-color: green !important } /* green 210 deg becomes red */ #cmdConfirm { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* TRE Color */ } /* timesheet status */ #progressbar , #lblApp , #lblNotApp { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } td[style*="background-color:Red;"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } /* sched orange leave */ td[style*="background-color:Orange;"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } td[style*="background-color:Yellow;"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } /* added for WebInOut grid labels */ td[style*="color:Red;"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } td[style*="color:Green;"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } img[src*="inout.ico"] { /*display: none;*/ filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } /* } */ img[src*="GreenLED.ico"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } img[src*="RedLED.ico"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } img[src*="FirstLastOff.png"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } img[src*="FirstLastOn.png"] { filter: hue-rotate(-210deg); -ms-filter: hue-rotate(-210deg); -webkit-filter: hue-rotate(-210deg); } /* ActivateRemoteClocking.aspx */ #lblNotice { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /* brightness(100%) saturate(100%); /* TRE Color */ } /* unrotate */ /* ActivateRemoteClocking.aspx */ #lblNotice2 { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /* brightness(100%) saturate(100%); /* TRE Color */ } /* unrotate */ .badge, .label-as-badge, #lblDif { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /* brightness(100%) saturate(100%); /* TRE Color */ } /* unrotate */ .dont-theme-me { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /* brightness(100%) saturate(100%); /* TRE Color */ } /* unrotate */ #imgbtnLogOff { filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%); /* */ -ms-filter: hue-rotate(-210deg); /*brightness(100%) saturate(100%) ; /* */ -webkit-filter: hue-rotate(-210deg); /* brightness(100%) saturate(100%); /* TRE Color */ } /* unrotate */ /*} /* dont apply to firefox */