Template:Kbd/styles.css: Difference between revisions

From Foundry Wiki
(Created page with ".template-kbd { background: #EEEEEE; padding-left: 0.4em; padding-right: 0.4em; } .template-kbd.spacing { letter-spacing: 0.1em; padding-left: 0.5em; }")
 
No edit summary
Line 9: Line 9:
padding-left: 0.5em;
padding-left: 0.5em;
}
}
/***************************
* Used by [[Template:Key]] *
****************************/
.key {
  display:inline-block;
  white-space:nowrap;
}
.key kbd {
  padding: 0.1em 0.6em 0.1em 0.6em;
  margin-right:2px;
  font-size:85%;
  font-family:inherit;
  font-style:normal;
  border-radius: .2em;
}
/* Dark Variation */
.keysDark {
  color:black;
  border: 1px solid rgb(170, 170, 170);
  box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);
  background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
  background-color: rgb(249, 249, 249);
}
/* Light Variation */
.keysLight {
  color:white;
  border: 1px solid rgb(0, 0, 0);
  box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0);
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30));
  background-color: rgb(30, 30, 30);
}
/**************************
* End Template:Key styles *
***************************/

Revision as of 07:42, 29 June 2022

.template-kbd {
	background: #EEEEEE;
	padding-left: 0.4em;
	padding-right: 0.4em;
}

.template-kbd.spacing {
	letter-spacing: 0.1em;
	padding-left: 0.5em;
}

/***************************
* Used by [[Template:Key]] *
****************************/
.key {
  display:inline-block;
  white-space:nowrap;
}

.key kbd {
  padding: 0.1em 0.6em 0.1em 0.6em; 
  margin-right:2px; 
  font-size:85%; 
  font-family:inherit; 
  font-style:normal;
  border-radius: .2em; 
}

/* Dark Variation */
.keysDark {
  color:black; 
  border: 1px solid rgb(170, 170, 170); 
  box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); 
  background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); 
  background-color: rgb(249, 249, 249); 
}

/* Light Variation */
.keysLight {
  color:white; 
  border: 1px solid rgb(0, 0, 0); 
  box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0); 
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30)); 
  background-color: rgb(30, 30, 30); 
}
/**************************
* End Template:Key styles *
***************************/