Difference between revisions of "MediaWiki:Common.css"
(2 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: bold; | font-weight: bold; | ||
font-size: 32px; | font-size: 32px; | ||
− | line-height:4. | + | line-height:4.75em; |
color:#000; | color:#000; | ||
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
Line 17: | 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: | + | width: 133px; |
− | height: | + | height: 133px; |
text-align: center; | text-align: center; | ||
Line 28: | 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); |
Latest revision as of 12: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; }