Andreas Hocevar
130 lines
2.8 KiB
HTML
130 lines
2.8 KiB
HTML
<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>
|