Juan Carlos Picado Herrera avatar Juan Carlos Picado Herrera committed 97cfd04

Integrated YAML
Enabled edit user

Comments (0)

Files changed (84)

enme-css/src/css/resource/sass/_common.scss

   @extend .right;
 }
 
-
 .enme-ui-loading-search {
   background-repeat: no-repeat;
   border-radius: 0 0 4px 4px;

enme-css/src/css/resource/sass/_layout.scss

 @import "mixin";
+@import "yaml/core/base";
+@import "yaml/core/iehacks";
+@import "yaml/navigation/hlist";
+@import "yaml/navigation/vlist";
+
 
 html,body {
     height: 100%;

enme-css/src/css/resource/sass/sections/shared-components/_dialog.scss

+.enme-dialog-support {
+	min-height: 300px;
+}
+
+.dialog-padding {
+	padding: 10px;
+}
+
+.dialog-background {
+	background-color : $black_medium;
+	color : $white;
+}
+
+.enme-dialog-support section {
+	padding: 10px;
+}
+
+.enme-dialog-support header {
+   @extend .dialog-background;
+   @extend .dialog-padding;
+}
+
+.enme-dialog-support h2 {
+	@extend .non-margin;
+}
+
+.enme-dialog-support footer {
+   @extend .non-margin;
+   @extend .dialog-padding;
+   @extend .dialog-background;
+}

enme-css/src/css/resource/sass/sections/web/_common_web.scss

 
 @import "../../web/components/button";
 
+@import "../shared-components/dialog";
+

enme-css/src/css/resource/sass/sections/web/admon.scss

 @import "../../web/admon";
 @import "../../web/table";
 @import "../../web/components/tweetpoll-publish";
+
+@import "yaml/forms/gray-theme";

enme-css/src/css/resource/sass/web/_admon.scss

 
 .web-admon-user-create .submit {
     padding: 10px 0px 0px 0px;
+}
+
+/** User Edit Form **/
+
+.ui-user-edit {
+    min-width: 600px;
 }

enme-css/src/css/resource/sass/yaml/_yaml_globals.scss

+////////////////////////////////////////////////////////////////////
+//
+// YAML Core
+//
+////////////////////////////////////////////////////////////////////
+
+// Disable/Enable Core Modules
+// ---------------------------------
+$default-base-normalization	: true;
+$default-base-floathandling	: true;
+$default-base-columns		: true;
+$default-base-grids			: true;
+$default-base-forms			: true;
+$default-base-accessibility	: true;
+$default-base-print			: true;
+
+// Config: Columns Module
+// ---------------------------------
+$default-column-width		: 20%;
+$default-cbox-padding		: 10px;
+
+// Config: Grids Module
+// ---------------------------------
+$default-rounding-tolerance	: -5px;
+$default-gbox-padding		: 10px;
+
+// Config: Print Module
+// ---------------------------------
+$default-print-fontsize		: 10pt;
+$default-print-abbreviation	: false;
+$default-print-href			: false;
+
+////////////////////////////////////////////////////////////////////
+//
+// Typography Module
+//
+////////////////////////////////////////////////////////////////////
+
+// Font Settings
+// ---------------------------------
+$font-sans					: "Droid Sans", Arial, Helvetica, sans-serif;
+$font-serif					: "Droid Serif", Georgia, "Times New Roman", Times, serif;
+$font-monospace				: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+
+// Color Settings
+// ---------------------------------
+// standard typography colors
+$text-color					: #444;
+$headings-color				: #161e21;
+$blockquote-text-color		: #666;
+$blockquote-bg-color		: transparent;
+$pre-text-color				: #800;
+$kbd-text-color				: #666;
+$mark-text-color			: #000;
+$mark-bg-color				: #ff0;
+
+// highlight colors
+$highlight-info-color		: #f4f4f4;
+$highlight-success-color	: #8c8;
+$highlight-warning-color	: #cc8;
+$highlight-error-color		: #c88;
+
+// link colors
+$link-text-color			: #4d87c7;
+$link-bg-color				: transparent;
+$link-focus-text-color		: #fff;
+$link-focus-bg-color		: #4d87c7;
+
+// special colors
+$hr-color					: #eee;
+$highlight-text-color		: #c30;
+$dimmed-text-color			: #888;
+
+// Vertical Rhythm
+// ---------------------------------------------------
+// font values have to be defined in [px] without unit
+$browser-default-font-size	: 16;
+$base-font-size				: 14;
+$base-line-height			: 21;
+
+$h1-font-size				: 49;
+$h2-font-size				: 35;
+$h3-font-size				: 24;
+$h4-font-size				: 21;
+$h5-font-size				: 18;
+$h6-font-size				: 14;
+$text-big-font-size			: 16;
+$text-small-font-size		: 12;
+
+// scale factors (don't change - unless you know what you do)
+$line-height				: $base-line-height / $base-font-size;
+$h1-font-scale				: $h1-font-size / $base-font-size;
+$h2-font-scale				: $h2-font-size / $base-font-size;
+$h3-font-scale				: $h3-font-size / $base-font-size;
+$h4-font-scale				: $h4-font-size / $base-font-size;
+$h5-font-scale				: $h5-font-size / $base-font-size;
+$h6-font-scale				: $h6-font-size / $base-font-size;
+$text-font-scale			: 1;
+$text-big-font-scale		: $text-big-font-size / $base-font-size;
+$text-small-font-scale		: $text-small-font-size / $base-font-size;

enme-css/src/css/resource/sass/yaml/add-ons/accessible-tabs/tabs.scss

+//  "Yet Another Multicolumn Layout" - YAML CSS Framework
+//
+//  (en) Styles for Accessible-Tabs plugin for jQuery
+//  (de) Gestaltung des Acessible-Tabs Plugins für jQuery
+//
+//  @copyright       Copyright 2005-2012, Dirk Jesse
+//  @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                   YAML-CDL (http://www.yaml.de/license.html)
+//  @link            http://www.yaml.de
+//  @package         yaml
+
+@media screen, projection {
+	.jquery_tabs {
+		margin:1.5em 0 0;
+
+		ul.tabs-list {
+			font-size: 1em;
+			line-height: 1.5em;
+
+			display:table;
+			list-style-type:none;
+			margin: 0;
+			position:relative;
+			z-index:1;
+
+			li {
+				margin: 0 4px 0 0;
+				border:0 none;
+				display:inline;
+				float:left;
+				padding:0;
+
+				a {
+					font-size: 1em;
+					line-height: 1.5;
+					padding: 0.75em;
+					background: transparent;
+
+					display:block;
+					float:left;
+					font-weight:normal;
+					margin:0;
+
+					&:focus, &:hover, &:active {
+						background:#eee;
+						border-radius: 0.2em 0.2em 0 0;
+						color:#000;
+
+						font-weight:normal;
+						outline: 0 none;
+						text-decoration:none;
+					}
+				}
+
+				&.current {
+					a,a:focus, a:hover, a:active {
+						background:#fff;
+						border:1px #ccc solid;
+						border-radius:0.2em 0.2em 0 0;
+						color:#000;
+
+						border-bottom:0 none;
+						font-weight:bold;
+						text-decoration:none;
+					}
+				}
+			}
+		}
+
+		.content {
+			border-top: 1px #ccc solid;
+
+			clear:both;
+			padding: 0;
+			position:relative;
+			top:-1px;
+			margin-bottom:-1px;
+		}
+	}
+
+	// hiding texts visually
+	.jquery_tabs .tabhead {
+		position:absolute;
+		left:-32768px; // LTR
+	}
+	.jquery_tabs .current-info,
+	.jquery_tabs .accessibletabsanchor {
+		left:-999em;
+		position:absolute;
+	}
+
+   // Avoid margin collapsing to enable correct sync of all tabs
+   //
+   // @workaround
+   // @affected all browsers
+   // @css-for all browsers
+   // @valid yes
+
+	.jquery_tabs .tab-content {
+		border-bottom: 	1px transparent solid;
+		border-top: 	1px transparent solid;
+		*overflow:hidden;
+	}
+
+	// Containing floats adjustment and stability fixes for Internet Explorer
+	//
+	// @workaround
+	// @affected IE 5.x/Win, IE6, IE7
+	// @css-for IE 5.x/Win, IE6, IE7
+	// @valid no
+	* html .jquery_tabs {
+		zoom:1;
+		width:auto;
+		position:relative;
+
+		// IE < 7 don't support transparent borders
+	 	.tab-content {
+			border-bottom: 1px #fff solid;
+			border-top: 1px #fff solid;
+		}
+
+		.content {
+			z-index:-1;
+		}
+	}
+
+	*+html .jquery_tabs { zoom:1; width:auto; }
+	.jquery_tabs * { zoom:1; }
+}
+
+// Make tabs printable
+@media print {
+	.jquery_tabs {
+		.tabs-list {
+			display: none !important;
+		}
+		.tabbody,
+		.tabhead {
+			display: block !important;
+		}
+	}
+}

enme-css/src/css/resource/sass/yaml/add-ons/microformats/microformats.scss

+//
+// "Yet Another Multicolumn Layout" - YAML CSS Framework
+//
+// (en) YAML-Addon:Microformats Support
+// (de) YAML-Addon:Unterstützung für Microformate
+//
+// @note            Many thanks to Michael Jendryschik (http://jendryschik.de/) for contribution
+//
+// @copyright       Copyright 2005-2012, Dirk Jesse
+// @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                  YAML-CDL (http://www.yaml.de/license.html)
+// @link            http://www.yaml.de
+// @package         yaml
+//
+
+/* hCards + hCalendars */
+@media all {
+
+	.vcard,
+	.vevent {
+		line-height: 1.5em;
+		border:2px solid #e0e7b8 !important;
+		padding:30px 5px 5px 5px !important;
+		border-radius:8px;
+		-moz-border-radius:8px;
+		-webkit-border-radius:8px;
+		margin: 1.5em 0 0 0 !important;
+		/* small IE-Fix for background images */
+		zoom:1;
+	}
+
+	span.vcard,
+	span.vevent {
+		padding:2px 1px 2px 70px !important;
+		margin:0 2px 0 !important;
+	}
+
+	.vcard {
+		background-color: #f8f8ec;
+		background-repeat: no-repeat;
+		background-position: 5px 5px;
+		background:#f8f8ec url(icons/hcard.png) 5px 5px no-repeat !important;
+
+		a {
+			padding-left:11px;
+			background:url(icons/external_link.png) top left no-repeat;
+			color:#679A06;
+		}
+
+		.adr {
+			display:block;
+			margin:0.5em 0;
+		}
+
+		.email {
+			font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
+		}
+	}
+
+
+	.vevent {
+		background:#f8f8ec url(icons/hcalendar.png) 5px 5px no-repeat !important;
+	}
+
+	.vevent {
+		a {
+			padding-left:11px;
+			background:url(icons/external_link.png) top left no-repeat;
+			color:#679A06;
+		}
+
+		p {
+			margin: 0;
+		}
+
+		.description {
+			display:block;
+			margin-top:1em;
+		}
+
+		.location {
+			display:block;
+			color:#679A06;
+		}
+
+		.summary {
+			display:block;
+			color:#679A06;
+			font-weight:bold;
+		}
+	}
+
+	/* XFN relationship */
+
+	a.xfnRelationship {
+		padding-right:26px;
+		background-image:url(icons/xfn/xfn-small.png);
+		background-repeat: no-repeat;
+		background-position: right;
+		&[rel~="colleague"],
+		&[rel~="co-worker"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-colleague.png);
+		}
+
+		&[rel~="met"] {
+			padding-right:32px;
+			background-image:url(icons/icon-xfn.png);
+		}
+
+		&[rel~="colleague"][rel~="met"],
+		&[rel~="co-worker"][rel~="met"] {
+			padding-right:26px;
+			background-image:url(icons/xfn/xfn-colleague-met.png);
+		}
+
+		&[rel~="friend"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-friend.png);
+		}
+
+		&[rel~="friend"][rel~="met"] {
+			padding-right:26px;
+			background-image:url(icons/xfn/xfn-friend-met.png);
+		}
+
+		&[rel~="sweetheart"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-sweetheart.png);
+		}
+
+		&[rel~="sweetheart"][rel~="met"] {
+			padding-right:26px;
+			background-image:url(icons/xfn/xfn-sweetheart-met.png);
+		}
+
+		&[rel~="child"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-child.png);
+		}
+
+		&[rel~="parent"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-parent.png);
+		}
+
+		&[rel~="spouse"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-spouse.png);
+		}
+
+		&[rel~="me"] {
+			padding-right:21px;
+			background-image:url(icons/xfn/xfn-me.png);
+		}
+	}
+
+	/* rel-tag */
+
+	a[rel~="tag"] {
+		padding-right:32px;
+		background-image:url(icons/icon-rel-tag.png);
+		background-repeat: no-repeat;
+		background-position: right;
+	}
+
+	/* geo */
+
+	abbr[class~="geo"] {
+		padding-right:32px;
+		background:url(icons/icon-geo.png) no-repeat right;
+		border:none;
+		cursor:default;
+	}
+}

