layout/reftests/box-shadow/fieldset-ref.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/box-shadow/fieldset-ref.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,95 @@
     1.4 +<!DOCTYPE HTML>
     1.5 +<html><head>
     1.6 +    <meta charset="utf-8">
     1.7 +    <title>Testcase for bug 485149</title>
     1.8 +    <style type="text/css">
     1.9 +
    1.10 +        html,body {
    1.11 +            color:black; background-color:white; font-size:16px; padding:0; margin:0;
    1.12 +        }
    1.13 +	
    1.14 +
    1.15 +body {padding:20px;}
    1.16 +
    1.17 +field {
    1.18 +  display:block;
    1.19 +  overflow:hidden;
    1.20 +  background:yellow;
    1.21 +
    1.22 +  box-shadow:0 0 5px 5px #cccccc; 
    1.23 +  border:1px solid #000000;
    1.24 +  border-radius:7px;
    1.25 +  width:200px;
    1.26 +  height:50px;
    1.27 +  margin-left:5px;
    1.28 +  margin-right:2px;
    1.29 +  padding:10px;
    1.30 +  border-box;
    1.31 +}
    1.32 +
    1.33 +.with-legend {
    1.34 +  margin-top:8px;
    1.35 +  height:42px;
    1.36 +}
    1.37 +
    1.38 +p { height:40px; margin:0; }
    1.39 +
    1.40 +#mask1 {
    1.41 + position:absolute;
    1.42 + left:0;
    1.43 + top:0;
    1.44 + background:black;
    1.45 + z-index:1;
    1.46 + width:150px;
    1.47 + height:700px;
    1.48 +}
    1.49 +
    1.50 +#mask2 {
    1.51 + position:absolute;
    1.52 + left:170px;
    1.53 + top:330px;
    1.54 + background:black;
    1.55 + z-index:1;
    1.56 + width:150px;
    1.57 + height:300px;
    1.58 +}
    1.59 +
    1.60 +#mask3 {
    1.61 + position:absolute;
    1.62 + left:0;
    1.63 + top:380px;
    1.64 + background:black;
    1.65 + z-index:1;
    1.66 + width:300px;
    1.67 + height:300px;
    1.68 +}
    1.69 +
    1.70 +</style>
    1.71 +</head>
    1.72 +<body>
    1.73 +
    1.74 +<field class="with-legend">
    1.75 +1
    1.76 +</field>
    1.77 +
    1.78 +<p></p>
    1.79 +<field class="with-legend" style="position:relative">
    1.80 +2
    1.81 +</field>
    1.82 +
    1.83 +<p></p>
    1.84 +<field>
    1.85 +3
    1.86 +</field>
    1.87 +
    1.88 +<p></p>
    1.89 +<field class="with-legend" style="border-color:transparent">
    1.90 +4
    1.91 +</field>
    1.92 +
    1.93 +<div id="mask1"></div>
    1.94 +<div id="mask2"></div>
    1.95 +<div id="mask3"></div>
    1.96 +
    1.97 +</body>
    1.98 +</html>

mercurial