/wp-content/plugins/contact-form-7/admin/css/styles.css
https://bitbucket.org/devbctph/futura_wp · CSS · 424 lines · 334 code · 69 blank · 21 comment · 0 complexity · 70732e8c68b193cb87dcc0bec81dacbe MD5 · raw file
- #titlediv .inside p.description {
- margin: 8px 2px 0;
- }
- #titlediv .inside p.description label {
- cursor: pointer;
- }
- span.shortcode {
- display: block;
- margin: 2px 0;
- }
- span.shortcode.old {
- background: #777;
- color: #fff;
- }
- span.shortcode > input {
- background: inherit;
- color: inherit;
- font-size: 12px;
- border: none;
- box-shadow: none;
- padding: 4px 8px;
- margin: 0;
- }
- #submitpost input.copy {
- margin-bottom: 10px;
- }
- #submitpost input.delete {
- padding: 0;
- margin: 0;
- border: none;
- cursor: pointer;
- background: inherit;
- color: #a00;
- }
- #submitpost input.delete:hover {
- color: #f00;
- }
- #submitpost input.delete:focus {
- outline: thin dotted;
- }
- .postbox-container .postbox h3 {
- border-bottom: 1px solid transparent;
- }
- .keyboard-interaction {
- visibility: hidden;
- color: #23282d;
- }
- div.config-error, span.config-error, ul.config-error {
- color: #444;
- font-style: normal;
- font-size: 13px;
- }
- ul.config-error {
- margin: 2px 0;
- }
- ul.config-error li {
- list-style: none;
- padding: 2px 2px;
- margin: 0;
- }
- div.config-error span.dashicons,
- ul.config-error li span.dashicons {
- color: #82878c;
- }
- [data-config-field][aria-invalid="true"] {
- border-color: #d00;
- }
- /*
- * Tabs
- */
- #contact-form-editor-tabs {
- border-bottom: 1px solid #aaa;
- padding: 9px 15px 0 10px;
- margin: 0;
- }
- #contact-form-editor-tabs li {
- display: inline-block;
- list-style: none;
- border: 1px solid #ccc;
- border-bottom: 1px solid #aaa;
- padding: 0;
- margin: 0 4px -1px;
- background-color: #e4e4e4;
- }
- #contact-form-editor-tabs li:hover {
- background-color: #fff;
- }
- #contact-form-editor-tabs li.ui-tabs-active,
- #contact-form-editor-tabs li.ui-tabs-active:hover {
- border-top: 1px solid #aaa;
- border-right: 1px solid #aaa;
- border-left: 1px solid #aaa;
- border-bottom: 1px solid #f5f5f5;
- background-color: #f5f5f5;
- }
- #contact-form-editor-tabs li a {
- padding: 6px 10px;
- font-size: 14px;
- font-weight: normal;
- line-height: 30px;
- color: #333;
- text-decoration: none;
- }
- #contact-form-editor-tabs li.ui-tabs-active a {
- color: #000;
- font-size: 14px;
- font-weight: bold;
- }
- #contact-form-editor-tabs li a:hover {
- color: #000;
- }
- #contact-form-editor-tabs li a span.dashicons {
- font-style: normal;
- padding: 6px 0 4px 4px;
- color: #82878c;
- }
- #contact-form-editor-tabs li a span.dashicons-warning,
- #contact-form-editor .contact-form-editor-panel > div.config-error span.dashicons-warning {
- color: #ca4a1f;
- }
- #contact-form-editor .contact-form-editor-panel > div.config-error {
- margin-bottom: 1.4em;
- }
- #contact-form-editor-tabs li.ui-tabs-active a span.dashicons {
- display: none;
- }
- #contact-form-editor .contact-form-editor-panel h2 {
- font-size: 18px;
- font-weight: 400;
- line-height: 24px;
- margin: 8px 0;
- padding: 0;
- }
- #contact-form-editor .contact-form-editor-panel {
- background-color: #f5f5f5;
- border: 1px solid #aaa;
- border-top: none;
- padding: 16px;
- }
- #contact-form-editor .form-table th {
- width: 100px;
- }
- #contact-form-editor .contact-form-editor-panel fieldset legend {
- line-height: 1.5;
- margin: .6em 0 .4em;
- }
- /*
- * Form Tab
- */
- #tag-generator-list a.button {
- font-size: 12px;
- height: 26px;
- line-height: 24px;
- margin: 2px;
- padding: 0 8px 1px;
- }
- .tag-generator-panel {
- position: relative;
- height: 495px;
- }
- .tag-generator-panel .control-box {
- padding: 0;
- margin: 0;
- height: 380px;
- overflow: auto;
- }
- .tag-generator-panel .control-box > fieldset legend {
- border: 1px solid #dfdfdf;
- border-left: 4px solid #00a0d2;
- background: #f7fcfe;
- padding: 4px 12px;
- margin: 4px 0;
- line-height: 1.4em;
- width: 95%;
- }
- .tag-generator-panel table {
- width: 100%;
- }
- .tag-generator-panel table.form-table th {
- width: 120px;
- padding: 4px 10px 4px 0;
- font-size: 13px;
- }
- .tag-generator-panel table.form-table td {
- padding: 4px 10px;
- font-size: 13px;
- }
- .tag-generator-panel .control-box input.oneline {
- width: 200px;
- }
- .tag-generator-panel .control-box input.large-text {
- width: 400px;
- }
- .tag-generator-panel .control-box textarea.values {
- width: 200px;
- height: 6em;
- }
- .tag-generator-panel .control-box input[type="number"],
- .tag-generator-panel .control-box input[type="date"] {
- width: 88px;
- }
- .tag-generator-panel .control-box table caption {
- text-align: left;
- font-size: 110%;
- font-weight: bold;
- color: #777;
- margin: 10px 0 5px;
- }
- .tag-generator-panel .control-box table.form-table td label {
- line-height: 1.1em;
- }
- .tag-generator-panel .control-box table.form-table td label .description {
- line-height: 1.4em;
- }
- .tag-generator-panel .insert-box {
- position: absolute;
- left: -15px;
- right: -15px;
- bottom: -15px;
- width: 100%;
- height: 84px;
- margin: 0;
- padding: 8px 16px;
- background-color: #fcfcfc;
- border-top: 1px solid #dfdfdf;
- overflow: auto;
- }
- .tag-generator-panel .insert-box input.tag {
- width: 480px;
- float: left;
- background-color: transparent;
- box-shadow: none;
- }
- .tag-generator-panel .insert-box .submitbox {
- padding: 2px 4px;
- }
- .tag-generator-panel .insert-box .submitbox input[type="button"] {
- float: right;
- }
- .tag-generator-panel .insert-box .description label {
- cursor: text;
- }
- /*
- * Mail Tab
- */
- .contact-form-editor-box-mail span.mailtag {
- display: inline-block;
- margin: 0 0 0 4px;
- padding: 1px 2px;
- cursor: pointer;
- color: #000;
- }
- .contact-form-editor-box-mail span.mailtag.used {
- color: #666;
- }
- .contact-form-editor-box-mail span.mailtag.unused {
- font-weight: bold;
- }
- /*
- * Messages Tab
- */
- #messages-panel p.description {
- margin: 5px 0 10px;
- }
- /*
- * List Table
- */
- .fixed .column-title {
- width: 38%;
- }
- .fixed .column-shortcode {
- width: 38%;
- }
- .wp-list-table .config-error span.dashicons-warning {
- color: #ca4a1f;
- }
- /*
- * Welcome Panel
- */
- .welcome-panel .welcome-panel-column,
- .welcome-panel .welcome-panel-column:first-child {
- width: 48%;
- padding: 0 2% 0 0;
- margin: 0 0 1em 0;
- }
- @media screen and (max-width: 870px) {
- .welcome-panel .welcome-panel-column,
- .welcome-panel .welcome-panel-column:first-child {
- display: block;
- float: none;
- width: 100%;
- }
- }
- .welcome-panel h3 {
- font-size: 16px;
- font-weight: 600;
- line-height: 2.1em;
- margin: 1em 0 1.2em;
- }
- .welcome-panel h3 .dashicons {
- position: relative;
- top: -2px;
- display: inline-block;
- width: 60px;
- color: #575757;
- font-size: 40px;
- }
- .welcome-panel p a {
- font-weight: bold;
- }
- .welcome-panel-close {
- z-index: 2;
- }
- /*
- * Integration
- */
- .card {
- background: #fff none repeat scroll 0 0;
- border: 1px solid #e5e5e5;
- border-left: 4px solid #e5e5e5;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
- margin-top: 20px;
- max-width: 520px;
- min-width: 255px;
- padding: 0.7em 2em 1em;
- position: relative;
- }
- .card.active {
- border-color: #00a0d2;
- }
- .card img.icon {
- float: left;
- margin: 8px 8px 8px -8px;
- }
- .card h2.title {
- float: left;
- max-width: 240px;
- font-size: 1.3em;
- font-weight: 600;
- }
- .card .infobox {
- float: right;
- font-size: 13px;
- color: #666;
- margin: 2px 0 5px;
- line-height: 1.5;
- max-width: 240px;
- }
- .card .inside .form-table th {
- padding: 15px 10px 15px 0;
- width: 160px;
- }
- .card .inside .form-table td {
- padding: 10px 10px;
- }