%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/styl/inc/
Upload File :
Create Path :
Current File : /var/www/html/shaban/laviva/wp-content/themes/levelup/assets/styl/inc/pagetitle.styl

/*!--------------------------------------------------------------
* 5.0 Page Title
==============================================================*/

.page-title
  .assistive-text
    position: absolute!important;
    clip: rect(1px,1px,1px,1px);


.col-table
  display: table;
  width: 100%;

.col-td
  display: table-cell;
  vertical-align: middle;


.no-touch .fancy-parallax-bg
  background-attachment: fixed!important;
  background-position-x: 50%;

.page-title.title-center .title-container,
.page-title.content-left .title-container,
.page-title.content-right .title-container
  display: table;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;

.page-title.title-center .col-td,
.page-title.content-left .col-td,
.page-title.content-right .col-td
  display: block;
  text-align: center;

.page-title
  position: relative
  z-index: 0;
  &.title-center
    .subtitle,
    .pt-cat-description > .inner
      margin-left auto
      margin-right auto
  &.content-right
    .pt-cat-description > .inner
      margin-left auto
      margin-right 0
  .title-container
    .subtitle
      max-width 750px
  .pt-cat-description > .inner
    max-width 700px
  .pagetitle-overlay
    z-index -1
    position absolute
    top 0
    left 0
    right 0
    bottom 0

.page-title.content-left .list_categories,
.page-title.content-left .meta-info
  text-align: left;

  .category_item:first-child .category_item_link
    margin-left: 0

.page-title.content-right .list_categories,
.page-title.content-right .meta-info
  text-align: right;

  .category_item:last-child .category_item_link
    margin-right: 0

.page-title.title-center .list_categories,
.page-title.title-center .meta-info,
.category_header .list_categories
  text-align: center;



.page-title h1
  margin 0

.page-title.content-left .col-td,
.page-title.content-right .col-td
  display: block;
  text-align: center;


.page-title.content-left .col-td
  text-align: left;

.page-title.content-right .col-td,
.page-title.title-left .hr-breadcrumbs,
.page-title.title-right h1
  text-align: right;


.page-title.title-center .col-table,
.page-title.content-left .col-table,
.page-title.content-right .col-table
  display: table-cell;
  vertical-align: middle;


.fancy-header .highlight  span,
.vc_custom_heading .highlight span,
h1.highlight span,
h2.highlight span
  box-shadow: #fff 10px 0 0 0,#fff -10px 0 0 0;
  background: #fff;
  display: inline;
  padding: 2px;
  padding-left: 0;
  padding-right: 0;
  box-decoration-break: clone;

.fancy-header
.page-title
  h1, h2
    line-height 100%
    max-width 1000px

.fancy-subtitle
  max-width 600px !important

.fancy-header
  h2.fancy-subtitle.first
    position: relative
  h1.fancy-title.first
    position: relative

/* Fancy Header */

#fancy-header .fancy_parallax
  background-image: none !important
  overflow: hidden;

#fancy-header .fancy_parallax .fancy_parallax-inner {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-attachment: scroll;
  background-color: transparent;
  background-image: inherit;
  background-size: cover;
  z-index: 0;
  background-position: 50% 50%;
  backface-visibility hidden;
}

#fancy-header .fancy_parallax > * {
  position: relative;
  z-index: 1;
}


.fancy-header
  position: relative;

  &.fullscreen-header
    opacity 0
    height 2000px

  .background-container
    display: block
    position: absolute
    width 100%
    height: 100%
    top: 0;
    left: 0;
    background-position center
    &.animate:not(.fancy_parallax)
      display: none

  .h-separator
    border-top: 5px solid transparent
    width 60px
    display: inline-block
    margin-top 20px
    margin-bottom 20px


  h1
    margin-top:0

  h2
    margin-bottom 0

  .breadcrumbs
    margin-top 15px

  .container,
  .container-fluid
    z-index: 100;
    position: relative

  &.bg-overlay
    .overlay
      display: block
      position: absolute
      z-index 1
      width 100%
      opacity 0
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
      bottom: 0;
      content: " ";
      height: 100%;
      left: 0;
      &.light
        background: none repeat scroll 0 0 rgba(255, 255, 255, 1) !important

  &.ht-overlay
    &:after
      content: " ";
      display: block;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1) 0s;
      width: 100%;
      opacity .4

  &.dark-overlay
    &:after
      background: none repeat scroll 0 0 #000;

  &.light-overlay
    &:after
      background: none repeat scroll 0 0 #fff;


.fancy-header
  ol
    margin-bottom 0

.fancy-header
  position relative
  overflow hidden
  z-index 1
  .overlay
    display: none

  &.fh-va-bottom
    .hgroup
      vertical-align bottom
      padding-bottom: 50px;

  &.fh-a-left
    .hgroup
      text-align left
  &.fh-a-center
    .hgroup
      text-align center
      h1, h2
        margin-left auto
        margin-right auto
  &.fh-a-right
    .hgroup
      text-align right
      h1, h2
        max-width: 100%


