Navigational Map Nav Reference 16.0 

16.0 basic.css full code


/* 
  
  Older browsers can't handle some CSS styles
  - they also don't see the  @import code.
  So any code that makes them act unpredictably
  goes into a separate CSS file, and the offending 
  browsers ignore it.
  
*/

@import url(other.css);

/*
  basic.css

  color scheme: 
    body background => #FFFFFF   
    left menu background => #000000
    main division background => #CCFFFF
    text color => #000000
    nav-links background => #FFFFCC

*/

body {    
background: #FFFFFF;    
color: #000000;    
margin: 0%;    
}    
  
/*  
  
	Standard link color definitions.   
	  
*/  
  
a:link {      
color: #0000FF;      
background: transparent;  
}      
      
a:visited {      
color: #990099;      
background: transparent;  
}      
      
a:active {      
color: #000000;      
background: #ADD8E6;  
}      
      
a:hover {  
color: #000000;      
background: #FFCC66;  
}      
  
/*  
  
	Border and padding is added in the divisions for consistency in browsers.  
	  
*/  
  
.logo {    
	text-align: left; 
	background: #000000;    
	color: #FFFFFF;    
	margin: 0%;    
	padding: 0em 0em 1em 0em;   
	border: 1px;  
	}  


/*  
  
	CSS definitions for the left menu.  
	  
*/  

  
.left-menu {     
	text-align: center;     
	font-family: Arial, Helvetica, sans-serif, monospace;     
	background: #000000;     
	color :#FFFFFF;     
	float: left;     
	clear: none;     
	width: 12%;     
	margin: 0%;        
	padding: 0em;       
	border: 5px ridge #000000; 
	}     
     
.menu-links {        
	text-align: center;      
	background: #FFFFCC;      
	color: #000000;      
	margin: 10px 10px;        
	padding: .3em 0em;       
	border: 3px ridge #FF6633;      
	}      
  
.menubottom {    
	text-align: right; 
	background: #000000;    
	color: #CCCCCC;    
	margin: 0%;    
	padding: 0em;   
	border: 1px;  
	}  
  
/*

  For placement of images inside the main division.
  
*/


.image {    
	text-align: left;    
	font-family: Arial, Helvetica, sans-serif, monospace;    
	background: #CCFFFF;  
	color: #000000;    
	margin: 0%;    
	padding: 0em;   
	border: 0px;  
	}  
  

/*

  Main division holds navigational links, 
  and the changeable content
  of the page. 
  
*/


.main {    
	background: #CCFFFF;    
	color: #000000;    
	margin: 0% 13%;    
	padding: 0em 0em 2em 0em;   
	border: 10px ridge #FFFFFF;  
	}  

/*

  Padded and bordered area for navigational links. 
  
*/

.nav-links {    
	text-align: center;  
	background: #FFFFCC;  
	color: #000000;  
	margin: 0%;    
	padding: 3px;   
	border: 3px ridge #FF6633;  
	}  
 
/*  
  
	h1 is placed against white background, and   
	is text color #990033  
	  
*/  
  
h1 {    
	text-align: center;    
	font-family: Arial, Helvetica, sans-serif, monospace;    
	background: #FFFFFF;  
	color: #990033;    
	margin: 1% 10%;    
	padding: 0em;   
	border: 0px;  
	}  
  
/*  
  
    These definitions are for the main div, and 
    have the same background as that div. 
	  
*/  
  
h2, h3 {    
	text-align: center;    
	font-family: Arial, Helvetica, sans-serif, monospace;    
	background: #CCFFFF;  
	color: #000000;    
	margin: 1% 10%;    
	padding: 0em;   
	border: 0px;  
	}  
  
.left {  
	text-align: left;    
	font-family: Arial, Helvetica, sans-serif, monospace;    
	background: #CCFFFF;  
	color: #000000;  
	margin: 2% 10%;   
	padding: 0em;   
	border: 0px;  
	}  
  
.center {    
	text-align: center;    
	font-family: Arial, Helvetica, sans-serif, monospace;    
	background: #CCFFFF;  
	color: #000000;    
	margin: 2% 10%;    
	padding: 0em;   
	border: 0px;  
	}  

.red {
	background: #CCFFFF;
	color: #FF0000;
	}
	  

/*

  Definition for the ul and li in the sitemap.  
  
*/

.sitemap {
  text-align: left;  
  font-family:Arial,Helvetica,sans-serif,monospace;  
  background: #CCFFFF;
  color: #000000;
  margin: 2% 10%; 
  padding: 0em; 
  border: 0px;
  }
  
.pad { 
  text-align: left;   
  font-family:Arial,Helvetica,sans-serif,monospace;   
  background: #CCFFFF; 
  color: #000000; 
  margin: 0%;  
  padding: .3em 0em;  
  border: 0px; 
  }

/* 
 
  Definitions for span examples.   
   
*/ 

  .red-black {       
    background: #000000;     
    color: #FF0000;     
    }     

  .black-yellow {       
    background: #FFFF99;     
    color: #000000;     
    }     

  .white-red {       
    background: #FF0000;     
    color: #FFFFFF;     
    }
 
/*  
  
	These definitions are for the validators, and 
 have the same background as the body. 
	  
*/  
  
.validators {  
	text-align: center;   
	background: #FFFFFF;   
	color: #000000;   
	margin: 3% 10% 0% 10%;     
	padding: 0em;    
	border: 1px;  
	}  
  
/*  
  
	This definition is to keep a border off of 
 linked images.  
	  
*/  
  
.linked-image {  
	border: 0px;  
	}

<-- Previous Page - Nav Map - Next Page -->