Jump to content

User:Edokter/VectorButtons.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*8
 * Give those boring gray standard buttons a Vector-like appearance.
 */

/* Vector button */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid;
    border-color: #CCC #666 #666 #CCC;
    padding: 2px 7px;
    background-color: white;
    /* @embed */
    background-image: url(/w/skins/Vector/images/tab-break.png);
    background-repeat: repeat-x;
    background-position: left top;
}
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    background-position: 0% 30%;
}
button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
    border-color: #666 #AAA #AAA #666;
}