uPortal-Project/uportal-home

/**
 * Licensed to Apereo under one or more contributor license
 * agreements. See the NOTICE file distributed with this work
 * for additional information regarding copyright ownership.
 * Apereo licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file
 * except in compliance with the License.  You may obtain a
 * copy of the License at the following location:
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

/* PORTLET STYLES */
.up-portlet-wrapper {
  padding: 20px;

  a {
    color: @link-color;

    &:hover {
      color: @color3;
      text-decoration: underline;
    }
  }

  ul {
    padding: 0 0 0 5px;
    margin: 0;
    text-rendering: auto;
    display: inline-block;
    font: normal normal normal 14px/1 Helvetica, Arial, Verdana, Tahoma, sans-serif;

    li {
      font-size: 18px;
      padding: 7px 0;
      line-height: 1.41em;
      text-align: left;

      // stylelint-disable-next-line no-descending-specificity
      a {
        font-weight: 400;
      }

      p {
        font-size: 14px;
        color: @grayscale5;
        padding: 0 35px;
        margin-bottom: -7px;
        line-height: 1.41em;
      }
    }
  }

  .up-portlet-titlebar {
    height: 120px;
    background-image: url('common/images/bascom-spring.jpg');
    border-top: none;
    box-shadow: inset 0 200px 100px -120px rgba(0, 0, 0, 0.8);
    background-size: 100%;

    h2 {
      color: @white !important;
      font-size: 2.6em;
      font-weight: 200;
      line-height: 1.2em;
      padding: 10px 40px 0 10px !important;

      a {
        color: @white;
      }
    }

    .btn-group {
      color: @white;
    }

    .portlet-description {
      color: @white;
      width: 60%;
      max-width: 600px;
      font-weight: 200;
      padding: 15px 0 0 12px;
      font-size: 1.1em;
    }
  }

  .dropdown-menu {
    margin-right: 5px;
    margin-top: 5px;
    padding: 4px 0;
    background-color: @color4;

    > li > a {
      text-decoration: none;
      color: @color1 !important;
      background-color: @color4;
      padding: 2px 10px;

      &:focus {
        color: @color1 !important;
        outline: none;
        background-color: @color4 !important;
      }

      &:hover {
        color: @color4 !important;
        outline: none;
        background-color: @color2 !important;
      }
    }
  }
}