Difference between revisions of "MediaWiki:Common.css"

From UniWiki
Jump to: navigation, search
(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: 700;
+
     font-weight: bold;
     font-size: 3em;
+
     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: 222px;
+
     width: 200px;
     height: 199px;
+
     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;
}