topical media & game development
graphic-canvas-example-canvascape-style.css / css
H2 {
padding: 5px;
font-size: 14pt;
font-style: italic;
margin-top: 0;
}
#content {
font-family: arial;
font-size: 10pt;
background-color: #000;
color: #CCC;
}
#holder {
position: relative;
width: 400px;
height:300px;
top: 10px;
left: 120px;
border: 2px solid #333;
}
#sky {
position: absolute;
left: 0;
top: 0;
height: 150px;
width: 400px;
background-color: #CCD;
background-image: url(graphic-canvas-example-canvascape-images-sky.jpg);
}
#floor {
position: absolute;
left: 0;
top: 150px;
height: 150px;
width: 400px;
background-color: #565;
background-image: url(graphic-canvas-example-canvascape-images-floor.png);
}
#canvas {
position: absolute;
top: 0;
left: 0;
}
#overlay {
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 300px;
background-image: url(graphic-canvas-example-canvascape-images-overlay.gif);
}
#map, #underMap {
top: 70px;
left: 20px;
position: absolute;
}
#code {
position: absolute;
top: 160px;
margin-left: 5px;
}
#content A {
color: #66AACC;
}
#content A:hover {
color: lime;
}
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.