<html>
<head>
<title>Example neo1<title>
<style type='style/css'>
/*
Example neo1
By : Indam; http://www.indaam.com
*/
/* 1 */
.neo1{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 0 0 32px
}
/* End 1 */
</style>
</head>
<body>
<span class='neo1'> </span>
</body>
</html>
<html>
<head>
<title>Example neo2<title>
<style type='style/css'>
/*
Example neo2
By : Indam; http://www.indaam.com
*/
/* 2 */
.neo2{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 0 0 32px
}
.neo2::before{
position: relative;
top: -28px;
left: -28px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 24px 0 0 24px
}
/* End 2 */
</style>
</head>
<body>
<span class='neo2'> </span>
</body>
</html>
<html>
<head>
<title>Example neo3<title>
<style type='style/css'>
/*
Example neo3
By : Indam; http://www.indaam.com
*/
/* 3 */
.neo3{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 0 0 32px
}
.neo3::before{
position: relative;
top: -25px;
left: -29px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 22px 0 0 22px
}
/* End 3 */
</style>
</head>
<body>
<span class='neo3'> </span>
</body>
</html>
<html>
<head>
<title>Example neo4<title>
<style type='style/css'>
/*
Example neo4
By : Indam; http://www.indaam.com
*/
/* 4 */
.neo4{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #555 transparent;
border-width: 32px 0 0 32px
}
/* End 4*/
</style>
</head>
<body>
<span class='neo4'> </span>
</body>
</html>
<html>
<head>
<title>Example neo5<title>
<style type='style/css'>
/*
Example neo5
By : Indam; http://www.indaam.com
*/
/* 5 */
.neo5{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #555 transparent;
border-width: 32px 0 0 32px
}
.neo5::before{
content: '';
position: relative;
top: -28px;
left: -28px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #fff transparent;
border-width: 24px 0 0 24px
}
/* End 5 */
</style>
</head>
<body>
<span class='neo5'> </span>
</body>
</html>
<html>
<head>
<title>Example neo6<title>
<style type='style/css'>
/*
Example neo6
By : Indam; http://www.indaam.com
*/
/* 6 */
.neo6{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #555 transparent;
border-width: 32px 0 0 32px
}
.neo6::before{
content: '';
position: relative;
top: -29px;
left: -25px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #fff transparent;
border-width: 22px 0 0 22px
}
/* End 6 */
</style>
</head>
<body>
<span class='neo6'> </span>
</body>
</html>
<html>
<head>
<title>Example neo7<title>
<style type='style/css'>
/*
Example neo7
By : Indam; http://www.indaam.com
*/
/* 7 */
.neo7{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 0 0 32px 32px
}
/* End 7 */
</style>
</head>
<body>
<span class='neo7'> </span>
</body>
</html>
<html>
<head>
<title>Example neo8<title>
<style type='style/css'>
/*
Example neo8
By : Indam; http://www.indaam.com
*/
/* 8 */
.neo8{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 0 0 32px 32px
}
.neo8::before{
content: '';
position: relative;
top: 4px;
left: -28px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 0 0 24px 24px
}
/* End 8 */
</style>
</head>
<body>
<span class='neo8'> </span>
</body>
</html>
<html>
<head>
<title>Example neo9<title>
<style type='style/css'>
/*
Example neo9
By : Indam; http://www.indaam.com
*/
/* 9 */
.neo9{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 0 0 32px 32px
}
.neo9::before{
content: '';
position: relative;
top: 4px;
left: -29px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 0 0 22px 22px
}
/* End 9 */
</style>
</head>
<body>
<span class='neo9'> </span>
</body>
</html>
<html>
<head>
<title>Example neo10<title>
<style type='style/css'>
/*
Example neo10
By : Indam; http://www.indaam.com
*/
/* 10 */
.neo10{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 32px 0 0
}
/* End 10 */
</style>
</head>
<body>
<span class='neo10'> </span>
</body>
</html>
<html>
<head>
<title>Example neo11<title>
<style type='style/css'>
/*
Example neo11
By : Indam; http://www.indaam.com
*/
/* 11 */
.neo11{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 32px 0 0
}
.neo11::before{
content: '';
position: relative;
top: -28px;
left: 4px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 24px 24px 0 0
}
/* End 11 */
</style>
</head>
<body>
<span class='neo11'> </span>
</body>
</html>
<html>
<head>
<title>Example neo12<title>
<style type='style/css'>
/*
Example neo12
By : Indam; http://www.indaam.com
*/
/* 12 */
.neo12{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 32px 0 0
}
.neo12::before{
content: '';
position: relative;
top: -25px;
left: 7px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 22px 22px 0 0
}
/* End 12 */
</style>
</head>
<body>
<span class='neo12'> </span>
</body>
</html>
<html>
<head>
<title>Example neo13<title>
<style type='style/css'>
/*
Example neo13
By : Indam; http://www.indaam.com
*/
/* 13 */
.neo13{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555
}
/* 13 */
</style>
</head>
<body>
<span class='neo13'> </span>
</body>
</html>
<html>
<head>
<title>Example neo14<title>
<style type='style/css'>
/*
Example neo14
By : Indam; http://www.indaam.com
*/
/* 14 */
.neo14{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
border-right-width: 0;
border-bottom-width: 0
}
/* 14 */
</style>
</head>
<body>
<span class='neo14'> </span>
</body>
</html>
<html>
<head>
<title>Example neo15<title>
<style type='style/css'>
/*
Example neo15
By : Indam; http://www.indaam.com
*/
/* 15 */
.neo15{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-top-color: #555
}
/* 15 */
</style>
</head>
<body>
<span class='neo15'> </span>
</body>
</html>
<html>
<head>
<title>Example neo16<title>
<style type='style/css'>
/*
Example neo16
By : Indam; http://www.indaam.com
*/
/* 16 */
.neo16{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-top-color: #555;
border-left-width: 0;
border-bottom-width: 0
}
/* 16 */
</style>
</head>
<body>
<span class='neo16'> </span>
</body>
</html>
<html>
<head>
<title>Example neo17<title>
<style type='style/css'>
/*
Example neo17
By : Indam; http://www.indaam.com
*/
/* 17 */
.neo17{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-bottom-color: #555
}
/* 17 */
</style>
</head>
<body>
<span class='neo17'> </span>
</body>
</html>
<html>
<head>
<title>Example neo18<title>
<style type='style/css'>
/*
Example neo18
By : Indam; http://www.indaam.com
*/
/* 18 */
.neo18{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-bottom-color: #555;
border-left-width: 0;
border-top-width: 0
}
/* 18 */
</style>
</head>
<body>
<span class='neo18'> </span>
</body>
</html>
<html>
<head>
<title>Example neo19<title>
<style type='style/css'>
/*
Example neo19
By : Indam; http://www.indaam.com
*/
/* 19 */
.neo19{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-bottom-color: #555
}
/* 19 */
</style>
</head>
<body>
<span class='neo19'> </span>
</body>
</html>
<html>
<head>
<title>Example neo20<title>
<style type='style/css'>
/*
Example neo20
By : Indam; http://www.indaam.com
*/
/* 20 */
.neo20{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-bottom-color: #555;
border-right-width: 0;
border-top-width: 0
}
/* 20 */
</style>
</head>
<body>
<span class='neo20'> </span>
</body>
</html>
<html>
<head>
<title>Example neo21<title>
<style type='style/css'>
/*
Example neo21
By : Indam; http://www.indaam.com
*/
/* 21 */
.neo21{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* 21 */
</style>
</head>
<body>
<span class='neo21'> </span>
</body>
</html>
<html>
<head>
<title>Example neo22<title>
<style type='style/css'>
/*
Example neo22
By : Indam; http://www.indaam.com
*/
/* 22 */
.neo22{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(130deg);
-moz-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
-o-transform: rotate(130deg);
-ms-transform: rotate(130deg)
}
/* 22 */
</style>
</head>
<body>
<span class='neo22'> </span>
</body>
</html>
<html>
<head>
<title>Example neo23<title>
<style type='style/css'>
/*
Example neo23
By : Indam; http://www.indaam.com
*/
/* 23 */
.neo23{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* 23 */
</style>
</head>
<body>
<span class='neo23'> </span>
</body>
</html>
<html>
<head>
<title>Example neo24<title>
<style type='style/css'>
/*
Example neo24
By : Indam; http://www.indaam.com
*/
/* 24 */
.neo24{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg)
}
/* 24 */
</style>
</head>
<body>
<span class='neo24'> </span>
</body>
</html>
<html>
<head>
<title>Example neo25<title>
<style type='style/css'>
/*
Example neo25
By : Indam; http://www.indaam.com
*/
/* 25 */
.neo25{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555
}
/* End 25 */
</style>
</head>
<body>
<span class='neo25'> </span>
</body>
</html>
<html>
<head>
<title>Example neo26<title>
<style type='style/css'>
/*
Example neo26
By : Indam; http://www.indaam.com
*/
/* 26 */
.neo26{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555
}
.neo26::before{
content: '';
position: relative;
top: -16px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #fff
}
/* End 26 */
</style>
</head>
<body>
<span class='neo26'> </span>
</body>
</html>
<html>
<head>
<title>Example neo27<title>
<style type='style/css'>
/*
Example neo27
By : Indam; http://www.indaam.com
*/
/* 27 */
.neo27{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555
}
/* End 27 */
</style>
</head>
<body>
<span class='neo27'> </span>
</body>
</html>
<html>
<head>
<title>Example neo28<title>
<style type='style/css'>
/*
Example neo28
By : Indam; http://www.indaam.com
*/
/* 28 */
.neo28{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555
}
.neo28::before{
content: '';
position: relative;
top: -12px;
left: -8px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #fff
}
/* End 28 */
</style>
</head>
<body>
<span class='neo28'> </span>
</body>
</html>
<html>
<head>
<title>Example neo29<title>
<style type='style/css'>
/*
Example neo29
By : Indam; http://www.indaam.com
*/
/* 29 */
.neo29{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555
}
/* End 29 */
</style>
</head>
<body>
<span class='neo29'> </span>
</body>
</html>
<html>
<head>
<title>Example neo30<title>
<style type='style/css'>
/*
Example neo30
By : Indam; http://www.indaam.com
*/
/* 30 */
.neo30{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555
}
.neo30::before{
content: '';
position: relative;
top: -8px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #fff
}
/* End 30 */
</style>
</head>
<body>
<span class='neo30'> </span>
</body>
</html>
<html>
<head>
<title>Example neo31<title>
<style type='style/css'>
/*
Example neo31
By : Indam; http://www.indaam.com
*/
/* 31 */
.neo31{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555
}
/* End 31 */
</style>
</head>
<body>
<span class='neo31'> </span>
</body>
</html>
<html>
<head>
<title>Example neo32<title>
<style type='style/css'>
/*
Example neo32
By : Indam; http://www.indaam.com
*/
/* 32 */
.neo32{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555
}
.neo32::before{
content: '';
position: relative;
top: -12px;
left: -16px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #fff
}
/* End 32 */
</style>
</head>
<body>
<span class='neo32'> </span>
</body>
</html>
<html>
<head>
<title>Example neo33<title>
<style type='style/css'>
/*
Example neo33
By : Indam; http://www.indaam.com
*/
/* 33 */
.neo33{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-bottom-color: #555;
border-width: 16px
}
.neo33::before{
position: relative;
content: '';
top: 16px;
left: -8px;
float: left;
width: 16px;
height: 14px;
background: #555;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
/* End 33 */
</style>
</head>
<body>
<span class='neo33'> </span>
</body>
</html>
<html>
<head>
<title>Example neo34<title>
<style type='style/css'>
/*
Example neo34
By : Indam; http://www.indaam.com
*/
/* 34 */
.neo34{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555;
border-top-width: 0
}
.neo34::before{
position: relative;
content: '';
top: 14px;
left: -8px;
/* float: left; */
display: block;
width: 12px;
height: 12px;
border: 2px solid #555;
border-top-color: #fff;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.neo34::after{
content: '';
position: relative;
top: -34px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #fff;
border-top-width: 0
}
/* End 34 */
</style>
</head>
<body>
<span class='neo34'> </span>
</body>
</html>
<html>
<head>
<title>Example neo35<title>
<style type='style/css'>
/*
Example neo35
By : Indam; http://www.indaam.com
*/
/* 35 */
.neo35{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-left-color: #555;
border-width: 16px
}
.neo35::before{
position: relative;
content: '';
top: -8px;
left: -30px;
float: left;
width: 14px;
height: 16px;
background: #555;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px
}
/* End 35 */
</style>
</head>
<body>
<span class='neo35'> </span>
</body>
</html>
<html>
<head>
<title>Example neo36<title>
<style type='style/css'>
/*
Example neo36
By : Indam; http://www.indaam.com
*/
/* 36 */
.neo36{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555
}
.neo36::before{
position: relative;
content: '';
top: -8px;
left: -32px;
/* float: left; */
display: block;
width: 14px;
height: 12px;
border: 2px solid #555;
border-right-color: #fff;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px
}
.neo36::after{
content: '';
position: relative;
top: -48px;
left: -14px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #fff;
border-right-width: 10px
}
/* End 36 */
</style>
</head>
<body>
<span class='neo36'> </span>
</body>
</html>
<html>
<head>
<title>Example neo37<title>
<style type='style/css'>
/*
Example neo37
By : Indam; http://www.indaam.com
*/
/* 37 */
.neo37{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-top-color: #555;
border-width: 16px
}
.neo37::before{
position: relative;
content: '';
top: -30px;
left: -8px;
float: left;
width: 16px;
height: 14px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 37 */
</style>
</head>
<body>
<span class='neo37'> </span>
</body>
</html>
<html>
<head>
<title>Example neo38<title>
<style type='style/css'>
/*
Example neo38
By : Indam; http://www.indaam.com
*/
/* 38 */
.neo38{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555
}
.neo38::before{
position: relative;
content: '';
top: -30px;
left: -8px;
/* float: left; */
display: block;
width: 12px;
height: 12px;
border: 2px solid #555;
border-bottom-color: #fff;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.neo38::after{
content: '';
position: relative;
top: -50px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #fff;
border-bottom-width: 10px
}
/* End 38 */
</style>
</head>
<body>
<span class='neo38'> </span>
</body>
</html>
<html>
<head>
<title>Example neo39<title>
<style type='style/css'>
/*
Example neo39
By : Indam; http://www.indaam.com
*/
/* 39 */
.neo39{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-right-color: #555;
border-width: 16px
}
.neo39::before{
position: relative;
content: '';
top: -8px;
left: 16px;
float: left;
width: 14px;
height: 16px;
background: #555;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0
}
/* End 39 */
</style>
</head>
<body>
<span class='neo39'> </span>
</body>
</html>
<html>
<head>
<title>Example neo40<title>
<style type='style/css'>
/*
Example neo40
By : Indam; http://www.indaam.com
*/
/* 40 */
.neo40{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555
}
.neo40::before{
position: relative;
content: '';
top: -8px;
left: 14px;
/* float: left; */
display: block;
width: 14px;
height: 12px;
border: 2px solid #555;
border-left-color: #fff;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0
}
.neo40::after{
content: '';
position: relative;
top: -48px;
left: -8px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #fff;
border-left-width: 10px
}
/* End 40 */
</style>
</head>
<body>
<span class='neo40'> </span>
</body>
</html>
<html>
<head>
<title>Example neo41<title>
<style type='style/css'>
/*
Example neo41
By : Indam; http://www.indaam.com
*/
/* 41 */
.neo41{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
.neo41::before{
position: relative;
float: left;
top: -6px;
left: 12px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555;
border-bottom-color: #555
}
/* End 41 */
</style>
</head>
<body>
<span class='neo41'> </span>
</body>
</html>
<html>
<head>
<title>Example neo42<title>
<style type='style/css'>
/*
Example neo42
By : Indam; http://www.indaam.com
*/
/* 42 */
.neo42{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
.neo42::before{
position: relative;
float: left;
top: -6px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555;
border-bottom-color: #555
}
/* End 42 */
</style>
</head>
<body>
<span class='neo42'> </span>
</body>
</html>
<html>
<head>
<title>Example neo43<title>
<style type='style/css'>
/*
Example neo43
By : Indam; http://www.indaam.com
*/
/* 43 */
.neo43{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg)
}
.neo43::before{
position: relative;
float: left;
top: -2px;
left: -13px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #555;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg)
}
/* End 43 */
</style>
</head>
<body>
<span class='neo43'> </span>
</body>
</html>
<html>
<head>
<title>Example neo44<title>
<style type='style/css'>
/*
Example neo44
By : Indam; http://www.indaam.com
*/
/* 44 */
.neo44{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg)
}
.neo44::before{
position: relative;
float: left;
top: -2px;
left: 11px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #555;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg)
}
/* End 44 */
</style>
</head>
<body>
<span class='neo44'> </span>
</body>
</html>
<html>
<head>
<title>Example neo45<title>
<style type='style/css'>
/*
Example neo45
By : Indam; http://www.indaam.com
*/
/* 45 */
.neo45{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg)
}
.neo45::before{
position: relative;
float: left;
top: 0;
left: -16px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-bottom-color: #555;
border-width: 12px;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg)
}
.neo45::after{
position: relative;
float: left;
top: -44px;
left: 14px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-top-color: #555;
border-width: 12px;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg)
}
/* End 45 */
</style>
</head>
<body>
<span class='neo45'> </span>
</body>
</html>
<html>
<head>
<title>Example neo46<title>
<style type='style/css'>
/*
Example neo46
By : Indam; http://www.indaam.com
*/
/* 46 */
.neo46{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 0 22px 22px 0;
-moz-border-radius: 0 22px 22px 0;
-webkit-border-radius: 0 22px 22px 0;
-ms-border-radius: 0 22px 22px 0
}
.neo46::before{
position: relative;
float: left;
top: -13px;
left: -20px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-right-color: #555
}
.neo46::after{
position: relative;
float: left;
top: -8px;
left: -8px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px
}
/* End 46 */
</style>
</head>
<body>
<span class='neo46'> </span>
</body>
</html>
<html>
<head>
<title>Example neo47<title>
<style type='style/css'>
/*
Example neo47
By : Indam; http://www.indaam.com
*/
/* 47 */
.neo47{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 0 22px 22px 0;
-moz-border-radius: 0 22px 22px 0;
-webkit-border-radius: 0 22px 22px 0;
-ms-border-radius: 0 22px 22px 0
}
.neo47::before{
position: relative;
float: left;
top: -6px;
left: -8px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px
}
.neo47::after{
position: relative;
float: left;
top: -15px;
left: -20px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-right-color: #555
}
/* End 47 */
</style>
</head>
<body>
<span class='neo47'> </span>
</body>
</html>
<html>
<head>
<title>Example neo48<title>
<style type='style/css'>
/*
Example neo48
By : Indam; http://www.indaam.com
*/
/* 48 */
.neo48{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px 0 0 22px;
-moz-border-radius: 22px 0 0 22px;
-webkit-border-radius: 22px 0 0 22px;
-ms-border-radius: 22px 0 0 22px
}
.neo48::before{
position: relative;
float: left;
top: -13px;
left: 14px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-left-color: #555;
border-width: 10px
}
.neo48::after{
position: relative;
float: left;
top: -8px;
left: 14px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0
}
/* End 48 */
</style>
</head>
<body>
<span class='neo48'> </span>
</body>
</html>
<html>
<head>
<title>Example neo49<title>
<style type='style/css'>
/*
Example neo49
By : Indam; http://www.indaam.com
*/
/* 49 */
.neo49{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px 0 0 22px;
-moz-border-radius: 22px 0 0 22px;
-webkit-border-radius: 22px 0 0 22px;
-ms-border-radius: 22px 0 0 22px
}
.neo49::before{
position: relative;
float: left;
top: -6px;
left: 14px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0
}
.neo49::after{
position: relative;
float: left;
top: -15px;
left: 14px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-left-color: #555
}
/* End 49 */
</style>
</head>
<body>
<span class='neo49'> </span>
</body>
</html>
<html>
<head>
<title>Example neo50<title>
<style type='style/css'>
/*
Example neo50
By : Indam; http://www.indaam.com
*/
/* 50 */
.neo50{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-top-color: transparent;
border-radius: 0 0 22px 22px;
-moz-border-radius: 0 0 22px 22px;
-webkit-border-radius: 0 0 22px 22px;
-ms-border-radius: 0 0 22px 22px
}
.neo50::before{
position: relative;
float: left;
top: -18px;
left: -13px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-bottom-color: #555
}
.neo50::after{
position: relative;
float: left;
top: -27px;
left: 12px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 50 */
</style>
</head>
<body>
<span class='neo50'> </span>
</body>
</html>
<html>
<head>
<title>Example neo51<title>
<style type='style/css'>
/*
Example neo51
By : Indam; http://www.indaam.com
*/
/* 51 */
.neo51{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-top-color: transparent;
border-radius: 0 0 22px 22px;
-moz-border-radius: 0 0 22px 22px;
-webkit-border-radius: 0 0 22px 22px;
-ms-border-radius: 0 0 22px 22px
}
.neo51::before{
position: relative;
float: left;
top: -18px;
left: 5px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-bottom-color: #555
}
.neo51::after{
position: relative;
float: left;
top: -27px;
left: -6px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 51 */
</style>
</head>
<body>
<span class='neo51'> </span>
</body>
</html>
<html>
<head>
<title>Example neo52<title>
<style type='style/css'>
/*
Example neo52
By : Indam; http://www.indaam.com
*/
/* 52 */
.neo52{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-bottom-color: transparent;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
-ms-border-radius: 22px 22px 0 0
}
.neo52::before{
position: relative;
float: left;
top: 14px;
left: 5px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-top-color: #555
}
.neo52::after{
position: relative;
float: left;
top: -6px;
left: -6px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-mos-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
/* End 52*/
</style>
</head>
<body>
<span class='neo52'> </span>
</body>
</html>
<html>
<head>
<title>Example neo53<title>
<style type='style/css'>
/*
Example neo53
By : Indam; http://www.indaam.com
*/
/* 53 */
.neo53{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-bottom-color: transparent;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
-ms-border-radius: 22px 22px 0 0
}
.neo53::before{
position: relative;
float: left;
top: 14px;
left: -13px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-top-color: #555
}
.neo53::after{
position: relative;
float: left;
top: -6px;
left: 12px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-mos-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
/* End 53 */
</style>
</head>
<body>
<span class='neo53'> </span>
</body>
</html>
<html>
<head>
<title>Example neo54<title>
<style type='style/css'>
/*
Example neo54
By : Indam; http://www.indaam.com
*/
/* 54 */
.neo54{
float: left;
width: 6px;
height: 16px;
background: #555
}
.neo54::before{
position: relative;
float: left;
top: -16px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-bottom-color: #555
}
.neo54::after{
position: relative;
float: left;
top: -22px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-top-color: #555
}
/* End 54 */
</style>
</head>
<body>
<span class='neo54'> </span>
</body>
</html>
<html>
<head>
<title>Example neo55<title>
<style type='style/css'>
/*
Example neo55
By : Indam; http://www.indaam.com
*/
/* 55 */
.neo55{
float: left;
width: 6px;
height: 16px;
background: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo55::before{
position: relative;
float: left;
top: -16px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-bottom-color: #555
}
.neo55::after{
position: relative;
float: left;
top: -22px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-top-color: #555
}
/* End 55 */
</style>
</head>
<body>
<span class='neo55'> </span>
</body>
</html>
<html>
<head>
<title>Example neo56<title>
<style type='style/css'>
/*
Example neo56
By : Indam; http://www.indaam.com
*/
/* 56 */
.neo56{
float: left;
width: 6px;
height: 16px;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.neo56::before{
position: relative;
float: left;
top: -16px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-bottom-color: #555
}
.neo56::after{
position: relative;
float: left;
top: -22px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-top-color: #555
}
/* End 56 */
</style>
</head>
<body>
<span class='neo56'> </span>
</body>
</html>
<html>
<head>
<title>Example neo57<title>
<style type='style/css'>
/*
Example neo57
By : Indam; http://www.indaam.com
*/
/* 57 */
.neo57{
float: left;
width: 16px;
height: 6px;
background: #555
}
.neo57::before{
position: relative;
float: left;
top: -7px;
left: -18px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-right-color: #555
}
.neo57::after{
position: relative;
float: left;
top: -44px;
left: 16px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-left-color: #555
}
/* 57 */
</style>
</head>
<body>
<span class='neo57'> </span>
</body>
</html>
<html>
<head>
<title>Example neo58<title>
<style type='style/css'>
/*
Example neo58
By : Indam; http://www.indaam.com
*/
/* 58 */
.neo58{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
/* End 58 */
</style>
</head>
<body>
<span class='neo58'> </span>
</body>
</html>
<html>
<head>
<title>Example neo59<title>
<style type='style/css'>
/*
Example neo59
By : Indam; http://www.indaam.com
*/
/* 59 */
.neo59{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 8px 0 0 0;
-moz-border-radius: 8px 0 0 0;
-webkit-border-radius: 8px 0 0 0;
-ms-border-radius: 8px 0 0 0
}
/* End 59 */
</style>
</head>
<body>
<span class='neo59'> </span>
</body>
</html>
<html>
<head>
<title>Example neo60<title>
<style type='style/css'>
/*
Example neo60
By : Indam; http://www.indaam.com
*/
/* 60 */
.neo60{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0;
-webkit-border-radius: 0 8px 0 0;
-ms-border-radius: 0 8px 0 0
}
/* End 60 */
</style>
</head>
<body>
<span class='neo60'> </span>
</body>
</html>
<html>
<head>
<title>Example neo61<title>
<style type='style/css'>
/*
Example neo61
By : Indam; http://www.indaam.com
*/
/* 61 */
.neo61{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 0 8px 0;
-moz-border-radius: 0 0 8px 0;
-webkit-border-radius: 0 0 8px 0;
-ms-border-radius: 0 0 8px 0
}
/* End 61 */
</style>
</head>
<body>
<span class='neo61'> </span>
</body>
</html>
<html>
<head>
<title>Example neo62<title>
<style type='style/css'>
/*
Example neo62
By : Indam; http://www.indaam.com
*/
/* 62 */
.neo62{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 0 0 8px;
-moz-border-radius: 0 0 0 8px;
-webkit-border-radius: 0 0 0 8px;
-ms-border-radius: 0 0 0 8px
}
/* End 62 */
</style>
</head>
<body>
<span class='neo62'> </span>
</body>
</html>
<html>
<head>
<title>Example neo63<title>
<style type='style/css'>
/*
Example neo63
By : Indam; http://www.indaam.com
*/
/* 63 */
.neo63{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 18px 0;
-moz-border-radius: 18px 0;
-webkit-border-radius: 18px 0;
-ms-border-radius: 18px 0
}
/* End 63 */
</style>
</head>
<body>
<span class='neo63'> </span>
</body>
</html>
<html>
<head>
<title>Example neo64<title>
<style type='style/css'>
/*
Example neo64
By : Indam; http://www.indaam.com
*/
/* 64 */
.neo64{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 18px;
-moz-border-radius: 0 18px;
-webkit-border-radius: 0 18px;
-ms-border-radius: 0 18px
}
/* End 64 */
</style>
</head>
<body>
<span class='neo64'> </span>
</body>
</html>
<html>
<head>
<title>Example neo65<title>
<style type='style/css'>
/*
Example neo65
By : Indam; http://www.indaam.com
*/
/* 65 */
.neo65{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 18px 18px;
-moz-border-radius: 0 18px 18px;
-webkit-border-radius: 0 18px 18px;
-ms-border-radius: 0 18px 18px
}
/* End 65 */
</style>
</head>
<body>
<span class='neo65'> </span>
</body>
</html>
<html>
<head>
<title>Example neo66<title>
<style type='style/css'>
/*
Example neo66
By : Indam; http://www.indaam.com
*/
/* 66 */
.neo66{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 66 */
</style>
</head>
<body>
<span class='neo66'> </span>
</body>
</html>
<html>
<head>
<title>Example neo67<title>
<style type='style/css'>
/*
Example neo67
By : Indam; http://www.indaam.com
*/
/* 67 */
.neo67{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 67 */
</style>
</head>
<body>
<span class='neo67'> </span>
</body>
</html>
<html>
<head>
<title>Example neo68<title>
<style type='style/css'>
/*
Example neo68
By : Indam; http://www.indaam.com
*/
/* 68 */
.neo68{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 68 */
</style>
</head>
<body>
<span class='neo68'> </span>
</body>
</html>
<html>
<head>
<title>Example neo69<title>
<style type='style/css'>
/*
Example neo69
By : Indam; http://www.indaam.com
*/
/* 69 */
.neo69{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 69 */
</style>
</head>
<body>
<span class='neo69'> </span>
</body>
</html>
<html>
<head>
<title>Example neo70<title>
<style type='style/css'>
/*
Example neo70
By : Indam; http://www.indaam.com
*/
/* 70 */
.neo70{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 70 */
</style>
</head>
<body>
<span class='neo70'> </span>
</body>
</html>
<html>
<head>
<title>Example neo71<title>
<style type='style/css'>
/*
Example neo71
By : Indam; http://www.indaam.com
*/
/* 71 */
.neo71{
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 71 */
</style>
</head>
<body>
<span class='neo71'> </span>
</body>
</html>
<html>
<head>
<title>Example neo72<title>
<style type='style/css'>
/*
Example neo72
By : Indam; http://www.indaam.com
*/
/* 72 */
.neo72{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo72::before{
content: '';
position: relative;
top: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 72 */
</style>
</head>
<body>
<span class='neo72'> </span>
</body>
</html>
<html>
<head>
<title>Example neo73<title>
<style type='style/css'>
/*
Example neo73
By : Indam; http://www.indaam.com
*/
/* 73 */
.neo73{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo73::before{
content: '';
position: relative;
top: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 73 */
</style>
</head>
<body>
<span class='neo73'> </span>
</body>
</html>
<html>
<head>
<title>Example neo74<title>
<style type='style/css'>
/*
Example neo74
By : Indam; http://www.indaam.com
*/
/* 74 */
.neo74{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo74::before{
content: '';
position: relative;
left: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 74 */
</style>
</head>
<body>
<span class='neo74'> </span>
</body>
</html>
<html>
<head>
<title>Example neo75<title>
<style type='style/css'>
/*
Example neo75
By : Indam; http://www.indaam.com
*/
/* 75 */
.neo75{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo75::before{
content: '';
position: relative;
left: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 75 */
</style>
</head>
<body>
<span class='neo75'> </span>
</body>
</html>
<html>
<head>
<title>Example neo76<title>
<style type='style/css'>
/*
Example neo76
By : Indam; http://www.indaam.com
*/
/* 76 */
.neo76{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo76::before{
content: '';
position: relative;
left: 16px;
top: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 76 */
</style>
</head>
<body>
<span class='neo76'> </span>
</body>
</html>
<html>
<head>
<title>Example neo77<title>
<style type='style/css'>
/*
Example neo77
By : Indam; http://www.indaam.com
*/
/* 77 */
.neo77{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo77::before{
content: '';
position: relative;
left: -16px;
top: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 77 */
</style>
</head>
<body>
<span class='neo77'> </span>
</body>
</html>
<html>
<head>
<title>Example neo78<title>
<style type='style/css'>
/*
Example neo78
By : Indam; http://www.indaam.com
*/
/* 78 */
.neo78{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo78::before{
content: '';
position: relative;
left: 16px;
top: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 78 */
</style>
</head>
<body>
<span class='neo78'> </span>
</body>
</html>
<html>
<head>
<title>Example neo79<title>
<style type='style/css'>
/*
Example neo79
By : Indam; http://www.indaam.com
*/
/* 79 */
.neo79{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo79::before{
content: '';
position: relative;
left: -16px;
top: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 79 */
</style>
</head>
<body>
<span class='neo79'> </span>
</body>
</html>
<html>
<head>
<title>Example neo80<title>
<style type='style/css'>
/*
Example neo80
By : Indam; http://www.indaam.com
*/
/* 80 */
.neo80{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo80::before{
content: '';
position: relative;
top: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 80 */
</style>
</head>
<body>
<span class='neo80'> </span>
</body>
</html>
<html>
<head>
<title>Example neo81<title>
<style type='style/css'>
/*
Example neo81
By : Indam; http://www.indaam.com
*/
/* 81 */
.neo81{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo81::before{
content: '';
position: relative;
top: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 81 */
</style>
</head>
<body>
<span class='neo81'> </span>
</body>
</html>
<html>
<head>
<title>Example neo82<title>
<style type='style/css'>
/*
Example neo82
By : Indam; http://www.indaam.com
*/
/* 82 */
.neo82{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo82::before{
content: '';
position: relative;
left: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 82 */
</style>
</head>
<body>
<span class='neo82'> </span>
</body>
</html>
<html>
<head>
<title>Example neo83<title>
<style type='style/css'>
/*
Example neo83
By : Indam; http://www.indaam.com
*/
/* 83 */
.neo83{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo83::before{
content: '';
position: relative;
left: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 83 */
</style>
</head>
<body>
<span class='neo83'> </span>
</body>
</html>
<html>
<head>
<title>Example neo84<title>
<style type='style/css'>
/*
Example neo84
By : Indam; http://www.indaam.com
*/
/* 84 */
.neo84{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo84::before{
content: '';
position: relative;
left: 16px;
top: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 84 */
</style>
</head>
<body>
<span class='neo84'> </span>
</body>
</html>
<html>
<head>
<title>Example neo85<title>
<style type='style/css'>
/*
Example neo85
By : Indam; http://www.indaam.com
*/
/* 85 */
.neo85{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo85::before{
content: '';
position: relative;
left: -16px;
top: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 85 */
</style>
</head>
<body>
<span class='neo85'> </span>
</body>
</html>
<html>
<head>
<title>Example neo86<title>
<style type='style/css'>
/*
Example neo86
By : Indam; http://www.indaam.com
*/
/* 86 */
.neo86{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo86::before{
content: '';
position: relative;
left: 16px;
top: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 86 */
</style>
</head>
<body>
<span class='neo86'> </span>
</body>
</html>
<html>
<head>
<title>Example neo87<title>
<style type='style/css'>
/*
Example neo87
By : Indam; http://www.indaam.com
*/
/* 87 */
.neo87{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.neo87::before{
content: '';
position: relative;
left: -16px;
top: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 87 */
</style>
</head>
<body>
<span class='neo87'> </span>
</body>
</html>
<html>
<head>
<title>Example neo88<title>
<style type='style/css'>
/*
Example neo88
By : Indam; http://www.indaam.com
*/
/* 88 */
.neo88{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo88::after{
content: '';
position: relative;
top: 24px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555;
border-left-color: #555
}
/* End 88 */
</style>
</head>
<body>
<span class='neo88'> </span>
</body>
</html>
<html>
<head>
<title>Example neo89<title>
<style type='style/css'>
/*
Example neo89
By : Indam; http://www.indaam.com
*/
/* 89 */
.neo89{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo89::after{
content: '';
position: relative;
top: 24px;
left: 20px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555;
border-right-color: #555
}
/* End 89 */
</style>
</head>
<body>
<span class='neo89'> </span>
</body>
</html>
<html>
<head>
<title>Example neo90<title>
<style type='style/css'>
/*
Example neo90
By : Indam; http://www.indaam.com
*/
/* 90 */
.neo90{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo90::after{
content: '';
position: relative;
top: 24px;
left: 20px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
/* End 90 */
</style>
</head>
<body>
<span class='neo90'> </span>
</body>
</html>
<html>
<head>
<title>Example neo91<title>
<style type='style/css'>
/*
Example neo91
By : Indam; http://www.indaam.com
*/
/* 91 */
.neo91{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo91::after{
content: '';
position: relative;
top: 24px;
left: 6px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
/* End 91 */
</style>
</head>
<body>
<span class='neo91'> </span>
</body>
</html>
<html>
<head>
<title>Example neo92<title>
<style type='style/css'>
/*
Example neo92
By : Indam; http://www.indaam.com
*/
/* 92 */
.neo92{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo92::before{
content: '';
position: relative;
top: -6px;
left: 6px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-bottom-color: #555
}
/* End 92 */
</style>
</head>
<body>
<span class='neo92'> </span>
</body>
</html>
<html>
<head>
<title>Example neo93<title>
<style type='style/css'>
/*
Example neo93
By : Indam; http://www.indaam.com
*/
/* 93 */
.neo93{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo93::before{
content: '';
position: relative;
top: -6px;
left: 20px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-bottom-color: #555
}
/* End 93 */
</style>
</head>
<body>
<span class='neo93'> </span>
</body>
</html>
<html>
<head>
<title>Example neo94<title>
<style type='style/css'>
/*
Example neo94
By : Indam; http://www.indaam.com
*/
/* 94 */
.neo94{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo94::before{
content: '';
position: relative;
top: 6px;
left: -6px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-right-color: #555
}
/* End 94 */
</style>
</head>
<body>
<span class='neo94'> </span>
</body>
</html>
<html>
<head>
<title>Example neo95<title>
<style type='style/css'>
/*
Example neo95
By : Indam; http://www.indaam.com
*/
/* 95 */
.neo95{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo95::before{
content: '';
position: relative;
top: 6px;
left: 32px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-left-color: #555
}
/* End 95 */
</style>
</head>
<body>
<span class='neo95'> </span>
</body>
</html>
<html>
<head>
<title>Example neo96<title>
<style type='style/css'>
/*
Example neo96
By : Indam; http://www.indaam.com
*/
/* 96 */
.neo96{
float: left;
width: 28px;
height: 20px;
border: 2px solid #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo96::after{
content: '';
position: relative;
top: 22px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
/* End 96 */
</style>
</head>
<body>
<span class='neo96'> </span>
</body>
</html>
<html>
<head>
<title>Example neo97<title>
<style type='style/css'>
/*
Example neo97
By : Indam; http://www.indaam.com
*/
/* 97 */
.neo97{
float: left;
width: 28px;
height: 20px;
border: 2px solid #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo97::before{
content: '';
position: relative;
top: 22px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
.neo97::after{
content: '';
position: relative;
top: 20px;
left: -2px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #fff
}
/* End 97 */
</style>
</head>
<body>
<span class='neo97'> </span>
</body>
</html>
<html>
<head>
<title>Example neo98<title>
<style type='style/css'>
/*
Example neo98
By : Indam; http://www.indaam.com
*/
/* 98 */
.neo98{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo98::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555
}
/* End 98 */
</style>
</head>
<body>
<span class='neo98'> </span>
</body>
</html>
<html>
<head>
<title>Example neo99<title>
<style type='style/css'>
/*
Example neo99
By : Indam; http://www.indaam.com
*/
/* 99 */
.neo99{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo99::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 99 */
</style>
</head>
<body>
<span class='neo99'> </span>
</body>
</html>
<html>
<head>
<title>Example neo100<title>
<style type='style/css'>
/*
Example neo100
By : Indam; http://www.indaam.com
*/
/* 100 */
.neo100{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo100::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 100 */
</style>
</head>
<body>
<span class='neo100'> </span>
</body>
</html>
<html>
<head>
<title>Example neo101<title>
<style type='style/css'>
/*
Example neo101
By : Indam; http://www.indaam.com
*/
/* 101 */
.neo101{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo101::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo101::after{
position: relative;
float: left;
top: -14px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 101 */
</style>
</head>
<body>
<span class='neo101'> </span>
</body>
</html>
<html>
<head>
<title>Example neo102<title>
<style type='style/css'>
/*
Example neo102
By : Indam; http://www.indaam.com
*/
/* 102 */
.neo102{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo102::before{
position: relative;
float: left;
top: 6px;
left: 6px;
content: '';
width: 0;
height: 0;
width: 12px;
height: 12px;
background: #555
}
/* End 102 */
</style>
</head>
<body>
<span class='neo102'> </span>
</body>
</html>
<html>
<head>
<title>Example neo103<title>
<style type='style/css'>
/*
Example neo103
By : Indam; http://www.indaam.com
*/
/* 103 */
.neo103{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo103::before{
position: relative;
float: left;
top: 6px;
left: 6px;
content: '';
width: 0;
height: 0;
width: 12px;
height: 12px;
background: #555;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
/* End 103 */
</style>
</head>
<body>
<span class='neo103'> </span>
</body>
</html>
<html>
<head>
<title>Example neo104<title>
<style type='style/css'>
/*
Example neo104
By : Indam; http://www.indaam.com
*/
/* 104 */
.neo104{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo104::before{
position: relative;
top: 4px;
left: 9px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555
}
/* End 104 */
</style>
</head>
<body>
<span class='neo104'> </span>
</body>
</html>
<html>
<head>
<title>Example neo105<title>
<style type='style/css'>
/*
Example neo105
By : Indam; http://www.indaam.com
*/
/* 105 */
.neo105{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo105::before{
position: relative;
top: 4px;
left: -1px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555
}
/* End 105 */
</style>
</head>
<body>
<span class='neo105'> </span>
</body>
</html>
<html>
<head>
<title>Example neo106<title>
<style type='style/css'>
/*
Example neo106
By : Indam; http://www.indaam.com
*/
/* 106 */
.neo106{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo106::before{
position: relative;
top: 9px;
left: 4px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-top-color: #555
}
/* End 106 */
</style>
</head>
<body>
<span class='neo106'> </span>
</body>
</html>
<html>
<head>
<title>Example neo107<title>
<style type='style/css'>
/*
Example neo107
By : Indam; http://www.indaam.com
*/
/* 107 */
.neo107{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo107::before{
position: relative;
top: -2px;
left: 4px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-bottom-color: #555
}
/* End 107 */
</style>
</head>
<body>
<span class='neo107'> </span>
</body>
</html>
<html>
<head>
<title>Example neo108<title>
<style type='style/css'>
/*
Example neo108
By : Indam; http://www.indaam.com
*/
/* 108 */
.neo108{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo108::before{
position: relative;
top: 9px;
left: 4px;
content: '';
width: 16px;
height: 6px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 108 */
</style>
</head>
<body>
<span class='neo108'> </span>
</body>
</html>
<html>
<head>
<title>Example neo109<title>
<style type='style/css'>
/*
Example neo109
By : Indam; http://www.indaam.com
*/
/* 109 */
.neo109{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo109::before{
position: relative;
top: 4px;
left: 9px;
content: '';
width: 6px;
height: 16px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 109 */
</style>
</head>
<body>
<span class='neo109'> </span>
</body>
</html>
<html>
<head>
<title>Example neo110<title>
<style type='style/css'>
/*
Example neo110
By : Indam; http://www.indaam.com
*/
/* 110 */
.neo110{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo110::before{
position: relative;
top: 9px;
left: 4px;
content: '';
width: 16px;
height: 6px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.neo110::after{
position: relative;
top: -16px;
left: 9px;
content: '';
width: 6px;
height: 16px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 110 */
</style>
</head>
<body>
<span class='neo110'> </span>
</body>
</html>
<html>
<head>
<title>Example neo111<title>
<style type='style/css'>
/*
Example neo111
By : Indam; http://www.indaam.com
*/
/* 111 */
.neo111{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo111::before{
content: '';
position: relative;
top: 0;
left: 0;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 111 */
</style>
</head>
<body>
<span class='neo111'> </span>
</body>
</html>
<html>
<head>
<title>Example neo112<title>
<style type='style/css'>
/*
Example neo112
By : Indam; http://www.indaam.com
*/
/* 112 */
.neo112{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo112::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 112 */
</style>
</head>
<body>
<span class='neo112'> </span>
</body>
</html>
<html>
<head>
<title>Example neo113<title>
<style type='style/css'>
/*
Example neo113
By : Indam; http://www.indaam.com
*/
/* 113 */
.neo113{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo113::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 113 */
</style>
</head>
<body>
<span class='neo113'> </span>
</body>
</html>
<html>
<head>
<title>Example neo114<title>
<style type='style/css'>
/*
Example neo114
By : Indam; http://www.indaam.com
*/
/* 114 */
.neo114{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo114::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 114 */
</style>
</head>
<body>
<span class='neo114'> </span>
</body>
</html>
<html>
<head>
<title>Example neo115<title>
<style type='style/css'>
/*
Example neo115
By : Indam; http://www.indaam.com
*/
/* 115 */
.neo115{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo115::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #555;
border-bottom-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 115 */
</style>
</head>
<body>
<span class='neo115'> </span>
</body>
</html>
<html>
<head>
<title>Example neo116<title>
<style type='style/css'>
/*
Example neo116
By : Indam; http://www.indaam.com
*/
/* 116 */
.neo116{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo116::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555;
border-left-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 116 */
</style>
</head>
<body>
<span class='neo116'> </span>
</body>
</html>
<html>
<head>
<title>Example neo117<title>
<style type='style/css'>
/*
Example neo117
By : Indam; http://www.indaam.com
*/
/* 117 */
.neo117{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo117::before{
position: relative;
top: 5px;
left: 6px;
content: '';
width: 5px;
height: 14px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.neo117::after{
position: relative;
top: 5px;
left: 8px;
content: '';
width: 5px;
height: 14px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 117 */
</style>
</head>
<body>
<span class='neo117'> </span>
</body>
</html>
<html>
<head>
<title>Example neo118<title>
<style type='style/css'>
/*
Example neo118
By : Indam; http://www.indaam.com
*/
/* 118 */
.neo118{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo118::before{
position: relative;
top: 6px;
left: 5px;
content: '';
width: 14px;
height: 5px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.neo118::after{
position: relative;
top: -7px;
left: 5px;
content: '';
width: 14px;
height: 5px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 118 */
</style>
</head>
<body>
<span class='neo118'> </span>
</body>
</html>
<html>
<head>
<title>Example neo119<title>
<style type='style/css'>
/*
Example neo119
By : Indam; http://www.indaam.com
*/
/* 119 */
.neo119{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-top-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo119::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-top-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 119 */
</style>
</head>
<body>
<span class='neo119'> </span>
</body>
</html>
<html>
<head>
<title>Example neo120<title>
<style type='style/css'>
/*
Example neo120
By : Indam; http://www.indaam.com
*/
/* 120 */
.neo120{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo120::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 120 */
</style>
</head>
<body>
<span class='neo120'> </span>
</body>
</html>
<html>
<head>
<title>Example neo121<title>
<style type='style/css'>
/*
Example neo121
By : Indam; http://www.indaam.com
*/
/* 121 */
.neo121{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo121::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 121 */
</style>
</head>
<body>
<span class='neo121'> </span>
</body>
</html>
<html>
<head>
<title>Example neo122<title>
<style type='style/css'>
/*
Example neo122
By : Indam; http://www.indaam.com
*/
/* 122 */
.neo122{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo122::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 122 */
</style>
</head>
<body>
<span class='neo122'> </span>
</body>
</html>
<html>
<head>
<title>Example neo123<title>
<style type='style/css'>
/*
Example neo123
By : Indam; http://www.indaam.com
*/
/* 123 */
.neo123{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo123::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 123 */
</style>
</head>
<body>
<span class='neo123'> </span>
</body>
</html>
<html>
<head>
<title>Example neo124<title>
<style type='style/css'>
/*
Example neo124
By : Indam; http://www.indaam.com
*/
/* 124 */
.neo124{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo124::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 124 */
</style>
</head>
<body>
<span class='neo124'> </span>
</body>
</html>
<html>
<head>
<title>Example neo125<title>
<style type='style/css'>
/*
Example neo125
By : Indam; http://www.indaam.com
*/
/* 125 */
.neo125{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-top-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 125 */
</style>
</head>
<body>
<span class='neo125'> </span>
</body>
</html>
<html>
<head>
<title>Example neo126<title>
<style type='style/css'>
/*
Example neo126
By : Indam; http://www.indaam.com
*/
/* 126 */
.neo126{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 126 */
</style>
</head>
<body>
<span class='neo126'> </span>
</body>
</html>
<html>
<head>
<title>Example neo127<title>
<style type='style/css'>
/*
Example neo127
By : Indam; http://www.indaam.com
*/
/* 127 */
.neo127{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 127 */
</style>
</head>
<body>
<span class='neo127'> </span>
</body>
</html>
<html>
<head>
<title>Example neo128<title>
<style type='style/css'>
/*
Example neo128
By : Indam; http://www.indaam.com
*/
/* 128 */
.neo128{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 128 */
</style>
</head>
<body>
<span class='neo128'> </span>
</body>
</html>
<html>
<head>
<title>Example neo129<title>
<style type='style/css'>
/*
Example neo129
By : Indam; http://www.indaam.com
*/
/* 129 */
.neo129{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo129::before{
position: relative;
content: '';
top: -6px;
left: 6px;
float: left;
width: 12px;
height: 12px;
background: #555;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
/* End 129 */
</style>
</head>
<body>
<span class='neo129'> </span>
</body>
</html>
<html>
<head>
<title>Example neo130<title>
<style type='style/css'>
/*
Example neo130
By : Indam; http://www.indaam.com
*/
/* 130 */
.neo130{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo130::before{
position: relative;
content: '';
top: -12px;
left: -4px;
float: left;
width: 6px;
height: 6px;
background: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 130 */
</style>
</head>
<body>
<span class='neo130'> </span>
</body>
</html>
<html>
<head>
<title>Example neo131<title>
<style type='style/css'>
/*
Example neo131
By : Indam; http://www.indaam.com
*/
/* 131 */
.neo131{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo131::before{
position: relative;
content: '';
top: -6px;
left: 6px;
float: left;
width: 12px;
height: 12px;
background: #555;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
.neo131::after{
position: relative;
content: '';
top: -44px;
left: -4px;
float: left;
width: 6px;
height: 6px;
background: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 131 */
</style>
</head>
<body>
<span class='neo131'> </span>
</body>
</html>
<html>
<head>
<title>Example neo132<title>
<style type='style/css'>
/*
Example neo132
By : Indam; http://www.indaam.com
*/
/* 132 */
.neo132{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo132::before{
position: relative;
content: '';
top: -16px;
left: -12px;
float: left;
width: 0;
height: 0;
border: 16px solid transparent;
border-right-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 132 */
</style>
</head>
<body>
<span class='neo132'> </span>
</body>
</html>
<html>
<head>
<title>Example neo133<title>
<style type='style/css'>
/*
Example neo133
By : Indam; http://www.indaam.com
*/
/* 133 */
.neo133{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.neo133::before{
position: relative;
content: '';
top: -16px;
left: -12px;
float: left;
width: 0;
height: 0;
border: 16px solid transparent;
border-right-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 133 */
</style>
</head>
<body>
<span class='neo133'> </span>
</body>
</html>
<html>
<head>
<title>Example neo134<title>
<style type='style/css'>
/*
Example neo134
By : Indam; http://www.indaam.com
*/
/* 134 */
.neo134{
float: left;
width: 6px;
height: 6px;
border: 12px solid #555;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px
}
.neo134::before{
position: relative;
float: left;
top: -8px;
left: 1px;
content: '';
width: 4px;
height: 16px;
background: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo134::after{
position: relative;
float: left;
top: -18px;
left: 6px;
content: '';
width: 2px;
height: 16px;
background: #fff;
border-radius: 1px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 134 */
</style>
</head>
<body>
<span class='neo134'> </span>
</body>
</html>
<html>
<head>
<title>Example neo135<title>
<style type='style/css'>
/*
Example neo135
By : Indam; http://www.indaam.com
*/
/* 135 */
.neo135{
float: left;
width: 18px;
height: 18px;
border: 6px solid #555;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-ms-border-radius: 32px
}
.neo135::before{
content: '';
position: relative;
top: -10px;
left: 6px;
float: left;
background: #555;
width: 6px;
height: 18px;
outline: 3px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 135 */
</style>
</head>
<body>
<span class='neo135'> </span>
</body>
</html>
<html>
<head>
<title>Example neo136<title>
<style type='style/css'>
/*
Example neo136
By : Indam; http://www.indaam.com
*/
/* 136 */
.neo136{
float: left;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #555
}
.neo136::before{
position: relative;
float: left;
top: -12px;
left: -2px;
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-left-color: #555
}
/* End 136 */
</style>
</head>
<body>
<span class='neo136'> </span>
</body>
</html>
<html>
<head>
<title>Example neo137<title>
<style type='style/css'>
/*
Example neo137
By : Indam; http://www.indaam.com
*/
/* 137 */
.neo137{
float: left;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #555
}
.neo137::before{
position: relative;
/* float: left;*/
top: -12px;
left: -2px;
display: block;
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-left-color: #555
}
.neo137::after{
position: relative;
float: left;
top: -55px;
left: 8px;
content: '';
width: 8px;
height: 22px;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 137 */
</style>
</head>
<body>
<span class='neo137'> </span>
</body>
</html>
<html>
<head>
<title>Example neo138<title>
<style type='style/css'>
/*
Example neo138
By : Indam; http://www.indaam.com
*/
/* 138 */
.neo138{
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.neo138::before{
position: relative;
float: left;
top: -12px;
left: -1px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
/* End 138 */
</style>
</head>
<body>
<span class='neo138'> </span>
</body>
</html>
<html>
<head>
<title>Example neo139<title>
<style type='style/css'>
/*
Example neo139
By : Indam; http://www.indaam.com
*/
/* 139 */
.neo139{
float: left;
width: 8px;
height: 22px;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.neo139::before{
position: relative;
float: left;
top: -2px;
left: -5px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.neo139::after{
position: relative;
float: left;
top: -46px;
left: 5px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
/* End 139 */
</style>
</head>
<body>
<span class='neo139'> </span>
</body>
</html>
<html>
<head>
<title>Example neo140<title>
<style type='style/css'>
/*
Example neo140
By : Indam; http://www.indaam.com
*/
/* 140 */
.neo140{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo140::before{
position: relative;
float: left;
top: -26px;
left: -4px;
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #555;
border-bottom-width: 16px
}
/* End 140 */
</style>
</head>
<body>
<span class='neo140'> </span>
</body>
</html>
<html>
<head>
<title>Example neo141<title>
<style type='style/css'>
/*
Example neo141
By : Indam; http://www.indaam.com
*/
/* 141 */
.neo141{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo141::before{
position: relative;
float: left;
top: 10px;
left: -4px;
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
border-top-color: #555;
border-top-width: 16px
}
/* End 141 */
</style>
</head>
<body>
<span class='neo141'> </span>
</body>
</html>
<html>
<head>
<title>Example neo142<title>
<style type='style/css'>
/*
Example neo142
By : Indam; http://www.indaam.com
*/
/* 142 */
.neo142{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo142::before{
position: relative;
float: left;
top: -4px;
left: 10px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555;
border-left-width: 16px
}
/* End 142 */
</style>
</head>
<body>
<span class='neo142'> </span>
</body>
</html>
<html>
<head>
<title>Example neo143<title>
<style type='style/css'>
/*
Example neo143
By : Indam; http://www.indaam.com
*/
/* 143 */
.neo143{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo143::before{
position: relative;
float: left;
top: -4px;
left: -26px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555;
border-right-width: 16px
}
/* End 143 */
</style>
</head>
<body>
<span class='neo143'> </span>
</body>
</html>
<html>
<head>
<title>Example neo144<title>
<style type='style/css'>
/*
Example neo144
By : Indam; http://www.indaam.com
*/
/* 144 */
.neo144{
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #555;
border-right-color: #555;
border-bottom-width: 8px;
border-right-width: 8px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 144 */
</style>
</head>
<body>
<span class='neo144'> </span>
</body>
</html>
<html>
<head>
<title>Example neo145<title>
<style type='style/css'>
/*
Example neo145
By : Indam; http://www.indaam.com
*/
/* 145 */
.neo145{
border: 2px solid #555;
width: 28px;
height: 28px;
float: left
}
.neo145::before{
content: '';
position: relative;
left: 7px;
top: 2px;
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #555;
border-right-color: #555;
border-bottom-width: 6px;
border-right-width: 6px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 145 */
</style>
</head>
<body>
<span class='neo145'> </span>
</body>
</html>
<html>
<head>
<title>Example neo146<title>
<style type='style/css'>
/*
Example neo146
By : Indam; http://www.indaam.com
*/
/* 146 */
.neo146{
border: 2px solid #555;
width: 28px;
height: 28px;
float: left;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-ms-border-radius: 32px
}
.neo146::before{
content: '';
position: relative;
left: 7px;
top: 2px;
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #555;
border-right-color: #555;
border-bottom-width: 6px;
border-right-width: 6px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 146 */
</style>
</head>
<body>
<span class='neo146'> </span>
</body>
</html>
<html>
<head>
<title>Example neo147<title>
<style type='style/css'>
/*
Example neo147
By : Indam; http://www.indaam.com
*/
/* 147 */
.neo147{
width: 32px;
height: 32px;
background: #555;
float: left;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-ms-border-radius: 32px
}
.neo147::before{
content: '';
position: relative;
left: 9px;
top: 3px;
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #fff;
border-right-color: #fff;
border-bottom-width: 6px;
border-right-width: 6px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 147 */
</style>
</head>
<body>
<span class='neo147'> </span>
</body>
</html>
<html>
<head>
<title>Example neo148<title>
<style type='style/css'>
/*
Example neo148
By : Indam; http://www.indaam.com
*/
/* 148 */
.neo148{
float: left;
width: 23px;
height: 16px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo148::before{
content: '';
position: relative;
top: -10px;
left: 3px;
float: left;
width: 9px;
height: 9px;
border: 4px solid #555;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-ms-border-radius: 13px
}
.neo148::after{
content: '';
position: relative;
top: -16px;
left: 9px;
float: left;
width: 4px;
height: 8px;
background: #fff;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 148 */
</style>
</head>
<body>
<span class='neo148'> </span>
</body>
</html>
<html>
<head>
<title>Example neo149<title>
<style type='style/css'>
/*
Example neo149
By : Indam; http://www.indaam.com
*/
/* 149 */
.neo149{
float: left;
width: 23px;
height: 16px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo149::before{
content: '';
position: relative;
top: -10px;
left: 3px;
float: left;
width: 9px;
height: 9px;
border: 4px solid #555;
border-left-color: transparent;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-ms-border-radius: 13px
}
.neo149::after{
content: '';
position: relative;
top: -16px;
left: 9px;
float: left;
width: 4px;
height: 8px;
background: #fff;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 149 */
</style>
</head>
<body>
<span class='neo149'> </span>
</body>
</html>
<html>
<head>
<title>Example neo150<title>
<style type='style/css'>
/*
Example neo150
By : Indam; http://www.indaam.com
*/
/* 150 */
.neo150{
float: left;
width: 16px;
height: 8px;
border: 4px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo150::before{
content: '';
position: relative;
top: -4px;
left: -19px;
float: left;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #555
}
.neo150::after{
content: '';
position: relative;
top: -14px;
left: -6px;
float: left;
width: 4px;
height: 4px;
background: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
/* End 150 */
</style>
</head>
<body>
<span class='neo150'> </span>
</body>
</html>
<html>
<head>
<title>Example neo151<title>
<style type='style/css'>
/*
Example neo151
By : Indam; http://www.indaam.com
*/
/* 151 */
.neo151{
float: left;
width: 16px;
height: 8px;
border: 4px solid #555;
border-radius: 2px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo151::before{
content: '';
position: relative;
top: -4px;
left: -19px;
float: left;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #555
}
.neo151::after{
content: '';
position: relative;
top: -14px;
left: -6px;
float: left;
width: 4px;
height: 4px;
background: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
/* End 151 */
</style>
</head>
<body>
<span class='neo151'> </span>
</body>
</html>
<html>
<head>
<title>Example neo152<title>
<style type='style/css'>
/*
Example neo152
By : Indam; http://www.indaam.com
*/
/* 152 */
.neo152{
float: left;
width: 32px;
height: 22px;
background: #555;
overflow: hidden;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo152::before{
content: '';
position: relative;
top: -12px;
left: 4px;
float: left;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 152 */
</style>
</head>
<body>
<span class='neo152'> </span>
</body>
</html>
<html>
<head>
<title>Example neo153<title>
<style type='style/css'>
/*
Example neo153
By : Indam; http://www.indaam.com
*/
/* 153 */
.neo153{
float: left;
width: 32px;
height: 22px;
background: #555;
overflow: hidden;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo153::before{
content: '';
z-index: 2;
position: relative;
top: -12px;
left: 4px;
float: left;
background: #555;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo153::after{
z-index: 1;
content: '';
position: relative;
top: -12px;
left: 6px;
float: left;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-bottom-color: transparent;
border-right-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 153 */
</style>
</head>
<body>
<span class='neo153'> </span>
</body>
</html>
<html>
<head>
<title>Example neo154<title>
<style type='style/css'>
/*
Example neo154
By : Indam; http://www.indaam.com
*/
/* 154 */
.neo154{
float: left;
width: 28px;
height: 22px;
overflow: hidden;
border: 1px solid #555;
border-left-width: 4px;
border-right-width: 4px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo154::before{
content: '';
z-index: 2;
position: relative;
top: -13px;
left: 2px;
float: left;
background: #fff;
width: 20px;
height: 20px;
border: 2px solid #555;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo154::after{
z-index: 1;
content: '';
position: relative;
top: -12px;
left: 4px;
float: left;
width: 18px;
height: 18px;
border: 1px solid #555;
border-bottom-color: transparent;
border-right-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 154 */
</style>
</head>
<body>
<span class='neo154'> </span>
</body>
</html>
<html>
<head>
<title>Example neo155<title>
<style type='style/css'>
/*
Example neo155
By : Indam; http://www.indaam.com
*/
/* 155 */
.neo155{
float: left;
width: 14px;
height: 14px;
border: 2px solid #555;
border-bottom-width: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo155::before{
content: '';
position: relative;
top: -7px;
left: 0;
float: left;
background: #555;
width: 3px;
height: 5px;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 155 */
</style>
</head>
<body>
<span class='neo155'> </span>
</body>
</html>
<html>
<head>
<title>Example neo156<title>
<style type='style/css'>
/*
Example neo156
By : Indam; http://www.indaam.com
*/
/* 156 */
.neo156{
float: left;
width: 14px;
height: 17px;
border: 2px solid #555;
border-top-width: 4px;
border-bottom-width: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.neo156::before{
content: '';
position: relative;
top: -3px;
left: 4px;
float: left;
background: #fff;
width: 6px;
height: 1px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.neo156::after{
content: '';
position: relative;
top: 18px;
left: 0px;
float: left;
background: #fff;
width: 3px;
height: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 156 */
</style>
</head>
<body>
<span class='neo156'> </span>
</body>
</html>
<html>
<head>
<title>Example neo157<title>
<style type='style/css'>
/*
Example neo157
By : Indam; http://www.indaam.com
*/
/* 157 */
.neo157{
float: left;
width: 16px;
height: 17px;
border: 3px solid #555;
border-bottom-width: 7px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.neo157::before{
content: '';
position: relative;
top: 19px;
left: 6px;
float: left;
background: #fff;
width: 4px;
height: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 157 */
</style>
</head>
<body>
<span class='neo157'> </span>
</body>
</html>
<html>
<head>
<title>Example neo158<title>
<style type='style/css'>
/*
Example neo158
By : Indam; http://www.indaam.com
*/
/* 158 */
.neo158{
float: left;
width: 14px;
height: 14px;
border: 2px solid #555;
border-bottom-width: 12px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.neo158::before{
content: '';
position: relative;
top: 16px;
left: 3px;
float: left;
background: #555;
border: 2px solid #fff;
width: 4px;
height: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
/* End 158 */
</style>
</head>
<body>
<span class='neo158'> </span>
</body>
</html>
<html>
<head>
<title>Example neo159<title>
<style type='style/css'>
/*
Example neo159
By : Indam; http://www.indaam.com
*/
/* 159 */
.neo159{
float: left;
width: 28px;
height: 18px;
border: 2px solid #555;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.neo159::before{
content: '';
position: relative;
top: 20px;
left: 10px;
float: left;
background: #555;
width: 8px;
height: 3px
}
.neo159::after{
content: '';
position: relative;
top: 3px;
left: 5px;
float: left;
background: #555;
width: 19px;
height: 2px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 159 */
</style>
</head>
<body>
<span class='neo159'> </span>
</body>
</html>
<html>
<head>
<title>Example neo160<title>
<style type='style/css'>
/*
Example neo160
By : Indam; http://www.indaam.com
*/
/* 160 */
.neo160{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo160::before{
position: relative;
width: 8px;
height: 2px;
content: '';
left: 18px;
top: -2px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.neo160::after{
position: relative;
width: 10px;
height: 10px;
content: '';
left: -3px;
top: 4px;
float: left;
border: 2px solid #fff;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
/* End 160 */
</style>
</head>
<body>
<span class='neo160'> </span>
</body>
</html>
<html>
<head>
<title>Example neo161<title>
<style type='style/css'>
/*
Example neo161
By : Indam; http://www.indaam.com
*/
/* 161 */
.neo161{
float: left;
width: 28px;
height: 18px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo161::before{
content: '';
position: relative;
top: -4px;
left: 3px;
float: left;
background: #555;
width: 24px;
height: 2px;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
transform: rotate(25deg);
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg)
}
.neo161::after{
content: '';
position: relative;
top: -18px;
left: 28px;
float: left;
background: #555;
width: 2px;
height: 6px;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0
}
/* End 161 */
</style>
</head>
<body>
<span class='neo161'> </span>
</body>
</html>
<html>
<head>
<title>Example neo162<title>
<style type='style/css'>
/*
Example neo162
By : Indam; http://www.indaam.com
*/
/* 162 */
.neo162{
float: left;
height: 8px;
width: 24px;
border: 4px solid #555;
border-left-width: 0;
border-right-width: 0
}
.neo162::before{
content: '';
position: relative;
top: -10px;
left: 18px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom-color: #555;
border-left-color: #555
}
.neo162::after{
content: '';
position: relative;
top: 8px;
left: -14px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #555;
border-right-color: #555
}
/* End 162 */
</style>
</head>
<body>
<span class='neo162'> </span>
</body>
</html>
<html>
<head>
<title>Example neo163<title>
<style type='style/css'>
/*
Example neo163
By : Indam; http://www.indaam.com
*/
/* 163 */
.neo163{
float: left;
height: 8px;
width: 24px;
border: 4px solid #555;
border-left-width: 0;
border-right-width: 0
}
.neo163::before{
content: '';
position: relative;
top: -7px;
left: 20px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #555;
border-left-width: 7px;
border-right-width: 0
}
.neo163::after{
content: '';
position: relative;
top: 5px;
left: -9px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-right-color: #555;
border-right-width: 7px;
border-left-width: 0
}
/* End 163 */
</style>
</head>
<body>
<span class='neo163'> </span>
</body>
</html>
<html>
<head>
<title>Example neo164<title>
<style type='style/css'>
/*
Example neo164
By : Indam; http://www.indaam.com
*/
/* 164 */
.neo164{
float: left;
width: 12px;
height: 12px;
border: 2px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo164::before{
content: '';
position: relative;
top: 10px;
left: 12px;
float: left;
width: 5px;
height: 9px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 164 */
</style>
</head>
<body>
<span class='neo164'> </span>
</body>
</html>
<html>
<head>
<title>Example neo165<title>
<style type='style/css'>
/*
Example neo165
By : Indam; http://www.indaam.com
*/
/* 165 */
.neo165{
float: left;
width: 12px;
height: 12px;
border: 2px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo165::before{
content: '';
position: relative;
top: 10px;
left: -4px;
float: left;
width: 5px;
height: 9px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
/* End 165 */
</style>
</head>
<body>
<span class='neo165'> </span>
</body>
</html>
<html>
<head>
<title>Example neo166<title>
<style type='style/css'>
/*
Example neo166
By : Indam; http://www.indaam.com
*/
/* 166 */
.neo166{
float: left;
width: 14px;
height: 14px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo166::before{
content: '';
position: relative;
top: 10px;
left: 12px;
float: left;
width: 5px;
height: 9px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 166 */
</style>
</head>
<body>
<span class='neo166'> </span>
</body>
</html>
<html>
<head>
<title>Example neo167<title>
<style type='style/css'>
/*
Example neo167
By : Indam; http://www.indaam.com
*/
/* 167 */
.neo167{
float: left;
width: 14px;
height: 14px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo167::before{
content: '';
position: relative;
top: 11px;
left: -2px;
float: left;
width: 5px;
height: 8px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 167 */
</style>
</head>
<body>
<span class='neo167'> </span>
</body>
</html>
<html>
<head>
<title>Example neo168<title>
<style type='style/css'>
/*
Example neo168
By : Indam; http://www.indaam.com
*/
/* 168 */
.neo168{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo168::before{
content: '';
position: relative;
top: 3px;
left: 3px;
float: left;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo168::after{
content: '';
position: relative;
top: 14px;
left: 0;
float: left;
width: 5px;
height: 9px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 168 */
</style>
</head>
<body>
<span class='neo168'> </span>
</body>
</html>
<html>
<head>
<title>Example neo169<title>
<style type='style/css'>
/*
Example neo169
By : Indam; http://www.indaam.com
*/
/* 169 */
.neo169{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo169::before{
content: '';
position: relative;
top: 3px;
left: 7px;
float: left;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo169::after{
content: '';
position: relative;
top: 15px;
left: -10px;
float: left;
width: 5px;
height: 9px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
/* End 169 */
</style>
</head>
<body>
<span class='neo169'> </span>
</body>
</html>
<html>
<head>
<title>Example neo170<title>
<style type='style/css'>
/*
Example neo170
By : Indam; http://www.indaam.com
*/
/* 170 */
.neo170{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo170::before{
content: '';
position: relative;
top: 3px;
left: 3px;
float: left;
width: 14px;
height: 14px;
background: #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo170::after{
content: '';
position: relative;
top: 12px;
left: 1px;
float: left;
width: 5px;
height: 9px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
/* End 170 */
</style>
</head>
<body>
<span class='neo170'> </span>
</body>
</html>
<html>
<head>
<title>Example neo171<title>
<style type='style/css'>
/*
Example neo171
By : Indam; http://www.indaam.com
*/
/* 171 */
.neo171{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo171::before{
content: '';
position: relative;
top: 3px;
left: 9px;
float: left;
width: 14px;
height: 14px;
background: #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo171::after{
content: '';
position: relative;
top: 13px;
left: -7px;
float: left;
width: 5px;
height: 8px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 171 */
</style>
</head>
<body>
<span class='neo171'> </span>
</body>
</html>
<html>
<head>
<title>Example neo172<title>
<style type='style/css'>
/*
Example neo172
By : Indam; http://www.indaam.com
*/
/* 172 */
.neo172{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
border-right-width: 12px;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg)
}
.neo172::before{
position: relative;
content: '';
left: -12px;
top: -6px;
width: 0;
height: 0;
/* float: left;*/
display: block;
border: 16px solid transparent;
border-top-color: #555;
border-top-width: 12px;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg)
}
.neo172::after{
position: relative;
content: '';
left: -1px;
top: -58px;
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555;
border-left-width: 11px;
transform: rotate(40deg);
-moz-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg)
}
/* End 172 */
</style>
</head>
<body>
<span class='neo172'> </span>
</body>
</html>
<html>
<head>
<title>Example neo173<title>
<style type='style/css'>
/*
Example neo173
By : Indam; http://www.indaam.com
*/
/* 173 */
.neo173{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo173::before{
position: relative;
content: '';
left: -4px;
top: 3px;
width: 26px;
height: 26px;
float: left;
background: #fff;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
/* End 173 */
</style>
</head>
<body>
<span class='neo173'> </span>
</body>
</html>
<html>
<head>
<title>Example neo174<title>
<style type='style/css'>
/*
Example neo174
By : Indam; http://www.indaam.com
*/
/* 174 */
.neo174{
width: 28px;
height: 16px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.neo174::before{
position: relative;
content: '';
left: -6px;
top: -38px;
width: 0;
height: 0;
float: left;
border: 20px solid transparent;
border-bottom-width: 18px;
border-bottom-color: #555
}
.neo174::after{
position: relative;
content: '';
left: 6px;
top: -32px;
width: 8px;
height: 10px;
float: left;
background: #fff;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 174 */
</style>
</head>
<body>
<span class='neo174'> </span>
</body>
</html>
<html>
<head>
<title>Example neo175<title>
<style type='style/css'>
/*
Example neo175
By : Indam; http://www.indaam.com
*/
/* 175 */
.neo175{
width: 20px;
height: 12px;
float: left;
border: 4px solid #555;
border-top-width: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.neo175::before{
position: relative;
content: '';
left: -10px;
top: -38px;
width: 0;
height: 0;
float: left;
border: 20px solid transparent;
border-bottom-width: 18px;
border-bottom-color: #555
}
.neo175::after{
position: relative;
content: '';
left: -4px;
top: -54px;
width: 8px;
height: 10px;
float: left;
background: #555
}
/* End 175 */
</style>
</head>
<body>
<span class='neo175'> </span>
</body>
</html>
<html>
<head>
<title>Example neo176<title>
<style type='style/css'>
/*
Example neo176
By : Indam; http://www.indaam.com
*/
/* 176 */
.neo176{
width: 20px;
height: 12px;
float: left;
border: 4px solid #555;
border-top-width: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.neo176::before{
position: relative;
content: '';
left: -4px;
top: -13px;
width: 16px;
height: 16px;
float: left;
border: 6px solid transparent;
border-top-color: #555;
border-left-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo176::after{
position: relative;
content: '';
left: 4px;
top: -26px;
width: 8px;
height: 10px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 176 */
</style>
</head>
<body>
<span class='neo176'> </span>
</body>
</html>
<html>
<head>
<title>Example neo177<title>
<style type='style/css'>
/*
Example neo177
By : Indam; http://www.indaam.com
*/
/* 177 */
.neo177{
width: 0;
height: 0;
float: left;
border: 18px solid transparent;
border-bottom-color: #555
}
.neo177::before{
position: relative;
content: '';
left: -13px;
top: -10px;
width: 26px;
height: 24px;
/* float: left; */
display: block;
background: #555;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
-ms-border-radius: 22px 22px 0 0
}
.neo177::after{
position: relative;
content: '';
left: -8px;
top: -35px;
width: 16px;
height: 16px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 177 */
</style>
</head>
<body>
<span class='neo177'> </span>
</body>
</html>
<html>
<head>
<title>Example neo178<title>
<style type='style/css'>
/*
Example neo178
By : Indam; http://www.indaam.com
*/
/* 178 */
.neo178{
width: 32px;
height: 24px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo178::before{
position: relative;
content: '';
left: 4px;
top: -6px;
width: 4px;
height: 8px;
float: left;
background: #555;
border: 2px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.neo178::after{
position: relative;
content: '';
left: 10px;
top: -6px;
width: 4px;
height: 8px;
float: left;
background: #555;
border: 2px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
/* End 178 */
</style>
</head>
<body>
<span class='neo178'> </span>
</body>
</html>
<html>
<head>
<title>Example neo179<title>
<style type='style/css'>
/*
Example neo179
By : Indam; http://www.indaam.com
*/
/* 179 */
.neo179{
width: 16px;
height: 12px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo179::before{
position: relative;
content: '';
left: 3px;
top: -5px;
width: 16px;
height: 12px;
float: left;
background: #555;
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo179::after{
position: relative;
content: '';
left: 7px;
top: -43px;
width: 16px;
height: 12px;
float: left;
background: #555;
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 179 */
</style>
</head>
<body>
<span class='neo179'> </span>
</body>
</html>
<html>
<head>
<title>Example neo180<title>
<style type='style/css'>
/*
Example neo180
By : Indam; http://www.indaam.com
*/
/* 180 */
.neo180{
width: 28px;
height: 6px;
float: left;
border: 2px solid #555;
border-top-width: 0;
border-radius: 0 0 1px 1px;
-moz-border-radius: 0 0 1px 1px;
-webkit-border-radius: 0 0 1px 1px;
-ms-border-radius: 0 0 1px 1px
}
.neo180::before{
position: relative;
content: '';
left: 4px;
top: -6px;
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-top-color: #555;
border-top-width: 8px
}
.neo180::after{
position: relative;
content: '';
left: 8px;
top: -38px;
width: 4px;
width: 12px;
height: 12px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 180 */
</style>
</head>
<body>
<span class='neo180'> </span>
</body>
</html>
<html>
<head>
<title>Example neo181<title>
<style type='style/css'>
/*
Example neo181
By : Indam; http://www.indaam.com
*/
/* 181 */
.neo181{
width: 28px;
height: 6px;
float: left;
border: 2px solid #555;
border-top-width: 0;
border-radius: 0 0 1px 1px;
-moz-border-radius: 0 0 1px 1px;
-webkit-border-radius: 0 0 1px 1px;
-ms-border-radius: 0 0 1px 1px
}
.neo181::before{
position: relative;
content: '';
left: 4px;
top: -26px;
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-bottom-color: #555;
border-bottom-width: 8px
}
.neo181::after{
position: relative;
content: '';
left: 8px;
top: -30px;
width: 4px;
width: 12px;
height: 12px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-mos-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
/* End 181 */
</style>
</head>
<body>
<span class='neo181'> </span>
</body>
</html>
<html>
<head>
<title>Example neo182<title>
<style type='style/css'>
/*
Example neo182
By : Indam; http://www.indaam.com
*/
/* 182 */
.neo182{
width: 28px;
height: 28px;
float: left;
border: 4px solid #555;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-ms-border-radius: 24px
}
.neo182::before{
position: relative;
content: '';
left: 3px;
top: 3px;
width: 14px;
height: 14px;
float: left;
border: 4px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo182::after{
position: relative;
content: '';
left: 10px;
top: -12px;
width: 4px;
height: 24px;
float: left;
background: #555;
border: 2px solid #fff
}
/* End 182 */
</style>
</head>
<body>
<span class='neo182'> </span>
</body>
</html>
<html>
<head>
<title>Example neo183<title>
<style type='style/css'>
/*
Example neo183
By : Indam; http://www.indaam.com
*/
/* 183 */
.neo183{
width: 28px;
height: 28px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-ms-border-radius: 24px
}
.neo183::before{
position: relative;
content: '';
left: 3px;
top: 3px;
width: 14px;
height: 14px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo183::after{
position: relative;
content: '';
left: -10px;
top: -12px;
width: 4px;
height: 24px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 183 */
</style>
</head>
<body>
<span class='neo183'> </span>
</body>
</html>
<html>
<head>
<title>Example neo184<title>
<style type='style/css'>
/*
Example neo184
By : Indam; http://www.indaam.com
*/
/* 184 */
.neo184{
width: 28px;
height: 28px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-ms-border-radius: 24px
}
.neo184::before{
position: relative;
content: '';
left: 3px;
top: 3px;
width: 14px;
height: 14px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.neo184::after{
position: relative;
content: '';
left: -11px;
top: -9px;
width: 6px;
height: 6px;
float: left;
background: #555;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
/* End 184 */
</style>
</head>
<body>
<span class='neo184'> </span>
</body>
</html>
<html>
<head>
<title>Example neo185<title>
<style type='style/css'>
/*
Example neo185
By : Indam; http://www.indaam.com
*/
/* 185 */
.neo185{
float: left;
width: 18px;
height: 32px;
overflow: hidden
}
.neo185::before{
position: relative;
content: '';
top: 4px;
left: -23px;
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
border-right-width: 12px;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg)
}
.neo185::after{
position: relative;
content: '';
left: -15px;
top: -40px;
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
border-top-width: 12px
}
/* End 185 */
</style>
</head>
<body>
<span class='neo185'> </span>
</body>
</html>
<html>
<head>
<title>Example neo186<title>
<style type='style/css'>
/*
Example neo186
By : Indam; http://www.indaam.com
*/
/* 186 */
.neo186{
float: left;
width: 26px;
height: 20px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo186::before{
position: relative;
content: '';
top: 20px;
left: 2px;
float: left;
width: 10px;
height: 8px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.neo186::after{
position: relative;
content: '';
top: 28px;
left: -9px;
float: left;
width: 5px;
height: 4px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
/* End 186 */
</style>
</head>
<body>
<span class='neo186'> </span>
</body>
</html>
<html>
<head>
<title>Example neo187<title>
<style type='style/css'>
/*
Example neo187
By : Indam; http://www.indaam.com
*/
/* 187 */
.neo187{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-top-color: #555;
border-width: 6px;
border-top-width: 24px;
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg)
}
.neo187::before{
position: relative;
content: '';
left: -8px;
top: -22px;
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-bottom-color: #555
}
/* End 187 */
</style>
</head>
<body>
<span class='neo187'> </span>
</body>
</html>
<html>
<head>
<title>Example neo188<title>
<style type='style/css'>
/*
Example neo188
By : Indam; http://www.indaam.com
*/
/* 188 */
.neo188{
width: 28px;
height: 28px;
float: left;
border: 2px solid transparent;
border-top-color: #555;
border-left-color: #555;
border-radius: 16px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo188::before{
content: '';
left: 25px;
top: ;
position: relative;
width: 8px;
height: 12px;
float: left;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
border-radius: 2px 4px 4px 2px;
-moz-border-radius: 2px 4px 4px 2px;
-webkit-border-radius: 2px 4px 4px 2px;
-ms-border-radius: 2px 4px 4px 2px
}
.neo188::after{
content: '';
left: -6px;
top: 22px;
position: relative;
width: 8px;
height: 12px;
float: left;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
border-radius: 4px 2px 2px 4px;
-moz-border-radius: 4px 2px 2px 4px;
-webkit-border-radius: 4px 2px 2px 4px;
-ms-border-radius: 4px 2px 2px 4px
}
/* End 188 */
</style>
</head>
<body>
<span class='neo188'> </span>
</body>
</html>
<html>
<head>
<title>Example neo189<title>
<style type='style/css'>
/*
Example neo189
By : Indam; http://www.indaam.com
*/
/* 189 */
.neo189{
width: 8px;
height: 8px;
float: left;
border: 14px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
background: #555;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-ms-border-radius: 26px
}
/* End 189 */
</style>
</head>
<body>
<span class='neo189'> </span>
</body>
</html>
<html>
<head>
<title>Example neo190<title>
<style type='style/css'>
/*
Example neo190
By : Indam; http://www.indaam.com
*/
/* 190 */
.neo190{
width: 8px;
height: 8px;
float: left;
border: 14px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
background: #555;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-ms-border-radius: 26px
}
.neo190::before{
position: relative;
content: '';
left: -3px;
top: -11px;
height: 14px;
width: 14px;
float: left;
border: 4px solid transparent;
border-top-color: #555;
border-right-color: #555;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-ms-border-radius: 26px
}
/* End 190 */
</style>
</head>
<body>
<span class='neo190'> </span>
</body>
</html>
<html>
<head>
<title>Example neo191<title>
<style type='style/css'>
/*
Example neo191
By : Indam; http://www.indaam.com
*/
/* 191 */
.neo191{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo191::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 5.5px;
top: -6px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 191 */
</style>
</head>
<body>
<span class='neo191'> </span>
</body>
</html>
<html>
<head>
<title>Example neo192<title>
<style type='style/css'>
/*
Example neo192
By : Indam; http://www.indaam.com
*/
/* 192 */
.neo192{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo192::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 5.5px;
top: -6px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
/* End 192 */
</style>
</head>
<body>
<span class='neo192'> </span>
</body>
</html>
<html>
<head>
<title>Example neo193<title>
<style type='style/css'>
/*
Example neo193
By : Indam; http://www.indaam.com
*/
/* 193 */
.neo193{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo193::before{
position: relative;
left: 5.5px;
top: -6px;
width: 16px;
height: 4px;
content: '';
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
.neo193::after{
content: '';
position: relative;
left: 7px;
top: -16px;
width: 10px;
height: 14px;
float: left;
border: 4px solid #fff;
border-top-width: 0;
border-bottom-width: 0
}
/* End 193 */
</style>
</head>
<body>
<span class='neo193'> </span>
</body>
</html>
<html>
<head>
<title>Example neo194<title>
<style type='style/css'>
/*
Example neo194
By : Indam; http://www.indaam.com
*/
/* 194 */
.neo194{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo194::before{
position: relative;
left: 5.5px;
top: -6px;
width: 16px;
height: 4px;
content: '';
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
.neo194::after{
content: '';
position: relative;
left: 3px;
top: -20px;
width: 22px;
height: 22px;
float: left;
border: 2px solid #fff;
border-top-width: 0;
border-bottom-width: 0
}
/* End 194 */
</style>
</head>
<body>
<span class='neo194'> </span>
</body>
</html>
<html>
<head>
<title>Example neo195<title>
<style type='style/css'>
/*
Example neo195
By : Indam; http://www.indaam.com
*/
/* 195 */
.neo195{
width: 28px;
height: 18px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo195::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 3.5px;
top: -8px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
/* End 195 */
</style>
</head>
<body>
<span class='neo195'> </span>
</body>
</html>
<html>
<head>
<title>Example neo196<title>
<style type='style/css'>
/*
Example neo196
By : Indam; http://www.indaam.com
*/
/* 196 */
.neo196{
width: 28px;
height: 18px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo196::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 3.5px;
top: -8px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
.neo196::after{
content: '';
position: relative;
left: 5px;
top: -18px;
width: 10px;
height: 14px;
float: left;
border: 4px solid #555;
border-top-width: 0;
border-bottom-width: 0
}
/* End 196 */
</style>
</head>
<body>
<span class='neo196'> </span>
</body>
</html>
<html>
<head>
<title>Example neo197<title>
<style type='style/css'>
/*
Example neo197
By : Indam; http://www.indaam.com
*/
/* 197 */
.neo197{
float: left;
width: 8px;
height: 14px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.neo197::before{
content: '';
position: relative;
top: -6px;
left: 11px;
float: left;
width: 8px;
height: 20px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.neo197::after{
content: '';
position: relative;
top: -52px;
left: 22px;
float: left;
width: 8px;
height: 26px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 197 */
</style>
</head>
<body>
<span class='neo197'> </span>
</body>
</html>
<html>
<head>
<title>Example neo198<title>
<style type='style/css'>
/*
Example neo198
By : Indam; http://www.indaam.com
*/
/* 198 */
.neo198{
float: left;
width: 8px;
height: 10px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo198::before{
content: '';
position: relative;
top: -6px;
left: 11px;
float: left;
width: 12px;
height: 16px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo198::after{
content: '';
position: relative;
top: -36px;
left: 26px;
float: left;
width: 8px;
height: 10px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 198 */
</style>
</head>
<body>
<span class='neo198'> </span>
</body>
</html>
<html>
<head>
<title>Example neo199<title>
<style type='style/css'>
/*
Example neo199
By : Indam; http://www.indaam.com
*/
/* 199 */
.neo199{
float: left;
width: 8px;
height: 14px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.neo199::before{
content: '';
position: relative;
top: -14px;
left: 11px;
float: left;
width: 8px;
height: 28px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.neo199::after{
content: '';
position: relative;
top: -56px;
left: 22px;
float: left;
width: 8px;
height: 22px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 199 */
</style>
</head>
<body>
<span class='neo199'> </span>
</body>
</html>
<html>
<head>
<title>Example neo200<title>
<style type='style/css'>
/*
Example neo200
By : Indam; http://www.indaam.com
*/
/* 200 */
.neo200{
overflow: hidden;
float: left;
width: 28px;
height: 22px;
border: 2px solid #555
}
.neo200::before{
content: '';
position: relative;
top: 11px;
left: -6px;
float: left;
width: 18px;
height: 18px;
border: 2px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo200::after{
content: '';
position: relative;
top: -13px;
left: 6px;
float: left;
width: 22px;
height: 22px;
background: #fff;
border: 2px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
/* End 200 */
</style>
</head>
<body>
<span class='neo200'> </span>
</body>
</html>
<html>
<head>
<title>Example neo201<title>
<style type='style/css'>
/*
Example neo201
By : Indam; http://www.indaam.com
*/
/* 201 */
.neo201{
float: left;
width: 12px;
height: 12px;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
border-bottom-width: 0;
border-right-width: 0;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.neo201::before{
position: relative;
top: -10px;
left: 2px;
content: '';
float: left;
width: 16px;
height: 4px;
background: #555;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg)
}
.neo201::after{
position: relative;
top: -50px;
left: 4.4px;
content: '';
float: left;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #555
}
/* End 201 */
</style>
</head>
<body>
<span class='neo201'> </span>
</body>
</html>
<html>
<head>
<title>Example neo202<title>
<style type='style/css'>
/*
Example neo202
By : Indam; http://www.indaam.com
*/
/* 202 */
.neo202{
float: left;
width: 8px;
height: 8px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo202::before{
content: '';
position: relative;
top: -6px;
left: 12px;
float: left;
width: 8px;
height: 8px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo202::after{
content: '';
position: relative;
top: -20px;
left: 22px;
float: left;
width: 8px;
height: 8px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
/* End 202 */
</style>
</head>
<body>
<span class='neo202'> </span>
</body>
</html>
<html>
<head>
<title>Example neo203<title>
<style type='style/css'>
/*
Example neo203
By : Indam; http://www.indaam.com
*/
/* 203 */
.neo203{
float: left;
width: 4px;
height: 12px;
border: 0 solid #555;
border-left-width: 12px;
border-right-width: 12px
}
.neo203::before{
content: '';
position: relative;
top: 16px;
left: -12px;
float: left;
width: 4px;
height: 12px;
border: 0 solid #555;
border-left-width: 12px;
border-right-width: 12px
}
/* End 203 */
</style>
</head>
<body>
<span class='neo203'> </span>
</body>
</html>
<html>
<head>
<title>Example neo204<title>
<style type='style/css'>
/*
Example neo204
By : Indam; http://www.indaam.com
*/
/* 204 */
.neo204{
float: left;
width: 18px;
height: 22px;
border: 2px solid #555;
border-left-width: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo204::before{
content: '';
position: relative;
top: 3px;
left: -4px;
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555
}
/* End 204 */
</style>
</head>
<body>
<span class='neo204'> </span>
</body>
</html>
<html>
<head>
<title>Example neo205<title>
<style type='style/css'>
/*
Example neo205
By : Indam; http://www.indaam.com
*/
/* 205 */
.neo205{
float: left;
width: 18px;
height: 22px;
border: 2px solid #555;
border-right-width: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo205::before{
content: '';
position: relative;
top: 3px;
left: 5px;
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555
}
/* End 205 */
</style>
</head>
<body>
<span class='neo205'> </span>
</body>
</html>
<html>
<head>
<title>Example neo206<title>
<style type='style/css'>
/*
Example neo206
By : Indam; http://www.indaam.com
*/
/* 206 */
.neo206{
width: 28px;
height: 14px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo206::before{
position: relative;
width: 24px;
height: 10px;
content: '';
left: 2px;
top: 2px;
float: left;
background: #555
}
.neo206::after{
position: relative;
width: 2px;
height: 8px;
content: '';
left: 30px;
top: -17px;
float: left;
background: #555;
border-radius: 0 1px 1px 0;
-moz-border-radius: 0 1px 1px 0;
-webkit-border-radius: 0 1px 1px 0;
-ms-border-radius: 0 1px 1px 0
}
/* End 206 */
</style>
</head>
<body>
<span class='neo206'> </span>
</body>
</html>
<html>
<head>
<title>Example neo207<title>
<style type='style/css'>
/*
Example neo207
By : Indam; http://www.indaam.com
*/
/* 207 */
.neo207{
width: 28px;
height: 14px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo207::before{
position: relative;
width: 16px;
height: 10px;
content: '';
left: 2px;
top: 2px;
float: left;
background: #555
}
.neo207::after{
position: relative;
width: 2px;
height: 8px;
content: '';
left: 14px;
top: 3px;
float: left;
background: #555;
border-radius: 0 1px 1px 0;
-moz-border-radius: 0 1px 1px 0;
-webkit-border-radius: 0 1px 1px 0;
-ms-border-radius: 0 1px 1px 0
}
/* End 207 */
</style>
</head>
<body>
<span class='neo207'> </span>
</body>
</html>
<html>
<head>
<title>Example neo208<title>
<style type='style/css'>
/*
Example neo208
By : Indam; http://www.indaam.com
*/
/* 208 */
.neo208{
width: 32px;
height: 18px;
float: left;
background: #555;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px
}
.neo208::before{
position: relative;
content: '';
left: 6px;
top: -6px;
width: 18px;
height: 18px;
float: left;
background: #555;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
/* End 208 */
</style>
</head>
<body>
<span class='neo208'> </span>
</body>
</html>
<html>
<head>
<title>Example neo209<title>
<style type='style/css'>
/*
Example neo209
By : Indam; http://www.indaam.com
*/
/* 209 */
.neo209{
width: 32px;
height: 18px;
float: left;
background: #555;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px
}
.neo209::before{
position: relative;
content: '';
left: 6px;
top: -6px;
width: 18px;
height: 18px;
float: left;
background: #555;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
.neo209::after{
position: relative;
content: '';
left: 12px;
top: -11px;
width: 12px;
height: 12px;
float: left;
background: #555;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
/* End 209 */
</style>
</head>
<body>
<span class='neo209'> </span>
</body>
</html>
<html>
<head>
<title>Example neo210<title>
<style type='style/css'>
/*
Example neo210
By : Indam; http://www.indaam.com
*/
/* 210 */
.neo210{
float: left;
width: 26px;
height: 32px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo210::before{
content: '';
position: relative;
top: -1px;
left: 14px;
float: left;
width: 0;
height: 0;
border: 6px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
outline: 2px solid #fff;
outline-radius: 2px;
-moz-outline-radius: 2px;
-webkit-outline-radius: 2px;
-ms-outline-radius: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 210 */
</style>
</head>
<body>
<span class='neo210'> </span>
</body>
</html>
<html>
<head>
<title>Example neo211<title>
<style type='style/css'>
/*
Example neo211
By : Indam; http://www.indaam.com
*/
/* 211 */
.neo211{
float: left;
width: 26px;
height: 32px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo211::before{
content: '';
position: relative;
top: -1px;
left: 14px;
float: left;
width: 0;
height: 0;
border: 6px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
outline: 2px solid #fff;
outline-radius: 2px;
-moz-outline-radius: 2px;
-webkit-outline-radius: 2px;
-ms-outline-radius: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo211::after{
content: '';
position: relative;
top: 0;
left: -8px;
float: left;
width: 2px;
height: 32px;
background: #fff
}
/* End 211 */
</style>
</head>
<body>
<span class='neo211'> </span>
</body>
</html>
<html>
<head>
<title>Example neo212<title>
<style type='style/css'>
/*
Example neo212
By : Indam; http://www.indaam.com
*/
/* 212 */
.neo212{
float: left;
width: 26px;
height: 32px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo212::before{
content: '';
position: relative;
top: -2px;
left: 8px;
float: left;
width: 8px;
height: 2px;
border: 2px solid #fff;
border-bottom-width: 1px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 212 */
</style>
</head>
<body>
<span class='neo212'> </span>
</body>
</html>
<html>
<head>
<title>Example neo213<title>
<style type='style/css'>
/*
Example neo213
By : Indam; http://www.indaam.com
*/
/* 213 */
.neo213{
float: left;
width: 17px;
height: 4px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.neo213::before{
content: '';
position: relative;
top: -5px;
left: -6px;
float: left;
width: 10px;
height: 6px;
border: 4px solid #555;
border-right-color: transparent;
border-right-width: 0;
border-radius: 4px 2px 2px 4px;
-moz-border-radius: 4px 2px 2px 4px;
-webkit-border-radius: 4px 2px 2px 4px;
-ms-border-radius: 4px 2px 2px 4px
}
.neo213::after{
content: '';
position: relative;
top: -39px;
left: 9px;
float: left;
width: 10px;
height: 6px;
border: 4px solid #555;
border-left-color: transparent;
border-left-width: 0;
border-radius: 2px 4px 4px 2px;
-moz-border-radius: 2px 4px 4px 2px;
-webkit-border-radius: 2px 4px 4px 2px;
-ms-border-radius: 2px 4px 4px 2px
}
/* End 213 */
</style>
</head>
<body>
<span class='neo213'> </span>
</body>
</html>
<html>
<head>
<title>Example neo214<title>
<style type='style/css'>
/*
Example neo214
By : Indam; http://www.indaam.com
*/
/* 214 */
.neo214{
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.neo214::before{
position: relative;
content: '';
top: -7px;
left: -2px;
float: left;
width: 10px;
height: 14px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
/* End 214 */
</style>
</head>
<body>
<span class='neo214'> </span>
</body>
</html>
<html>
<head>
<title>Example neo215<title>
<style type='style/css'>
/*
Example neo215
By : Indam; http://www.indaam.com
*/
/* 215 */
.neo215{
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.neo215::before{
position: relative;
content: '';
top: -7px;
left: -2px;
/* float: left; */
display: block;
width: 10px;
height: 14px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.neo215::after{
position: relative;
float: left;
top: -45px;
left: 0;
content: '';
width: 14px;
height: 14px;
border: 4px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
/* End 215 */
</style>
</head>
<body>
<span class='neo215'> </span>
</body>
</html>
<html>
<head>
<title>Example neo216<title>
<style type='style/css'>
/*
Example neo216
By : Indam; http://www.indaam.com
*/
/* 216 */
.neo216{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
/* End 216 */
</style>
</head>
<body>
<span class='neo216'> </span>
</body>
</html>
<html>
<head>
<title>Example neo217<title>
<style type='style/css'>
/*
Example neo217
By : Indam; http://www.indaam.com
*/
/* 217 */
.neo217{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.neo217::before{
position: relative;
float: left;
top: -4px;
left: 3px;
content: '';
width: 14px;
height: 14px;
border: 3px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
/* End 217 */
</style>
</head>
<body>
<span class='neo217'> </span>
</body>
</html>
<html>
<head>
<title>Example neo218<title>
<style type='style/css'>
/*
Example neo218
By : Indam; http://www.indaam.com
*/
/* 218 */
.neo218{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.neo218::before{
position: relative;
float: left;
top: -4px;
left: 3px;
content: '';
width: 14px;
height: 14px;
border: 3px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
.neo218::after{
position: relative;
float: left;
top: -47px;
left: 5px;
content: '';
width: 18px;
height: 18px;
border: 4px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
/* End 218 */
</style>
</head>
<body>
<span class='neo218'> </span>
</body>
</html>
<html>
<head>
<title>Example neo219<title>
<style type='style/css'>
/*
Example neo219
By : Indam; http://www.indaam.com
*/
/* 219 */
.neo219{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.neo219::before{
position: relative;
float: left;
top: 3px;
left: 18px;
content: '';
background: #555;
width: 12px;
height: 4px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 219 */
</style>
</head>
<body>
<span class='neo219'> </span>
</body>
</html>
<html>
<head>
<title>Example neo220<title>
<style type='style/css'>
/*
Example neo220
By : Indam; http://www.indaam.com
*/
/* 220 */
.neo220{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.neo220::before{
position: relative;
float: left;
top: 3px;
left: 18px;
content: '';
background: #555;
width: 12px;
height: 4px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.neo220::after{
position: relative;
float: left;
top: -5px;
left: 22px;
content: '';
background: #555;
width: 4px;
height: 12px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 220 */
</style>
</head>
<body>
<span class='neo220'> </span>
</body>
</html>
<html>
<head>
<title>Example neo221<title>
<style type='style/css'>
/*
Example neo221
By : Indam; http://www.indaam.com
*/
/* 221 */
.neo221{
float: left;
width: 22px;
height: 3px;
background: #555
}
.neo221::before{
content: '';
position: relative;
top: -6px;
left: 19px;
float: left;
width: 6px;
height: 8px;
border: 3px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
.neo221::after{
content: '';
position: relative;
top: 2px;
left: -8px;
float: left;
background: #555;
width: 6px;
height: 6px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
/* End 221 */
</style>
</head>
<body>
<span class='neo221'> </span>
</body>
</html>
<html>
<head>
<title>Example neo222<title>
<style type='style/css'>
/*
Example neo222
By : Indam; http://www.indaam.com
*/
/* 222 */
.neo222{
float: left;
width: 22px;
height: 3px;
background: #555
}
.neo222::before{
content: '';
position: relative;
top: -6px;
left: 19px;
float: left;
width: 6px;
height: 8px;
border: 3px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
.neo222::after{
content: '';
position: relative;
top: -18px;
left: 2px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #555
}
/* End 222 */
</style>
</head>
<body>
<span class='neo222'> </span>
</body>
</html>
<html>
<head>
<title>Example neo223<title>
<style type='style/css'>
/*
Example neo223
By : Indam; http://www.indaam.com
*/
/* 223 */
.neo223{
float: left;
width: 22px;
height: 3px;
background: #555
}
.neo223::before{
content: '';
position: relative;
top: -6px;
left: 19px;
float: left;
width: 6px;
height: 8px;
border: 3px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
.neo223::after{
content: '';
position: relative;
top: -17px;
left: 3px;
float: left;
width: 3px;
height: 4px;
border-right: 3px solid #555;
border-left: 3px solid #555
}
/* End 223 */
</style>
</head>
<body>
<span class='neo223'> </span>
</body>
</html>
<html>
<head>
<title>Example neo224<title>
<style type='style/css'>
/*
Example neo224
By : Indam; http://www.indaam.com
*/
/* 224 */
.neo224{
float: left;
width: 12px;
border: 18px solid transparent;
border-top-color: #555;
border-left-width: 2px;
border-right-width: 2px
}
.neo224::before{
content: '';
position: relative;
top: -20px;
left: -4px;
float: left;
background: #555;
width: 20px;
height: 6px;
border-radius: 2px 2px 1px 1px;
-moz-border-radius: 2px 2px 1px 1px;
-webkit-border-radius: 2px 2px 1px 1px;
-ms-border-radius: 2px 2px 1px 1px
}
.neo224::after{
content: '';
position: relative;
top: -28px;
left: 3px;
float: left;
background: #555;
width: 6px;
height: 2px;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
/* End 224 */
</style>
</head>
<body>
<span class='neo224'> </span>
</body>
</html>
<html>
<head>
<title>Example neo225<title>
<style type='style/css'>
/*
Example neo225
By : Indam; http://www.indaam.com
*/
/* 225 */
.neo225{
float: left;
width: 12px;
height: 14px;
background: linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -moz-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -webkit-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -o-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -ms-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%)
}
.neo225::before{
content: '';
position: relative;
top: -6px;
left: -4px;
float: left;
width: 16px;
height: 18px;
border: 2px solid #555;
border-top-width: 4px
}
.neo225::after{
content: '';
position: relative;
top: -32px;
left: 2px;
float: left;
width: 8px;
height: 2px;
background: #555
}
/* End 225 */
</style>
</head>
<body>
<span class='neo225'> </span>
</body>
</html>
<html>
<head>
<title>Example neo226<title>
<style type='style/css'>
/*
Example neo226
By : Indam; http://www.indaam.com
*/
/* 226 */
.neo226{
float: left;
width: 16px;
height: 20px;
border: 2px solid #555;
background: -linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -moz-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -webkit-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -o-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -ms-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%)
}
.neo226::before{
content: '';
position: relative;
top: -6px;
left: -4px;
float: left;
width: 20px;
height: 4px;
border: 2px solid #555;
border-bottom-width: 0
}
.neo226::after{
content: '';
position: relative;
top: -14px;
left: 3px;
float: left;
width: 11px;
height: 2px;
background: #555
}
/* End 226 */
</style>
</head>
<body>
<span class='neo226'> </span>
</body>
</html>
test comment