| <html> |
| <!-- |
| Copyright 2010 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. |
| --> |
| <head> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <script src="../../base.js"> |
| </script> |
| <script> |
| goog.require('goog.cssom.iframe.styleTest'); |
| </script> |
| <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 id="source1" class="italic"> |
| 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 id="source3" class="special"> |
| Some |
| <strong> |
| strong |
| </strong> |
| text |
| <div class="boxy"> |
| A box |
| </div> |
| </div> |
| <div id="ancestor" class="goog-presently-theme-monochrome"> |
| <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> |
| </body> |
| </html> |
