initial commit
This commit is contained in:
258
app/webroot/cdn/css/style.css
Normal file
258
app/webroot/cdn/css/style.css
Normal file
@@ -0,0 +1,258 @@
|
||||
@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}
|
||||
.container{ max-width:1152px; font-weight:300;}
|
||||
img{ max-width:100%; height:auto; display:block}
|
||||
h1{ font-weight:100; margin-bottom:20px; }
|
||||
h1 strong{ font-weight:900; }
|
||||
h1 img{ vertical-align:middle; padding-right:20px; display:inline-block}
|
||||
|
||||
.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(../cdn/images/slide-bg.jpg) repeat-x 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(../cdn/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:#f1f1f1; font-size:35px; font-weight:100; padding:30px 0;}
|
||||
.block-1 strong{ font-weight:900;}
|
||||
.block-1 a{ background:#F98300; color:#fff; border-radius:25px; padding:5px 20px; text-transform:uppercase}
|
||||
|
||||
.block-2{padding:50px 0;min-height: 35rem;}
|
||||
|
||||
.block-3{padding:50px 0; background:#f1f1f1}
|
||||
.block-3 h1 img{ vertical-align:middle; padding-right:20px; display:inline-block}
|
||||
|
||||
.block-4{padding:50px 0 }
|
||||
|
||||
.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:70px 0; }
|
||||
.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}
|
||||
|
||||
/*Universal Class*/
|
||||
.app-info{ list-style:none; margin:0; padding:0}
|
||||
.app-info li{ display:inline-block; padding-right:20px; font-weight:bold}
|
||||
.app-info li a{ color:#000}
|
||||
.app-info li.new{ padding-left:40px; background:url(../cdn/images/ico-create-new.png) no-repeat}
|
||||
.app-info li.demo{ padding-left:40px; background:url(../cdn/images/ico-demo.png) no-repeat}
|
||||
.app-info li.download{ padding-left:40px; background:url(../cdn/images/ico-download.png) no-repeat}
|
||||
|
||||
.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;}
|
||||
|
||||
}
|
||||
iframe.loadHtml {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
overflow: hidden;
|
||||
border: 0;
|
||||
min-height: 520px;
|
||||
background: #fff;
|
||||
}
|
||||
iframe {
|
||||
width: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
.formError {
|
||||
color: red;
|
||||
padding-left: 8rem;
|
||||
}
|
||||
/*----------Mobile App page style--------------*/
|
||||
.all-mobile-apps div:first-child .single-expense {
|
||||
border-top: none;
|
||||
}
|
||||
.all-mobile-apps div .single-expense{
|
||||
border-top: 1px solid #eee;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.single-expense-img img {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
height: 50px;
|
||||
}
|
||||
.single-expense-img h4 {
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.single-expense-link {
|
||||
padding-top: 1.3rem;
|
||||
}
|
||||
.single-expense-link a {
|
||||
margin-left: 30px;
|
||||
}
|
||||
.link-color{
|
||||
color:#fff !important;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.grecaptcha-badge {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
|
||||
#CommentFeedbackForm button.btn.btn-primary.tooltipBtn {
|
||||
position: absolute;
|
||||
margin-left: .2rem;
|
||||
}
|
||||
.email-icon img {
|
||||
display: inline-block;
|
||||
width: 2rem;
|
||||
}
|
||||
.remove-icon img {
|
||||
display: inline-block;
|
||||
width: 1.5rem;
|
||||
}
|
||||
.add-icon img {
|
||||
display: inline-block;
|
||||
width: 1.5rem;
|
||||
}
|
||||
.archive-icon img {
|
||||
display: inline-block;
|
||||
width: 1.5rem;
|
||||
}
|
||||
.clipboard-icon img {
|
||||
display: inline-block;
|
||||
width: 1.5rem;
|
||||
}
|
||||
.my-expenses{
|
||||
min-height: 20rem;
|
||||
}
|
||||
.tooltip-inner{max-width:500px;}
|
||||
|
||||
/*---------my expense page style---------*/
|
||||
.my-expenses .table thead {
|
||||
background: #dfeffc;
|
||||
}
|
||||
.my-expenses .table thead th{
|
||||
color: #2e6e9e;
|
||||
}
|
||||
.my-expenses .table tbody td, .my-expenses .table thead th {
|
||||
padding: 0.2rem 0.75rem;
|
||||
color: #333;
|
||||
border: 1px solid #c5dbec;
|
||||
}
|
||||
.my-expenses .table td a{
|
||||
color: #333;
|
||||
}
|
||||
.modal-header-inner {
|
||||
background: #70a6d2;
|
||||
width: 100%;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
.modal-header {
|
||||
padding: 5px;
|
||||
}
|
||||
.modal-header-inner button.close {
|
||||
position: absolute;
|
||||
right: 1.2rem;
|
||||
top: 1rem;
|
||||
color: #fff;
|
||||
}
|
||||
.my-expenses .submit {
|
||||
text-align: right;
|
||||
margin-right: 6rem;
|
||||
margin-bottom: 1rem;
|
||||
/*margin-top:1rem;*/
|
||||
}
|
||||
.my-expenses button.btn.btn-secondary.modal-footer-close {
|
||||
position: absolute;
|
||||
right: 01rem;
|
||||
bottom: 1rem;
|
||||
background: #dfeffc;
|
||||
color: #2e6e9e;
|
||||
cursor: pointer;
|
||||
}
|
||||
.my-expenses input[type="submit"] {
|
||||
border: 1px solid #c5dbec;
|
||||
background: #dfeffc;
|
||||
padding: 0.35rem;
|
||||
border-radius: 5px;
|
||||
color: #2e6e9e;
|
||||
cursor: pointer;
|
||||
}
|
||||
.my-expenses input[type="submit"]:hover, .my-expenses button.btn.btn-secondary.modal-footer-close:hover{
|
||||
border: 1px solid #2e6e9e;
|
||||
}
|
||||
|
||||
|
||||
.my-expenses .modal-body {
|
||||
padding:0;
|
||||
}
|
||||
.my-expenses #sendEmailForm .form-group {
|
||||
border-bottom: 1px solid #a6cae4;
|
||||
padding: 2rem;
|
||||
}
|
||||
label span {
|
||||
color: red;
|
||||
}
|
||||
.my-expenses button.btn.btn-default.btn-copy.js-tooltip.js-copy {
|
||||
background: none;
|
||||
color: #a6cae4;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
}
|
||||
.my-expenses button.btn.btn-default.btn-copy.js-tooltip.js-copy {
|
||||
background: none;
|
||||
color: #a6cae4;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
padding: 2px 9px 0;
|
||||
}
|
||||
Reference in New Issue
Block a user