layout/reftests/box-shadow/fieldset.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <meta charset="utf-8">
   4     <title>Testcase for bug 485149</title>
   5     <style type="text/css">
   6
   7         html,body {
   8             color:black; background-color:white; font-size:16px; padding:0; margin:0;
   9         }
  10
  11
  12 body {padding:20px;}
  13
  14 fieldset {
  15   overflow:hidden;
  16   background:yellow;
  17
  18   box-shadow:0 0 5px 5px #cccccc;
  19   border:1px solid #000000;
  20   border-radius:7px;
  21   width:200px;
  22   height:50px;
  23   margin-left:5px;
  24   margin-right:2px;
  25   padding:10px;
  26 }
  27
  28 legend { height:16px; }
  29
  30 p { height:40px; margin:0; }
  31
  32 #mask1 {
  33  position:absolute;
  34  left:0;
  35  top:0;
  36  background:black;
  37  z-index:1;
  38  width:150px;
  39  height:700px;
  40 }
  41
  42 #mask2 {
  43  position:absolute;
  44  left:170px;
  45  top:330px;
  46  background:black;
  47  z-index:1;
  48  width:150px;
  49  height:300px;
  50 }
  51
  52 #mask3 {
  53  position:absolute;
  54  left:0;
  55  top:380px;
  56  background:black;
  57  z-index:1;
  58  width:300px;
  59  height:300px;
  60 }
  61
  62 </style>
  63 </head>
  64 <body>
  65
  66 <fieldset><legend>Legend</legend>
  67 1
  68 </fieldset>
  69
  70 <p></p>
  71 <fieldset style="position:relative;"><legend>Legend</legend>
  72 2
  73 </fieldset>
  74
  75 <p></p>
  76 <fieldset>
  77 3
  78 </fieldset>
  79
  80 <p></p>
  81 <fieldset><legend style="width:150px;"></legend>
  82 4
  83 </fieldset>
  84
  85 <div id="mask1"></div>
  86 <div id="mask2"></div>
  87 <div id="mask3"></div>
  88
  89 </body>
  90 </html>