183 行
2.3 KiB
CSS
183 行
2.3 KiB
CSS
/* controlling the look of the left-hand menu */
|
|
|
|
body {
|
|
/*font: 100% Verdana, Arial, Helvetica, sans-serif; */
|
|
/*background: #666666; */
|
|
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
|
|
padding: 0;
|
|
/* text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
|
|
color: #000000;
|
|
}
|
|
|
|
|
|
.about {
|
|
margin-left:30px;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
.code {
|
|
|
|
background: #EEEEEE;
|
|
}
|
|
|
|
|
|
.menu {
|
|
float:left;
|
|
/* height: 88%; */
|
|
line-height:110%;
|
|
margin-left:-30px;
|
|
/* border-right:1px solid #004D99; /* solid grey; */
|
|
padding:1em;
|
|
width:178px;
|
|
/* font-family: Helvetica, sans-serif;
|
|
color: #66EEEE; */
|
|
}
|
|
|
|
.menu ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
.menu a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color:#006633;
|
|
}
|
|
|
|
|
|
.content h1 {
|
|
color:#006633;
|
|
}
|
|
|
|
|
|
.content h2 {
|
|
color:#006633;
|
|
}
|
|
|
|
.content h3 {
|
|
color:#006633;
|
|
}
|
|
|
|
|
|
|
|
.content a {
|
|
//font-weight: bold;
|
|
text-decoration: none;
|
|
color:#006633;
|
|
}
|
|
|
|
.content a:hover {
|
|
color:#ffCC33;
|
|
}
|
|
|
|
|
|
|
|
.menu a:hover {
|
|
color:#ffCC33;
|
|
}
|
|
|
|
.menu a:visited {
|
|
/* color:grey; */
|
|
}
|
|
|
|
|
|
|
|
.about a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color:#006633;
|
|
}
|
|
|
|
.about a:hover {
|
|
color:#ffCC33;
|
|
}
|
|
|
|
.about a:visited {
|
|
/* color:grey; */
|
|
}
|
|
|
|
|
|
.text, .personal {
|
|
margin: 0px 100px 100px 200px;
|
|
position: absolute;
|
|
font-family: Helvetica, sans-serif;
|
|
}
|
|
|
|
.personal a {
|
|
color:#ffCC33;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.personal a:hover {
|
|
color:#ffCC33;
|
|
}
|
|
|
|
.personal a:visited {
|
|
color: #006633;
|
|
}
|
|
|
|
|
|
div.header h1 {
|
|
margin: 0; padding: 10px 0;
|
|
}
|
|
|
|
|
|
div.container
|
|
{
|
|
width:100%;
|
|
/* height: 100%; */
|
|
margin:0px;
|
|
/*border:1px solid #004D99; solid grey; */
|
|
line-height:100%;
|
|
}
|
|
div.header,div.footer
|
|
{
|
|
font: 100% Verdana, Arial, Helvetica, sans-serif;
|
|
|
|
padding: 0 10px 0 20px;
|
|
color:#ffCC33;
|
|
|
|
background: #006633;
|
|
|
|
/* border:1px solid grey; */
|
|
}
|
|
|
|
.footer a
|
|
{
|
|
color:#ffCC33;
|
|
}
|
|
|
|
h1.header
|
|
{
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
div.content
|
|
{
|
|
margin-left:180px;
|
|
border-left:1px solid #006633;
|
|
padding:1em;
|
|
}
|
|
|
|
|
|
/*div.header, div.footer a {
|
|
color: white;
|
|
}
|
|
|
|
.header, .footer a:hover {
|
|
color: blue;
|
|
}
|
|
.header, .footer a:visited {
|
|
color: white;
|
|
}
|
|
*/
|
|
|
|
|
|
|
|
.contact {
|
|
text-align: center;
|
|
margin: 25px 0px 0px 400px;
|
|
position: absolute;
|
|
font-family: Helvetica, sans-serif;
|
|
}
|