css only settings page submit button

This commit is contained in:
Matthias Kretschmann 2012-05-31 23:11:44 +02:00
parent 5d89f5e03c
commit 0340f54cbe
1 changed files with 26 additions and 7 deletions

View File

@ -98,10 +98,10 @@
#badgedoptions a {
text-decoration: none;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}
#badgedoptions form h2 {
@ -119,7 +119,26 @@
#badgedoptions .icon32 {
background-image: url(../img/icon-badged-32.png);
background-repeat: no-repeat;
}
}
#badgedoptions p.submit {
background: #fcfcfc;
padding: .7em .5em;
border-top: 1px solid #f7f7f7;
margin-top: 4em;
margin-bottom: 3em;
}
#badgedoptions input.button-primary {
background: -webkit-linear-gradient(#298cba 0%, #227399 100%);
background: -moz-linear-gradient(#298cba 0%, #227399 100%);
background: -o-linear-gradient(#298cba 0%, #227399 100%);
background: -ms-linear-gradient(#298cba 0%, #227399 100%);
background: linear-gradient(#298cba 0%, #227399 100%);
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
@ -129,8 +148,8 @@ only screen and ( min-device-pixel-ratio: 1.5) {
#badgedoptions .icon32 {
background-image: url(../img/icon-badged-32@2x.png) !important;
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
background-size: 32px 32px;
-moz-background-size: 32px 32px;
background-size: 32px 32px;
}
}