categories-blogspot

by imparator

HTML

<style>
#launcher {
  margin-top: 10px;
  font-size: 14px;
  padding: 20px;
}
.launchButton a {
  text-decoration: none;
color: hsl(211, 79%, 6%);
}
.launchButton {
color: hsla(211, 79%, 6%, .1);  
  margin: 16px 1px;
  padding: 10px;
margin-top: 4px;
padding-bottom: 14px;
  min-width: 88px;
  max-width: 176px;
  max-height: 85px;
  vertical-align: top;
  white-space: normal;  
  border-radius: 3px;
  color: #525c66;
  cursor: pointer;
  border-bottom: 0px solid #fff7ae;
  transition-property: background-color, border, box-shadow;
  transition-property:background-color, border, box-shadow;
  -moz-transition-property: background-color, border, box-shadow; /* Firefox 4 */
  -webkit-transition-property:background-color, border, box-shadow; /* Safari and Chrome */
  -o-transition-property:background-color, border, box-shadow; /* Opera */
  transition-duration: 0.4s;
-moz-transition-duration: 0.4s; /* Firefox 4 */
-webkit-transition-duration: 0.4s; /* Safari and Chrome */
-o-transition-duration: 0.4s; /* Opera */
}

.launchButton:hover {
transition-property: background-color, border, box-shadow;
  transition-property:background-color, border, box-shadow;
  -moz-transition-property: background-color, border, box-shadow; /* Firefox 4 */
  -webkit-transition-property:background-color, border, box-shadow; /* Safari and Chrome */
  -o-transition-property:background-color, border, box-shadow; /* Opera */
  transition-duration: 0.4s;
-moz-transition-duration: 0.4s; /* Firefox 4 */
-webkit-transition-duration: 0.4s; /* Safari and Chrome */
-o-transition-duration: 0.4s; /* Opera */
  background-color: hsla(211, 79%, 6%, .1);  
  color: #DD4B39;
  border-bottom: 2px solid #DD4B39;
}
a.launchButton:hover:active {
  background-image: -moz-linear-gradient(hsla(211, 79%, 6%, .02), hsla(211, 79%, 6%, .05));
  border-color: hsla(210, 54%, 20%, .2) hsla(210, 54%, 20%, .23) hsla(210, 54%, 20%, .25);
  box-shadow: 0 1px 1px hsla(211, 79%, 6%, .05) inset, 0 0 1px hsla(211, 79%, 6%, .1)...