CSS Humor

A Story of a Boy and a Girl in CSS

#girl {
  color: pink;
  position: fixed;
  bottom: 0;
}

#boy {
  color: lightblue;
  position: relative;
  bottom: 20cm;
}

#boy:focus {
  bottom: 0;
}

#girl:active, #boy:active {
  margin: 0;
  padding: 0;
  display: table-row;
}

#girl:active {
  position: absolute;
  bottom: 0;
  clear: both;
}

#boy:active {
  margin: 0;
  padding: 0;
}

#girl:after {
  content: 'Im pregnant';
}

#boy:after {
  content: 'Wasnt me';
}

#girl .father:active .sniper > #boy {
  text-decoration: blink;
  display: cross-hair;
}

#boy {
  visibility: none;
}

#girl:after {
  padding: 200%;
  overflow: visible;
}

From Nerudo Mregi