enme-css/src/css/resource/sass/yaml/add-ons/rtl-support/core/base-rtl.scss

+// 
+// "Yet Another Multicolumn Layout" - YAML CSS Framework
+// 
+// (en) YAML core RTL stylesheet
+// (de) YAML Basis-RTL-Stylesheet
+// 
+// Don't make any changes in this file!
+// Your changes should be placed in any css-file in your own stylesheet folder.
+// 
+// @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+// 
+// @copyright       Copyright 2005-2012, Dirk Jesse
+// @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                  YAML-CDL (http://www.yaml.de/license.html)
+// @link            http://www.yaml.de
+// @package         yaml
+// 
+
+@media all {
+
+	/**
+	* @section browser normalisation
+	* Changing direction of text flow, paddings & margins ...
+	*/
+
+	option { padding: 0 0.4em 0 0; }
+
+	body {
+		text-align: right;
+		direction: rtl;
+	}
+
+	ul, ol, dl { margin: 0 1em 1em 0; }
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd { margin: 0 0.8em 1em 0; }
+	blockquote, cite { margin: 0 0.8em 1em 0; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) skip links cause large horizontal scrollbars in RTL mode in several browsers
+	* (de) skip links erzeugen große horziontale Scrollbalken in verschiedenen Browserin im RTL-Modus
+	*
+	* @workaround
+	* @affected   Firefox, Safari, IE 5.x - IE7
+	* @css-for    all
+	* @valid      yes
+	*/
+
+	.ym-skiplinks {
+		left: 32768px !important;
+		.ym-skip {
+			&:focus,
+			&:active{ left: -32768px !important; }
+		}
+	}
+
+	.ym-skip,
+	.ym-hideme,
+	.ym-print { left: 32768px !important; }
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* @section miscellaneous
+	*
+	* (en) CSS-class for ltr-content (left to right) within a rtl website
+	* (de) Eine CSS-Klasse für ltr-Inhalte (left to right) innerhalb einer rtl-Seite
+	*/
+
+	.ym-text-ltr {
+		direction: ltr;
+		text-align: left;
+	}
+}

