dynamictemplate/gh-pages/example/base.css

Δt - async & dynamic templating engine

body {
    background:white;
    color: black;
}

a, input {
    text-decoration:none;
    color: #545454;
    padding: 1px;
    border: 1px solid transparent;
    margin: 3px;
    display:inline-block;
    min-width: 1em;
    text-align:center;
    vertical-align:middle;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    border-radius:0.3em;

    background-size: 0% 0%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color:transparent;
    background-image: -webkit-radial-gradient(circle contain, black, black 50%, transparent 50%, transparent);
    background-image: -moz-radial-gradient(circle contain, black, black 50%, transparent 50%, transparent);
    background-image: -o-radial-gradient(circle contain, black, black 50%, transparent 50%, transparent);
    background-image: -ms-radial-gradient(circle contain, black, black 50%, transparent 50%, transparent);
    background-image: radial-gradient(circle contain, black, black 50%, transparent 50%, transparent);
}

a:hover, a:focus, input:hover, input:focus  {
    background-size: 2222% 2222%;
    border-color:transparent;
    color:white;
}

input {
    text-align:left;
    padding: 3px;

    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.42);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.42);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.42);
}

input[type="button"] {
    cursor: pointer;
    background-color:rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 3px rgba(255,255,255,0.42);
    -moz-box-shadow: inset 0 0 3px rgba(255,255,255,0.42);
    box-shadow: inset 0 0 3px rgba(255,255,255,0.42);
}