
.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%;    
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The GNU Lesser General Public License (LGPLv3)

About the Author

Olmo del Corral

	Software Developer (Senior) Signum Software
	Spain

I'm Computer Scientist, one of the founders of Signum Software, and the lead developer behind Signum Framework.

www.signumframework.com

I love programming in C#, Linq, Compilers, Algorithms, Functional Programming, Computer Graphics, Maths...

Tagged as

Stats

Signum Framework Tutorials Part 2 – Southwind Logic

License

Share

About the Author

You may also be interested in...