Classroom, refreshed.
classroom.css by bomberfish
Details
Authorbomberfish
LicenseGPL v3
Categoryclassroom.google.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 classroom.css
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Classroom, refreshed.
@author BomberFish Industries
==/UserStyle== */
@-moz-document domain("classroom.google.com") {
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500;8..144,600;8..144,700;8..144,800;8..144,900;8..144,1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
--header-font: "Google Sans", "Product Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
--body-font: "Roboto Flex", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
color: rgb(0, 0, 0);
font-family: var(--body-font);
}
*:not(.gb_Oe,
.gb_Qe,
.gHz6xd),
:not(.gb_Oe,
.gb_Qe,
.gHz6xd):hover,
:not(.gb_Oe,
.gb_Qe,
.gHz6xd):active,
:not(.gb_Oe,
.gb_Qe,
.gHz6xd):focus {
transition: 0.35s cubic-bezier(0.5, 0, 0.3, 1)!important;
}
c-wiz,
.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-to915-LgbsSe.ndfHFb-c4YZDc-LgbsSe,
.qhnNic,
.d4Fe0d,
.WpHeLc,
.Ufn6O,
.VfPpkd-fmcmS-yrriRe,
.gHz6xd,
.GWZ7yf,
.CG2qQ,
.CG2qQ > *,
.v9TZ3c,
.o9PFZd,
.l3F1ye,
.WpHeLc,
.jWCzBe,
.jgvuAb,
.BdCNc,
.VfPpkd-fmcmS-yrriRe,
.VfPpkd-NSFCdd-i5vt6e,
.Ufn6O,
.picker-dialog,
.picker-dialog-content,
.orScbe,
.VfPpkd-fmcmS-yrriRe-OWXEXe-mWPk3d,
.IrxBzb,
.uArJ5e,
.Aopndd,
.iewtrc,
.iewtrc > *,
.iewtrc > * > *,
.szQHbe,
.szQHbe > div,
.szQHbe > *,
.szQHbe > * > *,
.ettIx,
.LZqXdf,
.OA0qNb,
.ndfHFb-c4YZDc-q77wGc,
.VfPpkd-dgl2Hf-ppHlrf-sM5MNb,
.VfPpkd-LgbsSe,
.VfPpkd-Jh9lGc,
.gb_Qe,
.gb_Wd > div:nth-child(3) > iframe:nth-child(1) {
border-radius: 1.4rem!important;
}
.SZ0kZe {
border: none!important;
}
.x0HGk {
padding: 5px;
padding-right: 0px;
}
.mAeA1 img {
border-radius: 5px;
}
.bKJwEd {
white-space: pre-line;
}
.Aopndd {
transform: scale(1)!important;
}
.gb_Qe,
.gb_Oe,
.VfPpkd-suEOdc,
.VfPpkd-z59Tgd,
.A6dC2c,
.z3vRcc,
span.NPEfkd,
.jO7h3c {
font-family: var(--header-font);
font-weight: 500!important;
letter-spacing: unset !important;
}
.IqJTee,
.rec5Nb,
.kRYv9b {
font-family: var(--header-font);
}
/*<div jscontroller="HmEm0" jsaction="BfpAHf:TCTP9d;Nwyqre:DsZxZc; transitionend:e204de;SemCgb:.CLIENT" id="tt-c1-visible-label" class="VfPpkd-suEOdc EY8ABd VfPpkd-suEOdc-OWXEXe-TSZdd" style="top: 59.9842px; left: 739.316px;"><div class="VfPpkd-z59Tgd VfPpkd-z59Tgd-OiiCO" style="transform-origin: center top;">Join class</div></div>*/
.t2wIBc,
.r0VQac {
border-radius: 1rem!important
}
.gb_Oe,
.VfPpkd-z59Tgd {
background: rgba(12, 12, 12, 1)!important;
border-radius: 0.5rem!important
}
[role="menu"] {
border-radius: 0 0.9rem 0.9rem 0!important
}
/*.wZTANe,
.wZTANe > a {
border-radius: 0.75rem 0.75rem 0 0!important;
}*/
.wZTANe > a {
padding: 0 1.4rem 0 1.4rem!important;
}
.LhKRUe:not(.D0cJPb),
.tH9B6c {
border-radius: 0 0 1.4rem 1.4rem!important
}
.D0cJPb {
border-radius: 1.2rem!important;
}
/*
.PFLqgc,
.OjOEXb,
.AxPfNe {
filter: blur(3px)
}
*/
.Aopndd:not(.r0VQac),
.d4Fe0d {
border-width: 0px!important;
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
nav:not(.kLHn3) {
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
#yDmH0d > div.ndfHFb-c4YZDc.ndfHFb-c4YZDc-AHmuwe-Hr88gd-OWB6Me.ndfHFb-c4YZDc-vyDMJf-aZ2wEe.ndfHFb-c4YZDc-i5oIFb.ndfHFb-c4YZDc-TSZdd > div.ndfHFb-c4YZDc-K9a4Re > div.ndfHFb-c4YZDc-q77wGc > div.ndfHFb-c4YZDc-DARUcf-NnAfwf-i5oIFb > div.ndfHFb-c4YZDc-DARUcf-NnAfwf-cQYSPc {
font-weight: bold;
}
.rpo4wf-J3yWx {
font-weight: 500
}
h1,
h2,
h3,
.IqJTee,
.IqJTee::before,
.A6dC2c,
.z3vRcc-ZoZQ1,
#UGb2Qe {
font-family: var(--header-font);
font-weight: 500!important;
}
.IqJTee {
color: #5f6368;
}
.YrFhrf-ZoZQ1,
.oBSRLe,
.A6dC2c,
.NPEfkd {
font-weight: 600!important
}
#yDmH0d > c-wiz > div > div > div > div > div:nth-child(2) > div.ZjaQW > div.sYP7qe > div.UTWGce {
font-family: var(--header-font);
}
#kO001e > div.QRiHXd > div.FXKA9c > div > h1 > div > img,
#kO001e > div.QRiHXd > div.FXKA9c > div > h1 > div > img:hover {
transition: filter 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
#kO001e > div.QRiHXd > div.FXKA9c > div > h1 > div > img {
filter: brightness(0) saturate(100%) invert(39%) sepia(2%) saturate(1511%) hue-rotate(174deg) brightness(93%) contrast(82%);
}
#kO001e > div.QRiHXd > div.FXKA9c > div > h1 > div > img:hover {
filter: none;
}
.bNpzdf,
.G1kKid {
animation-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
[role="navigation"],
.ETRkCe {
background: rgba(255, 255, 255, 1)!important;
}
.BnYgFe {
background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent .5625rem, rgba(255, 255, 255, .3) .5625rem, rgba(255, 255, 255, .3) .625rem);
background-image: repeating-linear-gradient(135deg, transparent, transparent .5625rem, rgba(255, 255, 255, .3) .5625rem, rgba(255, 255, 255, .3) .625rem);
transform: rotateZ(-15deg);
}
.BnYgFe {
animation: move 15s linear 0s infinite normal;
}
@supports (backdrop-filter: blur(25px)) or (-webkit-backdrop-filter: blur(25px)) or (-moz-backdrop-filter: blur(25px)) {
[role="navigation"],
.ETRkCe {
background: rgba(255, 255, 255, 0.8)!important;
backdrop-filter: blur(25px);
-webkit-backdrop-filter: blur(25px);
-moz-backdrop-filter: blur(25px)
}
.z3vRcc {
background: transparent
}
.fFW7wc,
.ndfHFb-c4YZDc-q77wGc,
.NBxL9e,
.yb5d6c-xJ5Hnf,
.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-bnBfGc {
transition: backdrop-filter 0.35s cubic-bezier(0.5, 0, 0.3, 1)!important;
opacity: 1 !important;
background-color: rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
-moz-backdrop-filter: blur(5px);
}
.onkcGd {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
-moz-backdrop-filter: blur(3px);
}
.Aopndd:hover > div > .R4EiSb > .onkcGd,
.Aopndd:hover > div > .R4EiSb > .prWPdf {
backdrop-filter: none;
}
.picker-dialog-content,
.picker-dialog,
.fFW7wc.XKSfm-Sx9Kwc-bN97Pc {
background: transparent !important;
backdrop-filter: none!important
}
.ndfHFb-c4YZDc-i5oIFb .ndfHFb-c4YZDc-Wrql6b {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #191919;
}
/* nav bar */
.joJglb {
border-color: #121212;
}
nav:not(.kLHn3) {
box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}
.joJglb .QRiHXd {
background-color: inherit;
}
/* icons */
svg,
.gb_qa svg {
color: #ffffff;
}
.Tabkde,
.Tabkde .OX4Vcb {
background: #212121;
border-color: #313131;
}
/*.UAJaRc {
visibility: hidden;
}*/
.rpo4wf-J3yWx {
color: white
}
.Pce5Kb::before {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTAwcHgiIGhlaWdodD0iODZweCIgdmlld0JveD0iMCAwIDEwMCA4NiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDx0aXRsZT5TbGljZSAxPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik05Mi4yNSwwIEw2Ljc1LDAgQzMuMDIsMCAwLDMuMDIgMCw2Ljc1IEwwLDc4Ljc1IEMwLDgyLjQ3OSAzLjAyLDg1LjUgNi43NSw4NS41IEw5Mi4yNSw4NS41IEM5NS45NzksODUuNSA5OSw4Mi40NzkgOTksNzguNzUgTDk5LDYuNzUgQzk5LDMuMDIgOTUuOTc5LDAgOTIuMjUsMCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICAgICAgPHBhdHRlcm4gaWQ9InBhdHRlcm4tMyIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB4PSI1LjEyNSIgeT0iMTguNjI2IiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjaW1hZ2UtNCI+PC91c2U+CiAgICAgICAgPC9wYXR0ZXJuPgogICAgICAgIDxpbWFnZSBpZD0iaW1hZ2UtNCIgd2lkdGg9IjUwIiBoZWlnaHQ9IjUwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQURJQUFBQXlDQVlBQUFBZVA0aXhBQUFBQVhOU1IwSUFyczRjNlFBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUFNcUFEQUFRQUFBQUJBQUFBTWdBQUFBQjF5NityQUFBQkcwbEVRVlJvQmUxWFd3ckRNQXpMVVhiTEhiK0xTMU1jTndSOUdPUU9EVWJqUnRpU0h3MXBSMnVmdHZuWmZ2OS9xK00yRWxwN2k0aHRraVZpVVdOS1VpaEJ1L2pVdUtuT3NzbWgvaVJDTTVGN1B0bVFsVC9zck8wWGhiOWZuZnNJNkExaWIxV3JoWWw4ZzRodE1...