The single element HTML/CSS icon database

Identifiant
Mot de passe

	Se souvenir de moi Mot de passe oublié ? Inscription

2

Register to vote

@-webkit-keyframes gear-rotate {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(180deg); }
}
@-moz-keyframes gear-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}
@keyframes gear-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); }
}

.gear-rotate {
	width: 2em;
	height: 2em;
	background: #2C2C2C;
	position: relative;
	border-radius: 1em;
	-webkit-animation: 1s gear-rotate steps(10) infinite;
	-moz-animation: 1s gear-rotate steps(10) infinite;
	animation: 1s gear-rotate steps(10) infinite;
}
.gear-rotate::before {
	width: 2.8em;
	height: 2.8em;
	background: -webkit-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-webkit-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-webkit-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -moz-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-moz-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-moz-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -o-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-o-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-o-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -ms-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-ms-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-ms-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	position: absolute;
	content:"";
	top: -.4em;
	left: -.4em;
	border-radius:1.4em;
}
.gear-rotate::after {
	width: 1em;
	height: 1em;
	background: #EEEEEE;
	position: absolute;
	content:"";
	top: .5em;
	left: .5em;
	border-radius: .5em;
}

HTML CSS ZIP

1

Register to vote

@-webkit-keyframes two-gears-rotate-top {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(-180deg); }
}
@-moz-keyframes two-gears-rotate-top {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-180deg); }
}
@keyframes two-gears-rotate-top {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-180deg); }
}
@-webkit-keyframes two-gears-rotate-bottom {
  0% { -webkit-transform: rotate(30deg); }
  100% { -webkit-transform: rotate(210deg); }
}
@-moz-keyframes two-gears-rotate-bottom {
  0% { transform: rotate(30deg); }
  100% { transform: rotate(210deg); }
}
@keyframes two-gears-rotate-bottom {
  0% { transform: rotate(30deg); }
  100% { transform: rotate(210deg); }
}

.two-gears-rotate:before, .two-gears-rotate:after {
	width: 2em;
	height: 2em;
	content:"";
	display:block;
	background: -webkit-radial-gradient(center, #EEE 25%, #2C2C2C 25%, #2C2C2C 55%, transparent 55%), -webkit-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-webkit-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-webkit-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -moz-radial-gradient(center, #EEE 25%, #2C2C2C 25%, #2C2C2C 55%, transparent 55%), -moz-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-moz-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-moz-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -o-radial-gradient(center, #EEE 25%, #2C2C2C 25%, #2C2C2C 55%, transparent 55%), -o-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-o-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-o-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: -ms-radial-gradient(center, #EEE 25%, #2C2C2C 25%, #2C2C2C 55%, transparent 55%), -ms-linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),-ms-linear-gradient(60deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),-ms-linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	background: radial-gradient(center, #EEE 25%, #2C2C2C 25%, #2C2C2C 55%, transparent 55%), linear-gradient(0deg,transparent 39%,#2C2C2C 39%,#2C2C2C 61%, transparent 61%),linear-gradient(50deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%),linear-gradient(120deg,transparent 42%,#2C2C2C 42%,#2C2C2C 58%, transparent 58%);
	border-radius: 1em;
	font-size: 0.5em;
	position: absolute;
}
.two-gears-rotate {
	font-size:20px;
	width: 2em;
	height: 2em;
	position: relative;
}
.two-gears-rotate:before {
	-webkit-animation: 1s two-gears-rotate-top steps(20) infinite;
	-moz-animation: 1s two-gears-rotate-top steps(20) infinite;
	animation: 1s two-gears-rotate-top steps(20) infinite;
}
.two-gears-rotate:after {
	top: 1.8em;
	-webkit-animation: 1s two-gears-rotate-bottom steps(20) infinite;
	-moz-animation: 1s two-gears-rotate-bottom steps(20) infinite;
	animation: 1s two-gears-rotate-bottom steps(20) infinite;
}

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

.bounce{
  position : relative;
  width : 1.5em;
  height : 1.5em;
  border-radius : 50%;
  background : radial-gradient(top left, #EEE, #333 60%);
  background : -o-radial-gradient(top left, #EEE, #333 60%);
  background : -ms-radial-gradient(top left, #EEE, #333 60%);
  background : -moz-radial-gradient(top left, #EEE, #333 60%);
  background : -webkit-radial-gradient(top left, #EEE, #333 60%);
  animation : bounce 0.5s cubic-bezier(0.3,0.6,1,0.5) alternate infinite;
  -o-animation : bounce 0.5s cubic-bezier(0.3,0.6,1,0.5) alternate infinite;
  -ms-animation : bounce 0.5s cubic-bezier(0.3,0.6,1,0.5) alternate infinite;
  -moz-animation : bounce 0.5s cubic-bezier(0.3,0.6,1,0.5) alternate infinite;
  -webkit-animation : bounce 0.5s cubic-bezier(0.3,0.6,1,0.5) alternate infinite;
  bottom : 1em;
  box-shadow : 0 1em 1em #DDD;    
}

@keyframes bounce{
  60%{
    bottom : 0.5em;
    height : 1.5em;
    width : 1.5em;
    box-shadow : 0 0.5em 0.6em #CCC;
  }
  to{
    bottom : 0;
    height : 1em;
    width : 1.9em;
    box-shadow : 0 0.6em 0.7em #CCC;
  }
}
@-o-keyframes bounce{
  60%{
    top : 0.5em;
    height : 1.5em;
    width : 1.5em;
    box-shadow : 0 0.5em 0.6em #CCC;
  }
  to{
    top : 1em;
    height : 1em;
    width : 1.9em;
    box-shadow : 0 0.6em 0.7em #CCC;
  }
}
@-ms-keyframes bounce{
  60%{
    top : 0.5em;
    height : 1.5em;
    width : 1.5em;
    box-shadow : 0 0.5em 0.6em #CCC;
  }
  to{
    top : 1em;
    height : 1em;
    width : 1.9em;
    box-shadow : 0 0.6em 0.7em #CCC;
  }
}
@-moz-keyframes bounce{
  60%{
    top : 0.5em;
    height : 1.5em;
    width : 1.5em;
    box-shadow : 0 0.5em 0.6em #CCC;
  }
  to{
    top : 1em;
    height : 1em;
    width : 1.9em;
    box-shadow : 0 0.6em 0.7em #CCC;
  }
}
@-webkit-keyframes bounce{
  60%{
    top : 0.5em;
    height : 1.5em;
    width : 1.5em;
    box-shadow : 0 0.5em 0.6em #CCC;
  }
  to{
    top : 1em;
    height : 1em;
    width : 1.9em;
    box-shadow : 0 0.6em 0.7em #CCC;
  }
}

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

6

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

9

Register to vote

@keyframes "loading" {
 from {
    background-position: 0 0;
 }
 to {
    background-position: 200%;
 }

}

@-moz-keyframes loading {
 from {
   background-position: 0 0;
 }
 to {
   background-position: 200%;
 }

}

@-webkit-keyframes "loading" {
 from {
   background-position: 0 0;
 }
 to {
   background-position: 200%;
 }

}

@-ms-keyframes "loading" {
 from {
   background-position: 0 0;
 }
 to {
   background-position: 200%;
 }

}

@-o-keyframes "loading" {
 from {
   background-position: 0 0;
 }
 to {
   background-position: 200%;
 }

}

.loading {
	position: relative;
	width: 3.5em;
	height: 0.5em;
	margin: 30% auto;
	border: solid 0.13em #2c2c2c;
	border-radius: 0.3em;

background: -webkit-linear-gradient(140deg, transparent 25%, #2c2c2c 50%, transparent 75%) 0 0 repeat-x;
	background: -moz-linear-gradient(140deg, transparent 25%, #2c2c2c 50%, transparent 75%) 0 0 repeat-x;
	background: -o-linear-gradient(140deg, transparent 25%, #2c2c2c 50%, transparent 75%) 0 0 repeat-x;
	background: -ms-linear-gradient(140deg, transparent 25%, #2c2c2c 50%, transparent 75%) 0 0 repeat-x;
	background: linear-gradient(140deg, transparent 25%, #2c2c2c 50%, transparent 75%) 0 0 repeat-x;

-webkit-background-size: 0.8em 0.6em;
	-moz-background-size: 0.8em 0.6em;
	background-size: 0.8em 0.6em;

-webkit-animation: loading 5s linear infinite;
	-moz-animation: loading 5s linear infinite;
	-ms-animation: loading 5s linear infinite;
	-o-animation: loading 5s linear infinite;
	animation: loading 5s linear infinite;
}

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

6

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

9

Register to vote

@keyframes "anim" {
 0% {
    filter: alpha(opacity=0);
   	opacity: 0;
   	-webkit-box-shadow: none;
   	box-shadow: none;
 }
 25% {
    filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
   	box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
 }
 50% {
    filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
   	box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
 }
 75% {
    filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
   	box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
 }
 100% {
    filter: alpha(opacity=100);
   	opacity: 1;
   	-webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
   	box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
 }

}

@-moz-keyframes anim {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   box-shadow: none;
 }
 25% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
 }
 75% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
 }

}

@-webkit-keyframes "anim" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 25% {
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
 }
 75% {
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
 }

}

@-ms-keyframes "anim" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   box-shadow: none;
 }
 25% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
 }
 75% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
 }

}

@-o-keyframes "anim" {
 0% {
   filter: alpha(opacity=0);
   opacity: 0;
   box-shadow: none;
 }
 25% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c;
 }
 50% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c;
 }
 75% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c;
 }
 100% {
   filter: alpha(opacity=100);
   opacity: 1;
   box-shadow: 0 0 0 0.2em #EDEEE8, 0 0 0 0.4em #2c2c2c, 0 0 0 0.6em #EDEEE8, 0 0 0 0.8em #2c2c2c, 0 0 0 1em #EDEEE8, 0 0 0 1.2em #2c2c2c, 0 0 0 1.4em #EDEEE8, 0 0 0 1.6em #2c2c2c;
 }

}

