Revision as of 09:08, 10 May 2014

/* CSS placed here will be applied to all skins */

/* SPECIES */

.species-tab {
  width: 100%;
  background-color: #e8f0f0;
  text-align:center;
  font-weight: bold;
  }
.species-tab-top-on, .species-tab-top-off {
  border:1px #303858 solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
  }
.species-tab-bottom-on, .species-tab-bottom-off {
  border:1px #303858 solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
  }
.species-tab-top-on, .species-tab-bottom-on {
  background-color: #d0d8d8;
  color: #000;
  }
.species-tab-top-off; .species-tab-bottom-off {
  background-color:#e8f0f0;
  }
.species-tab-title {
  background-color: #303858;
  color: #00FF20;
  font-size: 140%;
  font-weight: bold;
  font-style: italic;
  }
.species-table {
  width:100%;
  spacing:0px;
  padding:0px;
  border-collapse:collapse;
  border-left:2px #d0d8d8 solid;
  border-right:2px #d0d8d8 solid;
  }
.species-table th {
  padding:5px;
  background:#d0d8d8;
  text-align:center;
  color:#000;
  font-weight:bold;
  }
.species-table td {
  padding:10px;
  background-color:#f4f4f4;
  }

/* GENUS */

.genus-tab {
  width: 100%;
  background-color: #fff;
  text-align:center;
  font-weight: bold;
  }
.genus-tab-top-on {
  border:1px #303858 solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
  }
.genus-tab-bottom-on {
  border:1px #303858 solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
  }
.genus-tab-top-on, .genus-tab-bottom-on {
  background-color: #d0d8d8;
  color: #000;
  }
.genus-tab-top-off; .genus-tab-bottom-off {
  background-color:#fff;
  }
.genus-tab-title {
  background-color: #303858;
  color: #FFD800;
  font-size: 140%;
  font-weight: bold;
  font-style: italic;
  }
.genus-table {
  width:100%;
  spacing:0px;
  padding:0px;
  border-collapse:collapse;
  border-left:2px #d0d8d8 solid;
  border-right:2px #d0d8d8 solid;
  }
.genus-table th {
  padding:5px;
  background:#d0d8d8;
  text-align:center;
  color:#000;
  font-weight:bold;
  }
.genus-table td {
  padding:10px;
  background-color:#f4f4f4;
  }

/* FAMILY */

.family-tab {
  width: 100%;
  background-color: #fff;
  text-align:center;
  font-weight: bold;
  }
.family-tab-top-on {
  border:1px #303858 solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
  }
.family-tab-bottom-on {
  border:1px #303858 solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
  }
.family-tab-top-on, .family-tab-bottom-on {
  background-color: #d0d8d8;
  color: #000;
  }
.family-tab-top-off; .family-tab-bottom-off {
  background-color:#fff;
  }
.family-tab-title {
  background-color: #303858;
  color: #FF6A00;
  font-size: 140%;
  font-weight: bold;
  }
.family-table {
  width:100%;
  spacing:0px;
  padding:0px;
  border-collapse:collapse;
  border-left:2px #d0d8d8 solid;
  border-right:2px #d0d8d8 solid;
  }
.family-table th {
  padding:5px;
  background:#d0d8d8;
  text-align:center;
  color:#000;
  font-weight:bold;
  }
.family-table td {
  padding:10px;
  background-color:#f4f4f4;
  }

/* LOCATION */

.locationBanner {
  background-image:url(http://earthworms.info/w/images/9/96/Maps.jpg);
  background-repeat:repeat-x;
  background-position:center left;
  padding:10px;
  padding-left:140px;
  height:64px;
  color:#FFF;
  font-size:36px;
  font-weight:bold;
  }