Start line:  
End line:  

Snippet Preview

Snippet HTML Code

Stack Overflow Questions
html > body div.t-error li {
	margin-left: 20px;
	margin-right: 20px;
}

div.t-error {
	border-color: #F0C000 !important;
}

div.t-error div {
	background-color: #F0C000;
	color: white;
	font-weight: bold;
}

form div.t-beaneditor {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	border: none;
}

form div.t-beaneditor-row {
	display: block;
	margin: 0;
	padding: 4px 5px 2px 9px;
	clear: both;
}

form div.t-beaneditor-row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html form div.t-beaneditor-row {
	height: 1%;
}

* html form div.t-beaneditor-row div {
	display: inline-block;
}

*+html form div.t-beaneditor-row div {
	display: inline-block;
}

form div.t-beaneditor-row div, form div.t-beaneditor-row span {
	margin: 0 4px 0 0;
	padding: 0 0 8px 0;
	color: #444;
}

form div.t-beaneditor-row span {
	float: left;
}

form li div.column {
	padding-bottom: 0;
}

form li div span.left, form li div span.right {
	width: 47%;
	margin: 0;
}

form li div span.full input, form li div span.full select, form li div span.left input, form li div span.right input, form li div span.left select, form li div span.right select {
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both !important;
}

.info {
	display: inline-block;
	clear: both;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 1em 0;
}

.info[class] {
	display: block;
}

.info h2 {
	font-weight: normal;
	font-size: 160%;
	margin: 0 0 .2em 0;
	clear: left;
}

.info div {
	font-size: 95%;
	line-height: 135%;
	margin: 0 0 1em 0;
	color: #555;
}

form hr {
	display: none;
}

div.t-beaneditor-row label {
	clear: both;
	display: block;
	float: none;
	text-align: left;
	vertical-align: middle;
	line-height: 150%;
	padding: 0 0 1px 0;
	border: none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
}

form li div label, form li span label {
	margin: 0;
	padding-top: 6px;
	clear: both;
	font-size: 9px;
	line-height: 9px;
	color: #444;
	display: block;
}

label.choice {
	font-size: 100%;
	display: block;
	line-height: 1.5em;
	margin: -1.65em 0 0 25px;
	padding: .44em 0 .5em 0;
	color: #222;
	width: 88%;
	display: block;
}

span.symbol {
	font-size: 115%;
	line-height: 130%;
}

form li div label var {
	font-weight: bold;
	font-style: normal;
}

form li div label .currently {
	display: none;
}

input, textarea, select {
	margin: 0;
	font-size: 100%;
	color: #333;
}

input[type=text], textarea, .firefox select {
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
	background: #fff url(fieldbg.gif) repeat-x top;
}

input {
	padding: 2px 0 2px 0;
}

input.checkbox, input.radio {
	display: block;
	line-height: 1.5em;
	margin: .6em 0 0 3px;
	width: 13px;
	height: 13px;
}

input.other {
	margin: 0 0 0 25px;
}

textarea {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
}

select {
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	margin: 1px 0;
	padding: 1px 0 0 0;
}

select.select[class] {
	margin: 0;
	padding: 1px 0 1px 0;
}

*:first-child+html select.select[class] {
	margin: 1px 0;
}

.safari select.select {
	margin-bottom: 1px;
	font-size: 120% !important;
}

input.btTxt {
	padding: 0 7px;
	width: auto;
	overflow: visible;
}

.buttons {
	clear: both;
	margin-top: 10px;
}

.buttons input {
	font-size: 120%;
	margin-right: 5px;
}

/* @ascandroli: idea taken from: http://stopdesign.com/eg/buttons/3.0/code.html 
 * use if one button should be the 'primary' button
 */
button.primary {
	font-weight: bold;
	color: #000;
}

.rtl .info h2, .rtl .info div, .rtl label, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section div, .rtl input.btTxt {
	direction: rtl;
}

.third {
	width: 32% !important;
}

.half {
	width: 48% !important;
}

.full {
	width: 100% !important;
}

input.small, select.small {
	width: 25%;
}

input.medium, select.medium {
	width: 50%;
}

input.large, select.large, textarea.textarea {
	width: 100%;
}

textarea.small {
	height: 5.5em;
}

textarea.medium {
	height: 10em;
}

textarea.large {
	height: 20em;
}

#errorLi {
	width: 99%;
	margin: 0 auto;
	background: #fff;
	border: 1px dotted red;
	margin-bottom: 1em;
	text-align: center;
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
}

#errorMsgLbl {
	margin: 7px 0 5px 0;
	padding: 0;
	font-size: 125%;
	color: #DF0000;
}

