Difference between revisions of "MediaWiki:Common.css"
(Created page with "→CSS placed here will be applied to all skins: a.button { position: relative; text-decoration: none; font-weight: 700; font-size: 3em; display: block;...") |
|||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| − | a.button { | + | #mw-content-text a.button { |
position: relative; | position: relative; | ||
text-decoration: none; | text-decoration: none; | ||
| − | font-weight: | + | font-weight: bold; |
| − | font-size: | + | font-size: 32px; |
| + | line-height:4.75em; | ||
| + | color:#000; | ||
| + | background-color:#f9f9f9; | ||
display: block; | display: block; | ||
padding: 4px; | padding: 4px; | ||
| Line 14: | Line 17: | ||
-moz-box-shadow: 0px 9px 25px rgba(0,0,0,.7); | -moz-box-shadow: 0px 9px 25px rgba(0,0,0,.7); | ||
box-shadow: 0px 9px 25px rgba(0,0,0,.7); | box-shadow: 0px 9px 25px rgba(0,0,0,.7); | ||
| − | + | width: 133px; | |
| − | width: | + | height: 133px; |
| − | height: | ||
text-align: center; | text-align: center; | ||
| Line 26: | Line 28: | ||
} | } | ||
| − | a.button:active { | + | #mw-content-text a.button:hover { |
| + | color:#666666; | ||
| + | } | ||
| + | |||
| + | #mw-content-text a.button:active { | ||
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.9); | -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.9); | ||
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.9); | -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.9); | ||
box-shadow: 0px 3px 6px rgba(0,0,0,.9); | box-shadow: 0px 3px 6px rgba(0,0,0,.9); | ||
| + | color:#666666; | ||
} | } | ||
Latest revision as of 13:44, 17 August 2017
/* CSS placed here will be applied to all skins */
#mw-content-text a.button {
position: relative;
text-decoration: none;
font-weight: bold;
font-size: 32px;
line-height:4.75em;
color:#000;
background-color:#f9f9f9;
display: block;
padding: 4px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0px 9px 25px rgba(0,0,0,.7);
-moz-box-shadow: 0px 9px 25px rgba(0,0,0,.7);
box-shadow: 0px 9px 25px rgba(0,0,0,.7);
width: 133px;
height: 133px;
text-align: center;
-webkit-transition: all .1s ease;
-moz-transition: all .1s ease;
-ms-transition: all .1s ease;
-o-transition: all .1s ease;
transition: all .1s ease;
}
#mw-content-text a.button:hover {
color:#666666;
}
#mw-content-text a.button:active {
-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.9);
-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.9);
box-shadow: 0px 3px 6px rgba(0,0,0,.9);
color:#666666;
}
