Skip to content

Instantly share code, notes, and snippets.

@chandan77398
chandan77398 / BES Button
Created July 16, 2018 05:03
BES Button
<div class="pageTitle">
<h2>Agriculture and Allied Sectors</h2>
<div class="btnArea"><a href="#" class="btn btn-primary"><i class="fa fa-angle-left" aria-hidden="true"></i> Back </a></div>
</div>
Button Changes Start for web
——————————————————
.pageTitle .btnArea .btn-primary { padding: 10px 15px !important; font-size: 16px; }
@chandan77398
chandan77398 / aaupf
Last active June 27, 2018 11:50
aaupf lab
<div id="tabs" class="tab-section-01 style-3">
<ul class="tabs">
<li class="active"><a data-toggle="tab" href="#tabs-1">MAP VIEW</a></li>
<li><a data-toggle="tab" href="#tabs-2">GRAPH VIEW</a></li>
<li><a data-toggle="tab" href="#tabs-3">TABLE VIEW</a></li>
</ul>
<div class="dropdown tab-dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">CHANGE VIEW <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#tabs-1">MAP VIEW</a></li>
<li><a href="#tabs-2">GRAPH VIEW</a></li>
<li><a href="#tabs-3">TABLE VIEW</a></li>
</ul>
</div>
@chandan77398
chandan77398 / CSS
Created June 26, 2018 08:34
color range css
.fil-box {
width: 90%;
color: #000;
font-size: 10px;
position: absolute;
background: #fff;
right: 17px;
top: -61px;
}
@chandan77398
chandan77398 / color
Created June 26, 2018 08:21
color range
<div class="fil-box">
<div><span class="dot red"></span>10.0% to 11.9%</div>
<div><span class="dot orange"></span>12.0% to 13.9%</div>
<div><span class="dot yellow"></span>14.0% and Over</div>
<div><span class="dot dark-green"></span>3.9% or lower</div>
<div><span class="dot mid-green"></span>6.0% to 5.9%</div>
<div><span class="dot light-green"></span>8.0% to 9.9%</div>
<div><span class="dot lighter-green"></span>8.0% to 9.9%</div>
<div ><select id = "anything" class="selectpicker" >
<option value="Area" >Area Chart</option>
<option value="Bar" >Bar Chart</option>
<option value="Pie" >Pie Chart</option>
<option value="Bubble" >Bubble Chart</option>
<option value="Line" >Line Chart</option>
<option value="Column" >Column Chart</option>
<option value="tablechart" >Table Chart</option>
</select>