Skip to content

Instantly share code, notes, and snippets.

@arielk
Created September 30, 2014 16:38
Show Gist options
  • Save arielk/b3ae033988daaeed0a86 to your computer and use it in GitHub Desktop.
Save arielk/b3ae033988daaeed0a86 to your computer and use it in GitHub Desktop.
Contact Form 7 - Responsive Design for Pojo Themes
.wpcf7 input,
.wpcf7 textarea {
width: 100%;
max-width: 100%;
margin-top: 6px;
padding: 6px;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.wpcf7 .wpcf7-submit {
background-color: transparent;
border: 1px solid #cccccc;
width: auto;
display: inline-block;
padding: 8px 16px;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
color: #333;
margin-bottom: 0px;
font-size: 1em;
font-weight: bold;
line-height: 1em;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:focus {
background-color: #EEEEEE;
text-decoration: none;
}
.wpcf7 .wpcf7-submit:active {
background-image: none;
outline: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment