| 1 |
/* |
| 2 |
* |
| 3 |
* CSS for the newsletter opt-in form in the Post Snippets plugin |
| 4 |
* |
| 5 |
*/ |
| 6 |
|
| 7 |
#ps-newsletter-notice #mlb2-6493346.ml-subscribe-form button { |
| 8 |
-webkit-transition-property: border, background, color; |
| 9 |
transition-property: border, background, color; |
| 10 |
-webkit-transition-duration: .05s; |
| 11 |
transition-duration: .05s; |
| 12 |
-webkit-transition-timing-function: ease-in-out; |
| 13 |
transition-timing-function: ease-in-out; |
| 14 |
|
| 15 |
display: inline-block; |
| 16 |
text-decoration: none; |
| 17 |
font-size: 13px; |
| 18 |
line-height: 26px; |
| 19 |
height: 28px; |
| 20 |
margin: 0; |
| 21 |
//margin-top: -1px; |
| 22 |
padding: 0 10px 1px 10px; |
| 23 |
cursor: pointer; |
| 24 |
-webkit-appearance: none; |
| 25 |
-webkit-border-radius: 3px; |
| 26 |
border-radius: 3px; |
| 27 |
white-space: nowrap; |
| 28 |
-webkit-box-sizing: border-box; |
| 29 |
-moz-box-sizing: border-box; |
| 30 |
box-sizing: border-box; |
| 31 |
|
| 32 |
background: #0085ba; |
| 33 |
border-width: 1px; |
| 34 |
border-style: solid; |
| 35 |
border-color: #0073aa #006799 #006799; |
| 36 |
-webkit-box-shadow: 0 1px 0 #006799; |
| 37 |
box-shadow: 0 1px 0 #006799; |
| 38 |
color: #fff; |
| 39 |
text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; |
| 40 |
} |
| 41 |
|
| 42 |
/* Add a nice gradient to the subscribe button */ |
| 43 |
#ps-newsletter-notice #mlb2-6493346.ml-subscribe-form button:hover { |
| 44 |
background: #008ec2; |
| 45 |
border-color: #006799; |
| 46 |
color: #fff; |
| 47 |
} |
| 48 |
|
| 49 |
/* Disable the submit button during processing */ |
| 50 |
#ps-newsletter-notice #mlb2-6493346.ml-subscribe-form button[disabled] { |
| 51 |
cursor: not-allowed!important; |
| 52 |
} |
| 53 |
|
| 54 |
/* Make the email field red if the value is incorrect */ |
| 55 |
#ps-newsletter-notice #mlb2-6493346.ml-subscribe-form .form-group.ml-error .form-control { |
| 56 |
border-color: red!important; |
| 57 |
} |
| 58 |
|
| 59 |
/* Align form in notice */ |
| 60 |
#ps-newsletter-notice .ml-subscribe-form.ml-subscribe-form-6493346 { |
| 61 |
margin: 5px 0 5px 0; |
| 62 |
} |
| 63 |
|
| 64 |
/* Make the email field just as big as the buttons */ |
| 65 |
#ps-newsletter-notice #mlb2-6493346 .subscribe-form .form-section.horizontal .form-group .form-control { |
| 66 |
height: 28px; |
| 67 |
} |
| 68 |
|
| 69 |
/* Set the "Hide this" button one pixel lower so it aligns with "Subscribe now" button */ |
| 70 |
#ps-newsletter-notice #mlb2-6493346 .subscribe-form .button-secondary { |
| 71 |
margin-top: 1px; |
| 72 |
} |
| 73 |
|
| 74 |
|
