Old CSS segment for toggling text and font awesome symbol display

gistfile1.txt

.menu-item-type-post_type,
.menu-item-type-taxonomy{
  position: relative;
  display: inline-block;
  /*to hide contentt*/
  overflow: hidden;
}

.menu-item-type-post_type a,
.menu-item-type-taxonomy a{
  display: inline-block;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}


/*setup before*/
.menu-item-type-post_type a:before,
.menu-item-type-taxonomy a:before{
  display: inline-block;
  text-align: center;
  font-size: 150%;

  transition: top 0.3s;
  -moz-transition: top 0.3s;
  -webkit-transition: top 0.3s;

  position: absolute;
  height: 100%;
  width: 100%;

  left: 0;
  top: -75%;

}

.menu-item-type-post_type:hover,
.menu-item-type-taxonomy:hover {
  background: #000000;
}

.menu-item-type-post_type:hover a,
.menu-item-type-taxonomy:hover a {
  -moz-transition: translateY(100%);
  -webkit-transform: translateY(100%);
  transition: translateY(100%);

}




/*Specify content for each menu item*/

/* Cycling */
.menu-item-cycling a:before{
  font-family: FontAwesome;
  content: "\f206";
}

/* Home*/
.menu-item-home a:before{
  font-family: FontAwesome;
  content: "\f015";
}

/* Beer*/
.menu-item-beer-life a:before{
  font-family: FontAwesome;
  content: "\f0fc";
}

/* web*/
.menu-item-web a:before{
  font-family: FontAwesome;
  content: "\f1fa";
}

/* Internet of Things*/
.menu-item-iot a:before{
  font-family: FontAwesome;
  content: "\f289";
}

/* About footer menu icon*/
.menu-item-about a:before{
  font-family: FontAwesome;
  content: "\f129";
  font-size: 100%;
  top: -100%;
}