122 lines
1.5 KiB
CSS
122 lines
1.5 KiB
CSS
/* style.css */
|
|
|
|
img {
|
|
border:0;
|
|
}
|
|
a {
|
|
color:black;
|
|
}
|
|
a:hover {
|
|
color:blue;
|
|
}
|
|
h1,h2,h3 {
|
|
margin-top:0;
|
|
}
|
|
.code {
|
|
background: #F8F8F8;
|
|
font-family:Consolas,monospace;
|
|
}
|
|
|
|
/* */
|
|
|
|
html, body {
|
|
/* structural */
|
|
height:100%;
|
|
margin:0;
|
|
border:0;
|
|
padding:0;
|
|
|
|
/* cosmetic */
|
|
background:#DDD url('pixel_weave.png'); /* thanks subtlepatterns.com ! */
|
|
color:#333;
|
|
}
|
|
|
|
#container {
|
|
margin:0 auto;
|
|
width:768px;
|
|
position:relative;
|
|
|
|
height:auto !important;
|
|
height:100%; /* oldIE */
|
|
min-height:100%;
|
|
|
|
/* cosmetic */
|
|
background:white;
|
|
}
|
|
|
|
#content {
|
|
padding:14px;
|
|
background:white;
|
|
}
|
|
|
|
/* */
|
|
|
|
.projtable {
|
|
|
|
}
|
|
.projtable tr {
|
|
border-collapse: collapse;
|
|
}
|
|
.projtable td {
|
|
padding: 2px 4px;
|
|
}
|
|
.projtable small {
|
|
color:grey;
|
|
font-style:italic;
|
|
}
|
|
|
|
.projinfo {
|
|
position:relative;
|
|
}
|
|
.projbody {
|
|
position:absolute;
|
|
left:0;
|
|
}
|
|
.projbody_halfw {
|
|
right: 74px;
|
|
}
|
|
.projbody_fullw {
|
|
right:0;
|
|
}
|
|
.projimg {
|
|
position:absolute;
|
|
right:0;
|
|
|
|
width:62px; /* 60px + 2px border */
|
|
}
|
|
|
|
/* */
|
|
|
|
#bannerlogo {
|
|
width:631px;
|
|
height:35px;
|
|
margin:0 auto;
|
|
background: white url('header.png') no-repeat 0 0;
|
|
padding:8px;
|
|
}
|
|
|
|
.headimg {
|
|
width:310px;
|
|
height:62px;
|
|
}
|
|
|
|
.homeimage {
|
|
width:90px;
|
|
height:32px;
|
|
}
|
|
|
|
.homeimage-sprite {
|
|
background: white url('logos.jpg') no-repeat 0 0;
|
|
}
|
|
|
|
.thumbimage {
|
|
width:60px;
|
|
height:60px;
|
|
opacity: 0.8;
|
|
transition:0.2s opacity;
|
|
border:1px solid lightgrey;
|
|
}
|
|
.thumbimage:hover {
|
|
opacity:1.0;
|
|
}
|