<!--
For demos of a stable release, the paths to these included files should reference the released version,
e.g. "http://build.fluidproject.org/releases/1.3.1/framework/fss/css/..."
To update the demos to reference trunk, reference the daily build server:
i.e. "http://build.fluidproject.org/infusion/framework/fss/css/..."
-->

<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-reset.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-layout.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-text.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-mist.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-coal.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-bw.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-slate.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-wb.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-by.css" />
<link rel="stylesheet" type="text/css" href="http://build.fluidproject.org/infusion/framework/fss/css/fss-theme-yb.css" />

<script type="text/javascript" src="http://build.fluidproject.org/infusion/InfusionAll.js"></script>

<style>
th, td {
    border: none;
}
.layout-demos div {
    background-color: lightgray;
}
.layout-demos [class*=fl-container] {
    background-color: #917A61; // off-brown
}
.layout-demos .fl-col-flex {
    background-color: #dfefff; // light blue
}
.layout-demos .fl-col-flex3 {
    background-color: #9f7A6f; // reddish-brown
}
.layout-demos [class*=fl-col-fixed] {
    background-color: #F2E0B6; // wheat
}
.layout-demos .fl-col, .layout-demos .fl-col p {
    background-color: #faf5ff; // pale gray
}
div.fix-demo > div {
    background-color: #ffdddd;
}
div.fix-demo h2 {
    background-color: transparent;
    margin-top: 18px;
    margin-bottom: 18px;
    border-style: none;
    font-size: 18px;
}

.widget-demos h2 {
    font-size: 16px;
    background-color: transparent;
    border-width: 0px;
}
.mySettingsIcon {
    background-image: url(http://fluidproject.org/releases/1.3.1/framework/fss/images/themes/rust/icon-widget-Settings.png);
}

table {clear:none;}
}

#nested-columns-demo {
    color: white;
    background-color: black;
}

.demo-text .fl-font-size-70 { font-size: .7em; }
.demo-text .fl-font-size-100 { font-size: 1em; }
.demo-text .fl-font-size-120 { font-size: 1.2em; }
.demo-text .fl-font-size-150 { font-size: 1.5em; }
.demo-text-colours .fl-text-aqua { color: aqua; }
.demo-text-colours .fl-text-fuschia { color: fuschia; }
.demo-text-colours .fl-text-olive { color: olive; }
.demo-text-colours .fl-text-teal { color: teal; }
.demo-text-colours .fl-text-yellow { color: yellow; }
.demo-text-colours .fl-highlight-yellow { background-color: yellow; }
.demo-text-colours .fl-highlight-green { background-color: green; }
.demo-text-colours .fl-highlight-blue { background-color: blue; }
.demo-text .fl-text-larger { font-size: 125%; }
</style>