Skip to main content

Карточка тренинга в GC

.stream-table { 
  margin-left:0!important;
}

.stream-table tbody {
  display:flex;
  flex-wrap: wrap;
}

.stream-table tbody tr {
  position:relative;
  flex:0 0 calc(33.3333% - 20px);
  height:350px;
  border-radius:9px;
  box-shadow:0 0 3px 1px rgba(0,0,0,0.1);
  overflow:hidden;
  margin:10px;
  transition:all 0.5s;
}

@media (max-width:850px) {
  .stream-table tbody tr {
    flex:0 0 calc(50% - 20px);
  }
      .stream-table tbody tr {
    height:310px;
  }
}

@media (max-width:510px) {
  .stream-table tbody tr {
      flex:0 0 100%;
  }
}

.stream-table tr a {
	height: 100%;
    width:100%;
	z-index: 2;
	position: relative;
}

.stream-table tbody tr:hover {
  transform:scale(1.05);
}

.stream-table tbody tr td {
  position:relative;
  display:flex;
  height:100%;
  width:100%;
  padding:0!important;
}

/* Настраиваем заголовок */
.stream-table tbody tr td .stream-title {
  position:absolute;
  top:185px; 
  color:black!important;
  z-index:1;
  margin:auto 20px;
}

/* Настраиваем описание */
.stream-table tbody tr td div {
  display: none;
  position:absolute;
  top:285px;
  margin:auto 20px;
    line-height:1.4em;
}


.stream-table tbody tr td:before {
  content:"Deschide ";
  position:absolute;
  top:310px;
  left:20px;
  padding:5px 7px;
  border:1px solid black;
  border-radius:5px;
  transition:all 0.3s;
}

.stream-table tbody tr td:hover:before {
  background:rgb(228, 22, 122);
  color:white;
}

.stream-table tbody tr.no-public td:before {
  display:none;
}


.stream-table tbody tr td:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:180px;
background: #8E2DE2;
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
background: linear-gradient(to right, #4A00E0, #8E2DE2);
}

.stream-table tbody tr[data-training-id="934063181"] td:after {         
    background:url(https://fs.getcourse.ru/fileservice/file/download/a/87136/sc/239/h/71f4ed3e615b77040c1fd4aaf9648be0.jpg) no-repeat;
  background-size:cover;
  background-position: 0 40%;
}