Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- @package cmtdsgntheme
- */
- /*
- Generic
- ----------------------------------------------
- */
- /*
- Variables
- ----------------------------------------------
- */
- $primary-font: "Lato", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
- $light-blue: #56c7df;
- $light-gray: #cecece;
- $dark-gray: #565656;
- $white: #fff;
- /*
- Mixins
- ----------------------------------------------
- */
- @mixin animate ($attr, $time){
- webkit-transition: $attr $time ease;
- -moz-transition: $attr $time ease;
- -ms-transition: $attr $time ease;
- -o-transition: $attr $time ease;
- transition: $attr $time ease;
- }
- @mixin circle($width, $color) {
- width: 87px;
- height: $width;
- background: $color;
- -webkit-border-radius: $width/2;
- -moz-border-radius: $width/2;
- border-radius: $width/2;
- }
- body {
- font: $primary-font;
- color: $dark-gray;
- font-weight: 100; }
- /*
- list
- ----------------------------------------------
- */
- .product-list{
- li {
- font-size: inherit;
- list-style: none;
- a.button{
- display: none;
- }
- }
- }
- /*********************
- Circle
- *********************/
- .circle {
- @include circle(87px, $light-blue);
- position: relative;
- z-index: 2;
- top: -95px;
- }
- .circle-outline{
- @extend .circle;
- background-color: $white;
- border: 1px solid $light-blue;
- margin: 30px auto;
- }
- /*********************
- H1, H2, H3, H4, H5 P STYLES
- *********************/
- h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
- text-decoration: none; }
- h1, .h1 {
- text-align: center;
- font-size: 50px;
- font-weight: 300;
- color: #565656; }
- h2, .h2 {
- color: #cecece;
- font-weight: 300;
- font-size: 40px;
- text-align: center; }
- h3, .h3 {
- text-align: center;
- font-size: 30px;
- font-weight: 300;
- padding-top: 15px;
- color: #565656; }
- /*
- Header
- ----------------------------------------------
- */
- /*********************
- HERO IMAGE STYLES
- *********************/
- .hero-image {
- background-position: center center;
- background-size: cover;
- background-repeat: no-repeat;
- padding: 20vh 0;
- height: auto;
- background-color: #d9d9d8;
- background-blend-mode: soft-light;
- position: relative;
- z-index: 1;
- .hero-content {
- padding: 15vh 0;
- }
- }
- .header-container {
- position: relative;
- display: block;
- height: 1000px; }
- .site-title {
- color: #fff; }
- .site-description {
- font-size: 14px;
- color: #fff;
- margin-top: 0.4em; }
- .nav-container{
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- }
- /*
- Navigation
- ----------------------------------------------
- */
- .navbar-cmtdsgn{
- text-align: right;
- border:none;
- border-radius: 0;
- min-height: auto;
- margin-bottom: 0;
- background: rgba( 255,255, 255, 0.1);
- border-top: 1px solid rgba( 255,255, 255, 0.1);
- ul{
- float:none;
- }
- li{
- float:none;
- display: inline-block;
- a{
- text-transform: lowercase;
- color: $dark-gray;
- font-size: 18px;
- opacity: 0.7;
- font-weight: 500;
- padding-left: 20px;
- background: none;
- @include animate( opacity, 420ms );
- &:active,
- &:hover,
- &:focus
- {
- background: none;
- opacity: 1;
- color: $light-blue;
- }
- }
- }
- }
- /*
- Services
- ----------------------------------------------
- */
- .services{
- padding: 20vh 0;
- height: auto;
- background: #fff;
- padding: 20vh 0;
- height: auto;
- background: #fff;
- position: relative;
- top: -140px;
- z-index: 1;
- }
- /*
- Portoflio
- ----------------------------------------------
- */
- /*
- .portfolio-gallery{
- ul{
- margin: 0 auto;
- li{
- list-style: none;
- width: 20%;
- }
- }
- img{
- width: 200%;
- }
- }
- */
- /*
- Blog
- ----------------------------------------------
- */
- .entry-content{
- img{
- width: 100%;
- }
- }
- /*
- Store
- ----------------------------------------------
- */
- .entry-content{
- img{
- width: 100%;
- }
- }
- .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
- padding: .5em 0;
- margin: 0;
- font-size: 30pt;
- }
- .woocommerce ul.products li.product .price {
- color: $light-blue;
- display: block;
- font-weight: 400;
- margin-bottom: .5em;
- font-size: 20pt;
- }
- .woocommerce ul.products li.product .button {
- margin-top: 1em;
- border: 1px solid $light-blue;
- background: none;
- width: 100%;
- font-family: $primary-font;
- }
- button {
- font-family: inherit;
- background: lightgray;
- padding: 10px;
- border-radius: 0px;
- margin-left: 10px;
- }
- .cell {
- /*background: dodgerblue;*/
- background: red;
- }
- /*
- About me
- ----------------------------------------------
- */
- .about{
- position: absolute;
- z-index: -1;
- img{
- background-position: center center;
- background-size: cover;
- background-repeat: no-repeat;
- height: 380px !important;
- max-height: 90%;
- background-color: #d9d9d8;
- background-blend-mode: soft-light;
- position: relative;
- z-index: 1;
- }
- }
- .aboutme_content{
- padding:5vh 0;
- }
- /*
- SKills
- ----------------------------------------------
- */
- .skills-icons{
- margin-top: 100px;
- background-color: $light-blue;
- z-index: 1;
- circle{
- background-color: $light-blue;
- }
- }
- .skills{
- padding: 2vh 0;
- background-color: #56c7df;
- z-index: 1;
- position: relative;
- margin-top: -133px;
- }
- /*
- Testimonals
- ----------------------------------------------
- */
- .testimonals_pic{
- img{
- background-position: center center;
- background-size: cover;
- background-repeat: no-repeat;
- height: 380px !important;
- max-height: 90%;
- background-color: #d9d9d8;
- background-blend-mode: soft-light;
- position: absolute;
- z-index: -1;
- }
- }
- .testimonials_content{
- padding:8vh 0;
- }
- /*
- Feature products
- ----------------------------------------------
- */
- /*
- Commissions
- ----------------------------------------------
- */
- .commissions{
- padding:8vh 0;
- height: 700px;
- }
- .commissions_pic{
- img{
- z-index: -1;
- position: absolute;
- height: 50%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- }
- /*
- News
- ----------------------------------------------
- */
- .news{
- padding:8vh 0;
- height: 700px;
- }
- /*
- events
- ----------------------------------------------
- */
- .news{
- padding:8vh 0;
- height: 700px;
- }
- /*
- contact me
- ----------------------------------------------
- */
- .contact_pic{
- img{
- z-index: -1;
- position: absolute;
- height: 50%;
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- }
- }
- ul li {
- list-style: none;
- display: inline-block;
- }
- #mygallery {
- margin: 80px 0;
- display: flex;
- }
- .tile {
- -webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition: all 350ms ease;
- transition: all 350ms ease;
- }
- .tile img {
- border: 1px solid grey;
- }
- .scale-anm {
- transform: scale(1);
- }
- p{
- padding:10px;
- border-bottom: 1px #ccc dotted;
- text-decoration: none;
- font-family: lato;
- font-size: 12px;
- color: #333;
- display:block;
- float:left;
- }
- p:hover {
- cursor:pointer;
- background: #333;
- color:#eee; }
- .tile img {
- max-width: 100%;
- width: 100%;
- height: auto;
- margin-bottom: 1rem;
- }
- .btn {
- font-family: Lato;
- font-size: 1rem;
- font-weight: normal;
- text-decoration: none;
- cursor: pointer;
- display: inline-block;
- line-height: normal;
- padding: .5rem 1rem;
- margin: 0;
- height: auto;
- border: 1px solid;
- vertical-align: middle;
- -webkit-appearance: none;
- color: #555;
- background-color: rgba(0, 0, 0, 0);
- }
- .btn:hover {
- text-decoration: none;
- }
- .btn:focus {
- outline: none;
- border-color: var(--darken-2);
- box-shadow: 0 0 0 3px var(--darken-3);
- }
- ::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
Add Comment
Please, Sign In to add comment