/* ========================================================================== READ ME ========================================================================== */ /* required browser prefix - Javascript detection adds class to example - .browserClass .xxxxxxx {} Javascript detection is found currently in main.aspx, secure.aspx, login.aspx, and upload.aspx Proposed location: where engineering is detecting user agents or in main.js doc.ready */ /* -------------------------------------------------------------------------- */ /* ========================================================================== DEFAULT BROWSER: CHROME ========================================================================== */ /* ========================================================================== BEGIN | FIREFOX ========================================================================== */ /* global */ .firefox {} .firefox header #utilities #panelConnections .ulOrder[style] { margin-left:190px; } .firefox header #utilities #panelConnections li span { font-weight: 200; } /* responsive */ @media all and (min-width:481px) { .firefox {} } @media (min-width:768px) { .firefox {} } @media (min-width:992px) { .firefox {} } @media (min-width:1200px) { .firefox {} } /* ========================================================================== END | FIREFOX ========================================================================== */ /* ========================================================================== BEGIN | OPERA ========================================================================== */ /* global */ .opera {} .opera header #utilities #panelConnections { right: -680px; } .opera header #utilities #panelConnections .ulOrder[style] { margin-left:190px; } /* responsive */ @media all and (min-width:481px) { .opera {} } @media (min-width:768px) { .opera {} } @media (min-width:992px) { .opera {} } @media (min-width:1200px) { .opera {} } /* ========================================================================== END | OPERA ========================================================================== */ /* ========================================================================== BEGIN | SAFARI ========================================================================== */ /* global */ .safari {} /* responsive */ @media all and (min-width:481px) { .safari {} } @media (min-width:768px) { .safari {} } @media (min-width:992px) { .safari {} } @media (min-width:1200px) { .safari {} } /* ========================================================================== END | SAFARI ========================================================================== */ /* ========================================================================== BEGIN | IE9 & BELOW ========================================================================== */ /* global */ .ie9-and-below {} .ie9-and-below header #utilities #panelConnections { right: -680px; } .ie9-and-below header #utilities #panelConnections .ulOrder[style] { margin-left:190px; } .ie9-and-below header #utilities nav #panelUser { right:165px; width:400px; } .ie9-and-below header #utilities nav #panelUser:hover { width:auto; } .ie9-and-below header #utilities #panelUser .ellipsis-company { max-width:220px; right:auto; } .ie9-and-below header #utilities #panelUser:hover .ellipsis-company { max-width:inherit; } /* responsive */ @media all and (min-width:481px) { .ie9-and-below {} } @media (min-width:768px) { .ie9-and-below {} } @media (min-width:992px) { .ie9-and-below {} } @media (min-width:1200px) { .ie9-and-below {} } @media (min-width:1300px) { .ie9-and-below {} } /* ========================================================================== END | IE9 & BELOW ========================================================================== */ /* ========================================================================== BEGIN | IE10 & ABOVE ========================================================================== */ /* global */ .ie10-and-above {} .ie10-and-above header #utilities #panelConnections { top:-1px; } .ie10-and-above header #utilities #panelConnections .ulOrder[style] { margin-left:190px; } /* responsive */ @media all and (min-width:481px) { .ie10-and-above {} } @media (min-width:768px) { .ie10-and-above {} } @media (min-width:992px) { .ie10-and-above {} } @media (min-width:1200px) { .ie10-and-above {} } @media (min-width:1300px) { .ie10-and-above {} } /* ========================================================================== END | IE10 & ABOVE ========================================================================== */ /* ========================================================================== BEGIN | IE11 ========================================================================== */ /* global */ .ie11 {} /* responsive */ @media all and (min-width:481px) { .ie11 {} } @media (min-width:768px) { .ie11 {} } @media (min-width:992px) { .ie11 {} } @media (min-width:1200px) { .ie11 {} } /* ========================================================================== END | IE11 ========================================================================== */