scss 由SassMeister.com生成。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 由SassMeister.com生成。相关的知识,希望对你有一定的参考价值。

.row, section.block-aw-one-pagetitle h1 {
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}

/*banner and inside banner*/
section.block-aw-one-pagetitle:before {
  background: rgba(2, 69, 98, 0.33);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: '';
  position: absolute;
  width: 100%;
}

.orbit-container .view-mode-slider:before {
  background: rgba(2, 69, 98, 0.15);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  content: '';
  position: absolute;
  width: 100%;
}

.block-sliderhdr8 .slider .caption h3 {
  color: white !important;
}

section.block-aw-one-pagetitle {
  background-image: url(http://wealthandfamily.us1.advisor.ws/sites/wealthandfamily.us1.advisor.ws/files/images/background/inside-banner_2.jpg) !important;
}
section.block-aw-one-pagetitle h1 {
  position: relative;
  color: white !important;
}

.footer-block-wrapper h3 {
  display: none;
}

#block-footercontentcustom p {
  color: white !important;
}

#block-awfooterblock .contact-message-form #edit-actions {
  margin-top: 13px;
}

.block-getintouch {
  margin-top: 0.5rem !important;
  margin-bottom: 1.25rem;
}
.block-getintouch .getintouch-labels li {
  border: none !important;
}
.block-getintouch .getintouch-buttons > li .button {
  color: white !important;
  background: #024562 !important;
  margin-right: 8px;
}

.tm-3 .offset-border,
.tm-visitor-page article .offset-border {
  border-color: #024562 !important;
}

.tm-1 .headshot > a .media-image {
  margin-bottom: .85rem;
}

.member-description .full-name {
  color: #024562 !important;
}
.member-description .full-name, .member-description .field {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}

.srv-9 .node-title,
.srv-9 .body {
  font-family: Tahoma, Verdana, Segoe, sans-serif !important;
}

.button.success {
  background: #84C33F !important;
  border-color: #84C33F !important;
}
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

$navy: #024562;
$green: #84C33F;

.row{
  margin: 0 auto;
  max-width: 75rem;
  width: 100%;
}

// body{
//   h1, h2, h3, h4, h5, h6, p, a, ul, span{
//     font-family: informapro, sans-serif!important;
//   }
// }

/*banner and inside banner*/
section.block-aw-one-pagetitle{
  &:before{
    background: fade-out($navy, .67);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: '';
    position: absolute;	
    width: 100%;
  }
}

.orbit-container .view-mode-slider{
  &:before{
    background: fade-out($navy, .85);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    content: '';
    position: absolute;	
    width: 100%;
  }
}

.block-sliderhdr8 .slider .caption h3{
	color: white!important;
}

section.block-aw-one-pagetitle{
  background-image: url(http://wealthandfamily.us1.advisor.ws/sites/wealthandfamily.us1.advisor.ws/files/images/background/inside-banner_2.jpg)!important;
  h1{
  	position: relative;
  	color: white!important;
  	@extend .row;
  }  
}

.footer-block-wrapper h3{
	display: none;
}

//footer text above form
#block-footercontentcustom{
  p{
    color: white!important;
  }
}

//footer form
#block-awfooterblock{
  .contact-message-form{
    #edit-actions{
      margin-top: 13px;
    }
  }
}

// header buttons
.block-getintouch{
  margin-top: 0.5rem!important;
  margin-bottom: 1.25rem;
  .getintouch-labels li{
    border: none!important;
  }
  .getintouch-buttons{
    & > li{
      .button{
        color: white!important;
        background: $navy!important;
        margin-right: 8px;
      }
    }
  }
}   

//bio image border
.tm-3 .offset-border,
.tm-visitor-page article .offset-border{
  border-color: $navy!important;
}
.tm-1 .headshot > a .media-image{
  margin-bottom: .85rem;
}
.member-description{
  .full-name{
    color: $navy!important;
  }
  .full-name, .field{
    font-family: Tahoma, Verdana, Segoe, sans-serif!important;
  }
} 
//products home block
.srv-9{
  .node-title,
  .body{
    font-family: Tahoma, Verdana, Segoe, sans-serif!important;
  }
} 


.button.success{
  background: $green!important;
  border-color: $green!important;
}

以上是关于scss 由SassMeister.com生成。的主要内容,如果未能解决你的问题,请参考以下文章

scss 由SassMeister.com生成。

scss 由SassMeister.com生成。

scss 由SassMeister.com生成。

scss 由SassMeister.com生成。

scss 由SassMeister.com生成。

scss 由SassMeister.com生成。