danielebarchiesi@0: 
danielebarchiesi@0: /* Farbtastic placement */
danielebarchiesi@0: .color-form {
danielebarchiesi@0:   max-width: 50em;
danielebarchiesi@0:   position: relative;
danielebarchiesi@0:   min-height: 195px;
danielebarchiesi@0: }
danielebarchiesi@0: #placeholder {
danielebarchiesi@0: /*
danielebarchiesi@0:   position: absolute;
danielebarchiesi@0:   top: 0;
danielebarchiesi@0:   right: 0;
danielebarchiesi@0: */
danielebarchiesi@0:   margin: 0 auto;
danielebarchiesi@0:   width: 195px;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: /* Palette */
danielebarchiesi@0: .color-form .form-item {
danielebarchiesi@0:   height: 2em;
danielebarchiesi@0:   line-height: 2em;
danielebarchiesi@0:   padding-left: 1em; /* LTR */
danielebarchiesi@0:   margin: 0.5em 0;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .color-form .form-item input {
danielebarchiesi@0:   margin-top: .2em;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .color-form label {
danielebarchiesi@0:   float: left; /* LTR */
danielebarchiesi@0:   clear: left; /* LTR */
danielebarchiesi@0:   width: 14em;
danielebarchiesi@0: }
danielebarchiesi@0: .color-form .form-text, .color-form .form-select {
danielebarchiesi@0:   float: left; /* LTR */
danielebarchiesi@0: }
danielebarchiesi@0: .color-form .form-text {
danielebarchiesi@0:   text-align: center;
danielebarchiesi@0:   margin-right: 5px; /* LTR */
danielebarchiesi@0:   cursor: pointer;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: #palette .hook {
danielebarchiesi@0:   float: left; /* LTR */
danielebarchiesi@0:   margin-top: 3px;
danielebarchiesi@0:   width: 16px;
danielebarchiesi@0:   height: 16px;
danielebarchiesi@0: }
danielebarchiesi@0: #palette .up {
danielebarchiesi@0:   background-position: 100% -27px; /* LTR */
danielebarchiesi@0: }
danielebarchiesi@0: #palette .both {
danielebarchiesi@0:   background-position: 100% -54px; /* LTR */
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: 
danielebarchiesi@0: #palette .form-item {
danielebarchiesi@0:   width: 24em;
danielebarchiesi@0: }
danielebarchiesi@0: #palette .item-selected {
danielebarchiesi@0:   background: #eee;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: /* Preview */
danielebarchiesi@0: #preview {
danielebarchiesi@0:   width: 45%;
danielebarchiesi@0:   float: right;
danielebarchiesi@0:   margin: 0;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: #ctools_stylizer_color_scheme_form {
danielebarchiesi@0:   float: left;
danielebarchiesi@0:   width: 45%;
danielebarchiesi@0:   margin: 0;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: /* general style for the layout-icon */
danielebarchiesi@0: .ctools-style-icon .caption {
danielebarchiesi@0:   width: 100px;
danielebarchiesi@0:   margin-bottom: 1em;
danielebarchiesi@0:   line-height: 1em;
danielebarchiesi@0:   text-align: center;
danielebarchiesi@0:   cursor: default;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .ctools-style-icons .form-item  {
danielebarchiesi@0:   width: 100px;
danielebarchiesi@0:   float: left;
danielebarchiesi@0:   margin: 0 3px !important;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .ctools-style-icons .form-item .ctools-style-icon {
danielebarchiesi@0:   float: none;
danielebarchiesi@0:   height: 150px;
danielebarchiesi@0:   width: 100px;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .ctools-style-icons .form-item label.option {
danielebarchiesi@0:   width: 100px;
danielebarchiesi@0:   display: block;
danielebarchiesi@0:   text-align: center;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .ctools-style-icons .form-item label.option input {
danielebarchiesi@0:   margin: 0 auto;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .ctools-style-icons .ctools-style-category {
danielebarchiesi@0:   height: 190px;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: .ctools-style-icons .ctools-style-category label {
danielebarchiesi@0:   font-weight: bold;
danielebarchiesi@0:   width: 100%;
danielebarchiesi@0:   float: left;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: /**
danielebarchiesi@0:  * Stylizer font editor widget
danielebarchiesi@0:  */
danielebarchiesi@0: .ctools-stylizer-spacing-form .form-item {
danielebarchiesi@0:   float: left;
danielebarchiesi@0:   margin: .25em;
danielebarchiesi@0: }
danielebarchiesi@0: 
danielebarchiesi@0: #edit-font-font {
danielebarchiesi@0:   width: 9em;
danielebarchiesi@0: }