Sign upLogin

Maingron/MainOS

View on GitHub
Star
style.css

Summary

Maintainability
Test Coverage

Use of !important
Open

  border-radius: 0 !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  left: 0 !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  height: 100vh !important;
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons button:hover, #icons button:focus-visible {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  top: 0 !important;
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #tasklist button img {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  z-index: 99999999 !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  top: 0 !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  display: inline-block !important;
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #taskbarright {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

  #taskbar {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  background-color: transparent !important;
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons button {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  background-color: transparent !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  width: 100vw !important;
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #tasklist button {
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #taskbarright img {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons img {
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #start {
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #taskbarright .show-desktop {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons p {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  display: none !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  transform: scale(0) !important;
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #taskbarright .taskbarlanguage {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  overflow: visible !important;
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

  #icons {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

  #icons img {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  transition: 0.3s !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  z-index: 100000 !important;
Severity: Minor
Found in style.css by csslint

3 IDs in the selector, really?
Open

#taskbar #taskbarright #taskbartime {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons button p {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons button:hover, #icons button:focus-visible {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

  #background img {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#background {
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #tasklist {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

  #icons button {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  border-radius: 0 !important;
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #start img {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

  #icons p {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  opacity: 0.5 !important;
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#taskbar {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  overflow: hidden !important;
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  border: 0 !important;
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #tasklist button span {
Severity: Minor
Found in style.css by csslint

3 IDs in the selector, really?
Open

#taskbar #taskbarright #taskbarrighticons {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  overflow: hidden !important;
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#icons {
Severity: Minor
Found in style.css by csslint

Use of !important
Open

  z-index: 999999999 !important;
Severity: Minor
Found in style.css by csslint

3 IDs in the selector, really?
Open

#taskbar #taskbarright #taskbarrighticons a {
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #start p {
Severity: Minor
Found in style.css by csslint

2 IDs in the selector, really?
Open

#taskbar #tasklist button.active {
Severity: Minor
Found in style.css by csslint

Don't use IDs in selectors.
Open

#startmenu {
Severity: Minor
Found in style.css by csslint

The universal selector (*) is known to be slow.
Open

* {
Severity: Minor
Found in style.css by csslint

The universal selector (*) is known to be slow.
Open

.program .resizers * {
Severity: Minor
Found in style.css by csslint

The universal selector (*) is known to be slow.
Open

.program .headbar * {
Severity: Minor
Found in style.css by csslint

The universal selector (*) is known to be slow.
Open

.program * {
Severity: Minor
Found in style.css by csslint

Element (button.active) is overqualified, just use .active without element name.
Open

#taskbar #tasklist button.active {
Severity: Minor
Found in style.css by csslint

Values of 0 shouldn't have units specified.
Open

  box-shadow: 0 -1px 0 0px rgba(0, 0, 0, 0.5333333333);
Severity: Minor
Found in style.css by csslint

The universal selector (*) is known to be slow.
Open

.program .resizers *:active {
Severity: Minor
Found in style.css by csslint

@import prevents parallel downloads, use <link> instead.
Open

@import "helper.min.css";
Severity: Minor
Found in style.css by csslint

The universal selector (*) is known to be slow.
Open

.start_menu * {
Severity: Minor
Found in style.css by csslint

height can't be used with display: inline.
Open

  height: 0;
Severity: Minor
Found in style.css by csslint

Expected (flex-start | flex-end | center | space-between | space-around) but found 'start'.
Open

  justify-content: start;
Severity: Minor
Found in style.css by csslint

Using width with padding can sometimes make elements larger than you expect.
Open

    padding: 5px;
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor)'.</color>
Open

  background-color: var(--themecolor);
Severity: Minor
Found in style.css by csslint

Expected (flex-start | flex-end | center | space-between | space-around) but found 'left'.
Open

  justify-content: left;
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor2)'.</color>
Open

  background-color: var(--themecolor2);
Severity: Minor
Found in style.css by csslint

Using width with border-left can sometimes make elements larger than you expect.
Open

  border-left: 2px solid #420;
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--hovercolor)'.</color>
Open

  background-color: var(--hovercolor);
Severity: Minor
Found in style.css by csslint

Expected (<nonnegative-length-or-percentage>{1,4} [ / <nonnegative-length-or-percentage>{1,4} ]?) but found 'var(--border-radius)'.</nonnegative-length-or-percentage></nonnegative-length-or-percentage>
Open

  border-radius: var(--border-radius);
Severity: Minor
Found in style.css by csslint

Expected ([ <length> | <percentage> ]{1,2}) but found 'var(--border-radius)'.</percentage></length>
Open

  border-bottom-right-radius: var(--border-radius);
Severity: Minor
Found in style.css by csslint

Expected ([ <length> | <percentage> ]{1,2}) but found 'var(--border-radius)'.</percentage></length>
Open

  border-top-right-radius: var(--border-radius);
Severity: Minor
Found in style.css by csslint

Expected end of value but found 'var(--themecolor)'.
Open

  border: 2px solid var(--themecolor);
Severity: Minor
Found in style.css by csslint

Using width with padding can sometimes make elements larger than you expect.
Open

  padding: 20%;
Severity: Minor
Found in style.css by csslint

Using width with padding can sometimes make elements larger than you expect.
Open

  padding: 1px 3px;
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor2)'.</color>
Open

  background-color: var(--themecolor2);
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor)'.</color>
Open

    background-color: var(--themecolor);
Severity: Minor
Found in style.css by csslint

Using height with padding can sometimes make elements larger than you expect.
Open

  padding: 1px 3px;
Severity: Minor
Found in style.css by csslint

Expected ([ <generic-family> | <family-name> ]#) but found 'var(--font)'.</family-name></generic-family>
Open

  font-family: var(--font);
Severity: Minor
Found in style.css by csslint

width can't be used with display: inline.
Open

  width: 0;
Severity: Minor
Found in style.css by csslint

Using width with border can sometimes make elements larger than you expect.
Open

  border: 2px solid var(--themecolor);
Severity: Minor
Found in style.css by csslint

Duplicate property 'border' found.
Open

  border: 2px solid var(--themecolor);
Severity: Minor
Found in style.css by csslint

Expected ([ <length> | <percentage> ]{1,2}) but found 'var(--border-radius)'.</percentage></length>
Open

  border-bottom-left-radius: var(--border-radius);
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor)'.</color>
Open

  background-color: var(--themecolor);
Severity: Minor
Found in style.css by csslint

Expected end of value but found 'var(--themecolor2)'.
Open

  border-bottom: 2px solid var(--themecolor2);
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor2)'.</color>
Open

  background-color: var(--themecolor2);
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--black)'.</color>
Open

    background-color: var(--black);
