Difference between revisions of "MediaWiki:Common.css"

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

table.wikitable { 
  width: auto;
}

@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great);

.font-frederick {
  font-family: 'Fredericka the Great', cursive;
}


/*************************************************/
/************ Wiki color definitions *************/
/*************************************************/

/* palette 1 */
/*************/

.light-green {
  color: #baf2bd;
}

.middle-green {
  color: #16791b;
}

.dark-green {
  color: #09340c;
}

.pallet-base-green {
  color: #6ee474;
}


/* palette 2 */
/*************/

.headline-light-blue {
  color: #92bbe7; 
}
.headline-light-blue-format {
  font-size: 300%; 
  color: #92bbe7; 
  font-weight: 700;
  text-align: center; 
  padding:20px; 
  text-shadow: 1px 1px 1px #215a97, 
               1px -1px 1px #215a97, 
              -1px  1px 1px #215a97, 
              -1px -1px 1px #215a97;
}

.blue-text {
  color: #215a97;
}


/* palette 3 */
/*************/

.headline-middle-green {
    color: #5da654;
}
.headline-middle-green-background {
    background-color: #5da654 !important;
}
.headline-middle-green-format {
  font-size: 300%; 
  color: #5da654; 
  font-weight: 700; 
  text-align: center; 
  padding:20px; 
  text-shadow: 1px 1px 1px #264422, 
               1px -1px 1px #264422, 
              -1px  1px 1px #264422, 
              -1px -1px 1px #264422;
}

.green-text {
  color: #264422;
}


/* palette 4 */
/*************/

.headline-light-purple {
  color: #a992d1;
}
.headline-light-purple-format {
  font-size: 300%; 
  color: #a992d1; 
  font-weight: 700;
  text-align: center;
  padding:20px;
  text-shadow: 1px 1px 1px #493073, 
               1px -1px 1px #493073, 
              -1px  1px 1px #493073,
              -1px -1px 1px #493073;
}

.pruple-text {
  color: #493073;
}


/* palette 5 */
/*************/

.headline-light-orange {
  color: #dcae79;
}
.headline-light-orange-format {
  font-size: 300%; 
  color: #dcae79; 
  font-weight: 700; 
  text-align: center; 
  padding:20px; 
  text-shadow: 1px 1px 1px #a26a2a, 
               1px -1px 1px #a26a2a, 
              -1px  1px 1px #a26a2a, 
              -1px -1px 1px #a26a2a;
}

.orange-text {
  color: #a26a2a;
}


/* palette 5 */
/*************/

.yellow {
  color: #fbfc56;
}

.light-yellow {
  color: #fefed7;
}

.light-yellow-background {
  background-color: #fefed7 !important;
}