APEC LMS Userstyle for the newest update ( I cannot access my previous account due to OAuth being disabled.)
APEC V2 by leon
Details
Authorleon
LicenseNo License
Categorylms.apecschools.edu.ph
Created
Updated
Size36 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
OA has no been changed.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name APEC V2
@namespace github.com/openstyles/stylus
@version 1.0.0
@description APEC LMS Userstyle for the newest update ( I cannot access my previous account due to OAuth being disabled.)
@author Leon
==/UserStyle== */
@-moz-document domain("lms.apecschools.edu.ph") {
/**APEC Homepage**/
.preloader {
background-color: #121212;
background-image: url(https://lms.apecschools.edu.ph/theme/edumy/images/preloader.gif);
background-position: center center;
background-repeat: no-repeat;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
}
.border {
border: 1px solid #dee2e600!important;
}
.bg-white {
background-color: #fff0!important;
}
.bg-light {
background-color: #2a2a2a!important;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #2a2a2a;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0.5rem;
}
/** Text Colors **/
.h1,
h1 {
color: #fff;
}
.h2,
h2 {
color: #fff
}
.h3,
h3 {
color: #fff;
}
.h4,
h4 {
color: #fff;
}
.h5,
h5 {
color: #fff;
}
.h6,
h6 {
font-size: 12px;
color: #fff;
}
.c0 {
color: #fff;
}
.c1 {
color: #fff;
}
.c2 {
color: #fff;
}
.c3 {
color: #fff;
}
────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────/** Buttons **/
.btn-primary {
background-color: #c38fff;
border: 2px solid #bb86fc;
color: #fff;
}
.btn-primary:hover,
.btn-primary:hover,
.btn-primary:hover {
background-color: transparent;
border-color: #bb86fc;
color: #fff;
}
dashboard_main_content .btn-secondary,
.dashboard_main_content .btn:not(.btn-link) {
color: #212529;
background-color: #03dac5;
border-color: #03dac5;
border-radius: 10px;
}
dashboard_main_content .btn-secondary:hover,
.dashboard_main_content .btn:not(.btn-link):hover {
color: #212529;
background-color: #00b3a6;
border-color: #01a299;
}
.btn-secondary:not(:disabled):not(.disabled):active {
color: #fff;
background-color: #00b3a6;
border-color: #01a299;
}
.btn-secondary:focus,
.btn-secondary.focus {
color: #fff;
background-color: #00b3a6;
border-color: #01a299;
box-shadow: 0 0 0 0.2rem rgb(180 186 191 / 50%);
}
.fp-viewbar:not(.disabled) a.checked {
background-color: #03dac5;
color: #212529;
border-color: #00b3a6;
}
.btn-secondary:focus,
.btn-secondary.focus {
outline: 0.2rem solid #121212;
box-shadow: inset 0 0 0 2px #fff;
}
.scrollToHome {
bottom: 15px;
color: #ffffff!important;
display: none;
font-size: 18px;
padding: 0 11px;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
background: #c38fff;
position: fixed;
right: 20px;
text-align: center;
z-index: 99999;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.btn-thm {
background-color: #c38fff;
border: 2px solid #c38fff;
border-radius: 5px;
color: #fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-thm:hover,
.btn-thm:active,
.btn-thm:focus {
background-color: transparent!important;
border-color: #bb86fc;
color: #c38fff;
}
.btn-thm.rounded {
background-color: #c38fff;
border-radius: 5px;
color: #fff;
}
.btn-thm2 {
background-color: #c38fff;
border-color: #c38fff;
color: #fff;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-thm2:hover,
.btn-thm2:active,
.btn-thm2:focus {
background-color: #bb86fc;
border-color: #a445b5;
color: #fff;
}
.btn-thm3 {
background-color: #c38fff;
border: 2px solid #bb86fc;
border: none;
color: #fff;
border-radius: 0;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.btn-thm3:hover,
.btn-thm3:active,
.btn-thm3:focus {
background-color: #fff;
border-color: #bb86fc;
color: #c38fff;
}
.aabtn {
color: #dee2e6;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.aabtn:hover,
.aabtn:focus {
color: #c38fff;
text-decoration: none;
outline: none;
}
────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────/** Session Reminder **/
.modal:not(.sign_up_modal) .modal-dialog .modal-header {
background-image: -moz-linear-gradient(0deg, #0B4471 0%, #0B4471 100%);
background-image: -webkit-linear-gradient(0deg, #121212 50%, #3f3f3f 100%);
background-image: -ms-linear-gradient(0deg, #0B4471 0%, #0B4471 100%);
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
position: sticky;
left: 0;
right: 0;
z-index: 9999;
padding: 22px 25px;
}
.modal:not(.sign_up_modal) .modal-dialog .modal-header {
background-image: -moz-linear-gradient(0deg, #121212 50%, #3f3f3f 100%);
background-image: -webkit-linear-gradient(0deg, #121212 50%, #3f3f3f 100%);
background-image: -ms-linear-gradient(0deg, #121212 50%, #3f3f3f 100%);
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
position: sticky;
left: 0;
right: 0;
z-index: 9999;
padding: 22px 25px;
}
.modal:not(.sign_up_modal) .modal-dialog .modal-content .modal-body {
padding-top: 20px;
color: #fff;
}
.modal:not(.sign_up_modal) .modal-dialog .modal-content {
border: 0!important;
background-color: #1a1a1a!important;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #3f3f3f;
border-top-left-radius: calc(0.6rem - 1px);
border-top-right-radius: calc(0.6rem - 1px);
}
.modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #3f3f3f;
border-bottom-right-radius: calc(0.6rem - 1px);
border-bottom-left-radius: calc(0.6rem - 1px);
}
/** Navigation **/
.header_user_notif li.user_setting .dropdown-menu .user_setting_content a:hover,
.header_user_notif li.user_setting .dropdown-menu .user_setting_content .no-action:hover {
color: #c38fff;
padding-left: 12px;
}
────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────/** Login **/
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #1a1a1a;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 0.6rem;
outline: 0;
}
.sign_up_modal .modal-header {
background-color: #03dac5;
border-radius: 50%;
border: none;
height: 50px;
position: absolute;
right: -20px;
text-align: center;
top: -20px;
width: 50px;
}
.sign_up_modal .modal-header button.close span {
color: rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);
}
.inner_page_breadcrumb:before {
content: "";
background-image: -moz-linear-gradient(135deg, #0B4471 0%, #0B4471 100%);
background-image: -webkit-linear-gradient(135deg, #0b447100 0%, #121212 100%);
background-image: -ms-linear-gradient(135deg, #0B4471 0%, #0B4471 100%);
height: 100%;
left: 0;
opacity: .8;
position: absolute;
right: 0;
top: 0;
}
.path-login .inner_page_breadcrumb {
background-image: url(https://media.discordapp.net/attachments/948092386930753590/1037647477840543874/adb-header-bg.png);
}
.menu_style_home_one.stricky-fixed {
background-color: #1f1f1f;
-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
-ms-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
-o-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand span,
header.header-nav.menu_style_home_one.stricky-fixed .sign_up_btn .btn,
header.header-nav.menu_style_home_one.stricky-fixed #search-button i {
color: #fff;
}
.bgc-fa {
background-color: #121212!important;
}
.login_form .btn-fpswd {
color: #c38fff;
font-size: 14px;
...