EVOLUTION-NINJA
Edit File: menu_main.css
.courses_a{ color: white; font-weight: 600; background: #a6cf39; padding:8px; border-radius:4px; } .courses{ padding-top:18px; } a:focus, a:hover { color: #23527c; text-decoration:none !important; } .courses_a{ text-decoration: none; } .login_cart ul{ float: right; } .login_cart li{ list-style-type: none; float: left; } .login_cart a{ color: #444343; font-weight: 500; text-decoration: none; padding: 8px 8px; } .login_cart a i { position: relative; } .cart_count { color: red; position: absolute; right: 10px; top: -11px; } .login_cart a:hover{ text-decoration: none; } .search_bt{ padding-top: 9px; } .login_cart{ padding-top: 20px; } .courses_dropdown{ width: 330%; padding-top: 8px; } @media only screen and (min-width:320px) and (max-width:640px) { .courses_a { padding: 3% 33% 3% 33%; } } @media only screen and (min-width:641px) and (max-width:991px) { .courses_a { padding: 5% 25% 5% 25%; } .header_logo { padding: 6px 0px; } } @media only screen and (min-width:992px) and (max-width:1258px) { .courses_a { padding: 5% 20% 5% 20%; } .header_logo img { width:90%; } } /*----------------------------------------------------*/ #coursesdiv{ background: transparent !important; border: transparent !important; visibility: visible; opacity: 1; } .bhoechie-tab-menu{ background-color: #edf2f8 !important; } .list-group-item{ background-color: transparent !important; border: 1px solid transparent !important; } .list-group a{ border-bottom: 1px solid #ddd !important; } div.bhoechie-tab-container{ z-index: 10; background-color: #ffffff; padding: 0 !important; border-radius: 4px; -moz-border-radius: 4px; border-top:4px solid #0075be; //margin-top: 20px; //margin-left: 50px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175); background-clip: padding-box; opacity: 0.97; filter: alpha(opacity=97); } div.bhoechie-tab-menu{ padding-right: 0; padding-left: 0; padding-bottom: 0; } div.bhoechie-tab-menu div.list-group>a.active, div.bhoechie-tab-menu div.list-group>a.active .glyphicon, div.bhoechie-tab-menu div.list-group>a.active .fa{ background-color:white !important; background-image: #5A55A3; color:#337ab7 !important; border-color: white !important; } /*div.bhoechie-tab-menu div.list-group>a.active:after{ content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #5A55A3; }*/ div.bhoechie-tab-content{ background-color: #ffffff; /* border: 1px solid #eeeeee; */ padding-left: 20px; padding-top: 10px; } div.bhoechie-tab div.bhoechie-tab-content:not(.active){ display: none; } .bhoechie-tab-content li{ list-style-type: none; padding-bottom:15px; } .bhoechie-tab-content a{ color: #555555; } @media only screen and (min-width:320px) and (max-width:640px) { .tfbutton { padding: 8px 5px !important; width: 20% !important; } .tftextinput { padding: 8px 5px !important; width: 80% !important; } .search_bt { padding-top: 13px; } } @media only screen and (min-width:641px) and (max-width:991px) { .login_cart ul{ //float:left; margin-right: 30%; } .tfbutton { width: 20% !important; } .tftextinput { width: 80% !important; } } @media only screen and (min-width:992px) and (max-width:1258px) { .login_cart a{ padding: 8px 5px; } .tfbutton { width: 20% !important; padding:7px 10px !important; } .tftextinput { width: 80% !important; padding:7px 5px !important; } } .login_cart{ padding-left:0 !important; } .submenu_one li{ border-bottom: 1px solid #9dd409; }