initial commit
This commit is contained in:
747
app/webroot/cdn/css/style-old.css
Normal file
747
app/webroot/cdn/css/style-old.css
Normal file
@@ -0,0 +1,747 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* CSS Document */
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body {
|
||||
background: #ececec;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
img {
|
||||
border: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
color: #ff6804;
|
||||
}
|
||||
a:hover {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
margin-bottom: 5px;
|
||||
line-height: 18px;
|
||||
font-size: 14px;
|
||||
color: #545454;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
h1 {
|
||||
font-size: 22px;
|
||||
color: #3784cc;
|
||||
font-weight: normal;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h2 {
|
||||
color: #ff6804;
|
||||
font-size: 22px;
|
||||
border-bottom: 1px solid #c8c7c7;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
h4 {
|
||||
color: #000;
|
||||
font-size: 17px;
|
||||
margin: 10px 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
.header {
|
||||
background: #104374 url(../images/header-bg.jpg) left top repeat-x;
|
||||
}
|
||||
.header2 {
|
||||
background: #0659a9 url(../images/header-bg.jpg) left -16px repeat-x;
|
||||
}
|
||||
|
||||
.shadow {
|
||||
box-shadow: 0 4px 10px rgba(91, 91, 91, 0.8);
|
||||
}
|
||||
.bannerBg {
|
||||
background: url(../images/banner.jpg) left top no-repeat;
|
||||
height: 203px;
|
||||
width: 100%;
|
||||
}
|
||||
.bannerHeight{ height: 127px;}
|
||||
.banner-calculator-img{
|
||||
background: url(../images/banner-calculator-img.png) right bottom no-repeat;
|
||||
height: 203px;
|
||||
}
|
||||
.bannerBg .logo-area {
|
||||
padding-left: 50px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
.bannerBg .flasg-icon-area {
|
||||
text-align: right;
|
||||
padding-right: 20px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.flasg-icon-area a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.percent-free {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.padding-left-225{
|
||||
padding-left: 225px;
|
||||
}
|
||||
/*Menu CSS*/
|
||||
|
||||
.menuArea {
|
||||
background: #3d8bd5;
|
||||
border-top: 1px solid #bbdbf9;
|
||||
border-bottom: 1px solid #5b5959;
|
||||
}
|
||||
.menu {
|
||||
background: #5aa3e8;
|
||||
}
|
||||
.menu ul {
|
||||
height: 36px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.menu ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
.menu ul li a {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 1px 27px 0;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
line-height: 36px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.menu ul li a:hover,
|
||||
.menu ul li.active a {
|
||||
background: #fff;
|
||||
color: #ff7404;
|
||||
border: 1px solid #5b5959;
|
||||
border-bottom: none;
|
||||
margin-top: -10px;
|
||||
padding: 10px 26px 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
.menu ul li.login a {
|
||||
background: #ff7404;
|
||||
padding: 0 27px;
|
||||
}
|
||||
.menu ul li.login a:hover {
|
||||
background: #ff7404;
|
||||
padding: 0 27px;
|
||||
color: #000;
|
||||
}
|
||||
.menu ul li.login a {
|
||||
border: none !important;
|
||||
}
|
||||
.navbar-default .navbar-toggle{
|
||||
background-color: #fff;
|
||||
}
|
||||
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
|
||||
.navbar-default .navbar-toggle .icon-bar{
|
||||
background-color: #3d8bd5;
|
||||
}
|
||||
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{background-color: #888;}
|
||||
|
||||
/*Sub Menu*/
|
||||
.menu ul li:hover {text-decoration:underline;backgroundcolor:#213b38;position:relative;}
|
||||
|
||||
.menu ul ul {
|
||||
display:none;
|
||||
position:absolute;
|
||||
left:-10px;
|
||||
top:37px;
|
||||
width: 200px;
|
||||
z-index: 2100;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu ul li:hover ul {
|
||||
display:block;
|
||||
background: #f2f2f2;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.menu ul ul li:hover{text-decoration:none;}
|
||||
.menu ul li ul li {text-decoration:none; display: block;}
|
||||
.menu ul ul li a{color: #000; display:block; padding: 5px 10px; float: none; line-height: 22px;}
|
||||
.menu ul ul li a:hover {border:none; padding: 5px 10px; }
|
||||
.menu ul ul li a:hover,
|
||||
.menu ul ul li.active a{
|
||||
margin-top: 0;
|
||||
display: block; padding: 5px 10px;
|
||||
}
|
||||
/*/End*/
|
||||
|
||||
.bodyContent {
|
||||
background: #fff;
|
||||
padding: 15px;
|
||||
}
|
||||
blockquote.slogun {
|
||||
font-size: 18px;
|
||||
color: #4d4d4d;
|
||||
font-style: italic;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.apps {
|
||||
text-align: right;
|
||||
}
|
||||
/*Box CSS*/
|
||||
|
||||
.boxArea {
|
||||
clear: both;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.box {
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.box .box-title {
|
||||
background: #104374;
|
||||
padding: 5px 10px 7px 10px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
}
|
||||
.box .box-content {
|
||||
background: #d9d8d8;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
color: #4d4d4d;
|
||||
}
|
||||
.box .box-footer {
|
||||
background: #7d7d7d;
|
||||
color: #fff;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.box .box-footer a {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
padding: 0 10px;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
.box .box-footer a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.box .box-content .img {
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.box .box-content img {
|
||||
padding: 2px;
|
||||
background: #fff;
|
||||
}
|
||||
.box .box-footer a.plusIcon {
|
||||
border-right: 1px solid #bbb8b8;
|
||||
font-size: 26px;
|
||||
font-weight: 700;
|
||||
}
|
||||
/*Footer content box*/
|
||||
|
||||
.footerContentBoxArea {
|
||||
background: #bbbbbb;
|
||||
}
|
||||
.footerContentBox, .footerContentBox2 {
|
||||
background: #e7e7e7;
|
||||
margin: 0 auto;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.footerContentBox .box {
|
||||
margin-bottom: 15px;
|
||||
padding: 5px;
|
||||
}
|
||||
.divider {
|
||||
background: url(../images/divider.png) right center no-repeat;
|
||||
min-height: 240px;
|
||||
}
|
||||
.footerContentBox p {
|
||||
color: #6d6a6a;
|
||||
}
|
||||
.footerContentBox strong {
|
||||
color: #000;
|
||||
}
|
||||
.searchBox {
|
||||
border: 1px solid #b6b6b6;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
width: 190px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.searchBox input[type="text"],
|
||||
.searchBox input[type="submit"] {
|
||||
border: none;
|
||||
focus: none;
|
||||
outline: none;
|
||||
padding: 5px;
|
||||
}
|
||||
.searchBox input[type="submit"] {
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
background: #0757a4;
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.searchBox input[type="submit"]:hover {
|
||||
background: #054c91;
|
||||
}
|
||||
.searchBox input[type="text"] {
|
||||
width: 157px;
|
||||
border-right: 1px solid #b6b6b6;
|
||||
margin-right: -4px;
|
||||
color: #333;
|
||||
}
|
||||
/*News CSS*/
|
||||
|
||||
.news {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.dotted {
|
||||
border-bottom: 1px dashed #999;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.news a {
|
||||
color: #0757a4;
|
||||
}
|
||||
.news a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.newsReadmore {} .newsReadmore a {
|
||||
color: #f67b02;
|
||||
font-size: 12px;
|
||||
}
|
||||
.newsReadmore a:hover {
|
||||
color: #000;
|
||||
}
|
||||
.followLink {
|
||||
text-align: center;
|
||||
}
|
||||
.followLink a {
|
||||
margin: 0 2px;
|
||||
}
|
||||
.copyrightArea {
|
||||
background: #7d7d7d;
|
||||
}
|
||||
.copyright {
|
||||
background: #c1c1c1;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
font-size: 12px;
|
||||
}
|
||||
.pageDivider {
|
||||
border-bottom: 1px solid #d4d4d4;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
/*List CSS*/
|
||||
|
||||
.list {} .list li {
|
||||
background: url(../images/icon.png) left center no-repeat;
|
||||
padding-left: 15px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 14px;
|
||||
color: #545454;
|
||||
}
|
||||
/*About us page css*/
|
||||
|
||||
.aboutUsSection {} .aboutUsSection .leftBox {
|
||||
float: left;
|
||||
width: 460px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
.aboutUsSection .rightBox {
|
||||
float: left;
|
||||
width: 460px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.abtContentBox {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.abtContentBox .abtContentImg {
|
||||
width: 120px;
|
||||
float: left;
|
||||
}
|
||||
.abtContentBox .abtContent {
|
||||
margin-left: 140px;
|
||||
}
|
||||
.imgEffect {
|
||||
padding: 3px;
|
||||
border: 1px solid #a8a8a8;
|
||||
}
|
||||
.abtContentBox strong {
|
||||
color: #3784cc;
|
||||
}
|
||||
.abtContent label {
|
||||
width: 100px;
|
||||
display: inline-block;
|
||||
}
|
||||
.abtContent a {
|
||||
color: #545454;
|
||||
}
|
||||
.abtContent a:hover {
|
||||
color: #3784cc;
|
||||
}
|
||||
.comments, .loginBox {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.comments label {
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.loginBox label, .regBox label {
|
||||
display: inline-block;
|
||||
padding-top: 5px;
|
||||
vertical-align: top;
|
||||
width: 120px;
|
||||
padding-right:5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
.regBox label{width: 160px;}
|
||||
.loginBox label span{color: red;}
|
||||
.loginBox a{color: #0757a4;}
|
||||
.loginBox a:hover{color: #000;}
|
||||
.comments input[type="text"],
|
||||
.comments textarea, .loginBox input[type="text"], .loginBox textarea, .loginBox input[type="password"]{
|
||||
width: 320px;
|
||||
padding: 5px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #b6b6b6;
|
||||
margin-bottom:8px;
|
||||
}
|
||||
.comments textarea, .loginBox textarea {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.loginBox textarea, .tabContent textarea {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
|
||||
tabContent
|
||||
.captcha{padding-left:125px; margin-bottom:8px;text-align:center}
|
||||
.regBox .captcha{padding-left:165px;}
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
border: none;
|
||||
display: block;
|
||||
}
|
||||
iframe:focus {
|
||||
outline: none;
|
||||
}
|
||||
iframe[seamless] {
|
||||
display: block;
|
||||
}
|
||||
body table {
|
||||
width: 100%;
|
||||
}
|
||||
.align-center{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bannerSlogun p{color: #000;}
|
||||
|
||||
.tooltipBtn{vertical-align:top; padding: 4px 12px; font-weight:700;}
|
||||
.apps2{text-align: right; margin-top: 30px; padding-right: 22px;}
|
||||
|
||||
/*JQuery UI CSS Customization*/
|
||||
body .ui-widget-header{
|
||||
background: #70a6d2;
|
||||
border: 1px solid #4697d8;
|
||||
}
|
||||
body #editmodlist .ui-widget-header, body #alertmod .ui-widget-header, body .ui-searchFilter .ui-widget-header{background: url(img/ui-bg_gloss-wave_55_5c9ccc_500x100.png) left -35px repeat-x; }
|
||||
body .ui-widget-content{border: 1px solid #a6cae4; background: #fff; }
|
||||
body .ui-jqgrid .ui-jqgrid-pager, body .ui-widget-content, .ui-jqgrid .ui-jqgrid-hdiv{ width: auto !important}
|
||||
body .ui-state-active a, body .ui-state-active a:link, body .ui-state-active a:visited {
|
||||
color: #ff7404;
|
||||
}
|
||||
.ui-widget, .ui-tabs{}
|
||||
.ui-tabs .ui-tabs-panel{padding: 1em !important;}
|
||||
.regBox .formError, .loginBox .formError{color: red; margin-bottom:10px; margin-top: -10px;}
|
||||
.loginBox .formError{padding-left:125px;}
|
||||
.loginBox.regBox .formError{padding-left:165px;}
|
||||
.add{margin:10px 0; text-align:center;}
|
||||
.add .img-responsive{ display:inline;}
|
||||
.tabRight{
|
||||
text-align:right;
|
||||
padding: 5px 10px 0 10px;
|
||||
}
|
||||
.tabRight strong{float:left;}
|
||||
.tabRight a{
|
||||
color:#0757a4;
|
||||
padding:0 5px;
|
||||
}
|
||||
.tabRight a:hover{color: #000; }
|
||||
|
||||
.faq{}
|
||||
.faq a{color: #545454;}
|
||||
.faq a:hover{color:#0757a4;}
|
||||
.faq a:before{
|
||||
content: '+ ';
|
||||
font-weight: 700;
|
||||
color: #0757a4;
|
||||
}
|
||||
h2.faq{color: #0757a4; font-size: 16px;}
|
||||
|
||||
/*Tab CSS*/
|
||||
.tabs img{vertical-align: middle;}
|
||||
iframe.loadHtml{margin: 0 !important; padding: 0 !important; overflow: hidden; border: 0; min-height:465px; background:#fff;}
|
||||
.tabArea{width: 815px; margin: 0 auto;}
|
||||
.tabContent{height:350px; overflow:auto;}
|
||||
|
||||
.resizeIframe{width: 110px; margin: -29px auto 0 auto; text-align: center;
|
||||
-moz-border-radius: 0 0 5px 5px;
|
||||
-webkit-border-radius: 0 0 5px 5px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.resizeIframe img{display: inline;}
|
||||
.round{
|
||||
border-radius: 8px 8px 0 0;
|
||||
overflow:hidden;
|
||||
}
|
||||
.contentDisplay{height: 340px; overflow: auto; border: 1px solid #abc6df; }
|
||||
.gridTable{
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.gridTable3{
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #abc6df;
|
||||
border-bottom: none;
|
||||
}
|
||||
.gridTable th, .gridTable3 th{
|
||||
background: #bfdefb;
|
||||
padding: 5px 10px;
|
||||
color: #000;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
.gridTable th a, .gridTable3 th a{color: #0757a4; font-weight: normal; vertical-align: middle;}
|
||||
.gridTable th a:hover, .gridTable3 th a:hover{color: #000;}
|
||||
.gridTable td, .gridTable3 td{
|
||||
border-bottom: 1px solid #abc6df;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.gridTable td a, .gridTable3 td a{color: #104273;}
|
||||
.gridTable tr:nth-child(odd){background-color: #eef5fb;}
|
||||
.gridTable th:last-child, .gridTable td:last-child, .gridTable3 th:last-child, .gridTable3 td:last-child{text-align: right; border-left: none;}
|
||||
.gridTable tr:hover{background-color: #f3f3f3;}
|
||||
|
||||
/*Footer Menu CSS*/
|
||||
.footerMenu{border-top: 1px solid #b4b1b1; padding: 8px; text-align: center;}
|
||||
.footerMenu a{ color: #0757a4; padding: 0 5px;}
|
||||
.footerMenu a:hover{color: #ff6804;}
|
||||
|
||||
.fixedWidth{width: 1030px !important; margin: 0 auto;}
|
||||
.tabTitle{font-size: 18px; margin: 0;}
|
||||
/*Expense page css*/
|
||||
.bannerEx{background: url(../images/banner-expense.jpg) left center no-repeat; height: 204px;}
|
||||
|
||||
.bannerEx .logo-area {padding-left: 30px; margin-top: 1px;}
|
||||
.bannerEx .logo-area img{width: 250px;}
|
||||
.bannerEx .flasg-icon-area{text-align: right; padding-top: 148px;}
|
||||
.ex-menu{text-align: right; padding: 5px 10px;}
|
||||
.ex-menu a{color: #3984ca; padding: 0 5px;}
|
||||
.ex-menu a:hover{color: #ff7404;}
|
||||
.bannerEx .bannerSlogun2{padding: 60px 0 0 20px;}
|
||||
.bannerEx .bannerSlogun2 p{font-size: 14px; color: #fff;}
|
||||
.padding-left-100{padding-left: 60px;}
|
||||
.btnArea{margin: 10px 0; text-align:center;}
|
||||
.btnArea a{margin-right: 4px; color: #fff; }
|
||||
.btnArea a:hover{}
|
||||
.plusIcon{
|
||||
border-right: 1px solid #7592ae;
|
||||
font-size: 22px;
|
||||
margin-right: 5px;
|
||||
padding-right: 10px;
|
||||
vertical-align: sub;
|
||||
}
|
||||
.btnArea a.customBtn{background: #104374; border-radius: 4px; padding:10px 6px;}
|
||||
.btnArea a img{width: 120px;}
|
||||
.btnArea a:hover.customBtn:hover{background:#59a1e5;}
|
||||
.btnArea a:hover .plusIcon{border-right: 1px solid #fff;}
|
||||
.expenseTableContent{max-height: 756px; overflow: auto;}
|
||||
.expenseTableContent h3{font-size: 14px; color: #3784cc; margin: 2px 0;}
|
||||
.expenseTableContent p{font-size: 12px;}
|
||||
.expenseTableContent p strong{color: #000;}
|
||||
|
||||
.gridTable2{
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #abc6df;
|
||||
border-bottom: none;
|
||||
}
|
||||
.gridTable2 th{
|
||||
background: #bfdefb;
|
||||
padding: 5px 10px;
|
||||
color: #000;
|
||||
font-size: 14px;
|
||||
border: 1px solid #abc6df;
|
||||
}
|
||||
.gridTable2 th a{color: #0757a4; font-weight: normal; vertical-align: middle;}
|
||||
.gridTable2 th a:hover{color: #000;}
|
||||
.gridTable2 td{
|
||||
border: 1px solid #abc6df;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.gridTable2 td a{color: #104273;}
|
||||
.gridTable2 tr:nth-child(odd){background-color: #eef5fb;}
|
||||
.gridTable2 tr:hover{background-color: #f3f3f3;}
|
||||
.gridTable2 th:last-child, .gridTable2 td:last-child{text-align: center;}
|
||||
.footerContentBox2{ padding:0;}
|
||||
.footerContentBox2 .boxpadding{padding:0 15px;}
|
||||
.comments img, .loginBox img{vertical-align:top;}
|
||||
.graph{border: 1px solid #abc6df; display:table;width:762px}
|
||||
|
||||
.graph .graphLeft{width: 298px; float:left; padding:10px; min-height:285px; overflow:auto;}
|
||||
.graph .graphRight{width: 412px; float:left; border-left: 1px solid #abc6df; padding:10px 10px 10px 3px; min-height:285px;}
|
||||
.graph .graphRight h2{color: #256baf; border: none; margin:0;}
|
||||
.graphRight p{color: #6d6a6a;}
|
||||
.graphRight p span{color: #256baf; margin-left:10px;}
|
||||
.graphRight p span img{vertical-align:top; margin-left:5px;}
|
||||
.balanceContent{height: 185px; overflow:auto; border-bottom:1px dashed #ccc;}
|
||||
.blanceLink{ margin-top:10px;}
|
||||
.blanceLink a{color:#000; vertical-align: super;}
|
||||
.blanceLink a:hover{color:#256baf;}
|
||||
#slideLeft{
|
||||
margin-left: -18px;
|
||||
margin-top: 100px;
|
||||
position: absolute;
|
||||
}
|
||||
#slideRight{
|
||||
margin-top: 100px;
|
||||
position: absolute;
|
||||
right:10px;
|
||||
}
|
||||
.fixedWidth760{width: 760px; margin:0 auto;}
|
||||
.graphBtn{text-align:center; margin-top:20px;}
|
||||
.graphBtn a{
|
||||
background:#096fcd;
|
||||
border: 1px solid #4697d8;
|
||||
border-radius:3px;
|
||||
color:#fff;
|
||||
padding:5px 20px;
|
||||
}
|
||||
.graphBtn a:hover{background:#70a6d2; color: #fff;}
|
||||
|
||||
.margin-top20{margin-top: 20px;}
|
||||
.border-right{border-right: 1px solid #ccc;}
|
||||
|
||||
/*All media query CSS*/
|
||||
@media (min-width: 320px) and (max-width: 479px) {
|
||||
.comments input[type="text"], .comments textarea {
|
||||
width: 220px;
|
||||
}
|
||||
.loginBox input[type="text"], .loginBox textarea, .loginBox input[type="password"] {
|
||||
width: 210px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.menu ul li {
|
||||
display: block;
|
||||
}
|
||||
.menu ul li a {
|
||||
width: 100%;
|
||||
padding: 5px 10px !important;
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.menuArea .navbar-toggle {
|
||||
float: left;
|
||||
margin-left: 28px;
|
||||
}
|
||||
.apps a {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.footerContentBox .divider {
|
||||
background: none;
|
||||
min-height: auto;
|
||||
}
|
||||
.percent-free{
|
||||
text-align: right;
|
||||
}
|
||||
.menu ul li a:hover,
|
||||
.menu ul li.active a {
|
||||
border: 1px solid #5b5959;
|
||||
|
||||
}
|
||||
.bannerSlogun{display: none;}
|
||||
.apps a{margin-bottom:10px; display:block;}
|
||||
.loginBox label{display:block;}
|
||||
.captcha, .regBox .captcha{padding-left:0;}
|
||||
|
||||
.apps2{display: none;}
|
||||
.loginBox.regBox .formError, .loginBox .formError{padding-left:0;}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.footerContentBox .divider {
|
||||
background: none;
|
||||
min-height: auto;
|
||||
}
|
||||
.menu ul li a {
|
||||
font-size: 12px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.menu ul li a:hover,
|
||||
.menu ul li.active a {
|
||||
font-size: 12px;
|
||||
padding: 10px 7px 0;
|
||||
|
||||
}
|
||||
.bannerBg .flasg-icon-area{padding-top: 5px;}
|
||||
.bannerSlogun p{font-size: 16px; text-align: center; margin-bottom: 5px;}
|
||||
.bannerSlogun{
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.menu ul li a {
|
||||
padding: 0 16px;
|
||||
}
|
||||
.menu ul li a:hover,
|
||||
.menu ul li.active a {
|
||||
padding: 10px 15px 0;
|
||||
|
||||
}
|
||||
blockquote.slogun {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.bannerSlogun{padding-top: 10px;}
|
||||
.bannerSlogun p{font-size: 18px; text-align: center; margin-bottom: 10px;}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
blockquote.slogun {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.bannerSlogun{padding-top: 10px;}
|
||||
.bannerSlogun p{font-size: 18px; text-align: center; margin-bottom: 10px;}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user