Severity: Minor
Found in style.css by csslint

Using width with padding-right can sometimes make elements larger than you expect.
Open

  padding-right: 2px;
Severity: Minor
Found in style.css by csslint

Using height with padding can sometimes make elements larger than you expect.
Open

  padding: 2px 5px;
Severity: Minor
Found in style.css by csslint

Expected (<color>) but found 'var(--themecolor2)'.</color>
Open

  background-color: var(--themecolor2);
Severity: Minor
Found in style.css by csslint

Expected ([ <length> | <percentage> ]{1,2}) but found 'var(--border-radius)'.</percentage></length>
Open

  border-top-left-radius: var(--border-radius);
Severity: Minor
Found in style.css by csslint

Using height with padding can sometimes make elements larger than you expect.
Open

  padding: 20%;
Severity: Minor
Found in style.css by csslint

Using height with padding can sometimes make elements larger than you expect.
Open

  padding: 2px 5px;
Severity: Minor
Found in style.css by csslint

margin can't be used with display: inline.
Open

  margin: 0;
Severity: Minor
Found in style.css by csslint

Using width with padding-right can sometimes make elements larger than you expect.
Open

    padding-right: 1px;
Severity: Minor
Found in style.css by csslint

The box-sizing property isn't supported in IE6 and IE7.
Open

  box-sizing: border-box;
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.notmaximized
Open

