Better UI upgrade for the CARES portal
CARES - light_personal_use_only by faisalsarosh
Details
Authorfaisalsarosh
LicenseNo License
Categorycares.com
Created
Updated
Size37 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name CARES - Light UI (CHROME)
@namespace cares.360training.com
@version 2.0.1
@description A visual upgrade to accommodate better UI for the CARES portal
@author Faisal Sarosh
==/UserStyle== */
@-moz-document url("https://cares.360training.com/login.aspx"), url-prefix("https://cares.360training.com/login.aspx?ReturnUrl=") {
/*CARES_login screen style - modified:June-2023*/
body {
background:#2d1201d4
url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHj2s2qieWfY32hR9k2cvmvpwu9mYLn2cFjQ&usqp=CAU);background-blend-mode:multiply;
}
.card-body{
background-image: linear-gradient(45deg, #8baaaa 2%, #ae8b9c 100%) !important;
box-shadow: 5px 10px 60px #000 !important;
}
}
@-moz-document url-prefix("https://cares.360training.com/StudentAssessmentDetails.aspx"), url-prefix("https://cares.360training.com/SearchStudentDetails.aspx"), url-prefix("https://cares.360training.com/GetEnrollmentJurisdictionInfo.aspx"), url-prefix("https://cares.360training.com/TransferEnrollmentToAnotherLearner.aspx"), url-prefix("https://cares.360training.com/ReviewResetDetails.aspx"), url-prefix("https://cares.360training.com/ViewAssessmentDetails.aspx"), url-prefix("https://cares.360training.com/MarkCompletion.aspx")
{
/*To set color for result*/
#ctl00_CphMain_lblMessage{
color: #00bf00 !important;
text-shadow: 0px .5px 0px #1d6b00 !important;
}
#ctl00_CphMain_lblEnrollmentMessage{
color: #00bf00 !important;
text-shadow: 0px .5px 0px #1d6b00 !important;
}
}
@-moz-document url("https://cares.360training.com/StudentAssessmentDetails.aspx") {
/*Reset Course Assessment Attempts*/
/*LOCKED OUT ASSESSMENT DETAILS*/
td.TimeAttendedAD,
td.ScoreAD
{
padding-left: 10px;
}
td.QuestionsAnsweredAD{
padding-left: 10px;
}
td.LockOutReasonAD{
padding-left: 20px;
}
td.ResetAttemptAD{
padding-left: 8px;
}
td.DetailsAD
{
padding-left: 50px;
}
#ctl00_CphMain_grdStudentCourseSearch1_grdAssessmentDetails1_0_lnkBtnViewAssessmentDetails_0,
#ctl00_CphMain_grdStudentCourseSearch1_grdAssessmentDetails1_0_lnkBtnViewAssessmentDetails_1{
font-size: 13px;
}
td.TypeAndAttemptNoAD{
padding-left: 65px !important;
}
td.DateAttemptedAD
{
padding-left: 18px !important;
}
.row_1,
.row_2{
font-size: 85%;
}
.row_1 > td:nth-child(2),
.row_2 > td:nth-child(2){
padding-left: 40px !important;
}
.row_1 > td:nth-child(3),
.row_2 > td:nth-child(3){
padding-left: 20px !important;
}
.row_1 > td:nth-child(4),
.row_2 > td:nth-child(4){
padding-left: 50px !important;
}
.row_1 > td:nth-child(5),
.row_2 > td:nth-child(5){
padding-left: 70px !important;
}
.row_1 > td:nth-child(6),
.row_2 > td:nth-child(6){
padding-left: 125px !important;
}
.row_1 > td:nth-child(7),
.row_2 > td:nth-child(7){
padding-left: 108px !important;
}
.row_1 > td:nth-child(8),
.row_2 > td:nth-child(8){
padding-left: 50px !important;
}
.row_1 > td:nth-child(9),
.row_2 > td:nth-child(9){
padding-left: 85px !important;
}
}
@-moz-document url-prefix("https://cares.360training.com/ResetQuizAttempts.aspx") {
#CphMain_grdSearchResult > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(6) {
width: 100% !important;
}
}
@-moz-document url("https://cares.360training.com/ResetQuizAttempts.aspx"), url("https://cares.360training.com/ResetPostAssessmentAttempts.aspx") {
div.d-flex:nth-child(3){
height: 0% !important;
}
}
@-moz-document url-prefix("https://cares") {
/*Applies_to_the_whole_CARES_portal*/
/*Roboto*/
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*Open Sans*/
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*Source Sans Pro*/
@font-face {
font-family: 'SourceSansPro';
src: url(https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2);
}
/* Prompt Font */
@font-face {font-family: 'Prompt'; src: local('Prompt SemiBold'), local('Prompt-SemiBold'), url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cv_4IaWMuUZctdg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Barlow Font */
@font-face {font-family: 'Barlow';src: local('Barlow Regular'), local('Barlow-Regular'), url(https://fonts.gstatic.com/s/barlow/v4/7cHpv4kjgoGqM7E_DMs5ynghnQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body,
input
{
/*text-shadow: 0px 0px 1px #686868;*/
text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
line-height: 1;
font-family: 'SourceSansPro','Roboto' !important;
}
html
{
position:relative;
min-height:99.63%;
}
body {
background:#2d1201d4 /*url(https://www.toptal.com/designers/subtlepatterns/patterns/purty_wood.png);
background-blend-mode:luminosity;*/
url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHj2s2qieWfY32hR9k2cvmvpwu9mYLn2cFjQ&usqp=CAU);background-blend-mode:multiply;
/*margin-bottom:100px;*/
margin-bottom:10px;
font-family: 'Roboto',sans-serif;
}
/*/////tweaks for IS APPROVAL ACTIVE ////*/
#CphMain_grdSearchResult_grdCourseApprovalDetails_0 > tbody:nth-child(1) > tr > td > table > tbody > tr > td:nth-child(5)
{
font-size:120%;
font-family: verdana;
font-style: italic;
color: red;
}
/*/////SPINER/////*/
#CphMain_upgSearch > div:nth-child(1) > div:nth-child(1) > img:nth-child(1)
{
margin:-12px;
background: #0000 url("https://www.360training.com/wcsstore/AuroraStorefrontAssetStore/images/snake-loader-2.svg") no-repeat center center;
}
#CphMain_lblEnrollmentMessage
{
color:#35c400 !important;
}
/*////SHADOWS///*/
.card
{
box-shadow:2px 2px 5px 0 rgba(0, 0, 0, .5);
/*box-shadow:inset 0 0 0 1000px rgba(166, 105, 0, .2);*/
}
/*////background gradiants///*/
#CphMain_Div2 > div,
#CphMain_lmsLearnerSearchBlock
{
box-shadow:2px 2px 5px 0 rgba(0, 0, 0, .5);
/*box-shadow:inset 0 0 0 1000px rgba(166, 105, 0, .2);*/
background:#eeeeee;
/*background-image: linear-gradient(45deg,rgba(39,178,188,.05),rgba(120,177,66,.2),rgba(254,189,23,.08));*/
}
div.card
{
background:#f6f6f6;
}
#CphMain_divStudentCourses > div{
background:#eeeeee;
}
/*/////tweaks for Student Course Details section////*/
#CphMain_grdSearchResultBasicWithCRF_grdCourseApprovalDetailsBasicWithCRF_0 > tbody > tr > td > table:nth-child(1) > tbody > tr > td:nth-child(5),
#CphMain_grdSearchResultBasicWithCRF_grdSelectedCourseApprovalDetailsBasicWithCRF_0 > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(5),
div.form-group:nth-child(1) > span:nth-child(2),
div.form-group:nth-child(2) > span:nth-child(2),
div.form-group:nth-child(3) > span:nth-child(2),
div.form-group:nth-child(4) > span:nth-child(2),
div.form-group:nth-child(5) > span:nth-child(2)
{
color: #e65800;
font-weight:500;
}
/* /////FOR LOCK OUT ASSESMENT DETAILS///// */
.FixedHeaderNoPositionNoWidth
{
background: linear-gradient(90deg,rgba(255, 255, 255, .5),rgba(255, 255, 255, .5),rgba(255, 255, 255, .5))
}
#CphMain_grdStudentCourseSearch1_trResetAllAttempts_0,
.searchResultBlock8NoOverFlow
{
background: #ffffffab;
text-align: center;
font-family: Roboto;
font-size: 100%;
}
.myHd2{
background: #FFF;
text-align: center;
}
/* For Selected Course Approval Details */
#CphMain_grdSearchResultBasicWithCRF_grdSelectedCourseApprovalDetailsBasicWithCRF_0,
#CphMain_grdSearchResult_grdCourseApprovalDetails_0 > tbody
{
border-top: 10px ridge rgba(0, 153, 0, .6);
border-bottom: 10px ridge rgba(0, 153, 0, .6);
}
#CphMain_grdSearchResultBasicWithCRF_divSelectedCourseApprovalBlockBasicWithCRF_0 > div:nth-child(1) > div:nth-child(1) > h4:nth-child(1),
#CphMain_grdSearchResult_divCourseApprovalBlock_0 > div:nth-child(1) > div:nth-child(1) > h4:nth-child(1)
{
color: rgba(0, 153, 0, .7);
}
#CphMain_grdSearchResultBasicWithCRF_divSelectedCourseApprovalBlockBasicWithCRF_0 > div:nth-child(1),
#CphMain_grdSearchResultBasicWithCRF_grdSelectedCourseApprovalDetailsBasicWithCRF_0 > tbody:nth-child(1) > tr:nth-child(1),
#CphMain_grdSearchResultBasicWithCRF_grdSelectedCourseApprovalDetailsBasicWithCRF_0_grdCRFDetails_0 > tbody:nth-child(1) > tr,
#CphMain_grdSearchResult_grdCourseApprovalDetails_0 > tbody:nth-child(1) > tr:nth-child(1),
#CphMain_grdSearchResult_grdCourseApprovalDetails_0 > tbody > tr,
#CphMain_grdSearchResult_grdCourseApprovalDetails_0 > tbody
{
background-image: linear-gradient(#00ff0400, #00ff0400,rgba(163, 255, 95, .26));
}
/*////borders between course approvals///*/
#CphMain_grdSearchResult_grdCourseApprovalDetails_0 > tbody:nth-child(1) > tr
{
border-bottom: 6px solid rgba(230, 88, 0, .5);
}
#CphMain_grdSearchResultBasicWithCRF_grdCourseApprovalDetailsBasicWithCRF_0 > tbody > tr
{
border-top...