fredf
Forum Replies Created
Viewing 1 replies (of 1 total)
-
Forum: Plugins
In reply to: [Plugin: Custom Contact Forms] Change radius valueThe plugin CSS is:
/* Custom Contact Forms CSS */ form.customcontactform, form.customcontactform-sidebar { margin:8px; width:95%; max-width:600px; padding:4px; } form.customcontactform-sidebar { width:100%; } form.customcontactform h4, form.customcontactform-sidebar h4 { font-size:1.3em; font-weight:bold; } form.customcontactform div label, form.customcontactform-sidebar div label { display:block; width:100%; } form.customcontactform div label.checkbox, form.customcontactform-sidebar div label.checkbox { display:inline; } form.customcontactform div label.select, form.customcontactform-sidebar div label.select { display:inline; margin-right:8px; } form.customcontactform div, form.customcontactform-sidebar div { /*border-bottom: 1px dashed #e1e1e1;*/ padding:.4em 0 .3em 0; width:100%; margin:0 0 6px 0; } form.customcontactform div div, form.customcontactform-sidebar div div { border-bottom:none; margin-bottom:0; padding:0; } form.customcontactform div input, form.customcontactform div select, form.customcontactform-sidebar div input, form.customcontactform-sidebar div select { width:17em; padding:4px; margin:0; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } form.customcontactform div input[type=checkbox], form.customcontactform-sidebar div input[type=checkbox] { width:30px; margin:0px 5px 0 0; } form.customcontactform div input[type=radio], form.customcontactform-sidebar div input[type=radio] { width:20px; margin:5px 6px 0 0; } form.customcontactform input, form.customcontactform-sidebar input { margin: 7px 0 0 0; } form.customcontactform div textarea, form.customcontactform-sidebar div textarea { width:17em; padding:4px; margin:0; font-family:inherit; font-size:inherit; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; height:5em; } form.customcontactform .submit { padding:5px; } form.customcontactform div select { width:auto; margin-right:9px; min-width:17em; padding:2px; } form.customcontactform-sidebar div input[type=text], form.customcontactform-sidebar div select, form.customcontactform-sidebar div textarea { width:95%; max-width:16em; margin:2px 0 4px 0; } form.customcontactform-sidebar div select { width:auto; } /* ----- popover box ---------- */ .ccf-popover { position: absolute; top:25%; left:25%; width:500px; padding:10px; background-color:#fff; border:1px solid #666; display:none; z-index:1000000000; } .ccf-popover .ccf-popover-close { position:absolute; top:0px; right:5px; font-size:22px; } .ccf-tooltip { background-color:#000; border:1px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } /* --- form success popover -------------------- */ #ccf-form-success { display:none; border: 9px solid #efefef; border-spacing:0; width:480px; height:200px; padding:0px; margin:0; z-index:10000; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:15px; position:fixed; left:30%; background-color:white; top:30%; -moz-box-shadow:0 0 14px #123; -webkit-box-shadow: 0 0 14px #123; box-shadow:0 0 14px #123; } #ccf-form-success div { background-color:#efefef; padding:4px 9px 9px 20px; margin:0 0 15px 0px; height:1.3em; } #ccf-form-success div h5 { text-align:left; float:left; margin:0; padding:0; font-size:16px; font-weight:bold; } #ccf-form-success p { padding:8px; margin:0; clear:both; font-size:14px; text-align:center; } #ccf-form-success div a.close { float:right; display:block; font-size:12px; margin:0; padding:0; }Thanks
Viewing 1 replies (of 1 total)