Signum Framework Tutorials Part 2 – Southwind Logic


.sf-main-control {
    display:block;
    clear:both;
    padding-bottom:5px; /* hack to prevent vertical scrollbars on popups due to the use of sf-line:after */
}


/* dropdowns */

.sf-dropdown .sf-menu-button {
    position:absolute;
    z-index:2;
    display:none;
    list-style:none;
    margin-left:-5px;
}

.sf-dropdown.sf-open .sf-menu-button
{
	display:block;
	-moz-border-shadow: 0 2px 8px #ddd;
	-webkit-border-shadow: 0 2px 8px #ddd;
	border-shadow: 0 2px 8px #ddd;
	
}

.sf-dropdown.sf-open .sf-menu-button:hover
{
	background-color:#ffffee;
}

.sf-dropdown a
{
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:200px;
    text-align:left;
}

.sf-dropdown .sf-menu-button
{
    margin-left: -1em;
    margin-top: 0.4em;
}

.sf-dropdown .sf-menu-button > li
{
	margin-left:0px !important;
	clear:both;
}
.sf-dropdown .sf-toolbar-menu-separator
{
	height:1px;
	background-color:#ddd;
}

.sf-dropdown .sf-menu-button > li a:hover, .sf-dropdown .sf-menu-button > li div:hover
{
	background-color:#eee;
}

.sf-dropdown .sf-menu-button .sf-toolbar-menu-separator
{
	border-top:1px solid #bbb;
}

/* entity title */
.sf-normal-control-header
{
    float:left;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0.5em;
}

.sf-type-nice-name 
{
    float:left;
    font-size:12px;
    color:#000;
    padding: 1px 2px;
}

.sf-entity-id {
    clear:right;
    font-size:13px;
    color:#3E818F;
}

.sf-separator {
    color:#ccc;
}

.sf-entity-title {
    display:block;
    font-size:18px;
    color: #424242;
	margin-bottom:10px;
	font-weight: bold;
    line-height: 1.2em;
}

/* button-bar */
.sf-button-bar, .sf-button-bar li, .sf-query-button-bar, .sf-query-button-bar li
{
    display:inline-block;
}
.sf-button-bar, .sf-query-button-bar 
{
	list-style:none;	
}
.sf-button-bar
{
    margin-bottom:20px;
}

.sf-entity-button.sf-disabled:hover {
    text-decoration:none;
    cursor:default;
}

.sf-entity-button.sf-disabled {
    color:#aaa;
}

/* UI Blocker */

.sf-ui-blocker {
    display:block;
    position:fixed;
    top:0;
    z-index:20000;
    background-color:#eee;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
}

.clearall 
{
    clear:both;
}

.ui-tabs .ui-tabs-panel {
    overflow: auto;
    max-width:100%;
}

fieldset {
    border: 1px solid #BBB;
    padding: 5px 10px 10px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
}

legend
{
    background-color: #fff; /*IE fix*/    
}

.sf-chooser-button
{
    width: 100%;    
}