0% found this document useful (0 votes)
51 views

Styles Css

The document contains CSS code for styling various form elements and states for a contact form plugin called Contact Form 7. It defines styles for success, error, and invalid form submission states using different border colors. It also styles elements like required field indicators, loading spinners, file inputs and disabled submit buttons.

Uploaded by

reeder45960
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
51 views

Styles Css

The document contains CSS code for styling various form elements and states for a contact form plugin called Contact Form 7. It defines styles for success, error, and invalid form submission states using different border colors. It also styles elements like required field indicators, loading spinners, file inputs and disabled submit buttons.

Uploaded by

reeder45960
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

.wpcf7 .

screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}

.wpcf7 form .wpcf7-response-output {


margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output {


display: none;
}

.wpcf7 form.sent .wpcf7-response-output {


border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,


.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {


border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,


.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
position: relative;
}

.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}

div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url('../../assets/ajax-loader.gif');
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}

div.wpcf7 div.ajax-error {
display: none;
}

div.wpcf7 .placeheld {
color: #888;
}

div.wpcf7 input[type="file"] {
cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}

You might also like