Difference between revisions of "MediaWiki:Common.css"

From UniWiki
Jump to: navigation, search
 
(4 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:5em;
+
     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);
    margin: 100px auto;
+
     width: 133px;
     width: 200px;
+
     height: 133px;
     height: 170px;
 
 
     text-align: center;
 
     text-align: center;
  
Line 29: 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;
}