Switch20XX by anatomica

/* ==UserStyle==
@name         Switch20XX
@version      20230131.18.05
@namespace    userstyles.world/user/anatomica
@description  Updates coming soon ;)
@author       anatomica
@license      No License
==/UserStyle== */

@-moz-document url("https://switchedonuk.ignitiaschools.com/owsoo/login/auth") {
/*login box thingy*/
.login-main {
    position: relative;
    width: 768px;
    margin: 0 auto;
    margin-top: 200px;
}
.login-form,
.login-brand {
    display: block;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}
.login-form {
    background: #2a2a2a;
    border: solid #f00 2px;
    border-radius: 2px 2px 2px 2px;
    width: 290px;
}
.login-form .login-input input {
    display: block;
    margin: 0 auto;
    width: 196px;
    height: 38px;
    margin-bottom: 17px;
    text-align: center;
}
.login-form form {
    position: relative;
    margin-top: 20px;
}
.login-brand {
    height: 361px;
    width: 450px;
    margin-left: 10px;
    background-position: 0 center;
    background-repeat: no-repeat;
}
.login-logo {
    position: relative;
    width:0px;
    height: 0px;
    margin: 0px auto;
    background-repeat: no-repeat;
    background-position: center;
}
.login-button button {
    display: block;
    margin: 0 auto;
    width: 208px;
    height: 48px;
    line-height: 28px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
}
.sso-login-form .login-button button {
    background: green;
    color: #fff;
    width: 250px;
}
.parent-login {
    text-align: center;
    margin-top: 40px;
}
.sso-login-form {
    padding: 20px 0 0 5px;
}
.login-foot {
    display: block;
    margin: 20px auto;
    position: relative;
    width: auto;
    text-align: center
}
.login-foot .login-about {
    margin-right: 36px;
}
.login-foot,
.login-about,
.login-foot,
.login-terms,
.parent-login {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #575757;
    text-transform: uppercase;
}
.login-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(bg-gradient-a44cb1b0348b5385a42ff3e168beb053.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-attachment: fixed;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-gradient.png', sizingMethod='scale');
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg-gradient.png', sizingMethod='scale');
    z-index: -1;
}
.login-error,
.login-alert {
    width: 239px;
}
.login-message {
    text-align: center;
    font-weight: 700;
    font-size: larger;
    margin-top: 119px;
    margin-bottom: 119px;
}
.login-maint {
    position: relative;
    bottom: -10px;
    width: 768px;
    height: 0px;
    padding-bottom: 10px;
    margin: 0 auto;
    clear: both;
    background-repeat: no-repeat;
    background-position: center center;
}
.login-maint-title {
    text-align: center;
    font-weight: 700;
    background-color: #ADD8E6;
    font-size: larger;
}
.login-maint-dates {
    text-align: center;
    background-color: #ADD8E6;
}
.login-maint-body {
    text-align: left;
    background-color: #87CEFA;
    font-size: small;
}
#loginForm {
    padding: 0;
    margin: 0;
}
#loginForm.list-form > ul > li > label {
    width: 180px;
}
#loginForm.list-form > ul > li > div {
    margin-left: 190px;
}
#login ul#footerNav {
    float: none;
    margin: 10px auto 0;
    overflow: hidden;
    width: 230px;
}
#changePasswordFormWrapper {
    border: 5px solid #aaa;
    width: 380px;
    margin: 50px auto 0;
    background-color: #fff;
    padding: 15px 20px 0;
}
#changePasswordForm {
    padding: 0;
    margin: 0;
}
#changePasswordForm.list-form > ul > li > label {
    width: 180px;
}
#changePasswordForm.list-form > ul > li > div {
    margin-left: 190px;
}
#changePassword ul#footerNav {
    float: none;
    margin: 10px auto 0;
    overflow: hidden;
    width: 230px;
}
.sso-on {
    margin-top: 63px;
}
.login-error-container {
    padding: 8px 35px 8px 14px;
    color: black;
    background-color: #fff0;
    width: 450px;
    font-size: 16px;
    border: 1px solid #bce8f1;
    border-radius: 4px;
}
}