#errorMsg {
	margin: 0 0 .8em 0;
	color: #000;
	font-size: 100%;
}

#errorMsg strong {
	background-color: #FFDFDF;
	padding: 2px 3px;
	color: red;
}

form li.error {
	display: block !important;
	border-bottom: 1px solid #F9B9B2;
	border-right: 1px solid #F9B9B2;
	background-color: #FFDFDF !important;
}

form li.error label {
	color: #DF0000 !important;
}

form p.error {
	display: none;
	color: red;
	font-weight: bold;
	font-size: 10px;
	margin: -2px 0 5px 0;
	clear: both;
}

form li.error p.error {
	display: block;
}

.leftLabel p.error, .rightLabel p.error {
	margin-left: 30%;
	padding-left: 15px;
}

.noI .leftLabel p.error, .noI .rightLabel p.error {
	margin-left: 35%;
	padding-left: 15px;
}

form .req {
	float: none;
	color: red !important;
	font-weight: bold;
	margin: 0;
}

form li.focused {
	background-color: #fff7c0;
}

form li.focused, form li:hover {
	position: relative;
}

form div.t-beaneditor-row em {
	z-index: 1000;
	width: 42%;
	margin: 0 0 0 8px;
	padding: 8px 10px 9px 10px;
	border: 1px solid #e6e6e6;
	background: #f5f5f5;
	line-height: 130%;
	font-size: 80%;
	color: #444;
	visibility: hidden;
}

form div.t-beaneditor-row em small {
	font-size: 105%;
}

form div.t-beaneditor-row:active em, form div.t-beaneditor-row:hover em {
	left: 100%;
	visibility: visible;
}

.altInstruct em, li.leftHalf em, li.rightHalf em {
	visibility: visible;
	position: static;
	margin: -2px 0 0 0;
	padding: 0 0 7px 0;
	background: none;
	border: none;
	width: 100%;
	font-size: 9px;
	clear: left;
}

.leftLabel li, .rightLabel li {
	width: 74% !important;
	padding-top: 9px;
}

.leftLabel label, .rightLabel label {
	float: left;
	width: 29%;
	margin: 2px 15px 0 0;
}

.rightLabel label {
	text-align: right;
}

.leftLabel .column, .rightLabel .column {
	float: left;
}

.leftLabel .small, .rightLabel .small {
	width: 17%;
}

.leftLabel .medium, .rightLabel .medium {
	width: 35%;
}

.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .column, .rightLabel .column {
	width: 64%;
}

* html .leftLabel .small, * html .rightLabel .small {
	width: 23%;
}

* html .leftLabel .medium, * html .rightLabel .medium {
	width: 55%;
}

* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea {
	width: 97%;
}

.leftLabel pem, .rightLabel pem {
	width: 27%;
	margin-left: 5px;
}

.leftLabel .altInstruct em, .rightLabel .altInstruct em {
	margin-left: 29% !important;
	padding-left: 15px;
	width: 65%;
}

.leftLabel .buttons, .rightLabel .buttons {
	margin-left: 15px;
}

.leftLabel .buttons input, .rightLabel .buttons input {
	margin-left: 29%;
}

* html .leftLabel .buttons input, * html .rightLabel .buttons input {
	margin-left: 22%;
}

* html .leftLabel .buttons, * html .rightLabel .buttons {
	margin-left: 4px;
}

*+html .leftLabel .buttons, *+html .rightLabel .buttons {
	margin-left: 7px;
}

.noI em {
	display: none !important;
}

.noI form li, .noI form li.buttons, .altInstruct form li, .altInstruct form li.buttons {
	width: 97% !important;
}

.noI form li.section, .altInstruct form li.section {
	padding-left: 9px !important;
}

.noI .leftLabel label, .noI .rightLabel label {
	width: 34%;
}

.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .column, .noI .rightLabel .column {
	width: 60%;
}

.noI .leftLabel .buttons input, .noI .rightLabel .buttons input {
	margin-left: 34%;
}

form li.leftHalf, form li.rightHalf {
	width: 46% !important;
}

li.leftHalf {
	clear: left;
	float: left;
}

li.rightHalf {
	clear: none;
	float: right;
}

li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small {
	width: 100%;
}

@media print {
	#public, h2 {
		margin: 0;
	}

	#container {
		border: none !important;
		width: 100%;
	}

	#top, #bottom, h1, form .buttons, #printPage, .icon {
		display: none !important;
	}

	form {
		margin: 0;
		padding: 0;
		page-break-inside: auto;
	}

	form em {
		display: block;
	}
}

.t-add-child {
	text-align: right;
	display: block;
	margin-right: 5px;
	margin-top: -20px;
}
New to GrepCode? Check out our FAQ X