first commit
This commit is contained in:
CHIEFSOFT\ameye
@@ -0,0 +1,259 @@
|
||||
/*
|
||||
Table of contents
|
||||
===========================================
|
||||
- General Style
|
||||
- Utility Classes
|
||||
- Button Style
|
||||
- Form Elements
|
||||
- Page Header
|
||||
- Breadcrumb
|
||||
- Tab
|
||||
- Pagination
|
||||
- Section Title
|
||||
===========================================
|
||||
*/
|
||||
|
||||
/*
|
||||
------------------------------------
|
||||
- General Style
|
||||
------------------------------------
|
||||
*/
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
*:focus {
|
||||
outline: 0;
|
||||
}
|
||||
html {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #3c3c3c;
|
||||
letter-spacing: 0px;
|
||||
line-height: 28px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
body {
|
||||
background: #fff;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #3c3c3c;
|
||||
letter-spacing: 0px;
|
||||
line-height: 28px;
|
||||
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
button, input, textarea {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
/*
|
||||
------------------------------------
|
||||
- Utility Classes
|
||||
------------------------------------
|
||||
*/
|
||||
.bg-light {
|
||||
background: #f4f4f5;
|
||||
}
|
||||
.pn {
|
||||
padding: 0px !important;
|
||||
}
|
||||
.inner-padding {
|
||||
padding: 100px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.typed-cursor{
|
||||
opacity: 1;
|
||||
-webkit-animation: blink 0.7s infinite;
|
||||
-moz-animation: blink 0.7s infinite;
|
||||
animation: blink 0.7s infinite;
|
||||
display: none;
|
||||
}
|
||||
@keyframes blink{
|
||||
0% { opacity:1; }
|
||||
50% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-webkit-keyframes blink{
|
||||
0% { opacity:1; }
|
||||
50% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
@-moz-keyframes blink{
|
||||
0% { opacity:1; }
|
||||
50% { opacity:0; }
|
||||
100% { opacity:1; }
|
||||
}
|
||||
/*
|
||||
------------------------------------
|
||||
- Button Style
|
||||
------------------------------------
|
||||
*/
|
||||
.btn {
|
||||
height: 40px;
|
||||
padding: 0px 55px;
|
||||
line-height: 35px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
-ms-border-radius: 30px;
|
||||
-o-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
-moz-transition: all 0.3s ease-in-out;
|
||||
-ms-transition: all 0.3s ease-in-out;
|
||||
-o-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.btn-fill {
|
||||
background: #8cbdcf;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
border-color: #8cbdcf;
|
||||
}
|
||||
.btn-fill:hover {
|
||||
background: #74a9bc;
|
||||
border-color: #74a9bc;
|
||||
color: #fff !important;
|
||||
}
|
||||
.btn-outline {
|
||||
background: transparent;
|
||||
color: #8cbdcf;
|
||||
font-weight: 400;
|
||||
border-color: #8cbdcf;
|
||||
}
|
||||
.btn-outline:hover {
|
||||
background: transparent;
|
||||
border-color: #74a9bc;
|
||||
}
|
||||
|
||||
/* Blue */
|
||||
.btn-fill-blue {
|
||||
background: #7d4ccc;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
border-color: #7d4ccc;
|
||||
}
|
||||
.btn-fill-blue:hover {
|
||||
background: #7045b6;
|
||||
border-color: #7045b6;
|
||||
color: #fff !important;
|
||||
}
|
||||
.btn-outline-blue {
|
||||
background: transparent;
|
||||
color: #7d4ccc;
|
||||
font-weight: 400;
|
||||
border-color: #7d4ccc;
|
||||
}
|
||||
.btn-outline-blue:hover {
|
||||
background: transparent;
|
||||
border-color: #7045b6;
|
||||
}
|
||||
|
||||
/* Megento */
|
||||
.btn-fill-megento {
|
||||
background: #ed145b;
|
||||
color: #fff !important;
|
||||
font-weight: 400;
|
||||
border-color: #ed145b;
|
||||
}
|
||||
.btn-fill-megento:hover {
|
||||
background: #d31050;
|
||||
border-color: #d31050;
|
||||
color: #fff !important;
|
||||
}
|
||||
.btn-fill-megento:hover a {
|
||||
color: #fff !important;
|
||||
}
|
||||
.btn-outline-megento {
|
||||
background: transparent;
|
||||
color: #ed145b;
|
||||
font-weight: 400;
|
||||
border-color: #ed145b;
|
||||
}
|
||||
.btn-outline-megento:hover {
|
||||
background: transparent;
|
||||
border-color: #d31050;
|
||||
}
|
||||
/*
|
||||
------------------------------------
|
||||
- Form Elements
|
||||
------------------------------------
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
------------------------------------
|
||||
- Page Header
|
||||
------------------------------------
|
||||
*/
|
||||
|
||||
/*
|
||||
------------------------------------
|
||||
- Bread Crumb
|
||||
------------------------------------
|
||||
*/
|
||||
|
||||
/*
|
||||
------------------------------------
|
||||
- Pagination
|
||||
------------------------------------
|
||||
*/
|
||||
|
||||
/*
|
||||
------------------------------------
|
||||
- Tab
|
||||
------------------------------------
|
||||
*/
|
||||
|
||||
/*
|
||||
---------------------------------
|
||||
- Customize Owl Carousel
|
||||
---------------------------------
|
||||
*/
|
||||
.owl-carousel .owl-item img {
|
||||
width: auto !important;
|
||||
max-width: 100% !important;
|
||||
margin: auto !important;
|
||||
}
|
||||
.owl-dots {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0px;
|
||||
}
|
||||
.owl-dot {
|
||||
background: #ededed;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.owl-dot.active {
|
||||
background: #666;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
Reference in New Issue
Block a user