60 lines
1.1 KiB
CSS
60 lines
1.1 KiB
CSS
|
/* Styles for scrolling layers
|
||
|
|
Specify width and height in hold and wn, and in clip for wn */
|
||
|
|
div#hold {
|
||
|
|
position:relative;
|
||
|
|
overflow:hidden;
|
||
|
|
width:454px;
|
||
|
|
height:67px;
|
||
|
|
top:0px;
|
||
|
|
left:0px;
|
||
|
|
z-index:100
|
||
|
|
}
|
||
|
|
div#wn {
|
||
|
|
position:absolute;
|
||
|
|
left:0px;
|
||
|
|
top:0px;
|
||
|
|
width:475px;
|
||
|
|
height:67px;
|
||
|
|
clip:rect(0px, 454px, 66px, 0px);
|
||
|
|
overflow:hidden;
|
||
|
|
z-index:1;
|
||
|
|
padding:0px;
|
||
|
|
}
|
||
|
|
div#lyr1 {
|
||
|
|
position:absolute;
|
||
|
|
visibility:hidden;
|
||
|
|
left:0px;
|
||
|
|
top:0px;
|
||
|
|
width:474px;
|
||
|
|
height:67px;
|
||
|
|
z-index:1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Styles for demo, not necessary for scrolling layers */
|
||
|
|
body {
|
||
|
|
overflow:hidden;
|
||
|
|
text-align:left;
|
||
|
|
font: 12px verdana, arial, helvetica, sans-serif;
|
||
|
|
margin-top: 0px;
|
||
|
|
margin-left: 0px;
|
||
|
|
margin-right: 0px;
|
||
|
|
width: auto;
|
||
|
|
height: auto;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-size:1.4em;
|
||
|
|
margin:1.5em 0 2em 0;
|
||
|
|
}
|
||
|
|
a:link { color:#33c }
|
||
|
|
a:visited { color:#339 }
|
||
|
|
a img { border:none }
|
||
|
|
|
||
|
|
table.main {
|
||
|
|
width:475px; margin:0px;
|
||
|
|
height:65px;
|
||
|
|
background-color:#eee; border:1px dashed #666
|
||
|
|
}
|
||
|
|
td.arrows a { padding:0 1em }
|
||
|
|
td.spacer { width:38px }
|
||
|
|
td.footer { text-align:center; margin:0 }
|