style_test.html | Explore in Territory

<!DOCTYPE html><!-- DO NOT EDIT. This file auto-generated by generate_closure_unit_tests.js --><!--
Copyright 2017 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
--><html><head><meta charset="UTF-8">

<script src="../../base.js"></script>

<script>goog.require('goog.cssom.iframe.styleTest');</script>
<title>Closure Unit Tests - goog.cssom.iframe.styleTest</title><!--
Copyright 2017 The Closure Library Authors. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
<style type="text/css">
 @import url("style_test_import.css");

    body { font-family: Verdana; }
    div { background-color: #ffc; margin: 10px 0; }
    p { margin: 10px 0; }
    .boxy { padding: 5px; background-color: #fa0; }
    .special .boxy { padding: 10px; background-color: #abef00; }
    div div strong { color: red; }
    div { line-height: 1.3; }
    .wrapper .inner-wrapper { border: 2px solid pink;}
    a { color: red; }
    #source4 { background-color: #900; }

    #backgroundTest-ancestor-1 {
      background-color: rgb(128,0,128);
    }
    #backgroundTest-ancestor-0 {
      background-image: url("../../images/blank.gif");
      background-position: 40px 70px;
      background-repeat: repeat;
      background-color: transparent;
      padding: 5px 8px;
    }
    div#backgroundTest-parent {
      border: 1px solid black;
      background-color: transparent;
    }
    div#backgroundTest {
      position: relative;
      background-color: transparent;
      height: 100px;
      margin-top: 0;
    }
</style>
<style type="text/css">
 .goog-presently-theme-monochrome {
      background-color: black;
      color: #CCC;
    }
   .goog-presently-theme-monochrome a {
     color: #FFF;
    }
    .goog-presently-theme-monochrome p#source4 {
      font-variant: small-caps;
    }

    .italic {
      font-style: italic;
    }
</style>
<style type="text/css">
 @font-face {
      font-family: Cavalier;
    }
    #cavalier {
      font-family: Cavalier;
    }
</style>
</head><body><div class="wrapper">
 <div class="inner-wrapper">
  <div class="italic" id="source1">
   hello world
  </div>
  <div id="source2">
   <div>
    Some
    <strong>
     strong
    </strong>
    text
   </div>
   <div class="boxy exciting">
    A box
   </div>
   <div class="inner-wrapper">
    A wrapper
   </div>
  </div>
  <div class="special" id="source3">
   Some
   <strong>
    strong
   </strong>
   text
   <div class="boxy">
    A box
   </div>
  </div>
  <div class="goog-presently-theme-monochrome" id="ancestor">
   <p id="source4" style="background-color: #900">
    Here's a link:
    <a href="#">
     my link
    </a>
   </p>
  </div>
  <div id="backgroundTest-ancestor-1">
   <div id="backgroundTest-ancestor-0">
    <div id="backgroundTest-parent">
     <div id="backgroundTest">
      hello
     </div>
    </div>
   </div>
  </div>
  <div id="cavalier">
  </div>
 </div>
</div>
<br>
<br></body></html>
chromium/third_party/google-closure-library/closure/goog/cssom/iframe/style_test.html
