WEBSITE STYLING/CODING TRICKS

CSS ELEMENT DECOR

replaces the default blue highlight color:

::selection {
  background-color: insertcolorhere;
}

replaces the default scrollbar:

*::-webkit-scrollbar { /* size of the bar */
  height: 12px;
  width: 12px;
}

*::-webkit-scrollbar-track { /* background of the bar */
  border-radius: 2px;
  background-color: #0000ff;
  border: solid #00ffff 2px;
}

*::-webkit-scrollbar-track:hover, *::-webkit-scrollbar-track:active { /* background when hovered/clicked */
  background-color: #0000ff;
}

*::-webkit-scrollbar-thumb { /* the actual scroll bar */
  border-radius: 2px;
  background-color: #ff0000;
  border: solid #ffff00 2px;
}

*::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:active { /* the actual scroll bar when hovered/clicked */
  background-color: #ff8800;
}

replaces the default page break line:

hr {
  border: insertcolorhere;
  border-style: solid none none none;
  width: 85%;
  margin: 25px auto 15px auto;
}

SITES I USE FOR ASSISTANCE

flex display builder ★ css styling generators ★ html character lookup ★ solid text outline generator ★ free background textures