Pixelated skin for Edgenuity.
Pixelated Edgenuity Theme by california-gray
Details
Authorcalifornia-gray
LicenseNo License
Categoryuserstyle
Created
Updated
Size29 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 Pixelated Edgenuity Theme
@namespace USO Archive
@author California's Secret
@description `Edgenuity skin with animated pixel-art background. Overall layout more better looking. Added removal of "invis-o-div", which disables ansering during instructions.`
@version 2.1.1
@license CC0-1.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("r19.core.learn.edgenuity.com") {
.mainhead {
background: linear-gradient(325deg, rgba(0, 0, 0, .33), rgba(0, 0, 0, .33));
color: white !important;
box-shadow: none !important;
}
#files li .fileUploadInfo span,
#files li .fileUploadInfo i,
#files li .fileUploadInfo a {
font-weight: bold;
margin-left: 10px;
display: block;
float: left;
text-decoration: none;
font-family: serif;
border-bottom: 1px solid gray;
}
#main-nav-controls {
padding: 5px;
}
#buttonBar {
box-shadow: none !important;
background-image: none !important;
background-color: rgba(255, 255, 255, .5) !important;
border-color: gray !important;
}
#files li .icon-remove1 {
position: relative;
top: 57%;
margin-top: -10px;
float: left;
margin-left: 10px;
}
.fileUploadInfo i,
.fileUploadInfo span {
border: none !important
}
#files li .fileUploadInfo [class*="icon-"] {
top: 66%;
}
#viewer-frame {
width: 900px;
height: 550px;
}
#lessonInfo {
padding-top: 100px !important;
width: 900px !important;
}
#activity-status {
padding: 1px 3px 3px 3px !important;
color: #ffffffa8 !important;
border-radius: 4px;
}
.powerspeak-culturegrams iframe {
width: 706px;
overflow: scroll;
border: 2px solid gray;
padding: 5px;
background-color: rgb(240 248 255);
box-shadow: 0px 0px 5px 0px rgb(128 128 128 / 50%);
}
.powerspeak-culturegrams iframe:hover {
box-shadow: 0px 0px 5px 3px rgb(128 128 128);
border: 2px solid black;
}
BODY {
overflow: scroll;
height: auto;
width: auto !important;
}
::selection {
background: #1ee6ffa8;
color: slategray;
text-shadow: none;
}
.QuestionTextArea:focus-visible {
outline: 3px solid #4ac6da !important;
transform: scale(1.11);
background-color: rgb(211 211 211 / 11%);
transition-delay: 0.25s;
transition-duration: 0.75s;
transition-timing-function: ease-out;
border: none;
}
.ProgressLimit {
height: 15px;
width: 3px;
background-color: #ff0000;
position: absolute;
top: 15px;
left: 0;
border-radius: 10px;
}
.ScubBar {
height: 5px;
position: absolute;
top: 20px;
left: 10px;
right: 10px;
bottom: 18px;
background-color: black;
}
.Played:hover {
background: rgb(0 0 255);
border-radius: 2px;
height: 5px !important;
}
.Played:active {
background: rgb(0 0 255);
border-radius: 2px;
height: 5px;
}
.Played {
position: absolute;
top: 20px;
left: 10px;
right: 10px;
bottom: 18px;
border-radius: 0px;
background: rgb(255 0 0);
cursor: pointer;
height: 5px;
}
.Buffered {
position: absolute;
top: 18px;
left: 10px;
bottom: 18px;
background-repeat: repeat;
border-radius: 15px;
cursor: pointer;
display: none;
}
svg {
image-rendering: optimizeQuality !important;
}
.vcplayer .controls {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
border: none;
position: relative;
background-color: rgb(0 0 0 / 50%);
height: 47px;
background-image: none !important;
}
.vcplayer .controls:hover {
background-color: rgb(0 0 0 / 66%);
border-radius: 0px 0px 0px 0px;
}
.vcplayer .controls li.timer {
display: block;
width: 104px;
text-align: center;
height: 45px;
float: right;
padding: 10px 13px;
color: rgb(255 255 255 / 75%);
font-size: 15px;
border-right: 1px solid #0d0a07;
font-family: monospace;
}
input[type="text"]:focus {
box-shadow: 3px 3px black;
border: 3px solid #75cfbb;
}
button.overlay-attempt.overlay-attempt-clickable:hover {
box-shadow: 0px 0px 20px 0px rgb(140 205 78 / 33%);
border: none;
background-color: black;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
input[type="text" i]:focus {
box-shadow: 3px 3px black;
}
.title-bar {
background: none !important;
background-color: white !important;
}
input.uiinput[type="search"]:focus {
box-shadow: 5px 5px 0px 0px #3eb39e;
transform: scale3d(1.1, 1.1, 1.7);
}
.overlay-attempt-objectives-header {
color: orange;
font-weight: bold;
text-align: left;
font-family: sans-serif;
}
.overlay-attempt-review-enabled {
cursor: pointer;
}
.overlay-attempt-review-enabled:hover {
box-shadow: 7px 7px 5px rgb(0 0 0 / 25%);
transition-duration: 0.5s;
border: none;
background-color: black;
}
.overlay-attempt-objective {
display: block;
margin: 0;
padding: 0;
color: #fff;
font-size: 13px;
font-family: serif;
}
.overlay-attempt-expanded-open {
width: 515px;
left: 0;
visibility: visible;
transition: width 1s cubic-bezier(0.28, -0.49, 0.75, 1.39);
transition-delay: 0.25s;
}
.overlay-retake-message a {
color: orange;
}
.content {
height: auto !important;
}
#stageFrame {
border: 0px;
outline: 0px;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 10px;
}
h1 {
font-family: serif;
font-size: 26px;
display: table-cell;
vertical-align: middle;
color: #24769c;
}
.title-bar {
/* height: 50px; */
display: block;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
background: rgb(255 255 255 / 66%);
border-bottom: 1px solid rgb(0 0 0 / 25%);
}
.powerspeak-culturegrams iframe {
width: 706px;
overflow: scroll;
}
span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
background-image: url(https://cdn-icons-png.flaticon.com/512/106/106830.png);
background-size: contain;
}
.SettingsButton {
float: right;
width: 45px;
height: 45px;
background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/Windows_Settings_app_icon.png/1024px-Windows_Settings_app_icon.png) no-repeat;
background-position: 10px 10px;
cursor: pointer;
background-size: 25px;
filter: invert(0.75);
}
#frameArea {
position: relative;
background-color: rgba(255, 255, 255, .9) !important;
}
.title-bar {
display: block;
margin: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
background: rgba(255, 255, 255, .5) !important;
border-bottom: 1px solid black;
}
.iFrameContents {
height: 360px;
background-color: rgba(0, 0, 0, 0);
font-family: arial;
font-size: 15px;
position: relative;
overflow: hidden;
}
.tile {
padding: 5px !important;
text-align: center !important;
width: auto !important;
height: auto !important;
}
.notepad-form-advanced {
color: #00b0ff;
display: block;
margin: 0px;
padding: 0px;
font-weight: normal;
text-decoration: none;
cursor: pointer;
user-select: none;
box-shadow: 0px -7px 10px -5px rgb(0 0 0 / 64%) !important;
}
#notepad-title {
font-size: 15px;
font-weight: bold;
padding: 0px 10px 0px 10px;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
width: 100%;
box-shadow: 0px 10px 10px -10px rgb(0 0 0 / 64%) !important;
}
.mainhead a.nav-home:hover {
transition-duration: .5s;
transition-timing-function: cubic-bezier(0.12, -0.26, 1, 1.39);
filter: drop-shadow(0px 0px 5px white) invert(100%) !important;
}
.mainhead .head-nav > li > ul > li a:hover {
color: #000 !important;
background-color: #fff;
}
.mainhead .head-nav > li > ul > li {
display: block;
background: rgb(33 33 33 / 0%);
/* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
}
.mainhead .head-nav > li > ul {
margin-top: 6px;
width: auto;
background-color: rgb(0 0 0 / 50%);
}
.mainhead .head-nav {
border: none !important;
}
.cke_reset {
background: #eeeeed;
}
#srDiv {
float: left;
position: relative;
margin-top: 75px !important;
width: 558px;
height: 240px;
}
.Toolbar .FramesList li.FrameRight a {
-webkit-border-radius: 10px !important;
}
.Toolbar .FramesList li.FrameLeft a {
-webkit-border-radius: 10px !important;
}
em#frameProgress {
color: #FFFFFF !important;
font-weight: normal !important;
font-family: 'Montserrat' !important;
text-decoration: none !important;
background-color: rgb(0 0 0 / 33%);
padding: 5px;
border-radius: 10px 0px 10px 0px;
transition-delay: 0.25s;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.43, -0.21, 0.69, 1.29);
}
em#frameProgress:hover {
font-size: 18px;
background-color: white;
color: black !important;
font-weight: bolder !important;
}
.Toolbar .FramesList li.FrameLeft a {
background: url(https://r19.core.learn.edgenuity.com/ContentViewers/Resources/images/FrameChain/frame-left.png) 45% 54% no-repeat;
}
.ScrollBar__trackVertical {
right: 0px;
cursor: pointer;
bottom: 24px;
top: 0px;
width: 10px!important;
background: gray;
height: 100px !important;
}
.ScrollBar__downButton,
.ScrollBar__upButton {
display: none;
}
a.plainbtn.alt.orange.complete,
button.plainbtn.alt.orange.complete,
.plainbtn.alt.orange.complete {
background-color: #33333300;
}
a.plainbtn.alt.icon.yellow.gray.icon {
background-color: rgba(255, 255, 255, .66) !important;
border: 1px solid rgb(185, 185, 185);
}
.icon-lock-gray {
background-position: -70px -1544px;
}
li#\32 38995f2-c0f2-11e3-8d88-bc764e043e0c:hover {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0;
}
a.plainbtn.alt.gray.icon:hover {
background-color: #f8cb94;
transform: scaleY(1.1) scaleX(1.1);
}
div#timeRemainingContainer:hover {
transform: scale(1.075);
}
a.plainbtn.alt.icon.yellow.selected:hover {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
padding: 0;
b...