.animatedload {
	position: relative;
	width: 0.5em;
	height: 0.5em;
	margin: 30% auto;
	background: #2c2c2c;
	border-radius: 50%;

-webkit-animation: anim 800ms alternate infinite linear;
	-moz-animation: anim 800ms alternate infinite linear;
	-ms-animation: anim 800ms alternate infinite linear;
	-o-animation: anim 800ms alternate infinite linear;
	animation: anim 800ms alternate infinite linear;
}

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

0

Register to vote

.barleysugar {
	height: 3em;
	width: 1.5em;
	font-size: 13px;
	border-radius: 50% 50% 0 0 / 30% 30% 0 0;
	position: relative;

background: -moz-linear-gradient(-45deg,  rgba(44,44,44,0) 0%, rgba(44,44,44,0) 9.9%, rgba(44,44,44,1) 10%, rgba(44,44,44,1) 20%, rgba(44,44,44,0) 20.1%, rgba(44,44,44,0) 29.9.9%, rgba(44,44,44,1) 30%, rgba(44,44,44,1) 40%, rgba(44,44,44,0) 40.1%, rgba(44,44,44,0) 49.9%, rgba(44,44,44,1) 50%, rgba(44,44,44,1) 60%, rgba(44,44,44,0) 60.1%, rgba(44,44,44,0) 69.9%, rgba(44,44,44,1) 70%, rgba(44,44,44,1) 80%, rgba(44,44,44,0) 80.1%, rgba(44,44,44,0) 89.9%, rgba(44,44,44,1) 90%, rgba(44,44,44,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(44,44,44,0)), color-stop(9.9%,rgba(44,44,44,0)), color-stop(10%,rgba(44,44,44,1)), color-stop(20%,rgba(44,44,44,1)), color-stop(20.1%,rgba(44,44,44,0)), color-stop(29.9%,rgba(44,44,44,0)), color-stop(30%,rgba(44,44,44,1)), color-stop(40%,rgba(44,44,44,1)), color-stop(40.1%,rgba(44,44,44,0)), color-stop(49.9%,rgba(44,44,44,0)), color-stop(50%,rgba(44,44,44,1)), color-stop(60%,rgba(44,44,44,1)), color-stop(60.1%,rgba(44,44,44,0)), color-stop(69.9%,rgba(44,44,44,0)), color-stop(70%,rgba(44,44,44,1)), color-stop(80%,rgba(44,44,44,1)), color-stop(80.1%,rgba(44,44,44,0)), color-stop(89.9%,rgba(44,44,44,0)), color-stop(90%,rgba(44,44,44,1)), color-stop(100%,rgba(44,44,44,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(44,44,44,0) 0%,rgba(44,44,44,0) 9.9%,rgba(44,44,44,1) 10%,rgba(44,44,44,1) 20%,rgba(44,44,44,0) 20.1%,rgba(44,44,44,0) 29.9%,rgba(44,44,44,1) 30%,rgba(44,44,44,1) 40%,rgba(44,44,44,0) 40.1%,rgba(44,44,44,0) 49.9%,rgba(44,44,44,1) 50%,rgba(44,44,44,1) 60%,rgba(44,44,44,0) 60.1%,rgba(44,44,44,0) 69.9%,rgba(44,44,44,1) 70%,rgba(44,44,44,1) 80%,rgba(44,44,44,0) 80.1%,rgba(44,44,44,0) 89.9%,rgba(44,44,44,1) 90%,rgba(44,44,44,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(44,44,44,0) 0%,rgba(44,44,44,0) 9.9%,rgba(44,44,44,1) 10%,rgba(44,44,44,1) 20%,rgba(44,44,44,0) 20.1%,rgba(44,44,44,0) 29.9%,rgba(44,44,44,1) 30%,rgba(44,44,44,1) 40%,rgba(44,44,44,0) 40.1%,rgba(44,44,44,0) 49.9%,rgba(44,44,44,1) 50%,rgba(44,44,44,1) 60%,rgba(44,44,44,0) 60.1%,rgba(44,44,44,0) 69.9%,rgba(44,44,44,1) 70%,rgba(44,44,44,1) 80%,rgba(44,44,44,0) 80.1%,rgba(44,44,44,0) 89.9%,rgba(44,44,44,1) 90%,rgba(44,44,44,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(44,44,44,0) 0%,rgba(44,44,44,0) 9.9%,rgba(44,44,44,1) 10%,rgba(44,44,44,1) 20%,rgba(44,44,44,0) 20.1%,rgba(44,44,44,0) 29.9%,rgba(44,44,44,1) 30%,rgba(44,44,44,1) 40%,rgba(44,44,44,0) 40.1%,rgba(44,44,44,0) 49.9%,rgba(44,44,44,1) 50%,rgba(44,44,44,1) 60%,rgba(44,44,44,0) 60.1%,rgba(44,44,44,0) 69.9%,rgba(44,44,44,1) 70%,rgba(44,44,44,1) 80%,rgba(44,44,44,0) 80.1%,rgba(44,44,44,0) 89.9%,rgba(44,44,44,1) 90%,rgba(44,44,44,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(44,44,44,0) 0%,rgba(44,44,44,0) 9.9%,rgba(44,44,44,1) 10%,rgba(44,44,44,1) 20%,rgba(44,44,44,0) 20.1%,rgba(44,44,44,0) 29.9%,rgba(44,44,44,1) 30%,rgba(44,44,44,1) 40%,rgba(44,44,44,0) 40.1%,rgba(44,44,44,0) 49.9%,rgba(44,44,44,1) 50%,rgba(44,44,44,1) 60%,rgba(44,44,44,0) 60.1%,rgba(44,44,44,0) 69.9%,rgba(44,44,44,1) 70%,rgba(44,44,44,1) 80%,rgba(44,44,44,0) 80.1%,rgba(44,44,44,0) 89.9%,rgba(44,44,44,1) 90%,rgba(44,44,44,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c2c2c', endColorstr='#2c2c2c',GradientType=1 );
	border: 0.1em solid #2C2C2C;
}
.barleysugar::before {
	left: -0.1em;
	top: 0.9em;
	height: 2.1em;
	width: 0.5em;
	content: '';
	display: block;
	position: absolute;
	border-top: 0.1em solid #2C2C2C;
	background: #EDEEE8;
}

.barleysugar::after {
	left: 0.4em;
	top: 0.4em;
	height: 2.6em;
	width: 0.6em;
	content: '';
	display: block;
	position: absolute;
	border-right: 0.1em solid #2C2C2C;
	border-top: 0.1em solid #2C2C2C;
	border-radius: 50% 50% 0 0 / 16% 16% 0 0;
	background: #EDEEE8;
}

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

4

Register to vote

.gift {
	height: 0.5em;
	width: 1em;
	font-size: 20px;
	position: relative;
	background: #2C2C2C;
margin-left: -1em;
	-webkit-box-shadow: 0 0.1em 0 0 #2C2C2C,0 0.8em 0 0 #2C2C2C,0 0.9em 0 0 #2C2C2C,1.2em 0.9em 0 0 #2C2C2C,1.2em 0.8em 0 0 #2C2C2C,1.2em 0.1em 0 0 #2C2C2C,1.2em 0em 0 0 #2C2C2C,1.3em -0.2em 0 -0.01em #2C2C2C,1.2em -0.2em 0 -0.01em #2C2C2C,0em -0.2em 0 -0.01em #2C2C2C,-0.1em -0.2em 0 -0.01em #2C2C2C;
	box-shadow: 0 0.1em 0 0 #2C2C2C,0 0.8em 0 0 #2C2C2C,0 0.9em 0 0 #2C2C2C,1.2em 0.9em 0 0 #2C2C2C,1.2em 0.8em 0 0 #2C2C2C,1.2em 0.1em 0 0 #2C2C2C,1.2em 0em 0 0 #2C2C2C,1.3em -0.2em 0 -0.01em #2C2C2C,1.2em -0.2em 0 -0.01em #2C2C2C,0em -0.2em 0 -0.01em #2C2C2C,-0.1em -0.2em 0 -0.01em #2C2C2C;
}

.gift::before {
	left: 1.1em;
	top: -0.8em;
	height: 0.5em;
	width: 0.2em;
	content: '';
	display: block;
	position: absolute;
	border: 0.1em solid #2C2C2C;
	border-left: 0.05em solid #2C2C2C;
	border-radius: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.gift:after {
	left: 0.7em;
	top: -0.8em;
	height: 0.5em;
	width: 0.2em;
	content: '';
	display: block;
	position: absolute;
	border: 0.1em solid #2C2C2C;
	border-right: 0.05em solid #2C2C2C;
	border-radius: 50%;

-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

2

Register to vote

.tools {
	margin-left: -0.4em;
	margin-top: -0.3em;
	font-size: 21px;
	background: #2C2C2C;
	height: 0.3em;
	width: 0.15em;
	position: relative;

-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);

-webkit-box-shadow: 0 0.25em 0 0 #2C2C2C,0 -0.25em 0 0 #2C2C2C,0 -0.55em 0 0.07em #2C2C2C,0 0.55em 0 0.1em #2C2C2C,0 0.9em 0 0.1em #2C2C2C,0 1.2em 0 0.1em #2C2C2C;
	box-shadow: 0 0.25em 0 0 #2C2C2C,0 -0.25em 0 0 #2C2C2C,0 -0.55em 0 0.07em #2C2C2C,0 0.55em 0 0.1em #2C2C2C,0 0.9em 0 0.1em #2C2C2C,0 1.2em 0 0.1em #2C2C2C;
}

.tools::before {
	height: 1.5em;
	width: 0.3em;

-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	background: #2C2C2C;
	position: absolute;
	content: "";
	top: -0.2em;
	left: -0.3em;
}

.tools::after {
	height: 0.3em;
	width: 0.3em;

-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	border-left: 0.2em solid #2C2C2C;
	border-bottom: 0.4em solid #2C2C2C;
	border-right: 0.2em solid #2C2C2C;
	border-top: 0.05em solid transparent;
	content: "";
	top: 0.17em;
	left: 0.55em;
	border-top-right-radius: 25% 25%;
	border-top-left-radius: 25% 25%;
	border-bottom-left-radius: 50% 50%;
	border-bottom-right-radius: 50% 50%;
}

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

1

Register to vote

.cube {
	position: relative;
	font-size: 9px;
	height: 1.10em;
	width: 2em;
	background: #2C2C2C;

-webkit-transform: rotate(-16.66deg) skew(57deg);
	-moz-transform: rotate(-16.66deg) skew(57deg);
	-o-transform: rotate(-16.66deg) skew(57deg);
	-ms-transform: rotate(-16.66deg) skew(57deg);
	transform: rotate(-16.66deg) skew(57deg);
	display: block;
	margin-top: -1.6em;
}

.cube::before {
	left: -2.5em;
	top: -0.22em;
	position: absolute;
	display: block;
	content: "";
	height: 3.6em;
	width: 1.1em;
	background: #2C2C2C;

-webkit-transform: rotate(90.6deg) skew(29.2deg);
	-moz-transform: rotate(90.6deg) skew(29.2deg);
	-o-transform: rotate(90.6deg) skew(29.2deg);
	-ms-transform: rotate(90.6deg) skew(29.2deg);
	transform: rotate(90.6deg) skew(29.2deg);
}

.cube::after {
	left: -3em;
	top: 1.7em;
	position: absolute;
	display: block;
	content: "";
	height: 0.95em;
	width: 4.1em;
	background: #2C2C2C;

-webkit-transform: rotate(151.4deg) skew(61.2deg);
	-moz-transform: rotate(151.4deg) skew(61.2deg);
	-o-transform: rotate(151.4deg) skew(61.2deg);
	-ms-transform: rotate(151.4deg) skew(61.2deg);
	transform: rotate(151.4deg) skew(61.2deg);
}

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

2

Register to vote

.link {
	font-size: 14px;
  margin-left:-1.1em;
  margin-top:1.3em;
	width: 0.5em;
	height: 1em;
	border: 0.250em solid #2c2c2c;
	border-bottom-left-radius: 1em 1em;
	border-bottom-right-radius: 1em 1em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	bottom: 0.188em;
	border-top: solid 0em transparent;
	position: relative;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.link:before {
	content: '';
	display: block;
	width: 0.5em;
	top: -1.4em;
	left: -0.23em;
	height: 1em;
	border: 0.250em solid #2c2c2c;
	border-bottom-left-radius: 1em 1em;
	border-bottom-right-radius: 1em 1em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
	bottom: 0.188em;
	border-top: solid 0em transparent;
	position: absolute;

-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.link:after {
	content: '';
	position: absolute;
	display: block;
	width: 0.2em;
	top: -0.6em;
	left: 0.13em;
	height: 1em;
	border-radius: 1em;
	background: #2C2C2C;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

HTML CSS ZIP

1

Register to vote

.newspaper {
	height: 2em;
	width: 1.5em;
	border: 0.2em solid #2C2C2C;
	border-radius: 0 0 0.6em 0;
	font-size: 15px;
	position: relative;
}

.newspaper::before {
	left: -0.7em;
	bottom: -0.19em;
	height: 1.5em;
	width: 0.3em;
	border-radius: 0 0 0.6em 0.6em;
	border: 0.2em solid #2C2C2C;
	content: '';
	display: block;
	position: absolute;

-webkit-box-shadow: inset -0.05em -0.05em 0.1em 0 rgba(44, 44, 44, 0.39);
	box-shadow: inset -0.05em -0.05em 0.1em 0 rgba(44, 44, 44, 0.39);
}

.newspaper::after {
	-webkit-box-shadow: 0 0.2em 0 0 #2C2C2C,0 0.3em 0 0 #2C2C2C,0 0.3em 0 0 #2C2C2C,0.7em 0em 0 0 #2C2C2C,0.7em 0.3em 0 0 #2C2C2C,0.7em 0.8em 0 0 #2C2C2C,0em 0.8em 0 0 #2C2C2C,0.3em 0.8em 0 0 #2C2C2C,0.3em 1.1em 0 0 #2C2C2C,0em 1.1em 0 0 #2C2C2C,0.7em 1.1em 0 0 #2C2C2C,0.7em 1.4em 0 0 #2C2C2C,0.3em 1.4em 0 0 #2C2C2C,0em 1.4em 0 0 #2C2C2C,-0.4em 1.91em 0 0 #2C2C2C;
	box-shadow: 0 0.2em 0 0 #2C2C2C,0 0.3em 0 0 #2C2C2C,0 0.3em 0 0 #2C2C2C,0.7em 0em 0 0 #2C2C2C,0.7em 0.3em 0 0 #2C2C2C,0.7em 0.8em 0 0 #2C2C2C,0em 0.8em 0 0 #2C2C2C,0.3em 0.8em 0 0 #2C2C2C,0.3em 1.1em 0 0 #2C2C2C,0em 1.1em 0 0 #2C2C2C,0.7em 1.1em 0 0 #2C2C2C,0.7em 1.4em 0 0 #2C2C2C,0.3em 1.4em 0 0 #2C2C2C,0em 1.4em 0 0 #2C2C2C,-0.4em 1.91em 0 0 #2C2C2C;
	left: 0.1em;
	bottom: 1.7em;
	height: 0.2em;
	width: 0.6em;
	background: #2C2C2C;
	content: '';
	display: block;
	position: absolute;
}

HTML CSS ZIP

12

Register to vote

HTML CSS ZIP

4

Register to vote

.droid {
position: relative;
border-radius: 50% 50% 15% 15% /34% 34% 10% 10%;
font-size: 16px;
height: 2em;
width: 1.49em;
background: -webkit-linear-gradient(top, transparent 30%,#2C2C2C 30%, #2C2C2C 34%,transparent 34%,transparent 37.415%,#2C2C2C 37.415%), -webkit-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%),-webkit-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%);
background: -moz-linear-gradient(top, transparent 30%,#2C2C2C 30%, #2C2C2C 34%,transparent 34%,transparent 37.415%,#2C2C2C 37.415%), -moz-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%),-moz-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%);
background: -o-linear-gradient(top, transparent 30%,#2C2C2C 30%, #2C2C2C 34%,transparent 34%,transparent 37.415%,#2C2C2C 37.415%), -o-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%),-o-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%);
background: -ms-linear-gradient(top, transparent 30%,#2C2C2C 30%, #2C2C2C 34%,transparent 34%,transparent 37.415%,#2C2C2C 37.415%), -ms-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%),-ms-radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%);
background: linear-gradient(top, transparent 30%,#2C2C2C 30%, #2C2C2C 34%,transparent 34%,transparent 37.415%,#2C2C2C 37.415%), radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%),radial-gradient(center, ellipse cover, rgba(44, 44, 44, 0) 12%,#2C2C2C 14%);
background-repeat: no-repeat;
background-position: 0,2% 0,98% 0;
background-size: 100% 100%, 55% 31.927%, 55% 31.927%;
}
.droid::after {
top: 0.7em;
left: -0.408em;
position: absolute;
content: "";
background: #2C2C2C;
height: 1.02em;
width: 0.3401em;
border-radius: 50% 50% 50% 50% / 18% 18% 18% 18%;
box-shadow: 1.96em 0 0 0 #2C2C2C,0.75em 0.8em 0 0 #2C2C2C,1.25em 0.8em 0 0 #2C2C2C;
}

.droid::before {
top: -0.4em;
left: 0.41em;
position: absolute;
content: "";
height: 0.6em;
width: 0.6em;
border: 0.07em solid #2C2C2C;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);

border-radius: 0.01em;
}

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

.fish{
width: 2.1em;
	height: 2.1em;
	position: relative;
	border-radius: 1.5em 0em 1.5em 0em;

-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #2C2C2C;
}

.fish::before {
	position: absolute;
	content: "";
	top: 1.8em;
	right: 1.4em;
	width: 0.3em;
	height: 0em;
	border-bottom: 0.5em solid #2C2C2C;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;

-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fish::after {
	left: 0.92em;
	top: 0.18em;
	position: absolute;
	content: "";
	background-color: white;
	font-weight: bold;
	font-size: 1.5em;
	height: 0.2em;
	width: 0.2em;
	border-radius: 0.1em;

-webkit-box-shadow: 0.15em -0.7em 0.05em 0.02em #2C2C2C, -0.1em -1.2em 0.05em 0.06em #2C2C2C;
	box-shadow: 0.15em -0.7em 0.05em 0.02em #2C2C2C, -0.1em -1.2em 0.05em 0.06em #2C2C2C;
}

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

7

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

3

Register to vote

.controller {
font-size: 8px;
background: #2C2C2C;
position: relative;
height: 0.4em;
width: 0.2em;
margin-top: -1.2em;
}

.controller::before {
box-shadow: 2.4em 0em 0 -0.2em #EDEEE8,1.3em 0em 0 -0.2em #EDEEE8,1.4em 0em 0 -0.2em #EDEEE8,1.5em 0em 0 -0.2em #EDEEE8,1.6em 0em 0 -0.2em #EDEEE8,2.3em 0em 0 -0.2em #EDEEE8,2.5em 0em 0 -0.2em #EDEEE8,2.6em 0em 0 -0.2em #EDEEE8,0.5em 0em 0 0 #EDEEE8,-0.5em 0em 0 0 #EDEEE8,0em -0.5em 0 0 #EDEEE8,0em 0.5em 0 0 #EDEEE8,1.1em -0.05em 0 0.95em #2C2C2C,1.759em -0.05em 0 0.95em #2C2C2C,3.2em -0.8em 0 0.2em #2C2C2C,3.2em 0.77em 0 0.2em #2C2C2C;
top: 1.3em;
left: -2.1em;
z-index: 99999;
height: 0.5em;
width: 0.5em;
background: #EDEEE8;
content: '';
display: block;
position: absolute;
}

.controller::after {
z-index: 1;
content: "";
display: block;
left: 1.9em;
top: 2em;
position: absolute;
background: #EDEEE8;
width: 0.6em;
height: 0.6em;
border-radius: 100%;
box-shadow: -0.8em -0.8em 0 0 #EDEEE8,0.8em -0.8em 0 0 #EDEEE8,0em -1.6em 0 0 #EDEEE8,0em -0.8em 0 1em #2C2C2C,-4em -0.8em 0 1em #2C2C2C;
}

HTML CSS ZIP

0

Register to vote

.clap {
	width: 2em;
	height: 0.5em;
	position: relative;
	border-top: 0.1em solid #2c2c2c;
	border-right: 0.1em solid #2c2c2c;
	border-bottom: 0.8em solid #2c2c2c;
	border-left: 0.1em solid #2c2c2c;
	margin:0.8em 0 0 -0.5em;;
}

.clap:before {
	content: '';
	display: block;
	width: 2.2em;
	height: 0.2em;
	position: absolute;
	top: 0;
	left: 0;
	margin: -0.6em 0 0 -0.14em;

-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	border-top: 0.1em solid #2c2c2c;
	background-color: #2c2c2c;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));

background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}

.clap:after {
	content: '';
	width: 0.2em;
	height: 0.2em;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #2c2c2c;
	border-radius: 0.2em;
	margin: -0.2em 0 0 -0.2em;
}

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

3

Register to vote

.compass {
	display: block;
	position: relative;
    font-size:2.2em;
	height: 1em;
	width: 1em;
	border: 0.1em solid #2c2c2c;
	border-radius: 1em;

-webkit-box-shadow: inset 0 -0.5em rgba(0,0,0,0.15),inset 0 0 0.4em rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 -0.5em rgba(0,0,0,0.15),inset 0 0 0.4em rgba(0,0,0,0.2);
   -o-box-shadow: inset 0 -0.5em rgba(0,0,0,0.15),inset 0 0 0.4em rgba(0,0,0,0.2);
   -ms-box-shadow: inset 0 -0.5em rgba(0,0,0,0.15),inset 0 0 0.4em rgba(0,0,0,0.2);
   box-shadow: inset 0 -0.5em rgba(0,0,0,0.15),inset 0 0 0.4em rgba(0,0,0,0.2);
}

.compass:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	top: 0.02em;
	left: 0.494em;
	border-top: 0.5em solid transparent;
	border-right: 0.1em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-left: 0.1em solid #2c2c2c;

-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

.compass:before {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	top: -0.03em;
	left: 0.3em;
	border-top: 0.5em solid transparent;
	border-right: 0.1em solid #2c2c2c;
	border-bottom: 0.5em solid transparent;
	border-left: 0.1em solid transparent;

-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

2

Register to vote

.hand{
font-size:25px;
    margin-top:1em;
    display:block;
    width:0.95em;
    height:0.8em;
    background:#2c2c2c;    
    -moz-border-radius:0.6em 0.6em 1em 1em;
    -webkit-border-radius:0.6em 0.6em 1em 1em;
    -o-border-radius:0.6em 0.6em 1em 1em;
    border-radius:0.6em 0.6em 1em 1em;
    position:relative;
}
.hand:before{
    content:'';
    background:#2c2c2c;
    display:block;
    position:absolute;
    width:0.15em;
    height:0.9em;
    margin-bottom:0.4em;
    bottom:0;
    -moz-border-radius:0.08em;
    -webkit-border-radius:0.08em;
    -o-border-radius:0.08em;
    border-radius:0.08em;
    -moz-box-shadow:
        0.20em -0.2em 0 #2c2c2c,
        0.40em -0.3em 0 #2c2c2c,
        0.60em -0.22em 0 #2c2c2c;
    -webkit-box-shadow:
        0.20em -0.2em 0 #2c2c2c,
        0.40em -0.3em 0 #2c2c2c,
        0.60em -0.22em 0 #2c2c2c;
    -o-box-shadow:
        0.20em -0.2em 0 #2c2c2c,
        0.40em -0.3em 0 #2c2c2c,
        0.60em -0.22em 0 #2c2c2c;
    box-shadow:
        0.20em -0.2em 0 #2c2c2c,
        0.40em -0.3em 0 #2c2c2c,
        0.60em -0.22em 0 #2c2c2c;
}
.hand:after{
    content: '';
    background: #2C2C2C;
    display: block;
    position: absolute;
    width: 0.2em;
    height: 0.68em;
    bottom: 0.35em;
    right: 0;
    margin-right: -0.06em;
    -moz-border-radius: 0.08em;
    -webkit-border-radius: 0.08em;
    -o-border-radius: 0.08em;
    border-radius: 0.08em;
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    -moz-border-top-left-radius: 65% 33%;
    -webkit-border-top-left-radius: 65% 33%;
    -o-border-top-left-radius: 65% 33%;
    border-top-left-radius: 65% 33%;
}

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

2

Register to vote

.skull{
margin-top: -0.25em;
margin-left: -0.5em;
font-size: 30px;
    display:block;
    width:0.5em;
    height:1em;
    background:#2c2c2c;
    border-radius:1em 0 0 1em;
    position:relative;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(63,63,63,0) 10%, rgba(44,44,44,1) 11%, rgba(44,44,44,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(63,63,63,0)), color-stop(11%,rgba(44,44,44,1)), color-stop(100%,rgba(44,44,44,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2c2c2c',GradientType=1 );
}
.skull:after{
    content:'';
    display:block;
    width:0.5em;
    height:1em;
    background:#2c2c2c;
    border-radius:0 1em 1em 0;
    position:absolute;
    left:0.5em;
    top:0;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%, rgba(63,63,63,0) 10%, rgba(44,44,44,1) 11%, rgba(44,44,44,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(10%,rgba(63,63,63,0)), color-stop(11%,rgba(44,44,44,1)), color-stop(100%,rgba(44,44,44,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 0%,rgba(63,63,63,0) 10%,rgba(44,44,44,1) 11%,rgba(44,44,44,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2c2c2c',GradientType=1 );
}
.skull:before{
    content:'';
    display:block;
   background: -webkit-linear-gradient(left, rgba(44, 44, 44, 1) 0%,rgba(44, 44, 44, 1) 20%,rgba(44, 44, 44, 0) 20.01%,rgba(44, 44, 44, 0) 26.65%,rgba(44, 44, 44, 1) 26.66%,rgba(44, 44, 44, 1) 46.66%,rgba(44, 44, 44, 0) 46.67%,rgba(44, 44, 44, 0) 53.32%, rgba(44, 44, 44, 1) 53.33%,rgba(44, 44, 44, 1) 73.33%,rgba(44, 44, 44, 0) 73.34%,rgba(44, 44, 44, 0) 79.99%,rgba(44, 44, 44, 1) 80%,rgba(44, 44, 44, 1) 100%);
background: -moz-linear-gradient(left, rgba(44, 44, 44, 1) 0%,rgba(44, 44, 44, 1) 20%,rgba(44, 44, 44, 0) 20.01%,rgba(44, 44, 44, 0) 26.65%,rgba(44, 44, 44, 1) 26.66%,rgba(44, 44, 44, 1) 46.66%,rgba(44, 44, 44, 0) 46.67%,rgba(44, 44, 44, 0) 53.32%, rgba(44, 44, 44, 1) 53.33%,rgba(44, 44, 44, 1) 73.33%,rgba(44, 44, 44, 0) 73.34%,rgba(44, 44, 44, 0) 79.99%,rgba(44, 44, 44, 1) 80%,rgba(44, 44, 44, 1) 100%);
background: -o-linear-gradient(left, rgba(44, 44, 44, 1) 0%,rgba(44, 44, 44, 1) 20%,rgba(44, 44, 44, 0) 20.01%,rgba(44, 44, 44, 0) 26.65%,rgba(44, 44, 44, 1) 26.66%,rgba(44, 44, 44, 1) 46.66%,rgba(44, 44, 44, 0) 46.67%,rgba(44, 44, 44, 0) 53.32%, rgba(44, 44, 44, 1) 53.33%,rgba(44, 44, 44, 1) 73.33%,rgba(44, 44, 44, 0) 73.34%,rgba(44, 44, 44, 0) 79.99%,rgba(44, 44, 44, 1) 80%,rgba(44, 44, 44, 1) 100%);
background: -ms-linear-gradient(left, rgba(44, 44, 44, 1) 0%,rgba(44, 44, 44, 1) 20%,rgba(44, 44, 44, 0) 20.01%,rgba(44, 44, 44, 0) 26.65%,rgba(44, 44, 44, 1) 26.66%,rgba(44, 44, 44, 1) 46.66%,rgba(44, 44, 44, 0) 46.67%,rgba(44, 44, 44, 0) 53.32%, rgba(44, 44, 44, 1) 53.33%,rgba(44, 44, 44, 1) 73.33%,rgba(44, 44, 44, 0) 73.34%,rgba(44, 44, 44, 0) 79.99%,rgba(44, 44, 44, 1) 80%,rgba(44, 44, 44, 1) 100%);
background: linear-gradient(left, rgba(44, 44, 44, 1) 0%,rgba(44, 44, 44, 1) 20%,rgba(44, 44, 44, 0) 20.01%,rgba(44, 44, 44, 0) 26.65%,rgba(44, 44, 44, 1) 26.66%,rgba(44, 44, 44, 1) 46.66%,rgba(44, 44, 44, 0) 46.67%,rgba(44, 44, 44, 0) 53.32%, rgba(44, 44, 44, 1) 53.33%,rgba(44, 44, 44, 1) 73.33%,rgba(44, 44, 44, 0) 73.34%,rgba(44, 44, 44, 0) 79.99%,rgba(44, 44, 44, 1) 80%,rgba(44, 44, 44, 1) 100%);

width:0.5em;
    height:0.15em;
    position:absolute;
    top:0.9em;
    left:0.25em;
    box-shadow:0 0.25em 0 #2c2c2c;
}

HTML CSS ZIP

2

Register to vote

.loading{
    font-size:16px;
    display:block;
    position:relative;
    width:3em;
    height:3em;
    border-top: 0.4em solid #2c2c2c;
    border-left: 0.4em solid #2c2c2c;
    border-right: 0.4em solid transparent;
    border-bottom: 0.4em dotted transparent;
    -moz-transform:rotate(10deg);
    -webkit-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    transform:rotate(10deg);
    -webkit-border-radius:1.5em;
    -ms-border-radius:1.5em;
    -o-border-radius:1.5em;
    border-radius:1.5em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.loading:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	margin: -0.15em -0.45em 0 0;
	border-top: 0.5em solid #2C2C2C;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.loading::before {
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -moz-box-sizing: border-box;
box-sizing: border-box;
left: -0.45em;
border-radius: 100%;
top: -0.4em;
display: block;
position: absolute;
content: "";
width: 3em;
height: 3em;
border-bottom: 0.4em dotted #2C2C2C;
border-top: 0.4em dotted rgba(44, 44, 44, 0);
border-left: 0.4em dotted rgba(44, 44, 44, 0);
border-right: 0.4em dotted transparent;
}

HTML CSS ZIP

1

Register to vote

.bone{
    font-size:10px;
    display:block;
    position:relative;
    width:0.8em;
    height:4em;
    background:#2c2c2c;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.bone:before{
    content: '';
    position:absolute;
    top:0;
    left:0;
    display:block;
    width:1em;
    height:1em;
    background:#2c2c2c;
    margin:-0.5em 0 0 -0.6em;
    -moz-box-shadow:1em  0 0 #2c2c2c;
    -webkit-box-shadow:1em  0 0 #2c2c2c;
    -ms-box-shadow:1em  0 0 #2c2c2c;
    -o-box-shadow:1em  0 0 #2c2c2c;
    box-shadow:1em  0 0 #2c2c2c;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    -ms-border-radius:1em;
    -o-border-radius:1em;
    border-radius:1em;
}
.bone:after{
    content: '';
    position:absolute;
    bottom:0;
    left:0;
    display:block;
    width:1em;
    height:1em;
    background:#2c2c2c;
    margin:0 0 -0.5em -0.6em;
    -moz-box-shadow:1em  0 0 #2c2c2c;
    -webkit-box-shadow:1em  0 0 #2c2c2c;
    -ms-box-shadow:1em  0 0 #2c2c2c;
    -o-box-shadow:1em  0 0 #2c2c2c;
    box-shadow:1em  0 0 #2c2c2c;
    -moz-border-radius:1em;
    -webkit-border-radius:1em;
    -ms-border-radius:1em;
    -o-border-radius:1em;
    border-radius:1em;
}

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

4

Register to vote

.rss {
	margin-left: -1em;
	margin-top: 1.8em;
	border-radius: 100%;
	background: #2C2C2C;
	font-size: 16px;
	width: 0.5em;
	height: 0.5em;
	position: relative;
}

.rss::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: -1em;
	left: -1.5em;
	border-radius: 100%;
	position: absolute;
	width: 2em;
	content: "";
	height: 2em;
	border-left: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-top: 0.5em solid transparent;
	border-right: 0.5em solid #2C2C2C;
}

.rss::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: -2em;
	left: -2.5em;
	border-radius: 100%;
	position: absolute;
	width: 4em;
	content: "";
	height: 4em;
	border-left: 0.5em solid transparent;
	border-bottom: 0.5em solid transparent;
	border-top: 0.5em solid transparent;
	border-right: 0.5em solid #2C2C2C;
}

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

1

Register to vote

.power {
	font-size: 13px;
	margin-top: -1.5em;
	border-radius: 1em;
	background: #2C2C2C;
	width: 0.4em;
	height: 1.2em;
	position: relative;
}

.power::before {
	right: -1.2em;

-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	transform: rotate(-25deg);
	border-top: 0.4em solid rgba(44, 44, 44, 0);
	top: 0.2em;
	position: absolute;
	content: '';
	height: 2em;
	width: 2em;
	border-radius: 100%;
	border-right: 0.4em solid #2C2C2C;
	border-bottom: 0.4em solid rgba(44, 44, 44, 0);
	border-left: 0.4em solid rgba(44, 44, 44, 0);
}

.power::after {
	right: -1.2em;

-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
	border-top: 0.4em solid rgba(44, 44, 44, 0);
	top: 0.2em;
	position: absolute;
	content: '';
	height: 2em;
	width: 2em;
	border-radius: 100%;
	border-right: 0.4em solid #2C2C2C;
	border-bottom: 0.4em solid #2C2C2C;
	border-left: 0.4em solid #2C2C2C;
}

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

5

Register to vote

.cloud {
	background-color: #2C2C2C;

background-image: -webkit-linear-gradient(hsla(0,0%,0%,0), hsla(0,0%,0%,.1));
	background-image: -moz-linear-gradient(hsla(0,0%,0%,0), hsla(0,0%,0%,.1));
	background-image: -o-linear-gradient(hsla(0,0%,0%,0), hsla(0,0%,0%,.1));
	background-image: -ms-linear-gradient(hsla(0,0%,0%,0), hsla(0,0%,0%,.1));
	background-image: linear-gradient(hsla(0,0%,0%,0), hsla(0,0%,0%,.1));
	border-radius: 1em;
	height: 1em;
       margin-top: 0.5em;
	position: relative;
	width: 3em;
}

.cloud:after,.cloud:before {
	background-color: #2C2C2C;
	content: '';
	border-radius: 100%;
	position: absolute;
}

.cloud:after {
	background-image: -webkit-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.025));
	background-image: -moz-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.025));
	background-image: -o-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.025));
	background-image: -ms-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.025));
	background-image: linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.025));
	height: 1em;
	right: .4em;
	top: -.5em;
	width: 1em;
}

.cloud:before {
	background-image: -webkit-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.075));
	background-image: -moz-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.075));
	background-image: -o-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.075));
	background-image: -ms-linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.075));
	background-image: linear-gradient(hsla(0,0%,0%,0) 50%, hsla(0,0%,0%,.075));
	height: 1.6em;
	left: .4em;
	top: -.75em;
	width: 1.6em;
}

HTML CSS ZIP

1

Register to vote

HTML CSS ZIP

2

Register to vote

HTML CSS ZIP

4

Register to vote

.pacman {
	background-image: -webkit-radial-gradient(1.75em .75em, circle, transparent 10%, #2C2C2C 10%);
	background-image: -moz-radial-gradient(1.75em .75em, circle, transparent 10%, #2C2C2C 10%);
	background-image: -o-radial-gradient(1.75em .75em, circle, transparent 10%, #2C2C2C 10%);
	background-image: -ms-radial-gradient(1.75em .75em, circle, transparent 10%, #2C2C2C 10%);
	background-image: radial-gradient(1.75em .75em, circle, transparent 10%, #2C2C2C 10%);
	border-radius: 3em 3em 0 0;
	height: 1.5em;
	margin-top: -1.5em;
	position: relative;

-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 3em;
}

.pacman:after {
	background-color: #2C2C2C;
	border-radius: 0 0 3em 0;
	content: '';
	height: 1.5em;
	left: 0em;
	position: absolute;
	top: 1.45em;

-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	width: 1.5em;
}

HTML CSS ZIP

2

Register to vote

.ghost {
	background-image: -webkit-linear-gradient(45deg, transparent 50%, #2C2C2C 50%), -webkit-linear-gradient(135deg, transparent 50%, #2C2C2C 50%), -webkit-linear-gradient(#2C2C2C 50%, #2C2C2C 50%);
	background-image: -moz-linear-gradient(45deg, transparent 50%, #2C2C2C 50%), -moz-linear-gradient(315deg, transparent 50%, #2C2C2C 50%), -moz-linear-gradient(#2C2C2C 50%, #2C2C2C 50%);
	background-image: -o-linear-gradient(45deg, transparent 50%, #2C2C2C 50%), -o-linear-gradient(135deg, transparent 50%, #2C2C2C 50%), -o-linear-gradient(#2C2C2C 50%, #2C2C2C 50%);
	background-image: -ms-linear-gradient(45deg, transparent 50%, #2C2C2C 50%), -ms-linear-gradient(135deg, transparent 50%, #2C2C2C 50%), -ms-linear-gradient(#2C2C2C 50%, #2C2C2C 50%);
	background-image: linear-gradient(45deg, transparent 50%, #2C2C2C 50%), linear-gradient(315deg, transparent 50%, #2C2C2C 50%), linear-gradient(#2C2C2C 50%, #2C2C2C 50%);
	background-position: 50% 100%, 50% 100%, 50% 0;
	background-repeat: repeat-x;

-webkit-background-size: 1em 1em;
	-moz-background-size: 1em 1em;
	background-size: 1em 1em;
	position: relative;
        margin-top: 1.5em;
	height: 1.5em;
	width: 3em;
}

.ghost:after,.ghost:before {
	background-image: -webkit-radial-gradient(transparent 35%, #2C2C2C 35%);
	background-image: -moz-radial-gradient(transparent 35%, #2C2C2C 35%);
	background-image: -o-radial-gradient(transparent 35%, #2C2C2C 35%);
	background-image: -ms-radial-gradient(transparent 35%, #2C2C2C 35%);
	background-image: radial-gradient(transparent 35%, #2C2C2C 35%);
	border-top: .5em solid #2C2C2C;
	content: '';
	height: 1em;
	position: absolute;
	top: -1.5em;
	width: 1em;
}

.ghost:after {
	background-position: 75% 75%;
	border-left: .5em solid #2C2C2C;
	border-radius: 3em 0 0 0;
	left: 0;
}

.ghost:before {
	background-position: 0% 100%;
	border-right: .5em solid #2C2C2C;
	border-radius: 0 3em 0 0;
	right: 0;
}

HTML CSS ZIP

0

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

3

Register to vote

HTML CSS ZIP

5

Register to vote

HTML CSS ZIP

4

Register to vote

HTML CSS ZIP

5

Register to vote

.camera {
							background-image: -webkit-radial-gradient(circle, transparent 25%, #2C2C2C 25%, #2C2C2C 35%, transparent 35%, transparent 45%, #2C2C2C 45%);
background-image: -moz-radial-gradient(circle, transparent 25%, #2C2C2C 25%, #2C2C2C 35%, transparent 35%, transparent 45%, #2C2C2C 45%);
background-image: -o-radial-gradient(circle, transparent 25%, #2C2C2C 25%, #2C2C2C 35%, transparent 35%, transparent 45%, #2C2C2C 45%);
background-image: -ms-radial-gradient(circle, transparent 25%, #2C2C2C 25%, #2C2C2C 35%, transparent 35%, transparent 45%, #2C2C2C 45%);
background-image: radial-gradient(circle, transparent 25%, #2C2C2C 25%, #2C2C2C 35%, transparent 35%, transparent 45%, #2C2C2C 45%);

border-radius: .25em;
							height: 2em;
							position: relative;
							width: 3em;
							}
							.camera::after {
							border: .25em solid #2C2C2C;
							border-bottom: none;
							border-radius: .25em .25em 0 0;
							content: '';
							height: .25em;
							left: .875em;
							position: absolute;
							top: -.5em;
							width: .75em;
							}
							.camera::before {
							background-color: #2C2C2C;
							content: '';
							height: .25em;
							left: .25em;
							position: absolute;
							top: -.25em;
							width: .5em;
							}

HTML CSS ZIP