.program.notmaximized {
Severity: Minor
Found in style.css by csslint

The property -ms-user-select is compatible with -webkit-user-select and -moz-user-select and should be included as well.
Open

  -webkit-user-select: none;
Severity: Minor
Found in style.css by csslint

The property -ms-user-select is compatible with -webkit-user-select and -moz-user-select and should be included as well.
Open

  -webkit-user-select: none;
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen
Open

.program.fullscreen {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar .max
Open

.program.fullscreen .headbar .max,
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.notmaximized .headbar .drag
Open

.program.notmaximized .headbar .drag {
Severity: Minor
Found in style.css by csslint

Fallback background (hex or RGB) should precede RGBA background.
Open

  background: rgba(119, 119, 119, 0.3333333333);
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar:hover
Open

.program.fullscreen .headbar:hover {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar .close
Open

.program.fullscreen .headbar .close,
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar .fullscreen
Open

.program.fullscreen .headbar .fullscreen {
Severity: Minor
Found in style.css by csslint

Fallback background (hex or RGB) should precede RGBA background.
Open

  background: rgba(119, 119, 119, 0.8);
Severity: Minor
Found in style.css by csslint

The box-sizing property isn't supported in IE6 and IE7.
Open

  box-sizing: border-box;
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.maximized
Open

  .program.maximized {
Severity: Minor
Found in style.css by csslint

The property -ms-user-select is compatible with -webkit-user-select and -moz-user-select and should be included as well.
Open

  -webkit-user-select: none;
Severity: Minor
Found in style.css by csslint

The property -ms-user-select is compatible with -webkit-user-select and -moz-user-select and should be included as well.
Open

  -webkit-user-select: none;
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar:hover .close
Open

.program.fullscreen .headbar:hover .close {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.maximized iframe
Open

.program.maximized iframe {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.maximized .resizers
Open

.program.maximized .resizers {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen iframe
Open

.program.fullscreen iframe {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.minimized
Open

.program.minimized {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.maximized .headbar
Open

.program.maximized .headbar {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.closing
Open

.program.closing {
Severity: Minor
Found in style.css by csslint

The property -ms-user-select is compatible with -webkit-user-select and -moz-user-select and should be included as well.
Open

  -webkit-user-select: none;
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar:hover .fullscreen
Open

.program.fullscreen .headbar:hover .fullscreen {
Severity: Minor
Found in style.css by csslint

The property -ms-user-select is compatible with -webkit-user-select and -moz-user-select and should be included as well.
Open

  -webkit-user-select: none;
Severity: Minor
Found in style.css by csslint

Fallback color (hex or RGB) should precede RGBA color.
Open

  color: rgba(255, 255, 255, 0.8);
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.fullscreen .headbar .minimize
Open

.program.fullscreen .headbar .minimize {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.minimized iframe
Open

.program.minimized iframe {
Severity: Minor
Found in style.css by csslint

Adjoining classes: .program.maximized
Open

.program.maximized {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.speak {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .headbar .max img,
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #start p {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #taskbarright .show-desktop {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.maximized iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.progtitle {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  .program .headbar {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.fullscreen {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.maximized {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#icons p {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  .progtitle {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.noborder iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#icons button {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  .start_menu iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  #background img {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

body {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.fullscreen iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.minimized {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #start img {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #tasklist button {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#icons img {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  .program .headbar .max,
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

body.big_buttons .resizer2 {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.closing {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #taskbarright .taskbarlanguage {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#icons {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  .program iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .headbar {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .resizers * {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #start {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #tasklist {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .resizers .resizer2 {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.box2 {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  #icons {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.start_menu iframe {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.fullscreen .headbar .fullscreen {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  .program {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#background {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program.fullscreen .headbar:hover {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #tasklist button span {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.aboutthisversion {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.content {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .headbar .drag {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .headbar .max,
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .headbar .close {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #taskbarright {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.progicon {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

.program .resizers *:active {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

#taskbar #taskbarright #taskbartime {
Severity: Minor
Found in style.css by csslint

Rule doesn't have all its properties in alphabetical order.
Open

  #icons button {
Severity: Minor
Found in style.css by csslint

There are no issues that match your filters.

Category
Status