#fancy-header
  z-index 0


.fancy-header .fancy-title span.alt
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 13;
  height: 120%;

.fancy-header.fh-a-left .fancy-title span.alt
  left: 0;
  transform: none;

.fancy-header.fh-a-right .fancy-title span.alt
  left: auto;
  right: 0;
  transform: none;

.fancy-header .fancy-title span.hilight
  &.shadow1
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);

  &.shadow2
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);

  &.shadow3
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);

  &.shadow4
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);

  &.shadow5
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.22);

  &.shadow6
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);

  &.shadow7
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);

  &.shadow8
    text-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);

  &.shadow9
    text-shadow: 0px 10px 15px rgba(0, 0, 0, 0.26);

  &.shadow10
    text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);


#fancy-header.title-center .ft-wrap,
#fancy-header.content-left .ft-wrap,
#fancy-header.content-right .ft-wrap
  display: table;
  width: 100%;


.content-left.fancy-header .col-td,
.content-right.fancy-header .col-td
  display: block;
  width: 100%;


.content-right.fancy-header .col-td,
.title-left .breadcrumbs,
.title-right .hgroup
  text-align: right;


#fancy-header.title-center .col-table,
#fancy-header.content-left .col-table,
#fancy-header.content-right .col-table
  display: table-cell;
  vertical-align: middle;


.fancy-header.title-center .col-table,
.fancy-header.title-center .col-td
  display: block;
  width: 100%;
  text-align: center;


.page-title.title-center,
.fancy-header.fh-a-center
  h1, h2
    margin-left auto
    margin-right auto


.page-title.content-right,
.fancy-header.fh-a-right
  h1, h2, .subtitle
    margin-right: 0;
    margin-left: auto;


.rdy-form-control
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  transition: border .2s ease;

.rdy-form-control:focus
  border-color: #0c0c0c;


.page-title,
.fancy-header
.category_header
  .list_categories
    .category_item
      a
        color #000

    &.light
      .category_item
        a
          color #fff

.list_categories
  margin-top: 35px
  margin-bottom: 3px

  &.list-centered
    text-align center
  li
    display: inline-block
    font-weight bold
    font-size 13px
    text-transform uppercase

    a
      margin: 0 10px 5px;
      padding: 2px 5px;


.filter_portfolio
  &.list_categories
    .center
      text-align center
    .right
      text-align right

.list_categories
  &.no-anim
    a
      color #000

    &.light
      a
        color #fff

  &.anim-1
    a
      color #000
      margin: 0 10px 5px;
      padding: 2px 5px;

      &:hover,
      &.current
        color #fff
        background-color #000

  &.anim-2
    a
      position: relative
      background-color transparent
      color #000

      span
        position: relative
        z-index 2

      &:hover
        background-color transparent !important
      &:hover,
      &.current
        color: #fff !important
        &:before
          top: 0 !important;

      &:before
        content: '';
        position: absolute;
        display: block;
        background-color: #000;
        top: 100%;
        width: 100%;
        bottom: 0;
        left: 0;
        transition: top 0.15s;

  &.anim-1
    &.light
      a
        color #fff

        &:hover,
        &.current
          color: #000 !important
          background-color #fff

  &.anim-2
    &.light
      a
        color #fff

        &:hover,
        &.current
          color #000 !important
          background-color #fff !important

        &:before
          background-color: #fff !important

#post-area article .entry-meta
  .post-author
  .author
    a:hover
      text-decoration underline

.page-title .meta-info,
.fancy-header .meta-info
  margin-top 18px
  line-height: 180%;
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size 12px
  text-transform uppercase
  font-weight bold

  span.sp
    margin: 0px 14px 0px 14px;
    font-weight: 400;

.page-title,
.fancy-header
  &.title-center
    .meta-info
      text-align center
  &.title-right
    .meta-info
      text-align right


.section-down-arrow
  position: absolute;
  bottom: 15px;
  left: 50%;
  margin-left: -30px;
  z-index 101
  cursor: pointer;
  animation: arrow 1s infinite
  transition opacity .5s

  &.hidden
    opacity 0


.section-down-arrow i.icon-default-style[class^="icon-"]
  height: 60px!important;
  width: 60px;
  font-size: 20px!important;
  color: #fff!important;
  line-height: 60px!important;
  z-index: 10;
  display: block
  background: url(../images/arrow-bottom-light.svg) no-repeat 50% 50%;
  background-size: 43px 24px


.section-down-arrow i.icon-dark-style[class^="icon-"]
  background: url(../images/arrow-bottom-dark.svg) no-repeat 50% 50%;

.page-title
  background-size: cover
  background-position center
  .page-t-title
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 16px;
    letter-spacing: normal;
    text-transform: uppercase;
    padding-bottom 15px

#fancy-header
  video
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;

.title-area-slider_holder
  overflow hidden

#fancy-header
  .background-container
    .glitch
      width 100%
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      position: absolute;

      canvas
        width 100%

Zerion Mini Shell 1.0