velodaecher on "cForms Plugin anpassen"

Hallo Zusammen

Ich möchte das Stylesheet der Formulare anpassen sodass die Feldtitel und die Eingabefelder jeweils nebeneinander sind statt übereinander. habe schon ne ewigkeit aufgewendet aber nicht herausgefunden wie es geht.

/*                                                    */
    /*  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