Klemmlampe/b0wm.html

## b0wm.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>Weihnachtsb0wm #14</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

    <link rel="stylesheet" src="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css">

    <style>
      .b0wm {
        position: relative;
        font-size: 0;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 50px;
        width: 200px;
      }

      .b0wm-star {
        color: #f1c40f;
        font-size: 84px;
        width: 76px;
        margin-left: -38px;
        line-height: 6px;
        display: inline-block;
        text-align: center;
      }

      .b0wm-corpus {
        margin-top: 40px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 100px 280px 100px;
        border-color: transparent transparent #198F4B transparent;
        box-shadow: 0px 3px 0px #116434;
      }

      .b0wm-stem {
        display: inline-block;
        position: absolute;
        bottom: -26px;
        width: 22px;
        margin-left: -11px;
        background-color: #116434;
      }

      .b0wm-stem-top {
        background-color: #116434;
        height: 80px;
      }

      .b0wm-stem-bottom {
        background-color: #aa782c;
        height: 26px;
      }

      .b0wm-balls {
        position: relative;
      }

      .b0wm-ball {
        box-shadow: 0px 0px 49px rgba(255, 255, 255, .9);
        position: absolute;
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 60px;
      }

      .b0wm-ball-green {
        background: #2ecc71;
      }

      .b0wm-ball-light-blue {
        background: #3498db;
      }

      .b0wm-ball-light-red {
        background: #e74c3c;
      }
      .b0wm-ball-red {
        background: #c0392b;
      }

      .b0wm-ball-purple {
        background: #9b59b6;
      }
      .b0wm-ball-yellow {
        background: #f1c40f;
      }

      .b0wm-ball:nth-child(1) {
        top: 70px;
        right: 12px;
      }

      .b0wm-ball:nth-child(2) {
        top: 107px;
        right: -36px;
      }

      .b0wm-ball:nth-child(3) {
        top: 20px;
        right: -12px;
      }

      .b0wm-ball:nth-child(4) {
        top: 160px;
        right: 34px;
      }

      .b0wm-ball:nth-child(5) {
        top: 200px;
        right: -42px;
      }

      .b0wm-ball:nth-child(6) {
        top: 217px;
        right: -79px;
      }

      .b0wm-ball:nth-child(7) {
        top: 210px;
        right: 26px;
      }

      .b0wm-ball:nth-child(8) {
        top: 136px;
        right: -19px;
      }

      .b0wm-ball:nth-child(9) {
        top: 206px;
        right: 66px;
      }
    </style>
  </head>
  <body>
    <div class="b0wm">
      <div class="b0wm-corpus">
        <div class="b0wm-star">★</div>

        <div class="b0wm-balls">
          <div class="b0wm-ball b0wm-ball-green"></div>
          <div class="b0wm-ball b0wm-ball-yellow"></div>
          <div class="b0wm-ball b0wm-ball-light-blue"></div>
          <div class="b0wm-ball b0wm-ball-red"></div>
          <div class="b0wm-ball b0wm-ball-light-red"></div>
          <div class="b0wm-ball b0wm-ball-green"></div>
          <div class="b0wm-ball b0wm-ball-yellow"></div>
          <div class="b0wm-ball b0wm-ball-light-red"></div>
          <div class="b0wm-ball b0wm-ball-light-blue"></div>
        </div>

        <div class="b0wm-stem">
          <div class="b0wm-stem-top"></div>
          <div class="b0wm-stem-bottom"></div>
        </div>
      </div>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">

	<title>Weihnachtsb0wm #14</title>

	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

	<link rel="stylesheet" src="//cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css">

	<style>
	.b0wm {
	position: relative;
	font-size: 0;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 50px;
	width: 200px;
	}

	.b0wm-star {
	color: #f1c40f;
	font-size: 84px;
	width: 76px;
	margin-left: -38px;
	line-height: 6px;
	display: inline-block;
	text-align: center;
	}

	.b0wm-corpus {
	margin-top: 40px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 100px 280px 100px;
	border-color: transparent transparent #198F4B transparent;
	box-shadow: 0px 3px 0px #116434;
	}

	.b0wm-stem {
	display: inline-block;
	position: absolute;
	bottom: -26px;
	width: 22px;
	margin-left: -11px;
	background-color: #116434;
	}

	.b0wm-stem-top {
	background-color: #116434;
	height: 80px;
	}

	.b0wm-stem-bottom {
	background-color: #aa782c;
	height: 26px;
	}

	.b0wm-balls {
	position: relative;
	}

	.b0wm-ball {
	box-shadow: 0px 0px 49px rgba(255, 255, 255, .9);
	position: absolute;
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 60px;
	}

	.b0wm-ball-green {
	background: #2ecc71;
	}

	.b0wm-ball-light-blue {
	background: #3498db;
	}

	.b0wm-ball-light-red {
	background: #e74c3c;
	}
	.b0wm-ball-red {
	background: #c0392b;
	}

	.b0wm-ball-purple {
	background: #9b59b6;
	}
	.b0wm-ball-yellow {
	background: #f1c40f;
	}

	.b0wm-ball:nth-child(1) {
	top: 70px;
	right: 12px;
	}

	.b0wm-ball:nth-child(2) {
	top: 107px;
	right: -36px;
	}

	.b0wm-ball:nth-child(3) {
	top: 20px;
	right: -12px;
	}

	.b0wm-ball:nth-child(4) {
	top: 160px;
	right: 34px;
	}

	.b0wm-ball:nth-child(5) {
	top: 200px;
	right: -42px;
	}

	.b0wm-ball:nth-child(6) {
	top: 217px;
	right: -79px;
	}

	.b0wm-ball:nth-child(7) {
	top: 210px;
	right: 26px;
	}

	.b0wm-ball:nth-child(8) {
	top: 136px;
	right: -19px;
	}

	.b0wm-ball:nth-child(9) {
	top: 206px;
	right: 66px;
	}
	</style>
	</head>
	<body>
	<div class="b0wm">
	<div class="b0wm-corpus">
	<div class="b0wm-star">★</div>

	<div class="b0wm-balls">
	<div class="b0wm-ball b0wm-ball-green"></div>
	<div class="b0wm-ball b0wm-ball-yellow"></div>
	<div class="b0wm-ball b0wm-ball-light-blue"></div>
	<div class="b0wm-ball b0wm-ball-red"></div>
	<div class="b0wm-ball b0wm-ball-light-red"></div>
	<div class="b0wm-ball b0wm-ball-green"></div>
	<div class="b0wm-ball b0wm-ball-yellow"></div>
	<div class="b0wm-ball b0wm-ball-light-red"></div>
	<div class="b0wm-ball b0wm-ball-light-blue"></div>
	</div>

	<div class="b0wm-stem">
	<div class="b0wm-stem-top"></div>
	<div class="b0wm-stem-bottom"></div>
	</div>
	</div>
	</div>
	</body>
	</html>