Template:Kbd/styles.css: Difference between revisions
(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 *
***************************/