Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*-----------------------------------------------------------------------------------
- Template Name:
- Template URI:
- Description: T
- Author:
- Author
- Version: 1.0
- -----------------------------------------------------------------------------------
- /* Base CSS */
- * {
- margin: 0;
- padding: 0;
- }
- .alignleft {
- float: left;
- margin-right: 15px;
- }
- .alignright {
- float: right;
- margin-left: 15px;
- }
- .aligncenter {
- display: block;
- margin: 0 auto 15px;
- }
- a:focus { outline: 0 solid }
- img {
- max-width: 100%;
- height: auto;
- }
- a:hover, a:focus{
- text-decoration: none;
- outline: none;
- border: none;
- }
- body{
- font-family: 'Playfair Display', serif;
- font-size: 14px;
- background: #fff;
- color: #626262;
- line-height: 1.714;
- }
- h1,h2,h3,h4,h5,h6{
- margin: 0 0 15px;
- font-weight: 400;
- }
- h2{
- color: #626262;
- text-transform:capitalize;
- }
- /****** Header area****/
- .logo h2{
- font-family: 'Inconsolata', monospace;
- color: #000;
- text-transform: uppercase;
- }
- .slicknav-responsive-menu{
- display: none;
- }
- .mainmenu{float: right; }
- .mainmenu ul{margin: 0; padding: 0; list-style: none; }
- .mainmenu ul li{display: inline-block; -webkit-transition: .2s; transition: .2s; padding-left: 100px; }
- .mainmenu ul li a{display: block; color: #626262; padding: 10px 5px; ; text-transform: uppercase; font-size: 14px; font-weight: 300; position: relative; }
- .mainmenu ul li a:hover:after{
- position: absolute;
- left: 0;
- bottom: 0;
- height: 2px;
- width: 100%;
- background: #ddd;
- content: "";
- }
- .slicknav_menu {
- z-index: 9999;
- position: relative;
- text-transform: uppercase;
- }
- .hero-area{
- margin-top: 70px;
- height: 490px;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center bottom;
- background-image: url(images/hero-area-bg.jpg);
- background-color: #F0F0F0;
- }
- .logo h2 {
- margin: 0;
- text-transform: uppercase;
- padding: 6px 0px;
- }
- .logo-menu {
- padding: 20px 0;
- }
- /****Content area***/
- a.post-meta, .content-area a {
- color: #b4ad9e;
- text-transform: uppercase;
- -webkit-transition: .2s;
- transition: .2s;
- margin-top: 20px;
- display: inline-block;
- margin-bottom: 15px;
- font-family: 'Ubuntu', sans-serif;
- font-weight: 300;
- }
- a.post-meta:hover, .content-area a:hover {
- color: #333;
- }
- .content-area {
- padding: 100px 0;
- }
- /****Item arae****/
- .single-item-bg{
- height: 280px;
- background-color: #F0F0F0;
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- }
- .item-bg-1{background-image: url(images/item-1.jpg);}
- .item-bg-2{background-image: url(images/item-2.jpg);}
- .item-bg-3{background-image: url(images/item-3.jpg);}
- .item-bg-4{background-image: url(images/item-4.jpg);}
- .item-bg-5{background-image: url(images/item-5.jpg);}
- .item-bg-6{background-image: url(images/item-6.jpg);}
- .item-content {
- padding: 30px 6px;
- }
- .single-item {
- margin-bottom: 50px;
- -webkit-transition: .3s;
- transition: .3s;
- }
- .single-item:hover {
- box-shadow: 0 0 30px #ddd;
- }
- /*****Sign-up form****/
- .sign-up form {
- width: 370px;
- margin: 0 auto;
- border-bottom: 1px solid #000;
- position: relative;
- margin-top: 65px;
- }
- .sign-up form input {
- background-color: transparent;
- border: none;
- width: 100%;
- padding: 10px;
- }
- .sign-up form button {
- position: absolute;
- right: 0;
- top: 0;
- background: none;
- border: none;
- padding: 10px;
- }
- .sign-up form input:focus{
- outline: 0;
- }
- .sign-up-box {
- background: #f0f0f0;
- padding: 80px 0;
- margin-bottom: 100px;
- }
- a.load-more {
- color: #626262;
- font-size: 20px;
- text-transform: capitalize;
- display: inline-block;
- border: 1px solid #626262;
- padding: 15px 30px;
- -webkit-transition: .3s;
- transition: .3s;
- }
- a.load-more:hover{
- background: #f0f0f0;
- color: #000;
- border: 1px solid #f0f0f0;
- }
- /*****Footer****/
- .footer-menu ul {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- .footer-menu li {
- display: inline-block;
- }
- .footer-menu li a {
- text-transform: capitalize;
- color: #000;
- margin-right: 15px;
- }
- .footer-menu li a:hover {
- color: #626262;
- }
- .social-icon{
- text-align: right;
- }
- .social-icon h5 {
- display: inline-block;
- padding-right: 15px;
- text-transform: capitalize;
- margin: 0;
- }
- .social-icon a {
- display: inline-block;
- color: #626262;
- padding-left: 10px;
- font-size: 17px;
- -webkit-transition: .3s;
- transition: .3s;
- }
- .social-icon a:hover{
- color: #000;
- }
- .footer-area {
- background: #f0f0f0;
- padding: 40px 0;
- margin-top: 90px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement