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;...") | |||
| Line 4: | Line 4: | ||
|      position: relative; |      position: relative; | ||
|      text-decoration: none; |      text-decoration: none; | ||
| − |      font-weight:  | + |      font-weight: bold; | 
| − |      font-size:  | + |      font-size: 32px; | 
| + |     line-height:5em; | ||
| + |     color:#000; | ||
| + |     background-color:#f9f9f9; | ||
|      display: block; |      display: block; | ||
|      padding: 4px; |      padding: 4px; | ||
| Line 15: | Line 18: | ||
|      box-shadow: 0px 9px 25px rgba(0,0,0,.7); |      box-shadow: 0px 9px 25px rgba(0,0,0,.7); | ||
|      margin: 100px auto; |      margin: 100px auto; | ||
| − |      width:  | + |      width: 200px; | 
| − |      height:  | + |      height: 170px; | 
|      text-align: center; |      text-align: center; | ||
| Line 30: | Line 33: | ||
|      -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; | ||
| } | } | ||
Revision as of 12:23, 17 August 2017
/* CSS placed here will be applied to all skins */
a.button {
    position: relative;
    text-decoration: none;
    font-weight: bold;
    font-size: 32px;
    line-height:5em;
    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);
    margin: 100px auto;
    width: 200px;
    height: 170px;
    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;
}
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;
}
