core/templates/components/summary-tile/learner-topic-summary-tile.component.css - develop - githubmirror/oppia

core/templates/components/summary-tile/learner-topic-summary-tile.component.css

87 строк2 KB

Aditya Lakhotia

Fix part of #25941: Clean up legacy embedded <style> tags from HTML templates removing inconsistency of next 30 files (part-2) (#26855)

24 июл 2026, 19:54

Не верифицирован

24 июл 2026, 19:545531df6

.oppia-topic-dashboard-card .oppia-topic-link {
  text-decoration: none;
}
.oppia-topic-dashboard-card .oppia-topic-lessons {
  font-size: 14px;
  font-style: italic;
  left: -1px;
  position: relative;
  top: 53px;
}
.oppia-topic-dashboard-card .oppia-summary-section {
  color: #fff;
  padding: 8px;
  position: absolute;
}
.oppia-topic-dashboard-card .lesson-title {
  display: inline-block;
}
.oppia-topic-dashboard-card .oppia-topic-title {
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 16px;
  letter-spacing: 0.25px;
  text-align: left;
  text-transform: capitalize;
}
.oppia-topic-dashboard-card {
  background-color: #205d86;
  border-radius: 4px;
  display: inline-block;
  height: 210px;
  margin: 0 2px 30px 0;
  padding: 0;
  position: relative;
  width: 148px;
  z-index: 5;
}
.oppia-topic-dashboard-card .oppia-title-section {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 108px;
  width: 148px;
}
.oppia-topic-dashboard-card .oppia-thumbnail-image {
  height: 108px;
  width: 160px;
}

.oppia-class-card {
  background-color: #205d86;
  border-radius: .25em;
  box-shadow: 0 2px 2px 0 #00000040;
  height: 220px;
  padding: 0;
  transition: all 300ms ease-out;
  width: 210px;
}

.oppia-class-card:hover {
  background-color: #00609c;
  box-shadow: 0 0 8px 0 #00000040;
}

.oppia-class-card-button {
  border: 1px solid #00645c;
  font-size: 14px;
}

.oppia-class-card-img {
  height: 120px;
}

.oppia-class-card-info {
  color: #fff;
  height: 100px;
  padding: 8px 16px;
}

.oppia-class-card-text {
  font-size: 12px;
}

.oppia-class-card-title {
  font-size: 16px;
  font-weight: 700;
}