enme-css/src/css/resource/sass/yaml/add-ons/rtl-support/navigation/hlist-rtl.scss

+// 
+// "Yet Another Multicolumn Layout" - YAML CSS Framework
+// 
+// (en) RTL Horizontal list navigation "hlist"
+// (de) RTL Horizontale Navigationsliste "hlist"
+// 
+// @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+// 
+// @copyright       Copyright 2005-2012, Dirk Jesse
+// @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                  YAML-CDL (http://www.yaml.de/license.html)
+// @link            http://www.yaml.de
+// @package         yaml
+// 
+
+@media all
+{
+	/**
+	* (en) Workaround disappearing list elements on hover
+	* (de) Workaround verhindert das Verschwinden der Listenelemente beim Hovern
+	*
+	* @workaround
+	* @affected   IE 5.x/Win, IE6, IE7
+	* @css-for    IE 5.x/Win, IE6, IE7
+	* @valid      yes
+	*/
+
+	.ym-hlist {
+		* { direction:ltr !important; }
+
+		a,
+		strong { direction:rtl !important; }
+
+	  	ul {
+			position:relative;
+			float:right;
+			/* (en) Left margin of the first button  */
+			/* (de) Abstand des ersten Buttons vom linken Rand  */
+			margin-left: 0; /* Reset LTR */
+		}
+
+		ul li {
+			float: right;
+			text-align:right !important;
+		}
+	}
+
+	.ym-searchform {
+		float:left;
+		display: inline;
+		line-height: 2em;
+		padding: 0.5em 1.5em;
+	}
+}

enme-css/src/css/resource/sass/yaml/add-ons/rtl-support/navigation/vlist-rtl.scss

