MediaWiki:Common.less/custom.less

From Blaseball Wiki

//

.modif-container {
  white-space: nowrap;
}

.modif-container:not(:first-child) {
  margin-top: 0.25rem;
}

span.flipped {
  display: inline-block;
}

.flipped {
  transform: rotate(180deg);
}

.icon-flipped {
  transform: scaleY(-1);
}

.icon-50 span {
  font-size: 50%;
}

.icon-70 span {
  font-size: 70%;
}

.icon-90 span {
  font-size: 90%;
}

.star-container, .partial-star {
  display: inline-block;
  vertical-align: text-bottom;
  line-height: normal;
}

.partial-star {
  overflow: hidden;
  text-overflow: clip;
  min-width: 31%;
}

.team-level {
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-weight: 700;
  line-height: 1.2em;
}

.team-level-low {
  color: @level-low;
  border: 2px solid @level-low;
  padding: 0 8px;
  border-radius: 5px;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg)
}

.team-level-medium {
  color: @level-medium;
  border: 2px solid @level-medium;
  padding: 0 8px;
  border-radius: 5px;
  -webkit-transform: rotate(359deg);
  transform: rotate(359deg)
}

.team-level-high {
  color: @level-high;
  border: 2px solid @level-high;
  padding: 0 8px;
  border-radius: 5px
}

.team-level-undef {
  padding: 0 15px;
  border-radius: 5px;
}

.tarot-card {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid;
  box-shadow: 0 0 5px 1px @tarot;
  height: 140px;
  width: 100px;
}

.tarot-card-number {
  font-size: 18px;
  color: @tarot;
  text-shadow: 0 0 10px @tarot;
}

.tarot-card-icon {
  font-size: 24px;
}

.snacktable {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}

.snacktable table {
  margin: 0;
}

@media (max-width: 575px) {
  .snacktable {
    flex-direction: column;
  }
}

.gilded {
  color: @gilded;
}

.gilded-star {
  color: @gilded;
  border-radius: 50%;
  border: 1px solid @gilded;
}

.feedtable tr {
  vertical-align: top;
}

.feedtable td:nth-child(3) {
  line-height: 1.25;
}

.hatnote {
	font-style: italic;
}

.hatnote i {
	font-style: normal;
}

div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}

div.hatnote + div.hatnote {
	margin-top: -0.5em;
}

.durability {
  color: @item-rating;
  font-size: 1.4em;
  line-height: 1;
}

.redactedspace {
  display: inline-block;
  user-select: none;
  cursor: text;
  a & {
    cursor: inherit;
  }
}