@-moz-document url("https://switchedonuk.ignitiaschools.com/owsoo/login/auth") {
/*======== LOGIN CODE ========*/
/*======== BANNER/HEADER ========*/
/*======== MAIN NAV ========*/
.gl_main_nav_wrapper,
#lessonToolsWrapper {
    background-color: #006d9f;
    border-bottom: solid 5px #f7a41c;
}
.section-nav > li.active > a,
.section-nav > li.active > a:hover,
.problemNavButton.alertCurrent {
    background-color: #f7a41c;
}
/*======== CONTENT HEADER/TITLE ========*/
.fc-header-title,
.ui-jqgrid-title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #666;
}
/* Login page */
.login-logo {
    background-image: url(https://media.discordapp.net/attachments/1038783470773743637/1070014699594338385/image.png?width=736&height=196);
    position: relative;
    width: 208px;
    height: 69px;
    margin: 20px auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.login-background {
    background-image: url(https://wallpaperaccess.com/full/1467301.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://i.pinimg.com/originals/b3/45/e4/b345e46becdaeaaa9dcf6ea6144c91a9.jpg', sizingMethod='scale');
}
#gl_logo {
    margin-top: 15px;
    width: auto;
    height: 60px;
}
#gl_logo img {
    width: auto;
    height: 100%;
}
#toolbar .no-touch .tab-pane > h1 {
    background-color: #006d9f;
}
#toolbar .no-touch > .nav li.active a,
.tb-active {
    background: #006d9f;
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 109, 159, 1) 0%, rgba(1, 97, 141, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 109, 159, 1)), color-stop(100%, rgba(1, 97, 141, 1)));
    background: -webkit-linear-gradient(top, rgba(0, 109, 159, 1) 0%, rgba(1, 97, 141, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 109, 159, 1) 0%, rgba(1, 97, 141, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 109, 159, 1) 0%, rgba(1, 97, 141, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 109, 159, 1) 0%, rgba(1, 97, 141, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006d9f', endColorstr='#01618d', GradientType=0);
    border: 1px solid #006d9f;
}
.server .error-text {
    float: left;
    width: 660px;
    margin: 30px 0 0 50px;
}
.server .image-container {
    width: 234px;
    height: 282px;
    background: url('5xx_error_logo.png');
    background-size: cover;
}
.client .image-container {
    background: url('404_error.jpg');
    background-size: cover;
}
.error-text .error-code {
    color: #145a94;
}
.error-text .error-tag {
    color: #ee9500;
}
.error-text .error-action > a {
    color: #ee9500;
    font-weight: lighter;
}
.error-text .error-action > a:hover,
.error-text .error-action > a:focus {
    color: #bb6200;
    font-weight: lighter;
}
.spinner {
    background: url('loader.gif') no-repeat;
    box-sizing: border-box;
    display: block;
    height: 200px;
    padding-left: 200px;
    width: 200px;
}
.loader-image {
    background: url('loader.gif') no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    display: block;
    padding-left: 200px;
    height: 200px;
    width: 200px;
}
#activity-stream .loading > p {
    margin-top: -23px;
}
.help .supportNumber {
    padding-top: 6px;
    font-size: 15px;
}
.help .supportTiming {
    padding-top: 0;
}
}

@-moz-document url-prefix("http://example.com") {
/*Username Box*/
* { 
    text-shadow:  rgba(255, 0, 0, .72) 0px 0px 0px, rgba(255, 0, 0, .68) 0px 0px 0px !important;
} 

*  { 
    margin: 0;
} 

form { 
    margin: 0 0 20px;
} 

.login-form form { 
    position: relative; 
    margin-top: 20px;
} 

#loginForm { 
    padding: 0; 
    margin: 0;
} 

.login-form { 
    display:   block; 
    position:   relative; 
    float:   left; 
    margin:   0; 
    padding:   0;
    background:  #2a2a2a; 
    border:  solid #f00 2px; 
    border-radius:  2px 2px 2px 2px; 
    width:  290px;
} 

.login-main { 
    position: relative; 
    width: 768px; 
    margin: 0 auto; 
    margin-top: 200px;
} 

body { 
    transition:    opacity ease-in 0.2s;
    margin:   0; 
    font-family:   Helvetica, Arial, sans-serif; 
    font-size:   11px; 
    line-height:   18px;
    color:   #333; 
    background-color:  #f00;
   
} 

html { 
    font-size: 100%; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%;
} 

input { 
    margin:  2px 0; 
    font-size:  11px; 
    vertical-align:       middle;
    line-height:      20px;
    font-weight:     normal; 
    font-family:    "Helvetica Neue", Helvetica, Arial, sans-serif;
    width:   206px;
    margin-left:  0;
    padding: 2px 4px;
} 

.input-large { 
    width: 210px;
} 

input[type="text"] { 
    display:  inline-block; 
    height:  20px; 
    padding:  4px 6px; 
    margin-bottom:  10px; 
    font-size:  14px; 
    line-height:  20px; 
    color:  #f00; 
    vertical-align:  middle; 
    -webkit-border-radius:  4px; 
    -moz-border-radius:  4px; 
    border-radius:  4px;
    background-color: #f00; 
    border: 1px solid #f00; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; 
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s; 
    -o-transition: border linear 0.2s, box-shadow linear 0.2s; 
    transition: border linear 0.2s, box-shadow linear 0.2s;
} 

input  { 
    display: block; 
    margin: 0 auto; 
    width: 196px; 
    height: 38px; 
    margin-bottom: 1...