+// 
+// "Yet Another Multicolumn Layout" - YAML CSS Framework
+// 
+// (en) Vertical RTL list navigation "vlist"
+// (de) Vertikale RTL-Navigationsliste "vlist"
+// 
+// @note:           Many thanks to Alexander Hass (http://www.yaml-fuer-drupal.de/) for contribution
+// 
+// @copyright       Copyright 2005-2012, Dirk Jesse
+// @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                  YAML-CDL (http://www.yaml.de/license.html)
+// @link            http://www.yaml.de
+// @package         yaml
+// 
+
+@media all {
+
+	/* menu title */
+	.ym-vtitle {
+		padding-left: 0px;
+		padding-right: 10%;
+	}
+
+	.ym-vlist {
+		text-align: right;
+
+		li { float:right; }
+
+		/* Level 1 */
+		li a,
+		li strong,
+		li span {
+			padding-left: 0px;
+			padding-right: 10%;
+		}
+
+		/* Level 2 */
+		li ul li a,
+		li ul li strong,
+		li ul li span {
+			padding-left: 0px;
+			padding-right: 20%;
+		}
+
+		/* Level 3 */
+		li ul li ul li a,
+		li ul li ul li strong,
+		li ul li ul li span {
+			padding-left: 0px;
+			padding-right: 30%;
+		}
+
+		/* Level 4 */
+		li ul li ul li ul li a,
+		li ul li ul li ul li strong,
+		li ul li ul li ul li span {
+			padding-left: 0px;
+			padding-right: 40%;
+		}
+	}
+}

enme-css/src/css/resource/sass/yaml/add-ons/rtl-support/screen/typography-rtl.scss

