5039a4bc5b
While adding unit testing I noticed the stop() unit test wasn't working correctly because the element was hidden so I fixed it and added more unit tests around the new functionality. I also added a cursor:pointer to the css (because for a long time I didn't know they were clickable).
116 lines
2 KiB
CSS
116 lines
2 KiB
CSS
body, div, h1 { font-family: 'trebuchet ms', verdana, arial; margin: 0; padding: 0 }
|
|
body {font-size: 10pt; }
|
|
h1 { padding: 15px; font-size: large; background-color: #06b; color: white; }
|
|
h2 { padding: 10px; background-color: #eee; color: black; margin: 0; font-size: small; font-weight: normal }
|
|
|
|
.pass { color: green; }
|
|
.fail { color: red; }
|
|
p.result { margin-left: 1em; }
|
|
|
|
#banner { height: 2em; border-bottom: 1px solid white; }
|
|
h2.pass { background-color: green; }
|
|
h2.fail { background-color: red; }
|
|
|
|
ol#tests > li > strong { cursor:pointer; }
|
|
|
|
div#fx-tests h4 {
|
|
background: red;
|
|
}
|
|
|
|
div#fx-tests h4.pass {
|
|
background: green;
|
|
}
|
|
|
|
div#fx-tests div.box {
|
|
background: red url(data/cow.jpg) no-repeat;
|
|
overflow: hidden;
|
|
border: 2px solid #000;
|
|
}
|
|
|
|
div#fx-tests div.overflow {
|
|
overflow: visible;
|
|
}
|
|
|
|
div.inline {
|
|
display: inline;
|
|
}
|
|
|
|
div.autoheight {
|
|
height: auto;
|
|
}
|
|
|
|
div.autowidth {
|
|
width: auto;
|
|
}
|
|
|
|
div.autoopacity {
|
|
opacity: auto;
|
|
}
|
|
|
|
div.largewidth {
|
|
width: 100px;
|
|
}
|
|
|
|
div.largeheight {
|
|
height: 100px;
|
|
}
|
|
|
|
div.largeopacity {
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
|
|
}
|
|
|
|
div.medwidth {
|
|
width: 50px;
|
|
}
|
|
|
|
div.medheight {
|
|
height: 50px;
|
|
}
|
|
|
|
div.medopacity {
|
|
opacity: 0.5;
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
|
|
}
|
|
|
|
div.nowidth {
|
|
width: 0px;
|
|
}
|
|
|
|
div.noheight {
|
|
height: 0px;
|
|
}
|
|
|
|
div.noopacity {
|
|
opacity: 0;
|
|
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
|
|
}
|
|
|
|
div.hidden {
|
|
display: none;
|
|
}
|
|
|
|
div#fx-tests div.widewidth {
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
div#fx-tests div.wideheight {
|
|
background-repeat: repeat-y;
|
|
}
|
|
|
|
div#fx-tests div.widewidth.wideheight {
|
|
background-repeat: repeat;
|
|
}
|
|
|
|
div#fx-tests div.noback {
|
|
background-image: none;
|
|
}
|
|
|
|
div.chain, div.chain div { width: 100px; height: 20px; position: relative; float: left; }
|
|
div.chain div { position: absolute; top: 0px; left: 0px; }
|
|
|
|
div.chain.test { background: red; }
|
|
div.chain.test div { background: green; }
|
|
|
|
div.chain.out { background: green; }
|
|
div.chain.out div { background: red; display: none; }
|