106 lines
1.2 KiB
CSS
106 lines
1.2 KiB
CSS
/* style.css */
|
|
|
|
img {
|
|
border:0;
|
|
}
|
|
a {
|
|
color:black;
|
|
}
|
|
a:hover {
|
|
color:blue;
|
|
}
|
|
h1,h2,h3 {
|
|
margin-top:0;
|
|
}
|
|
|
|
/* */
|
|
|
|
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: 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 */
|
|
}
|
|
|
|
/* */
|
|
|
|
.headimg {
|
|
width:310px;
|
|
height:62px;
|
|
}
|
|
|
|
.homeimage {
|
|
width:90px;
|
|
height:30px;
|
|
}
|
|
|
|
.thumbimage {
|
|
width:60px;
|
|
height:60px;
|
|
opacity: 0.8;
|
|
transition:0.2s opacity;
|
|
border:1px solid lightgrey;
|
|
}
|
|
.thumbimage:hover {
|
|
opacity:1.0;
|
|
}
|