css optimizations

This commit is contained in:
Arvind Tiwari 2018-01-30 19:08:36 +05:30
parent a7a3c1cc15
commit 789d8a408f
4 changed files with 26 additions and 54 deletions

View file

@ -20,7 +20,6 @@
font-weight: 300;
}
.navbar-right .highlights-dropdown .dropdown-menu {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.02);
border-width: 0 0 1px 0;
border-color: #e7e7e7;
box-shadow: -8px 14px 20px -5px rgba(77, 77, 77, 0.5);
@ -126,10 +125,8 @@
@media (min-width: 1200px) {
.dcl-order-container {
width: 990px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
padding: 0 15px;
margin: 0 auto;
}
}
@ -167,20 +164,14 @@
.content-dashboard {
min-height: calc(100vh - 60px);
width: 80%;
width: 100%;
margin: 0 auto;
max-width: 1120px;
}
@media only screen and (max-width: 1040px) and (min-width: 768px) {
@media (max-width: 768px) {
.content-dashboard {
width: 96% !important;
}
}
@media only screen and (max-width: 1330px) and (min-width: 1200px) {
.content-dashboard {
width: 100% !important;
padding: 0 15px;
}
}
@ -188,11 +179,6 @@
select {
width: 280px;
}
.content-dashboard {
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
}
.btn:focus,
@ -298,13 +284,7 @@
margin: 15px auto;
}
@media (max-width: 1299px) {
.modal-dialog {
width: 43%;
}
}
@media (max-width: 900px) {
@media (min-width: 768px) and (max-width: 900px) {
.modal-dialog {
width: 50%;
}
@ -313,7 +293,6 @@
@media (max-width: 767px) {
.modal-dialog {
width: 95%;
margin: 0 auto !important;
}
}

View file

@ -14,11 +14,11 @@ textarea {
}
/*
* blue light #5A74AF
* blue dark #29427A
*/
/*blue light #5A74AF*/
/*blue dark #29427A*/
.lead {
font-size: 18px;
@ -69,13 +69,8 @@ textarea {
min-width: 180px;
}
#logoWhite {
display: none;
}
#logoBlack {
display: block;
}
/* Top navbar */
.navbar {
transition: all .3s ease-in;
@ -87,33 +82,19 @@ textarea {
padding: 20px;
}
#logoWhite,
.navbar-transparent #logoBlack {
display: none;
}
#logoBlack
.navbar-transparent #logoWhite {
display: block;
width: 220px;
}
.navbar-default .navbar-nav>li>a {
cursor: pointer;
}
.navbar-transparent .navbar-nav>li>a {
color: #fff;
cursor: pointer;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav>li>a,
.navbar-transparent .navbar-nav>li>a {
font-weight: 400;
}
}
.navbar-transparent .navbar-nav>li>a:hover {
color: #fff;
}
.navbar-transparent .navbar-nav>li>a:focus,
@ -122,6 +103,12 @@ textarea {
background-color: transparent;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav>li>a{
font-weight: 400;
}
}
.navbar-transparent .navbar-nav>li>.on-hover-border {
transition: all 0.3s linear;
box-shadow: none;
@ -177,6 +164,7 @@ textarea {
}
/* Show the dropdown menu on hover */
@media (min-width: 769px) {
@ -633,6 +621,7 @@ textarea {
}
/*Why DCL*/
.full-whydcl-sec {
@ -812,6 +801,7 @@ tech-sub-sec h2 {
/*Pricing page*/
.price-calc-section {
@ -975,6 +965,7 @@ tech-sub-sec h2 {
/*Changed class****.price-calc-section .card .description.input input*/
.price-calc-section .card .description input {

View file

@ -85,6 +85,8 @@
}
}
_navScroll();
function _initNavUrl() {
$('.url-init').each(function(idx, el) {
var $this = $(el);

View file

@ -1,7 +1,7 @@
{% load staticfiles i18n custom_tags %}
{% get_current_language as LANGUAGE_CODE %}
<nav class="navbar navbar-default navbar-fixed-top topnav">
<nav class="navbar navbar-default navbar-fixed-top topnav navbar-transparent">
<div class="topnav">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">