[Jarspy-commits] CVS: JarSpy-htdocs/css jarspy.css,NONE,1.1

[Jeff B. <br...@us...>]

Update of /cvsroot/jarspy/JarSpy-htdocs/css
In directory sc8-pr-cvs1.sourceforge.net:/tmp/cvs-serv29714/css

Added Files:
	jarspy.css 
Log Message:
new site layout

--- NEW FILE: jarspy.css ---
body {
  color:#333;
  background-color:white;
  margin:20px;
  padding:0px;
  font:14px verdana, arial, helvetica, sans-serif;
}

.content {
  position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
  width:auto;
  min-width:120px;
  margin:0px 50px 20px 230px;
  background-color:white;
  padding:10px;
  z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.page-heading {
  margin: 20px 0px 20px 0px;
  color:#2222cc;
  font: 24px arial, verdana, helvetica, sans-serif;
}

a {
  color:#0066FF;
  text-decoration:none;
}

a:hover {text-decoration:underline }

p {
  margin-top: 5px;
  margin-bottom: 35px;
}

.sectionHeader {
  margin-top: 15px;
  margin-bottom: 8px;
  color:black;
  font-size: 110%;
  font-weight: bold;
}


.leftcontents {

  margin: 0px 0px 20px 0px;
  position:absolute;
  width:150px;
  top:20px;
  left:20px;
  background-color:#ffffff;
  padding:10px;
  z-index:1;

  voice-family: "\"}\"";
  voice-family:inherit;
  width:200px;


}
.leftcontents div {
  border: 1px solid #369;
  border-top-width: 0px;
  padding: 5px;
  font-size: 14px;
  margin-bottom: 15px;
}


.leftcontents h2 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: #369 url(/images/rcorner.gif) right top no-repeat;
  color: white;
  margin: 12px 0px 0px 0px;
  font-size: 16px;
  padding: 3px;
}

.leftcontents h3 {
  color: #cc6600;
  font-weight: 600;
  margin: 0px;
  margin: 12px 0px 0px 0px;
  font-size: 14px;
}
.rightcontents {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:200px;
  margin: 0px 0px 20px 0px;
  position:absolute;
  top:20px;
  right:20px;
  background-color:#fff;
  padding:5px;
  z-index:1;
  /* Again, the ugly brilliant hack. */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:230px;


}
.rightcontents div {
  border: 1px solid #369;
  border-top-width: 0px;
  padding: 5px;
  font-size: 14px;
  margin-bottom: 15px;
}


.rightcontents h2 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  background: #369 url(/images/rcorner.gif) right top no-repeat;
  color: white;
  margin: 12px 0px 0px 0px;
  font-size: 16px;
  padding: 3px;
}

.rightcontents h3 {
  color: #cc6600;
  font-weight: 600;
  margin: 0px;
  margin: 12px 0px 0px 0px;
  font-size: 14px;
}