96 lines
1.1 KiB
CSS
96 lines
1.1 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;
|
||
|
|
}
|
||
|
|
|
||
|
|
.projinfo {
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
.projbody {
|
||
|
|
position:absolute;
|
||
|
|
left:0;
|
||
|
|
right: 64px;
|
||
|
|
}
|
||
|
|
.projimg {
|
||
|
|
position:absolute;
|
||
|
|
right:0;
|
||
|
|
|
||
|
|
width:60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* */
|
||
|
|
|
||
|
|
.headimg {
|
||
|
|
width:310px;
|
||
|
|
height:62px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.homeimage {
|
||
|
|
width:90px;
|
||
|
|
height:30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thumbimage {
|
||
|
|
width:60px;
|
||
|
|
height:60px;
|
||
|
|
opacity: 0.8;
|
||
|
|
transition:0.2s opacity;
|
||
|
|
}
|
||
|
|
.thumbimage:hover {
|
||
|
|
opacity:1.0;
|
||
|
|
}
|