197 lines
5.6 KiB
CSS
197 lines
5.6 KiB
CSS
/*
|
|
Theme Name: ExpenseBlog
|
|
Theme URI: https://expensecount.com/blog/
|
|
Author: Ajit Das
|
|
Description: A wordpress theme for making a blog
|
|
Version: 1.0
|
|
Tags: group expense, expense, family expense, mess expense,
|
|
Text Domain: expensecount
|
|
*/
|
|
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
|
|
|
|
|
|
body{ padding:0; margin:0; font-weight:400; font-size:15px}
|
|
.container{ max-width:1152px; }
|
|
img{ max-width:100%; height:auto; display:block}
|
|
h1{ font-weight:100; margin-bottom:20px; }
|
|
h1 strong{ font-weight:900; }
|
|
|
|
.header{ background:#fff; padding:20px 0}
|
|
.nav{ margin:0; padding:0; margin-top:15px; display:block; text-align:right}
|
|
.nav li{ display:inline-block; text-transform:uppercase; font-weight:400; margin-left:20px;}
|
|
.nav li a{ color:#000}
|
|
.nav li a:hover{ text-decoration:none}
|
|
|
|
.slider{ background:url(images/slide-bg.jpg) no-repeat center; max-height:550px; overflow:hidden; color:#fff}
|
|
.slider ul{ margin:0; padding:0}
|
|
.slider li{ display:inline-block; margin-right:10px;}
|
|
.slider h1{ margin-top:170px; line-height:55px; font-weight:300}
|
|
.phone-animation{ background:url(images/phone.png) no-repeat top; height:600px; position:relative; padding:129px 42px 0px 44px; }
|
|
.phone-animation .item{ padding:0; margin:0 ;}
|
|
|
|
.block-1{ background:#fff; font-size:35px; font-weight:100; padding:60px 0;}
|
|
.block-1 strong{ font-weight:900;}
|
|
.block-1 a{ background:#F98300; color:#fff; border-radius:25px; padding:5px 20px; text-transform:uppercase}
|
|
|
|
|
|
|
|
.block-5{ background:#2068ad; color:#fff; padding:30px 0}
|
|
.block-5 li{ display:inline-block; font-size:28px; text-align:center; border:solid 2px #fff; margin:5px 35px; border-radius:100%; height:200px; width:200px; padding-top:40px;}
|
|
.block-5 li strong{ font-size:35px; font-weight:700}
|
|
.block-5 ul{ margin:0; padding:0; display:block; text-align:center;}
|
|
|
|
.block-6{padding:100px 0; }
|
|
|
|
.app-container{ padding:0px 0px 100px 0;}
|
|
.app-block {padding:0px 0px; background:#fff;
|
|
-webkit-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.12);
|
|
-moz-box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.12);
|
|
box-shadow: 0px 0px 14px 2px rgba(0,0,0,0.12);}
|
|
.group-expense{ background:#07467d}
|
|
.mess-expense{ background:#55bb76}
|
|
.family-expense{ background:#607d8b}
|
|
|
|
.app-block img{ width:60px; float:left; padding:15px 10px 10px 10px; }
|
|
.app-container h1{ font-size:28px; line-height:20px !important; padding:15px; color:#FFFFFF}
|
|
.app-container h1 span {font-size:11px; font-weight:600}
|
|
.app-desc{ padding:0px 15px; min-height:270px;}
|
|
.app-info{ list-style:none; margin:0; margin-top:30px; padding:0}
|
|
.app-info ul { margin:0; padding:0}
|
|
.app-info li{ display:block; background:#d2d2d2; border-bottom:solid 1px #fff; padding:8px 0; margin:0;}
|
|
.app-info a{ color:#e65b37; font-weight:bold;}
|
|
.app-info a.create-new{ background:url(images/ico-create-new.png) no-repeat right center; padding-right:25px; }
|
|
.app-info a.download{ background:url(images/ico-download.png) no-repeat right center; padding-right:25px; }
|
|
|
|
|
|
|
|
.feature { font-size:13px; border-bottom:solid 1px #dadada; margin-bottom:15px; }
|
|
.feature img{margin-right:20px; }
|
|
.feature h3{ font-size:15px; text-transform:uppercase }
|
|
|
|
|
|
.footer{ background:url(images/footer-bg.png) repeat-x #4e97dc; color:#fff; padding-bottom:50px;}
|
|
.social-icons{ margin:0; padding:0}
|
|
.social-icons li{ list-style:none; display:inline-block}
|
|
.social-tab{ padding:50px 0; border-bottom:solid 1px #4283c0; margin-bottom:50px;}
|
|
|
|
.copyright{ background:#0a4782; color:#fff; padding:20px 0; font-size:12px; text-align:center}
|
|
|
|
|
|
.block7{ padding:50px 0; background:#f1f1f1}
|
|
.testimonial .item { font-style:italic}
|
|
.testimonial .item img{ width:100px !important; margin:0 auto; margin-bottom:15px; }
|
|
.testimonial .item cite{ color:#000; font-weight:400}
|
|
|
|
|
|
@media (min-width: 320px) and (max-width: 768px) {
|
|
.slider h1{ margin-top:100px;}
|
|
h1{ font-size:170%}
|
|
.app-info li{ display:block; margin-bottom:15px;}
|
|
.social-icons{ text-align:center !important; margin-bottom:10px;}
|
|
.block-5 li{ display:block; text-align:center; margin:20px auto;}
|
|
img{ margin:10px 0}
|
|
.phone-animation { display:none}
|
|
.slider{ text-align:center;}
|
|
}
|
|
/*---------blog style----------*/
|
|
.block-2{padding: 50px 0;}
|
|
.single-blog{margin-bottom:20px;}
|
|
.view-more-btn{
|
|
margin-right: 2rem;
|
|
display: block;
|
|
float: right;
|
|
}
|
|
.link-color{color:#fff; text-decoration: underline;}
|
|
.comment-author img {
|
|
margin-right: 10px;
|
|
border-radius: 50%;
|
|
float: left;
|
|
width:70px;
|
|
}
|
|
article#div-comment-2 {
|
|
margin-top: 25px;
|
|
}
|
|
svg:not(:root) {
|
|
display: none;
|
|
}
|
|
.reply {
|
|
padding-left: 5rem;
|
|
margin-bottom:1rem;
|
|
}
|
|
.comment-content p{
|
|
margin-bottom: 0px;
|
|
padding-left:5rem;
|
|
}
|
|
#commentform p label {
|
|
width: 4rem;
|
|
}
|
|
#commentform p.comment-form-cookies-consent label {
|
|
width: inherit;
|
|
padding-left: 0.5rem;
|
|
}
|
|
input#author, input#email, input#url {
|
|
width: 24rem;
|
|
}
|
|
input#submit {
|
|
background: #ff7404;
|
|
color: #fff;
|
|
border: 0;
|
|
padding: .5rem 1rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.free-image img{
|
|
display: inline;
|
|
width: 120px;
|
|
position: absolute;
|
|
top: -1.5rem;
|
|
}
|
|
.free-image{
|
|
text-align: center;
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
.formError {
|
|
color: red;
|
|
padding-left: 0rem;
|
|
}
|
|
.free-image img{
|
|
position: relative;
|
|
top: -0.5rem;
|
|
}
|
|
}
|
|
|
|
div#comments {
|
|
margin-top: 1rem;
|
|
}
|
|
a.link-color:hover {
|
|
color: #fff;
|
|
}
|
|
.comment-form-comment textarea {
|
|
height: 100px;
|
|
}
|
|
.comment-form-comment label {
|
|
margin-top: 0;
|
|
margin-bottom: 0rem;
|
|
display: block;
|
|
}
|
|
p.comment-form-author label {
|
|
display: block;
|
|
margin-top: 0;
|
|
margin-bottom: 0rem;
|
|
}
|
|
p.comment-form-email label {
|
|
display: block;
|
|
margin-top: 0;
|
|
margin-bottom: 0rem;
|
|
}
|
|
p.comment-form-url label {
|
|
display: block;
|
|
margin-top: 0;
|
|
margin-bottom: 0rem;
|
|
}
|
|
#commentform p{
|
|
margin-bottom: 0.5rem;
|
|
} |