/**
 * A minimal theme
 *
 * This theme display a yacs server without any css rules other than yacs.css reference, 
 * except the rules for a correct positionning and identification of panels as a fluid 3 columns way 
 * choice is made to achieve this with floating property on sides panels.
 *
 * @author Alexis Raimbault
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

/**
 * import core YACS reference style sheet -- this has to come before any other rule
 */
@import url("../_reference/yacs.css");


@media screen {	
       
        /*identify visualy the differents panels of yacs*/
        #footer_panel, #side_panel, #extra_panel {
           background-color: #D7DEF0;
        }
        
        #header_panel {
           background-color: #E7992D;
        }
        
        /*separate panels within the #wrapper*/
        #side_panel, #extra_panel, #main_panel {
           margin: 4px;
           padding: 8px;
           }
       
        /*identify the wrapper and main panel*/  
        #wrapper, #main_panel {
           border: 4px solid #CCC;
        }  
           
        /*setting side_panel and extra_panel as floating box*/       
        #side_panel {float: left; max-width : 15%; margin-left:0;}
        #extra_panel {float: right; max-width : 15%; margin-right:0;}  
                   
        /*ensure main_panel content doesn't go "under" side and extra panel*/
        /*(because we have floating panels)*/
	/*this is call "giving formatting context"*/ 
        #main_panel {
           overflow: hidden;
        }
           
 	/*cancel a rule {overflow:hidden} from reference*/ 	   
        #header_panel {overflow: visible;}  

        /*cancel a rule {clear:left} from reference*/
        h1 {clear: none;}  

	/*the only decoration of this theme*/
	body {background : #FFF;}
}