Descripciones Kingdom Hearts (CSS)

/* latin */
@font-face {
  font-family: 'Squada One';
  font-style: normal;
  font-weight: 400;
  src: local('Squada One'), local('SquadaOne-Regular'), url(http://fonts.gstatic.com/s/squadaone/v5/DIbfqh10Zkwc_Qd08Y0safk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/*titulo de los foros*/
a.forumtitle {
  text-align:center;
  color: #42a9de;
  display: block;
  text-shadow: 1px 1px 0 #ffffff;
  font-family: squada one;
  font-size: 20px;
  font-weight: 400;
  height: 15px;
  letter-spacing: 5px;
  margin-top: 10px!important;
  text-align: center;
  text-transform:uppercase;
  width: 600px!important;
}
/*fin titulo de los foros*/



/*Interior de la categoria: mensajes*/

.forabg li.row dd.dterm {
width:70% /*Descripción y Título*/
}
/*Lo demás*/
.forabg li.row dd.topics{
width: 94px;
height:70px;
margin-top:40px;
margin-left:-38px;
margin-right:3px;
background:#42a9de;
border:2px solid #ffffff;
text-align:center;
font-size:28px;
font-family:squada one;
color:#ffffff;
}

.forabg li.row dd.topics:after {
content: " TEMAS ";
font-size:26px;
font-family:squada one;
color:#ffffff;
}

.forabg li.row dd.posts{
width: 94px;
height:70px;
 margin-top:40px;
background:#2e2a3e;
border:2px solid #ffffff;
 font-size:26px;
font-family:squada one;
color:#ffffff;
}

.forabg li.row dd.posts:after {
content: " POSTS ";
font-size: 10px;
  font-size:26px;
font-family:squada one;
color:#ffffff;
}
.forabg li.row dd.lastpost{
width:195px;
height:46px;
border:2px solid #ffffff;
background: #e9d467;
margin-left:-38px;
margin-top:3px;
text-align:center;
font-size:9px;
 letter-spacing:1px;
text-transform:uppercase;
}


dd.lastpost span.color-groups {
    float: none;
    font-size:15px;
    font-family:oswald;
    text-transform:uppercase;
    letter-spacing:3px;
      text-shadow: 1px 1px 0 #fff;
}

dd.lastpost span {
display: inline;
}
/*Fin Interior de la categoria: mensajes*/


/*link de los foros*/
.button {
  width:146px;
  height:auto;
  padding:3px;
  background: #42a9de;
  border:2px solid #ffffff;
  margin-top:-1px;
  display: inline-block;
  position:relative;
  color: #ffffff;
  text-align:center;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:2px;
}

.button span {
  display: block;
  width: 0%;
  height: 0%;
  position: absolute;
  background: #e9d467;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}
.button span.tl {
  top: 0;
  left: 0;
  height: 2px;
}
.button span.tr {
  top: 0;
  right: 0;
  width: 2px;
}
.button span.bl {
  bottom: 0;
  left: 0;
  width: 2px;
}
.button span.br {
  bottom: 0;
  right: 0;
  height: 2px;
}

.buttom a{
color:#ffffff;
}

.button:hover {
background:#2e2a3e;
color:#ffffff;}

.button:hover .tl, .button:hover .br {
  width: 100%;

}
.button:hover .tr, .button:hover .bl {
  height: 100%;
}
/*fin link de los foros*/