summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/CSS_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/CSS_1.html')
-rw-r--r--webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/CSS_1.html110
1 files changed, 0 insertions, 110 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/CSS_1.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/CSS_1.html
deleted file mode 100644
index c49016803d..0000000000
--- a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/test/CSS_1.html
+++ /dev/null
@@ -1,110 +0,0 @@
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>qooxdoo &raquo; Demo</title>
- <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
- <!--[if IE]>
- <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
- <![endif]-->
- <script type="text/javascript" src="../../script/qx.js"></script>
-
- <style type="text/css">
-
- .box {
- position: absolute;
- width: 100px;
- height: 100px;
- left: 30px;
- top: 40px;
- color: white;
- padding: 5px;
- }
-
- #box1 {
- background-color: red;
- }
-
- #box2 {
- background-color: blue;
- top: 200px;
- left: 100px;
- }
-
- </style>
-
-</head>
-<body>
- <script type="text/javascript" src="../../script/layout.js"></script>
-
- <div id="demoDescription">
- <p>Some tests of qx.dom.StyleSheet</p>
- </div>
-
-
- <div id="box1" class="box">
- Box 1
- </div>
-
- <div id="box2" class="box">
- Box 2
- </div>
-
- <div style="display:none" id="control">
- <p>
- <h3>Box 1</h3>
- <a href="javascript://" onclick="qx.dom.StyleSheet.addRule(sheet, '#box1', 'background-color:green !important');">qx.dom.StyleSheet.addRule(style, '#box1', 'background-color:green !important')</a> <br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.removeRule(sheet, '#box1');">qx.dom.StyleSheet.removeRule(sheet, '#box1')</a> <br>
- </p>
- <h3>Box 1</h3>
- <a href="javascript://" onclick="qx.dom.StyleSheet.addRule(sheet, '#box2', 'background-color:yellow !important');">qx.dom.StyleSheet.addRule(style, '#box2', 'background-color:yellow !important')</a> <br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.removeRule(sheet, '#box2');">qx.dom.StyleSheet.removeRule(sheet, '#box2')</a> <br>
- <p>
- <h3>All</h3>
- <a href="javascript://" onclick="qx.dom.StyleSheet.removeAllRules(sheet)">qx.dom.StyleSheet.removeAllRules(sheet)</a> <br>
- </p>
- <p>
- <h3>Import</h3>
- add Import <br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.addImport(sheet, 'bigFont.css')">qx.dom.StyleSheet.addImport(sheet, 'bigFont.css')</a> <br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.addImport(sheet, 'boldFont.css')">qx.dom.StyleSheet.addImport(sheet, 'boldFont.css')</a> <br>
- remove Import<br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.removeImport(sheet, 'bigFont.css')">qx.dom.StyleSheet.removeImport(sheet, 'bigFont.css')</a> <br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.removeImport(sheet, 'boldFont.css')">qx.dom.StyleSheet.removeImport(sheet, 'boldFont.css')</a> <br>
- remove all Imports<br>
- <a href="javascript://" onclick="qx.dom.StyleSheet.removeAllImports(sheet)">qx.dom.StyleSheet.removeAllImports(sheet)</a> <br>
- </p>
-
- </div>
-
- <script type="text/javascript">
-
- var sheet = qx.dom.StyleSheet.createElement();
-
- qx.core.Init.getInstance().defineMain(function()
- {
- var d = qx.ui.core.ClientDocument.getInstance();
-
- var ct1 = new qx.ui.basic.Label(document.getElementById("control").innerHTML);
-
- with(ct1)
- {
- setWidth(450);
- setRight(335);
-
- setHeight(null);
- setTop(48);
- setBottom(48);
-
- setOverflow("auto");
-
- setBackgroundColor(new qx.renderer.color.Color("white"));
- setBorder(qx.renderer.border.BorderPresets.getInstance().groove);
- setPadding(10);
- };
-
- d.add(ct1);
- });
-
- </script>
-</body>
-</html>