sismica/liferay-plugins-sdk-6.2/themes/portos-private-fe-theme/docroot/css/component/application.scss

.lfr-search-container {
  .table-columns {
    th {
      background-color: $table-header;
      color: $w;
    }
  }
}

#content {
  .btn {
    @include border-radius (0);

  }
  .btn-navbar {
    margin-right: 10px;
  }
  .btn-group {
    .caret {
      transition: transform $speed;

      @media (max-width: $tablet) {
        margin-top: 0;
      }
    }
    img {
      display: none;
    }
    .lfr-icon-menu-text {
      padding: 0 10px;
    }
  }
  .btn-group.open {
    .caret {
      transform: scaleY(-1) translateZ(0);
    }
  }

  #page-content-wrapper {

    @media (max-width: $mobile) {
      padding: 0 10px;
    }

    .portlet-body {
      background-color: $w;
      padding: 15px;
      border: 1px solid #A9A9A9;
      @include border-radius (5px);

      .taglib-header {
        padding-left: 15px;
        padding-right: 15px;
      }
      .lfr-search-container {
        padding-left: 15px;
        padding-right: 15px;
      }

      .accordion-inner {
        padding: 0px !important;
      }
    }

    .borderless {
      .portlet-body {
        border: none;
      }
    }

    .navbar-container{
        padding-left: 15px;
    	padding-right: 15px;
    }
    .navbar {
      /*color: $footer-color;*/

      .navbar-inner {
        border: 1px solid $toolbar-border-color;
        @include border-radius (5px);
        background-color: $toolbar-color;

        .container {
          padding: 0px;

          .nav {
            li:first-child a {
              border-top-left-radius: 5px;
              border-bottom-left-radius: 5px;
            }
            a {
              opacity: 1;
              transition: opacity $speed;
              &:hover {
                opacity: .6;
              }
            }
            .nav-item-label {
              color: $b;
              font-family: $second-font;
            }
            .active .nav-item-label {
              color: $text-news;
            }
          }

          .form-search {

            .input-append {
              padding-top: 9px;
              white-space: nowrap;
              padding-right: 15px;
              display: inline-block;
              margin-bottom: 0;
              vertical-align: middle;

              @media (max-width: $tablet) {
                padding-top: 4px;
                padding-bottom: 4px;
              }

              .search-query {
                display: inline-block;
                float: none !important;
                height: 30px;

                font-size: 13px;
                font-weight: normal;
                line-height: 1;

                border: 1px solid #DDD;
                color: #8d8d8d;

                @include box-shadow(none);
                @include transition(none);

                margin-top: 0;
                margin-bottom: 0;
                padding: 4px 14px;

                @include border-radius(5px);

                &:focus,
                &.focused {
                  text-shadow: 0 1px 0 #FFF;

                  border-color: rgba(0, 172, 255, 0.8);
                  @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6));
                  z-index: 2;
                  outline: 0;
                }
              }

              .btn[type="submit"] {
                margin-left: -4px;
                height: 30px;
                vertical-align: top;
              }
            }

            .input-append .search-query, .input-prepend .search-query {
              @include border-radius(0); // Override due to specificity
            }
            .input-append .search-query {
              @include border-radius(5px 0 0 5px);

              @media (max-width: $tablet) {
                @include border-radius(0 0 0 0);
              }
            }
            .input-append .btn {
              @include border-radius(0 5px 5px 0);
            }
            .input-prepend .search-query {
              @include border-radius(0 5px 5px 0);
            }
            .input-prepend .btn {
              @include border-radius(5px 0 0 5px);
            }
          }
        }
      }
    }
  }
}

.yui3-widget {
  background-color: white;
  /*border: 1px solid #A9A9A9;*/
}

.aui .open > .lfr-menu-list {
  padding: 0;
  border: none;
  margin: 0;

}

.accordion-heading.toggler-header.toggler-header-expanded {
  background-color: #e7e7e7;
  .accordion-toggle {
    position: relative;
    cursor: pointer;
    .title-text {
      font-family: $second-font;
      &:after {
        content: "\f078";
        font-family: FontAwesome;
        transition: transform $speed;
        position: absolute;
        right: 0;

      }

    }
  }
}

.toggler-header-collapsed {
  background-color: #e7e7e7;

  .accordion-toggle {
    position: relative;
    cursor: pointer;
    .title-text:after {
      transform: scaleY(-1) translateZ(0);
      content: "\f078";
      font-family: FontAwesome;
      transition: transform $speed;
      position: absolute;
      right: 0;
    }
  }
}

.table {
  th {
    font-family: $second-font;
    font-weight: lighter;
    text-transform: uppercase;
  }
  td, td a {
    font-family: $second-font;
  }
}

.aui .table > thead > tr.info > th {
  background-color: $table-header;
}

.lfr-menu-list {
  a {
    font-family: $second-font;
  }
}

.yui3-widget-modal.yui3-widget-stacked.overlay-hidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility $speed, opacity $speed;
}

.yui3-widget-modal.yui3-widget-stacked.overlay-focused, .yui3-widget-modal.yui3-widget-stacked {
  opacity: 1;
  visibility: visible;
  transition: visibility $speed, opacity $speed;
}

.navbar-inner {

  @media (max-width: $tablet) {
    .btn {

      width: 45px !important;
      height: 35px;

      .icon-bar {
        display: block;
        height: 4px;
        margin-bottom: 4px;
        background-color: $footer-color;
        border-radius: 25px;
      }
      .icon-bar:first-child {
        margin-bottom: 0px !important;
        margin-top: 0px !important;

      }
    }
  }
}

.portlet-body {
  .container {
    @media (max-width: $tablet) {
      @include display-flex();
      @include align-items(center);
      @include justify-content(flex-end);
    }
    .collapse.nav-collapse:first-child {
      @media (max-width: $tablet) {
        position: absolute;
        background-color: $table-header;
        z-index: 1;
        right: 0;
        width: auto;
        height: 100%;
        top: 100%;
        li a {
          border-radius: 0 !important;
        }
      }
    }
  }
}

.aui .form-navigator.nav > li {
  @media (min-width: $mobile) {
    float: none;
  }
}

.aui .form-navigator.nav > li.tab {
  @media (max-width: $tablet) {
    .tab-label {
      display: -webkit-box!important;
      display: -moz-box!important;
      display: -ms-flexbox!important;
      display: -webkit-flex!important;
      display: flex!important;
      @include align-items(center);
      @include justify-content(center);
      @include flex-wrap(wrap);

      .message {
        font-size: 12px!important;
        width: 100%;
      }
      .tab-icon {
        display: none!important;
      }
    }
  }
  @media (max-width: $mobile) {
    width: 50%!important;
    float: left!important;

    .tab-label {
      height: 60px!important;
    }
  }
}

.aui .form-navigator {
  @media (max-width: $mobile) {
    margin: 0;
  }
}