A visual upgrade to accommodate dark aesthetic for the CARES portal
CARES - dark_personal_use_only by faisalsarosh
Details
Authorfaisalsarosh
LicenseNo License
CategoryCARES
Created
Updated
Size38 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 - dark (CHROME)
@namespace cares.360training.com
@version 2.0.0
@description A visual upgrade to accommodate dark aesthetic 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:June18,2021*/
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") {
/*To set color for result*/
#ctl00_CphMain_lblMessage{
color: #00bf00 !important;
}
#ctl00_CphMain_lblEnrollmentMessage{
color: #00bf00 !important;
}
}
@-moz-document url-prefix("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*/
/* latin */
@font-face {
font-family: 'Fira Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/firasans/v11/va9E4kDNxMZdWfMOD5Vvl4jL.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;
}
/*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 1px 1px rgba(0,0,0,0.1);
line-height: 1;
font-family: 'Fira Sans','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: 'Fira Sans','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/////*/
#ctl00_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;
}
#ctl00_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:rgba(0, 0, 0, .5);
/*background-image: linear-gradient(45deg,rgba(39,178,188,.05),rgba(120,177,66,.2),rgba(254,189,23,.08));*/
}
div.card,
.modal-body,
.modal-header,
.modal-footer
{
background:#000c;
}
#CphMain_divStudentCourses > div{
background:#000c;
}
/*/////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)
{
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))
}
#ctl00_CphMain_grdStudentCourseSearch1_ctl02_trResetAllAttempts,
#CphMain_grdStudentCourseSearch1_trResetAllAttempts_0,
.searchResultBlock8NoOverFlow
{
background: #ffffffab;
text-align: center;
font-family: 'Fira Sans',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_grdSelectedCRFDetails_0 > tbody{
background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
}
#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 > ...