Skip to content

Snoepie Magister theme by Snoepie

Write a review Install Get Stylus

Details

AuthorSnoepie

LicenseCC-BY-SA-4.0

CategorySchool

Created

Updated

Size17 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

een leuk theam voor school

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         Rein's Magister theme
@namespace    USO Archive
@author       Rein F
@description  <a href=https://github.com/Gamerein/Reins-Magister-theme>Github page</a>  <br />  New style for magister including a changeable background image.  Hot to change settings:  1. refresh page  2. Click on advanced settings =>  3. Click on `update style`  4. profit
@version      20200323.23.10
@license      CC-BY-SA-4.0
@preprocessor uso
@advanced color main "Main" #2780E6
@advanced color second "Second(hover)" #1E63B3
@advanced color border "Border" #FFFFFF
@advanced dropdown bg "Background" {
    bg "Default*" <<<EOT https://raw.githubusercontent.com/Gamerein/Reins-Magister-theme/master/backgrounds/backgroundBlue.jpg EOT;

	bg-custom-dropdown "Custom" <<<EOT /*[[bg-custom]]*\/ EOT;
}
@advanced text bg-custom "Background (Custom)" "https://example.com/image.png"
==/UserStyle== */
@-moz-document domain('magister.net') {  

/*Warning: may not be the newest update*/
/*user settings*/
:root{
   --background: url("/*[[bg]]*/");
  /*replace with image url, must be direct!*/
  /* these colors can be changed!*/
  --button-color: /*[[main]]*/; 
  --button-hover: /*[[second]]*/;
  --border-color: /*[[border]]*/;
}
/* goto https://www.w3schools.com/colors/colors_picker.asp to get color codes*/

/*Warning: this version can be behind check https://github.com/Gamerein/Reins-Magister-theme/edit/master/r-magister for the latest update*/
 
 /*new login*/

.col-xs-12.col-sm-6.challenge-container {
    position: relative;
    right: 25%;
    text-align: center;
}
button.primary-button.ripple {
    background-color: var(--button-color);
    animation: pulse 2s infinite;
}
button.primary-button.ripple:hover {
    background-color: var(--button-hover);
    color: #6ddf6d;
    transition: all 0.3s ease-in-out 0s;
    animation: pulse 2s infinite;
}
path {
    fill: var(--border-color);
}
label.placeholder {
    color: var(--button-color) !important;
}
.podium > .header {
    border-bottom: none;
}
.podium >.header > div.header__tenant.ng-scope {
    border-bottom: none;
    text-decoration: underline;
}
p.header__tenant-title.ng-binding {
    margin-right: 0px;
    text-align: center;
}
input#password {
    font-size: 25px;
    letter-spacing: 1px;
}
input {
    color: var(--button-hover);
    font-weight: bold;
    font-family: Arial;
}
.container-fluid.app-container {
    color: #6ddf6d;
    background-color: rgba(199, 4, 27, .98);
}
.row.row-no-padding {
    background-color: transparent;
}
.splash {
    background-image: none;
    background-color: transparent;
}
.password__eye-icon {
    fill: var(--button-color);
}
.col-xs-12.col-sm-6.challenge-container > .logo {
    visibility: hidden;
}
/*end of new login*/

body {
    background-image: var(--background) !important;
    background-color: var(--button-color);
    background-size: cover;
    background-repeat: no-repeat;
}
.header-user img {
    border-radius: 5px;
}
.header-user:hover {
    background-color: rgba(255, 255, 255, 0.0) !important;
}
span#btn-user-settings:hover::before {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
.logoff:hover {
    background-color: rgba(255, 255, 255, 0.0) !important;
}
.asideTrigger.trigger-btn {
    border-left: 0px solid var(--border-color) !important;
}
span.text-icon {
    background-color: #db0000 !important;
}
span.text-icon.ng-scope {
    background-color: #e00;
}
aside .asideTrigger:after {
    border-color: var(--button-hover) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) !important;
}
li.ng-scope.asideTrigger.active a.ng-binding {
    background-color: var(--button-hover) !important;
}
.icon-logo {
    position: relative;
    bottom: 3px;
}
.logo > a {
    border: 0px solid var(--border-color) !important;
}
.logo {
    padding: 0px 5px;
    line-height: 40px !important;
    box-sizing: border-box;
    height: 40px;
}
.logo:hover {
    background-color: var(--button-color);
    border-radius: 5px;
}
.icon-recyclebin {
    position: relative;
    bottom: 5px
}
.icon-plus {
    position: relative;
    bottom: 5px
}
.header a {
    border-left: 2px solid var(--border-color);
}
.header {
    background-color: rgba(51, 51, 51, 0.0);
    border-bottom: 2px solid var(--border-color);
}
.menu > ul {
    margin-top: 0px;
    box-sizing: border-box;
    padding-top: 40px;
    border-top: 0px solid var(--border-color);
    width: 40px;
}
.message-content.ng-binding.ng-scope > p {
    background-color: #0f1 !important;
    color: #02ff2c !important;
}
.menu {
    top: 18px;
    border-radius: 5px;
    background-color: rgba(51, 51, 51, 0.0) !important;
}
.master-view {
    padding-left: 41px !important;
    background-image: var(--background);
    background-size: cover;
}
.endlink a:hover {
    background-color: var(--button-hover);
}
.endlink a {
    color: #0adae3 !important;
    text-decoration: none !important;
    background-color: var(--button-color);
    border-radius: 10px;
    line-height: 60px;
    padding-left: 8px;
    height:60px;
    position: relative;
    top: 5px;
    right: 5px;
}
.endlink {
    background-color: rgba(51, 51, 51, 0.3);
}
.block {
    background-color: rgba(51, 51, 51, 0.3);
    border: 2px solid var(--border-color);
    border-radius: 5px;
}
.head-bar {
    background-color: rgba(170, 5, 5, .93);
    border-bottom: 2px solid var(--border-hover);
}
.head-bar div > a {
    border-left: 0px !important;
    background-color: var(--button-color);
    border-radius: 10px;
    line-height: 30px;
    padding-left: 8px;
    height: 30px;
    position: relative;
    top: 5px;
    right: 5px;
}
.head-bar div > a:hover {
    background-color: var(--button-hover) !important;
    background: none;
}
.icon-pencil {
    position: relative;
    bottom: 5px;
}
.content-container {
    background-color: rgba(0, 0, 0, 0);
    background-image: none !important;
    border: 2px solid var(--border-color);
}
b {
    font-family: "Arial Black";
    color: #00f3ff;
}
.msg-list .unread {
    font-weight: normal;
    border-left: 4px solid #05ace7;
}
.widget .agenda-list li.alert span.time:before {
    color: #000 !Important;
}
.widget .agenda-list li.alert span.time:after {
    color: #000 !Important;
}
.alert {
    border-left: 4px solid #000;
    background-color: #007cf6 !important;
}
.alert span.nrblock {
    background-color: #000;
}
.block h3 .icon-back:before {
    color: var(--button-color);
}
#cijfers-leerling .last-grade {
    background-color: var(--button-color);
}
#afsprakenlijst-container .today:before {
    margin-right: 3px;
    box-sizing: border-box;
    content: "Vandaag";
    color: #be2f37;
    background-color: var(--button-hover);
    padding: 3px 5px;
    border-radius: 10px;
}
#afsprakenlijst-container .today {
    color: #fc0000 !important;
}
p.ng-binding {
    background-color: var(--button-color);
    color: #FFF !important;
    border-radius: 10px;
    font-family: monospace
}
.ng-binding > p {
    padding: 4px !important;
    color: #FFF !important;
    border-radius: 10px;
    font-family: monospace;
}
.toast em {
    display: none;
}
.alert-toast span {
    font-size: 30px;
    line-height: 30px;
}
.alert-toast:hover {
    font-size: 30px;
    border: 2px solid #d00005;
}
.toast .glyph:before,
div.splash:before {
    display: none;
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 #0096db;
        box-shadow: 0 0 0 0 var(--button-hover);
    }
    20% {
        -moz-box-shadow: 0 0 0 10px rgba(64, 64, 64, 0);
        box-shadow: 0 0 0 15px rgba(64, 64, 64, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(64, 64, 64, 0);
        box-shadow: 0 0 0 0 rgba(64, 64, 64, 0);
    }
}
@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
/*cijfers*/

