Verified Commit 42722599 authored by Aral Balkan's avatar Aral Balkan
Browse files

Style the buttons

parent 1970f8d5
......@@ -40,6 +40,13 @@ h1 {
color: #82073B;
}
/* The colour overrides, above, also apparently override the :disabled pseudo-class */
#pause-button:disabled, #cancel-button:disabled
{
color: #ccc;
background-color: #eee;
}
input[type='text'] {
font-size: 20px;
}
......@@ -259,36 +259,46 @@ input[name="donationAmount"] + label
}
}
input[type='submit'], button
input[type='text']:disabled {
cursor: not-allowed;
}
button
{
display: block;
font-size: 16px;
margin-top: 4px;
margin-bottom: 10px;
margin-right: 0;
text-align: center;
margin-left: auto;
margin-right: auto;
padding-left: 1em;
padding-right: 1em;
height: 50px;
border: 0;
border-radius: 5px;
cursor: pointer;
color: #004E48;
background-color: #E3F9A8;
width: 100%;
}
input[type='submit']:hover, button:hover
button:hover
{
background-color: #CBE89B;
/* border: 2px solid #A4C776; */
}
input[type='submit']:disabled, button:disabled
button:disabled
{
color: #ccc;
background-color: #eee;
/* border: 2px solid #eee; */
cursor: not-allowed;
}
@media only screen and (min-width: 380px) {
input[type='submit'], button {
button {
font-size: 20px;
width: auto;
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment