/*
 * Copyright (c) 2018 Eclipse Foundation, Inc.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License v. 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0.
 * 
 * Contributors:
 *   Christopher Guindon <chris.guindon@eclipse-foundation.org>
 * 
 * SPDX-License-Identifier: EPL-2.0
*/

// marketplace.eclipse.org listing styles

.listing-layout{
  &.node-teaser{
    position:relative;
    .listing-badge-container,
    h2.listing-title{
      margin-top:30px;
  
    }
    .marketplace-badges-container{
      margin-top:-1px;
    }
  }
  .marketplace-badges-container{
    position:absolute;
    right:0px;
    top:0;
  }
  
  .listing-image{
    height:80px;
    max-width: 110px;
    display:block;
    img{
      vertical-align: middle;
    }
  }
  
  .content-teaser{
    color:@gray;
    font-size:14px;
  }
  
  .content-categories{
    font-size:12.5px;
  }
  
  .listing-badge-container{
    max-width: 110px;
    margin:auto;
    a {
      font-weight:bold;
      color:@brand-secondary;
    }
  }
  .content-last-updated{
    color:@gray-light;
    font-size:11px;
  }
  .listing-title {
    &.eclipse-foundation-member-listing,
    &.lts-provider-listing{
      padding-right: 35px;
    }
    &.eclipse-foundation-member-listing.lts-provider-listing{
      padding-right: 70px;
    }
  }
  .listing-title.eclipse-foundation-member-listing.lts-provider-listing{
    padding-right: 70px;
  }
  
  h2.listing-title{
    font-size:18px;
    line-height:21px;
    margin-top:10px;
    a {
      font-weight:bold;
      &:link,
      &:visited{
        color:@brand-secondary;
      }
      &:hover,
      &:active{
        color:@brand-secondary;
      }
      .label {
        position:relative;
        top:-2px;
        background-color:@brand-secondary;
        border-radius:0;
      }
    }
  }
  
  .listing-icons{
    color:@blue-lighter;
    i{
      padding:0 5px 0 5px;
    }
    font-size:20px;
    a{
      &:link,
      &:visited{
        color:@brand-warning;
      }
      &:hover,
      &:active{
        color:@brand-primary;
      }
    }
  }
  
  .marketplace-badges{
    margin-left:5px;
  }
}