.cijfers-k-grid.k-grid .grade.gemiddeldecolumn.insufficient {
    background-color: #ff4d4d !important;
    color: #f00!important;
}
.cijfers-k-grid.k-grid .grade.gemiddeldecolumn {
    background-color: #6ddf6d !important;
}
.cijfers-k-grid.k-grid .k-selectable .k-state-selected .grade {
    box-shadow: inset 0 0 0 1px #0066ff !important;
}
/* end of cijfers*/
/*6/9 grote transparantie update in agenda en afsprakenlijst*/
/*laatste cijfer window*/

.list.arrow-list > li,
#vandaag-container .grade-widget ul {
    background: rgba(235, 0, 102, .92);
}
.content {
    background-color: transparent !important;
}
.widget li a {
    color: white !important;
}
.widget li {
    background-color: rgba(255, 255, 255, 0.1);
}
.widget li:hover,
.alert a:hover {
    background-color: rgba(255, 255, 255, 0.6) !important;
    transition: background-color .7s ease;
}
li.alert {
    background-color: rgba(255, 255, 255, 0.4) !important;
    border-left: 4px solid #fff;
}
.widget .agenda-list li.alert span.time:before,
.widget .agenda-list li.alert span.time:after {
    color: white !important;
}
.widget span.nrblock {
    background-color: white;
    color: #000;
}
.alert span.nrblock {
    color: black;
    background-color: white !important;
}
/*in bijv huiswerk*/

.comment.ng-binding,
.attachment-bar:before {
    color: #fff;
}
/*afsprakenlijst*/

.sm-grid.k-grid .k-grid-content tbody,
.sm-grid.k-grid .k-grid-content,
.k-widget,
.afsprakenlijst-container .main > .content-container {
    background: transparent;
}
.sm-grid.k-grid .k-grid-content tr {
    transition: background-color .7s ease;
    background: rgba(255...

Reviews

No reviews yet.