classic-wow-forums/client/app/scss/style.scss

$fontPrimary: #cccccc;
$linkColor: #FFB019;

html {
  font-family: Arial,Helvetica,Sans-Serif;
  font-size: 10pt;
  color: $fontPrimary;
}

b {
  color: #ffffff;
}

body {
  background-color: black;
  background-image: url('../assets/forum-bg.jpg');
  background-repeat: repeat-x;
  position: relative;
  padding-bottom: 46px;
}

a {
  color: $linkColor;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: underline;
  cursor: pointer;

  &:hover {
    color: white;
  }

  &:visited {
    color: #B1B1B1;
  }
}

hr {
  size: 1;
  background-color: #9E9E9E;
  display: block;
  unicode-bidi: isolate;
  -webkit-margin-before: 0.5em;
  -webkit-margin-after: 0.5em;
  -webkit-margin-start: auto;
  -webkit-margin-end: auto;
  overflow: hidden;
  border: none;
  height: 1px;
}

.hr {
  background: rgb(71, 71, 71);
  width: 80%;
  height: 0.5px;
  border: 0;
  margin: 25px auto;
  display: block;
  clear: both;
}

h1, h2, h3, h4, h5, p {
  margin-top: 0;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;

  &--center {
    align-items: center;
  }

  &--wrap {
    flex-wrap: wrap;
  }
  
  &--column {
    flex-direction: column;
  }
}

.flex-1 {
  flex: 1;
}

span.grey {
  font-family: Arial,Helvetica,Sans-Serif;
  color: #A0A1A3;
  font-size: 9pt;
}

.text-center {
  text-align: center;
}

.clickable {
  cursor: pointer;
}

.input {
  border: 1px solid lighten(#161616, 10%);
  background-color: #161616;
  border-radius: 2px;
  color: $fontPrimary;
  width: 100%;
  padding: 5px 10px;

  &:focus {
    outline: none;
  }

  &__button {
    background: none;
    border: none;
    text-decoration: underline;
    color: $linkColor;
    font-weight: bold;
    font-size: 9pt;
    cursor: pointer;

    &:hover {
      color: white;
    }
  }
}