@startColor: rgba(11,85,91,0.0); @middleColor: rgba(16,121,130,0.5); @endColor: rgba(16,172,185,1.00); .gradient{background: @endColor; /* Old browsers */ background: -moz-linear-gradient(top, @endColor 0%, @middleColor 40%, @startColor 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, @endColor 0%, @middleColor 40%, @startColor 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, @endColor 0%, @middleColor 40%, @startColor 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@startColor', endColorstr='@endColor',GradientType=0 ); /* IE6-9 */ } @topgreen: #00707A; @middlegreen: #019AA6; @endgreen:#10ACB9; .innr-header{background: @endgreen; /* Old browsers */ background: -moz-linear-gradient(left, @endgreen 0%, @middlegreen 50%, @topgreen 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, @endgreen 0%, @middlegreen 50%, @topgreen 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, @endgreen 0%, @middlegreen 50%, @topgreen 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( topgreenstr='@topgreen', endgreenstr='@endgreen',GradientType=0 ); /* IE6-9 */ } @base_color:#10ACB9; @opacity: 0.8; @ftr-bg: #222222; @nav_color : #fff; @main_btn: #fff; @banner_text: #fff; @blue-btn:#0088ff; @map_color:rgba(0, 120, 132, 0.7); @nav_bg:transparent; .appointment_section, .welcom_section, .twitter_feed{ background:@base_color; } .btn_blue{ background:darken(@base_color, 17%); } .btn_blue:hover, .btn_blue:focus{ background:darken(@base_color, 10%); } .navbar{ background:@nav_bg; } .navbar-nav li a{ color:lighten(@nav_color, 8%); } .nav > li > a:focus, .nav > li > a:hover, .nav > li > a.active{ color:@nav_color; border-color:@nav_color; } .search_bar .input-group-addon{ background:lighten(@blue-btn, 1%); border-color:lighten(@blue-btn, 1%); } .search_bar .input-group-addon a:hover, .search_bar .input-group-addon a:focus{ background:darken(@blue-btn, 5%); border-color:darken(@blue-btn, 5%); } .blue_outer{ background:@map_color; } .banner_overlay{ .gradient; } footer{ background:@ftr-bg; } .btn_border{ border:1px solid @main_btn; color:@main_btn; } .btn_border:hover, .btn_border:focus{ background:rgba(red(@main_btn), green(@main_btn), blue(@main_btn), 0.2); color:@main_btn; } .banner h2, .banner h5, .or_text{ color:@banner_text; } .page_banner{ .innr-header; } .active1 { border: 2px solid white; border-radius: 50px; } .colorClass { border-color: red !important; box-shadow: 0px 1px 8px red !important; } .colorGreen { border-color: green !important; box-shadow: 0px 1px 8px green !important; }