/* 2 column liquid layout */ div.widget-liquid-left-holder { float: left; clear: left; width: 100%; margin-right: -310px; } div.widget-liquid-left { margin-right: 310px; } div.widget-liquid-right { float: right; clear: right; width: 300px; position: relative; } /* pasitioning etc. */ form#widgets-filter { position: relative; } div#available-widgets-filter { border-bottom: 1px solid #ccc; } p#widget-search { position: absolute; right: 0; top: 0; margin: 0; } ul#widget-list { list-style: none; margin: 0; padding: 0; } ul#widget-list li.widget-list-item { padding: .7em 1em; margin: 0; border-bottom: 1px solid #ccc; background-color: transparent; line-height: 1; } ul#widget-list li.widget-list-item h4.widget-title { position: relative; margin: 0; padding: .5em 1em; width: 200px; float: left; background-color: #f0f0f0; color: #000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #dragHelper h4.widget-title { color: #fff; background-color: #2683ae; padding: .5em 1em; margin: 0; } ul#widget-list li.widget-list-item div.widget-description { display: block; margin: 0 0 0 200px; padding: 0 0 0 4em; } ul#widget-list li.widget-list-item ul.widget-control-info { display: none; } div#sidebar-info { padding: 0 1em; margin-bottom: 1em; } ul.widget-control-list { list-style: none; margin: 0; padding: 0 1em; } li.widget-list-control-item { background-color: #eaf3fa; margin: 0 0 1em; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } li.widget-list-control-item h4, #dragHelper li.widget-list-control-item h4 { margin: 0; background-color: #2683ae; padding: .5em 1em; color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .widget-control-save, .widget-control-remove { padding: 4px 6px; color: #246; background: #cee1ef; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 8px; float: left; } h4.widget-title a { position: absolute; right: 1em; text-decoration: underline; border-bottom: none; } li.widget-list-control-item h4.widget-title a, #dragHelper li.widget-list-control-item h4.widget-title a, #draghelper li.widget-list-control-item h4.widget-title a:visited { color: #fff; right: 2em; } li.widget-list-control-item h4.widget-title a:hover { color: #fff; text-decoration: none; border-bottom: none; } li.widget-list-control-item div.widget-control { display: none; margin: 1em; padding: 0 10px 0 0; /* Correction for padding, margin, border of inputs */ } li.widget-list-control-item div.widget-control p { margin: 0 0 1em; padding: 0; } ul.widget-control-list div.widget-control-actions { margin-right: -10px; /* Correction for padding, margin, border of inputs */ padding: 0 0 1em; border-top: 1px solid #ccc; padding: 0.5em 0 1em 0; } ul.widget-control-list .sorthelper { background-color: #ccf3fa; } div#current-widgets { padding-top: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #current-widgets .drop-widget-here { background-color: #ffc }