User Interface
The UI is an ongoing effort throughout the duration of the developement. Here is a simple list of file that are involved in the main implementation of the UI:
css/main.csscss/icons.css this is a static (r/o) file that houses the icon fontscss/login.css main stylesheet for the login subsystem
css/main.css contains some generic style that can be used from page to page for example:
.widget {
float: left;
background: #FFF;
box-shadow: 2px 2px 0px 0px #555;
}would be a generic class for any widget on any page. From there, in the page specific stylesheet you would add onto that generic styling by giving you new widget div and id and adding additional styling like so:
.widget#home {
width: 15em;
height: 8em;
margin: 0 1em;
}in this case the element being styled is
<div class="widget" id="home"></div>
User Interface
The UI is an ongoing effort throughout the duration of the developement. Here is a simple list of file that are involved in the main implementation of the UI:
css/main.csscss/icons.cssthis is a static (r/o) file that houses the icon fontscss/login.cssmain stylesheet for the login subsystemcss/main.csscontains some generic style that can be used from page to page for example:would be a generic class for any widget on any page. From there, in the page specific stylesheet you would add onto that generic styling by giving you new widget
divandidand adding additional styling like so:in this case the element being styled is
<div class="widget" id="home"></div>