WordPress.org

Ready to get started?Download WordPress

Forums

cForms: Stylesheet (1 post)

  1. velodaecher
    Member
    Posted 9 months ago #

    hey everyone :)

    I want to customize the stylesheet. the form fields to get to the right of the title. what I need to change?

    /*                                                    */
    /*  main 'top-level' form elements                    */
    /*                                                    */
    @import "calendar.css";
    
    .cform {
    	width: 850px; 
    
    }
    
    .cform fieldset	{
    	margin-top:10px;
    	padding:5px 0px 10px 0px;
    	border:none;
    }
    
    .cform .cf_hidden {
    	display:none;
    	border:none!important;
    	background:none!important;
    	padding:0!important;
    	margin:0!important;
    }
    
    .cform legend {
    	color:#353c40;
    	margin:0;
    	line-height:2em;
    	padding: 0;
    	font-size:20px;
    	font-variant:small-caps;
    }
    
    ol.cf-ol {
    	margin:0!important;
    	padding:0!important;
    }
    ol.cf-ol li	{
    	background:none!important;
            margin:10px 0!important; /*some themes may interfere otherwise*/
    	padding:0;
    	list-style:none!important;
    	text-align:left;
    }
    
    /*                                                    */
    /* just for text-only fields (no input)               */
    /*                                                    */
    
    ol.cf-ol li.textonly {
    	padding-left:120px
    margin:6px 0!important;
    	text-align:left;
    	font: bold 14px Helvetica;
    }
    
    /*                                                    */
    /* global definitions for field labels                */
    /*                                                    */
    
    .cform label {
    
    	background:#EC8D29 none repeat scroll 0%;
    	color:#ffffff;
    	font:12px Arial;
    	margin:0 10px 0 0;
    	padding:5px 5px 5px;
    	width:100px;
    
    	display:-moz-inline-box; /*for mozilla*/
    	display:inline-block; /*for Opera & IE*/
    	vertical-align:top;
    }
    .cform label span {
    	width:100px; /* must be the same as above!*/
    	display:block;
    }
    
    label.cf-before {
    	margin:0 10px 0 0;
    }
    
    label.cf-after 	{
    	margin:2px 1px 0pt 3px !important;
    	width:90px;
    	text-align:left;
    	background:none;
    	padding:2px;
    	line-height:1.3em;
    }
    
    label.cf-after span {
    	width:90px;
    	display:block;
    }
    
    label.cf-group-after {
    	margin:2px 0 0 3px!important;
    	width:90px;
    	text-align:left;
    	padding:2px;
    	background:none;
    	line-height:1.3em;
    }
    label.cf-group-after span {
            margin:0;
            width:90px;
    	display:block;
    }
    
    /*                                                    */
    /*   FORM FIELDS general formatting                   */
    /*                                                    */
    
    .cform input,
    .cform textarea,
    .cform select {
    	font:12px Helvetica;
    	margin:0;
    	border:1px solid #EC8D29;
    	color:#666666;
    	padding:4px 5px;
    	width:280px;
    	vertical-align:top;
    }
    .cform input:hover,
    .cform textarea:hover,
    .cform select:hover	{
    	border:1px solid #EC8D29;
    	color:#666666;
    	width:280px;
    }
    .cform .cf_date {
    	width:210px!important;
    }
    
    .cform select,
    .cform select:hover {
    	width:280px; /* attempt to have equal length */
    	padding: 3px 5px;
    }  
    
    .cform select.cfselectmulti	{
    	height:7.5em;
    }
    
    .cform textarea {
    	overflow:auto;
    	height:8em;
    }
    
    .cform input.fldrequired,
    .cform input.fldrequired:hover{
    	border-right:1px solid #EC8D29;
    	width:280px;
    }
    
    .cform select.fldrequired,
    .cform select.fldrequired:hover {
    	border-right:1px solid #EC8D29;
    	width:270px;
    }

Reply

You must log in to post.

About this Topic