+// 
+// "Yet Another Multicolumn Layout" - YAML CSS Framework
+// 
+// (en) Uniform design of standard content elements
+// (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
+// 
+// @copyright       Copyright 2005-2012, Dirk Jesse
+// @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                  YAML-CDL (http://www.yaml.de/license.html)
+// @link            http://www.yaml.de
+// @package         yaml
+// 
+
+@media all {
+
+	/* --- Lists | Listen  -------------------------------------------------------------------------------- */
+
+	ul,
+	ol,
+	dl {
+		margin-left: 0;
+		margin-right: 1em;
+	}
+
+	li {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	dd {
+		margin-left: 0;
+		margin-right: 0.8em;
+	}
+
+	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
+
+	blockquote {
+		margin-left: 0;
+		margin-right: 1.5em;
+	}
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_accessibility.scss

+@if $default-base-accessibility == true {
+	/**
+	* @section Accessibility Module
+	*/
+	// (en) skip links and hidden content
+	// (de) Skip-Links und versteckte Inhalte
+
+
+	// (en) classes for invisible elements in the base layout
+	// (de) Klassen für unsichtbare Elemente im Basislayout
+	.ym-skip,
+	.ym-hideme,
+	.ym-print {
+		position:absolute;
+		top:-32768px;
+		left:-32768px; // LTR
+	}
+
+	// (en) make skip links visible when using tab navigation
+	// (de) Skip-Links für Tab-Navigation sichtbar schalten
+	.ym-skip:focus,
+	.ym-skip:active {
+		position:static;
+		top:0;
+		left:0;
+	}
+
+	// skiplinks:technical setup
+	.ym-skiplinks {
+		position:absolute;
+		top:0px;
+		left:-32768px;
+		z-index:1000;
+		width:100%;
+		margin:0;
+		padding:0;
+		list-style-type:none;
+
+		.ym-skip:focus,
+		.ym-skip:active {
+			left:32768px;
+			outline:0 none;
+			position:absolute;
+			width:100%;
+		}
+	}
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_columns.scss

+@if $default-base-columns == true {
+	/**
+	* @section Column Module
+	*/
+
+	// default column config:
+	// |-------------------------------|
+	// | col1    | col3      | col2    |
+	// | 20%     | flexible  | 20%     |
+	// |-------------------------------|
+
+	.ym-column { display:table; width:100%; }
+
+	.ym-col1 { float:left; width:$default-column-width; }
+	.ym-col2 { float:right; width:$default-column-width; }
+	.ym-col3 { width:auto; margin:0 $default-column-width; }
+
+	.ym-cbox { padding: 0 $default-cbox-padding }
+	.ym-cbox-left { padding: 0 $default-cbox-padding 0 0 }
+	.ym-cbox-right { padding: 0 0 0 $default-cbox-padding }
+
+	// (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css
+	// (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet
+	.ym-ie-clearing { display:none; }
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_float-handling.scss

+@if $default-base-floathandling == true {
+	/**
+	* @section Float Handling Module
+	*/
+
+	// (en) clearfix method for clearing floats
+	// (de) Clearfix-Methode zum Clearen der Float-Umgebungen
+	.ym-clearfix:before {
+		content:"";
+		display:table;
+	}
+	.ym-clearfix:after {
+		clear:both;
+		content:".";
+		display:block;
+		font-size:0;
+		height:0;
+		visibility:hidden;
+	}
+
+	// (en) alternative solutions to contain floats
+	// (de) Alternative Methoden zum Einschließen von Float-Umgebungen
+	.ym-contain-dt { display:table; width: 100%; overflow: visible; }
+	.ym-contain-oh { overflow:hidden; width:100%; display:block; }
+	.ym-contain-fl { float:left; width:100%; }
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_forms-core.scss

+@if $default-base-forms == true {
+	/**
+	* @section Form Module
+	*/
+
+	// Vertical-Forms - technical base (standard)
+	//
+	// |-------------------------------|
+	// | form                          |
+	// |-------------------------------|
+	// |   label                       |
+	// |   input / select / textarea   |
+	// |-------------------------------|
+	// | /form                         |
+	// |-------------------------------|
+	//
+	// (en) Styling of forms where both label and input/select/textarea are styled with display:block;
+	// (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
+
+	.ym-form,
+	.ym-form fieldset { overflow:hidden; }
+
+	.ym-form {
+		div { position:relative; }
+
+		label,
+		.ym-message {
+			position:relative;
+			display:block; //important for Safari
+		}
+
+		.ym-fbox-check label {
+			display:inline;
+		}
+
+		input,
+		textarea { cursor:text; }
+
+		input[type="checkbox"],
+		input[type="radio"],
+		select,
+		label {
+			cursor:pointer;
+		}
+
+		// small adjustments for Internet Explorer - all versions
+		textarea { overflow: auto; }
+
+		// Hiding of hidden fields (otherwise ugly spaces in Firefox)
+		// Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox)
+		input[type=hidden] { display:none !important; }
+
+		// styling containing DIV elements
+		// Gestaltung der kapselnden DIV-Elemente
+		.ym-fbox-text:before,
+		.ym-fbox-select:before,
+		.ym-fbox-check:before,
+		.ym-fbox-button:before {
+			content:"";
+			display:table;
+		}
+
+		.ym-fbox-text:after,
+		.ym-fbox-select:after,
+		.ym-fbox-check:after,
+		.ym-fbox-button:after {
+			clear:both;
+			content:".";
+			display:block;
+			font-size:0;
+			height:0;
+			visibility:hidden;
+		}
+
+		// styling standard form elements with 'almost' equal flexible width
+		// Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite
+		select,
+		input,
+		textarea {
+			display:block;
+			position:relative;
+			width:58.5%;
+		}
+
+		.ym-fbox-check input {
+			display: inline;
+			width: auto;
+		}
+
+		// Styling of buttons
+		// Gestaltung von Buttons
+		.ym-fbox-button input {
+			display: inline;
+			overflow:visible;  // Fixes IE7 auto-padding bug
+			width:auto;
+		}
+
+		// avoid jumping checkboxes & radiobuttons in IE8
+		.ym-fbox-check input:focus,
+		.ym-fbox-check input:hover,
+		.ym-fbox-check input:active {
+			border:0 none;
+		}
+	}
+
+	// Indent Checkbox fields to match label-width
+	// Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+
+	.ym-full {
+		.ym-fbox-select select,
+		.ym-fbox-text input,
+		.ym-fbox-text textarea {
+			width:94.2%;
+			margin-right: -3px;
+		}
+	}
+
+	//  Columnar forms display - technical base (optional)
+	//
+	//  |-------------------------------------------|
+	//  | form                                      |
+	//  |-------------------------------------------|
+	//  |                                           |
+	//  |   label   |   input / select / textarea   |
+	//  |                                           |
+	//  |-------------------------------------------|
+	//  | /form                                     |
+	//  |-------------------------------------------|
+	//
+	//  (en) Styling of forms where label floats left of form-elements
+	//  (de) Formulargestaltung, bei der die label-Elemente nach links fließen
+
+	.ym-columnar {
+		// Columnar display
+		// Spalten-Darstellung
+		.ym-fbox-text label,
+		.ym-fbox-select label {
+			display:inline;
+			float:left;
+			width:30%; // Can be fixed width too | Kann auch eine fixe Angabe sein
+		}
+
+		.ym-fbox-select select,
+		.ym-fbox-text input,
+		.ym-fbox-text textarea {
+			float:left;
+			width:67.2%;
+			margin-right: -3px;
+		}
+
+		.ym-fbox-check {
+			position:relative;
+			.ym-label {
+				position:absolute;
+				top:0;
+			}
+		}
+
+		// Indent Checkbox fields to match label-width
+		// Checkboxen um den gleichen Wert einrücken, wie die Breite der labels
+		.ym-fbox-check input,
+		.ym-error .ym-message {
+			margin-left:30%;
+		}
+	}
+
+	.ym-label { display:block; }
+
+	// global and local columnar settings for button alignment
+	.ym-columnar fieldset .ym-fbox-button,
+	fieldset.ym-columnar .ym-fbox-button {
+		padding-left:30%;
+	}
+
+	// @section Form Construction Kit | Screen Adjustments
+	.ym-fbox-select select { width:60%; }
+	.ym-full .ym-fbox-select select { width:94.8%; }
+	.ym-columnar .ym-fbox-select select { width:68.8%; }
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_grids-core.scss

+@if $default-base-grids == true {
+
+	/**
+	* @section Grid Module
+	*/
+
+	.ym-grid {
+		display:table;
+		width:100%;
+		table-layout:fixed;
+		list-style-type: none;
+		padding-left:0;
+		padding-right:0;
+		margin-left:0;
+		margin-right:0;
+	}
+
+	.ym-gl { float:left; margin: 0; }
+	.ym-gr { float:right; margin: 0 0 0 $default-rounding-tolerance; }
+
+	.ym-g20 { width:20%; }
+	.ym-g40 { width:40%; }
+	.ym-g60 { width:60%; }
+	.ym-g80 { width:80%; }
+	.ym-g25 { width:25%; }
+	.ym-g33 { width:33.333%; }
+	.ym-g50 { width:50%; }
+	.ym-g66 { width:66.666%; }
+	.ym-g75 { width:75%; }
+	.ym-g38 { width:38.2%; }
+	.ym-g62 { width:61.8%; }
+
+	.ym-gbox { padding: 0 $default-gbox-padding }
+	.ym-gbox-left { padding: 0 $default-gbox-padding 0 0 }
+	.ym-gbox-right { padding: 0 0 0 $default-gbox-padding }
+
+	.ym-equalize { overflow:hidden; }
+
+	.ym-equalize > [class*="ym-g"] {
+		display:table-cell;
+		float:none;
+		margin:0;
+		vertical-align:top;
+	}
+
+	.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
+		padding-bottom: 10000px;
+		margin-bottom: -10000px
+	}
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_normalization.scss

+@if $default-base-normalization == true {
+	/*
+	 *  @section Normalisation Module
+	 */
+
+	// (en) Global reset of paddings and margins for all HTML elements
+	// (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente
+	* { margin:0; padding:0; }
+
+	// (en) Correction:margin/padding reset caused too small select boxes.
+	// (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen.
+	option { padding-left:0.4em; } // LTR
+	select { padding:1px; }
+
+	// (en) Global fix of the Italics bugs in IE 5.x and IE 6
+	// (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
+	//
+	// @bugfix
+	// @affected   IE 5.x/Win, IE6
+	// @css-for    IE 5.x/Win, IE6
+	// @valid      yes
+
+	* html body * { overflow:visible; }
+
+	body {
+		// (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
+		// (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
+		font-size:100%;
+
+		// (en) Standard values for colors and text alignment
+		// (de) Vorgabe der Standardfarben und Textausrichtung
+		background:#fff;
+		color:#000;
+		text-align:left; // LTR
+	}
+
+	// (en) avoid visible outlines on DIV containers in Webkit browsers
+	// (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern
+	div:target { outline:0 none; }
+
+	// (en) HTML 5 - adjusting visual formatting model to block level
+	// (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente
+	article,aside,details,figcaption,figure,
+	footer,header,hgroup,nav,section {
+		display:block;
+	}
+
+	// (en) HTML5 - default media element styles
+	// (de) HTML5 - Standard Eigenschaften für Media-Elemente
+	audio,
+	canvas,
+	video {
+		display: inline-block;
+	}
+
+	// (en) HTML5 - don't show <audio> element if there aren't controls
+	// (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden
+	audio:not([controls]) {
+		display: none;
+	}
+
+	// (en) HTML5 - add missing styling in IE & old FF for hidden attribute
+	// (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten
+	[hidden] {
+		display: none;
+	}
+
+	// (en) force consistant appearance of input[type="search"] elements in all browser
+	// (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen
+	input[type="search"] {
+		-webkit-appearance: textfield;
+	}
+	input[type="search"]::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+
+	// (en) Clear borders for <fieldset> and <img> elements
+	// (de) Rahmen für <fieldset> und <img> Elemente löschen
+	fieldset, img { border:0 solid; }
+
+	// (en) new standard values for lists, blockquote, cite and tables
+	// (de) Neue Standardwerte für Listen, Zitate und Tabellen
+	ul, ol, dl { margin:0 0 1em 1em; } // LTR
+	li {
+		line-height:1.5em;
+		margin-left:0.8em; // LTR
+	}
+
+	dt { font-weight:bold; }
+	dd { margin:0 0 1em 0.8em; } // LTR
+
+	blockquote { margin:0 0 1em 0.8em; } // LTR
+	q { quotes: none; }
+
+	blockquote:before, blockquote:after,
+	q:before, q:after { content: ''; content:none }
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+}

enme-css/src/css/resource/sass/yaml/core/base-modules/_print-core.scss

+@if $default-base-print == true {
+
+	@if $default-base-grids == true {
+	/**
+	* @section print adjustments for core modules
+	*
+	* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
+	* (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
+	*/
+	// @bugfix
+	// @since     3.0
+	// @affected  FF2.0, FF3.0, IE7
+	// @css-for   all browsers
+	// @valid     yes
+
+		.ym-grid > .ym-gl,
+		.ym-grid > .ym-gr {
+			overflow:visible;
+			display:table;
+		}
+	}
+	// (en) make .ym-print class visible
+	// (de) .ym-print-Klasse sichtbar schalten
+	.ym-print {
+		position:static;
+		left:0;
+	}
+
+	// (en) generic class to hide elements for print
+	// (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden
+	.ym-noprint {
+		display:none !important;
+	}
+}

enme-css/src/css/resource/sass/yaml/core/base.scss

+/**
+ *  "Yet Another Multicolumn Layout" - YAML CSS Framework
+ *  (en) YAML core stylesheet
+ *  (de) YAML Basis-Stylesheet
+*/
+//
+// Don't make any changes in this file!
+// Your changes should be placed in any css-file in your own stylesheet folder.
+//
+// @copyright       Copyright 2005-2012, Dirk Jesse
+// @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+//                  YAML-CDL (http://www.yaml.de/license.html)
+// @link            http://www.yaml.de
+// @package         yaml
+
+@import "yaml/yaml_globals";
+
+@media all {
+	@import "base-modules/normalization",
+			"base-modules/float-handling",
+			"base-modules/columns",
+			"base-modules/grids-core",
+			"base-modules/forms-core",
+			"base-modules/accessibility";
+}
+
+@media print {
+	@import "base-modules/print-core";
+}

enme-css/src/css/resource/sass/yaml/core/iehacks.scss

+/**
+ * "Yet Another Multicolumn Layout" - YAML CSS Framework
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
+ */
+// * Don't make any changes in this file!
+// *
+// * @copyright       Copyright 2005-2012, Dirk Jesse
+// * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+// *                  YAML-CDL (http://www.yaml.de/license.html)
+// * @link            http://www.yaml.de
+// * @package         yaml
+// */
+
+@media all {
+
+	/**
+	* (en) Debugging:When you see a green background, IE is getting this stylesheet
+	* (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
+	*
+	* @debug
+	* @app-yaml-default disabled
+	*/
+
+	/* body { background:#0f0; background-image:none; }	 */
+
+	/**
+	* Correct inline positioning for unknown HTML5 elements in IE 6 & 7
+	*
+	* @workaround
+	* @affected  IE6, IE7
+	* @css-for   IE6, IE7
+	* @valid     no
+	*/
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set
+	* (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6
+	*
+	* @workaround
+	* @affected  IE6, IE7
+	* @css-for   IE6, IE7
+	* @valid     no
+	*/
+
+	body { o\verflow:visible; }
+
+	/**
+	* (en) HTML5 - default media element styles
+	* (de) HTML5 - Standard Eigenschaften für Media-Elemente
+	*/
+
+	article,aside,details,figcaption,figure,
+	footer,header,hgroup,nav,section {
+		zoom:1;
+	}
+
+	audio,
+	canvas,
+	video {
+		*display: inline;
+		*zoom: 1;
+	}
+
+	/**
+	* (en) enable bicubic interpolation of images on scaling
+	* (de) aktiviert bikubische Interpolation beim Skalieren von Bildern
+	*/
+	img {
+		-ms-interpolation-mode: bicubic;
+		zoom: 1;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
+	* (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     no
+	*/
+
+	* html iframe,
+	* html frame { overflow:auto; }
+	* html input,
+	* html frameset { overflow:hidden; }
+	* html textarea { overflow:scroll; overflow-x:hidden; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) Stability fixes with 'position:relative'
+	* (de) Stabilitätsverbesserungen durch 'position:relative'
+	*
+	* Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead.
+	* Helpful to fix several possible problems in older IE versions (#main).
+	*
+	* @bugfix
+	* @affected	 IE 5.x/Win, IE6, IE7
+	* @css-for	 IE 5.x/Win, IE6, IE7
+	* @valid		 yes
+	*/
+
+	body, #main { position:relative; }
+	* html body { position:static; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) Clearfix adjustents for containing floats in IE
+	* (de) Clearfix-Anpassung für diverse IE-Versionen
+	*
+	* @workaround
+	* @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     yes
+	*/
+
+	.ym-clearfix { zoom:1; }	/* hasLayout aktivieren */
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) Bugfix for partially displayed column separators
+	* (de) Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
+	*
+	* @bugfix
+	* @affected	 IE 5.x/Win, IE6
+	* @css-for	 IE 5.x/Win, IE6
+	* @valid		 yes
+	*/
+
+	* html .ym-col1,
+	* html .ym-col2,
+	* html .ym-col3 { position:relative; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) Preventing several css bugs by forcing "hasLayout"
+	* (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	body { height:1%; }
+	.ym-wrapper, .ym-wbox, #header, #nav, #main, #footer { zoom:1; }	/* IE6 & IE7	*/
+	* html .ym-wrapper, * html .ym-wbox { height:1%; hei\ght:auto; }	/* IE 5.x & IE6 | IE6 only */
+	* html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; }	/* IE 5.x & IE6 | IE6 only */
+
+	/* trigger hasLayout to force containing content */
+	.ym-gbox, .ym-gbox-left, .ym-gbox-right { height:1%; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Disappearing List-Background Bug
+	* @see http://www.positioniseverything.net/explorer/ie-listbug.html
+	*
+	* @bugfix
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     yes
+	*/
+
+	* html ul, * html ol, * html dl { position:relative; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* List-Numbering Bug
+	*
+	* @bugfix
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     yes
+	*/
+
+	body ol li { display:list-item; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Browser-based image scaling (not)
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     yes
+	*/
+
+	* html .flexible {
+		zoom: 1;
+	}
+
+	/**
+	* Form related bugfixes
+	*
+	* @bugfix
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	button, input { *overflow: visible; }
+	table button, table input { *overflow: auto; }
+
+	fieldset, legend { position:relative; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Global adjustments/fixes for YAML's form construction kit
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	.ym-form,
+	.ym-form div,
+	.ym-form div * { zoom:1; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
+	*		 Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
+	*		 longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
+	*		 in YAML.
+	*
+	* (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
+	*		 Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
+	*		 wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt
+	*		 sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6, IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     no
+	*/
+
+	html .ym-ie-clearing {
+		/* (en) Only a small help for debugging */
+		/* (de) Nur eine kleine Hilfe zur Fehlersuche */
+		position:static;
+
+		/* (en) Make container visible in IE */
+		/* (de) Container sichtbar machen im IE */
+		display:block;
+
+		/* (en) No fix possible in IE5.x, normal clearing used instead */
+		/* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
+		\clear:both;
+
+		/* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
+		/* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
+		width:100%;
+		line-height: 0;
+		font-size:0px;
+		margin:-2px 0 -1em 1px;
+	}
+
+	* html .ym-ie-clearing { margin:-2px 0 -1em 0; }
+	.ym-cbox { margin-bottom:-2px; }
+
+	/* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
+	/* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
+	html { margin-right:1px; }
+	* html { margin-right:0; }
+
+	/* (en) Bugfix:Essential for IE7 */
+	/* (de) Bugfix:Notwendig im IE7 */
+	.ym-col3 { position:relative; }
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* IE/Win Guillotine Bug
+	* @see http://www.positioniseverything.net/explorer/guillotine.html
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     yes
+	*/
+
+}
+
+@media screen, projection {
+
+	/**
+	* (en) IE-Adjustments for content columns and subtemplates
+	* (de) IE-Anpassung für Spaltencontainer und Subtemplates
+	*
+	* Doubled Float-Margin Bug
+	* @see http://positioniseverything.net/explorer/doubled-margin.html
+	*
+	* @bugfix
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     yes
+	*/
+	.ym-col1, .ym-col2 { display:inline; }
+
+	/* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
+	.ym-grid { overflow:hidden; display:block; }
+	* html .ym-grid { overflow:visible; }
+
+	.ym-gl,
+	.ym-gr { display: inline; }
+
+	/* transform CSS tables back into floats */
+	.ym-equalize .ym-gl {
+		float:left; display:inline;
+		padding-bottom:32767px;
+		margin-bottom:-32767px;
+	}
+
+	.ym-equalize .ym-gr {
+		float:right; margin-left:-5px; display:inline;
+		padding-bottom:32767px;
+		margin-bottom:-32767px;
+	}
+
+	.no-ie-padding .ym-gl,
+	.no-ie-padding .ym-gr {
+		padding-bottom:0;
+		margin-bottom:0;
+	}
+
+	/*------------------------------------------------------------------------------------------------------*/
+
+	/**
+	* Internet Explorer and the Expanding Box Problem
+	* @see http://www.positioniseverything.net/explorer/expandingboxbug.html
+	*
+	* @workaround
+	* @affected  IE 5.x/Win, IE6
+	* @css-for   IE 5.x/Win, IE6
+	* @valid     yes
+	*/
+
+	* html .ym-cbox-left,
+	* html .ym-cbox-right,
+	* html .ym-cbox { word-wrap:break-word; }
+
+	/* avoid growing widths */
+	* html .ym-gbox,
+	* html .ym-gbox-left,
+	* html .ym-gbox-right { word-wrap:break-word; o\verflow:hidden; }
+}
+
+@media print {
+
+	/**
+	* (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats.
+	* (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats.
+	*
+	* @bugfix
+	* @affected  IE7
+	* @css-for   IE 5.x/Win, IE6, IE7
+	* @valid     yes
+	*/
+
+	.ym-gbox,
+	.ym-gbox-left,
+	.ym-gbox-right,
+	.ym-col3 { height:1%; }
+}

enme-css/src/css/resource/sass/yaml/forms/gray-theme.scss

+/**
+ * YAML form theme: "gray-theme"
+ */
+// * @copyright			 Copyright 2005-2012, Dirk Jesse
+// * @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
+// *                       YAML-CDL (http://www.yaml.de/license.html)
+// * @link                 http://www.yaml.de
+// * @package				 yaml
+// */
+
+@import "yaml/mixins/yaml_mixins_core";
+
+
+@media screen and (min-width: 0px){
+	/**
+	* @section general width settings for formular elements in modern browsers
+	*          switching to CSS3 box modell "border-box" for perfect flexible forms
+	*
+	* Styling for: <labels>, <input>, <textarea> and <select>
+	*
+	*/
+
+	.ym-form {
+		input,
+		textarea,
+		select {
+			@include ym-box-sizing(border-box);
+			width:60%;
+		}
+	}
+
+	.ym-columnar label {
+		@include ym-box-sizing(border-box);
+	}
+
+	.ym-columnar {
+		.ym-fbox-select select,
+		.ym-fbox-text {
+			input,
+			textarea {
+				width:70%;
+			}
+		}
+	}
+
+	.ym-full {
+		.ym-fbox-select select,
+		.ym-fbox-text input,
+		.ym-fbox-text textarea {
+				width:100%;
+		}
+	}
+}
+
+@media screen, projection {
+	.ym-form {
+		background:#f4f4f4;
+		border:2px #fff solid;
+		margin: 1.5em 0 0 0;
+		padding: 0;
+		@include ym-box-shadow(0,0,4px,#ddd);
+		fieldset {
+			position:static;
+			background:transparent;
+			margin: 0.75em 0 0.75em 0;
+			padding: 0 0.5em;
+		}
+		legend {
+			background:transparent;
+			color:#000;
+			font-size:1.2em;
+			line-height:1.25em;
+			font-weight:bold;
+			padding:0 0.5em;
+		}
+		label {
+			color: #666;
+			line-height: 1.5;
+		}
+		.ym-label {
+			color: #666;
+			padding-top: 0.25em;
+		}
+
+		div.ym-fbox-text,
+		div.ym-fbox-select,
+		div.ym-fbox-check,
+		div.ym-fbox-button {
+			padding: 0.3em 1em;
+			margin-bottom: 0.5em;
+		}
+		div.ym-fbox-button {
+			background: #ececec;
+			border-top: 1px #e0e0e0 solid;
+			padding:0 1em 1.5em 1em;
+			margin: 0;
+			text-align: right;
+		}
+		.ym-gbox {
+			padding: 0 0.5em;
+			margin-right: 0;
+		}
+		h6 {
+			font-size: 100%;
+			color: #000;
+			margin: 1em 0 1em 1em;
+		}
+		.ym-form div.ym-fbox-check:focus + label {
+			color:#000;
+		}
+	}
+
+
+	/**
+	* @section styling form elements
+	*
+	* Styling for: Input, Textarea, Select ...
+	*
+	*/
+
+	/* styling standard form elements with 'almost' equal flexible width */
+	/* Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
+
+	.ym-form {
+		.ym-fbox-text input, .ym-fbox-text textarea {
+			line-height: 1em;
+			padding: 0.25em 0.3em;
+			margin-top: -2px;
+		}
+		.ym-fbox-select select {
+			line-height: 1em;
+			padding: 0.25em 2px 0.25em 1px;
+			margin-top: -2px;
+		}
+		input, textarea, select, optgroup {
+			font-family:Arial, Helvetica, sans-serif;
+			@include ym-box-shadow(0,0,4px,#eee,inset);
+		}
+		optgroup {
+			font-style:normal;
+			font-weight:bold;
+		}
+		.ym-fbox-text input, .ym-fbox-text textarea, .ym-fbox-select select {
+			border:1px solid #ddd;
+		}
+		.ym-message {
+			color:#666;
+			margin-bottom:0.5em;