틀:로오히 영웅 상세/styles.css

.로오히-영웅-상세 th,
.로오히-영웅-상세 td {
  border-left: none;
  border-right: none;
  border-top: none;
}

.로오히-영웅-상세 th {
  border-bottom: none;
}

.로오히-등급 {
  letter-spacing: -0.7em;
  padding-right: 1.4em;
  transform: scaleX(-1);
}

/*스킬*/
.로오히-스킬-이름 {
  font-weight: bold;
  margin-bottom: .7rem;
}
.로오히-스킬-시스템 {
  font-size: .7rem;
}
.로오히-스킬-효과 {
  font-size: .8rem;
  margin-bottom: .8rem;
}
.로오히-스킬-설명 table {
  font-size: .8rem;
}
.로오히-스킬-설명 caption {
  white-space: nowrap;
  text-align: left;
}
.로오히-스킬-설명 th, .로오히-스킬-설명 td {
  padding: 0 .5rem;
  border: 0;
}

/*-------------------*/
.로오히-영웅-소개 {
  background-color: rgba(100, 100, 100, 0.2);
}

.로오히-영웅-소개 p:last-child {
  margin-bottom: 0;
}

.로오히-영웅-이명 {
  display: inline-block;
}

/*th*/
.로오히-어둠속성-영웅-상세 th {
  background-color: #d990d9; /* fallback */
  background-color: rgba(217, 128, 217, .7);
}

.로오히-어둠속성-영웅-상세 .로오히-스킬-이름 {
  color: purple;
}

.로오히-불속성-영웅-상세 th {
  background-color: #f9b4b4; /* fallback */
  background-color: rgba(255, 150, 150, .7);
}

.로오히-불속성-영웅-상세 .로오히-스킬-이름 {
  color: #a42b2b;
}

.로오히-물속성-영웅-상세 .로오히-스킬-설명  th {
  background: linear-gradient(70deg, rgba(141,225,255,0.5) 0%, rgba(138,157,255,0.5) 91%, transparent 91%);
}

.로오히-물속성-영웅-상세 th {
  background: linear-gradient(70deg, rgba(141,225,255,0.5) 0%, rgba(138,157,255,0.5) 100%);
}

.로오히-물속성-영웅-상세 .로오히-스킬-이름 {
  color: #4e4eaa;
}

.로오히-대지속성-영웅-상세 th {
  background-color: #87d987; /* fallback */
  background-color: rgba(90, 200, 90, .7);
}

.로오히-대지속성-영웅-상세 .로오히-스킬-이름 {
  color: green;
}

.로오히-빛속성-영웅-상세 th {
  background-color: #dbdb77; /* fallback */
  background-color: rgba(201, 201, 64, .7);
}

.로오히-빛속성-영웅-상세 .로오히-스킬-이름 {
  color: #5b5b00;
}