Styles to help frontend development of Gravity Forms with the plugin's CSS turned off.

Gravity-Form-Base-Styles.css

/* ==========================================================================
   Gravity Forms
   ========================================================================== */

ul.gform_fields {
	padding: 0;
	margin: 0;
}

.gform_fields, .content .gform_fields {
	margin: 20px 0;
	padding: 0;
}

.gform_fields li, .main ul.gform_fields li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px;
	overflow: hidden;
}

span.gform_description {
	margin: 0 0 20px;
	display:block;
}

.gform_wrapper .validation_error {
	margin: 20px 0;
}

.gform_wrapper .validation_message {
	font-size: 11px;
	color: red;
	font-style: italic;
	position: relative;
	top: 0px;
}

.ginput_complex label {
	font-size: 11px !important;
	font-style: italic;
	margin: 8px 0 0px;
	color: #BBB;
	display: block;
}

.gform_wrapper .top_label input.medium, .gform_wrapper input[type="text"] {
}

.gform_full input {
	width: 97%;
	box-sizing: border-box;
}

.gform_full textarea {
	width: 920px;
}




/* gform left/right */

.gform_wrapper ul li.gform_left, span.ginput_left {
	float: left;
	width: 51%;
	clear: none;
}

.gform_wrapper ul li.gform_right, span.ginput_right {
	float: left;
	width: 49%;
	clear: none;
}

.gform_wrapper ul li.gform_left input.medium, span.ginput_left input {
	width: 91%;
}

.gform_wrapper ul li.gform_left select {
	width: 95%;
	padding: 3px;
}

.gform_wrapper ul li.gform_right input.medium, span.ginput_right input {
	width: 93%;
}

.gform_wrapper ul li.gform_right select {
	width: 100%;
	padding: 3px;
}

/* Gform Full */

.gform_wrapper .gform_full, .wpcf7-full {
	clear: left;
	float: none;
}

.gform_wrapper .gform_full textarea, .wpcf7-full textarea {
	width: 97%;
}

.gform_wrapper textarea, textarea {
	padding: 3px;
	height: 165px;
}

/* Sidebar */

.sidebar .gform_wrapper ul li.gform_left, .sidebar span.ginput_left, .sidebar .gform_wrapper ul li.gform_right, .sidebar span.ginput_right {
	float: none;
	width: 100%;
	clear: both;
}

/* Checkbox */

ul.gfield_checkbox {
	margin: 0;
}

ul.gfield_checkbox li {
	margin: 0;
	padding: 0;
}

/* Validation */

.validation_error, #gforms_confirmation_message {
	padding: 8px 14px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

#gforms_confirmation_message {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6
}

.validation_error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7
}

/* Gform Footer */

.gform_footer {
	margin: 0 0 50px;
}

.gform_footer button + img {
	margin: 18px;
}

.sidebar .gform_footer {
	margin: -15px 0 0;
}

/* Gform Submit */

.gform-submit {
	margin: 0 5px 0 0;
}

.gform_fields select {
	background: #fbfbfb;
	height: 46px;
	border: 1px solid #777;
}

.gform_fields input, .gform_fields select, .gform_fields textarea {
	background: #eee;
	color: #8a8788;
	font-size: 13px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	padding: 6px 10px;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.06);
	outline: none;
	-webkit-transition: 0.2s all linear;
	-moz-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
}

input:focus, select:focus, textarea:focus {
	background: #FFF;
}