/* ======= (C) http://nicolasgallagher.com/ ================== */

.heart {
 position: relative;
 width: 100px;
 height: 90px;
 }
.heart:before, .heart:after {
 position: absolute;
 content: "";
 left: 50px;
 top: 0;
 width: 50px;
 height: 80px;
 background: green;
 -moz-border-radius: 50px 50px 0 0;
 border-radius: 50px 50px 0 0;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 } 

.heart:after { 
  left: 0;
   background: green;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin :100% 100%;*/
 }

/* ======= (C) ??? ====================== */

.tv {
 position: relative;
 width: 200px;
 height: 150px;
 background: green;
 margin:0 10px;
 border-radius: 50% / 10%;
 color: white;
 text-align: center;
 text-indent: .1em;
} 
 
.tv:before {
 content: "";
 position: absolute;
 top: 10%;
 bottom: 10%;
 right: -5%;
 left: -5%;
 background: inherit;
 border-radius: 5% / 50%;
}

/* ======= (C) http://nicolasgallagher.com/====================== */

.infinity {
 position: relative;
 width: 212px;
 height: 100px;
 } 
.infinity:before, 
.infinity:after {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 60px;
 height: 60px;
 border: 20px solid green;
 -moz-border-radius: 50px 50px 0 50px;
 border-radius: 50px 50px 0 50px;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 } 
.infinity:after {
 left: auto;
 right: 0;
 -moz-border-radius: 50px 50px 50px 0;
 border-radius: 50px 50px 50px 0;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 }

/* ========== (C) Alexander Futekov=================== */

.yin-yang {
 width: 96px;
 height: 48px;
 background: #fff;
 border-color: red;
 border-style: solid;
 border-width: 2px 2px 50px 2px;
 border-radius: 100%;
 position: relative;
 } 
.yin-yang:before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 background: #fff;
 border: 18px solid red;
 border-radius: 100%;
 width: 12px;
 height: 12px;
 } 
.yin-yang:after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 background: red;
 border: 18px solid #fff;
 border-radius:100%;
 width: 12px;
 height: 12px;
 } 

/* =========(C) ??? ==================== */

.octagon{
  width:100px;
  height:100px;
  background:green;
  position:relative;
}
.octagon:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border-bottom:29px solid green;
  border-left:29px solid #fff;
  border-right:29px solid #fff;
  width:42px;
  height:0;
}
.octagon:after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  border-top:29px solid green;
  border-left:29px solid #fff;
  border-right:29px solid #fff;
  width:42px;
  height:0;
}

/* =========(C) ??? ==================== */

.hexagon {
  width:100px;
  height:55px;
  background:green;
  position:relative;
  margin:10px 0;
} 
.hexagon:before {
  content:"";
  position:absolute;
  top:-25px;
  left:0;
  width:0;
  height:0;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  border-bottom:25px solid green;
} 
.hexagon:after {
  content:"";
  position:absolute;
  bottom:-25px;
  left:0;
  width:0;
  height:0;
  border-left:50px solid transparent;
  border-right:50px solid transparent;
  border-top:25px solid green;
}

/* ========== (C) CSSApps.de =================== */

.thinkbox{
  font-size:.9em;
  margin:15px 5px 0 35px;
  border-radius: 11% / 45%;
  padding:10px;
  position:relative;
  background:green;
  border:1px solid darkgreen;
}
.thinkbox:before{
  position:absolute;
  left:-22px;
  top:-15px;
  content:"";
  width:20px;
  height:20px;
  border:inherit;
  box-shadow:inherit;
  border-radius:50%;
  background:inherit;
}

.thinkbox:after{
  position:absolute;
  left:-40px;
  top:-20px;
  content:"";
  width:10px;
  height:10px;
  border:inherit;
  box-shadow:inherit;
  border-radius:50%;
  background:inherit;
}