Initial commit, very few changes from orca 45. Added xfce4-notification daemon support.
This commit is contained in:
83
test/html/cloud-nightmare.html
Normal file
83
test/html/cloud-nightmare.html
Normal file
@ -0,0 +1,83 @@
|
||||
<html>
|
||||
<head>
|
||||
<style>
|
||||
.container {
|
||||
border: 1px solid #3b599e;
|
||||
overflow: hidden;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#315d8c', endColorstr='#84aace');
|
||||
background: -moz-linear-gradient(top, #315d8c, #84aace);
|
||||
}
|
||||
.cloud {
|
||||
color: #fff;
|
||||
position: relative;
|
||||
font: 100%"Times New Roman", Times, serif;
|
||||
text-shadow: 0px 0px 10px #fff;
|
||||
line-height: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container" style="width: 450px; height: 100px;">
|
||||
<div style="position: relative; top: -80px; left: -10px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 400px; left: -10px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: -80px; left: 150px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 80px; left: 150px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 240px; left: 150px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 400px; left: 150px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: -80px; left: 310px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 80px; left: 310px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 240px; left: 310px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
<div style="position: relative; top: 400px; left: 310px;">
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 34px; left: 28px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left: 10px;">.</div>
|
||||
<div class="cloud" style="font-size:300px; width: 300px; height: 300px; position: absolute; top: 46px; left:50px;">.</div>
|
||||
<div class="cloud" style="font-size:400px; width: 400px; height: 400px; position: absolute; top: 24px; left:20px;">.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user