1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
|
<!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>
|
