Author: rgardler
Date: Mon Oct 18 22:47:41 2010
New Revision: 1024054
URL: http://svn.apache.org/viewvc?rev=1024054&view=rev
Log:
Add basic style information to widget template (WOOKIE-131)
Modified:
incubator/wookie/trunk/widgets/widget-template/index.html
incubator/wookie/trunk/widgets/widget-template/style/screen.css
Modified: incubator/wookie/trunk/widgets/widget-template/index.html
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/widget-template/index.html?rev=1024054&r1=1024053&r2=1024054&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/widget-template/index.html (original)
+++ incubator/wookie/trunk/widgets/widget-template/index.html Mon Oct 18
22:47:41 2010
@@ -19,9 +19,14 @@
<head>
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+ <link rel="stylesheet" type="text/css" href="style/screen.css" />
<title>@widget.shortname@</title>
</head>
<body>
- <h1>Hello World...</h1>
+ <div id="wookie-widget">
+ <div id="wookie-toolbar">This is the toolbar</div>
+ <div id="wookie-content">Content</div>
+ <div id="wookie-footer">Footer</div>
+ </div>
</body>
</html>
\ No newline at end of file
Modified: incubator/wookie/trunk/widgets/widget-template/style/screen.css
URL:
http://svn.apache.org/viewvc/incubator/wookie/trunk/widgets/widget-template/style/screen.css?rev=1024054&r1=1024053&r2=1024054&view=diff
==============================================================================
--- incubator/wookie/trunk/widgets/widget-template/style/screen.css (original)
+++ incubator/wookie/trunk/widgets/widget-template/style/screen.css Mon Oct 18
22:47:41 2010
@@ -16,7 +16,7 @@
* specific language governing permissions and limitations
* under the License.
*/
-html {
+html, body {
height:100%;
max-height:100%;
padding:0;
@@ -28,3 +28,25 @@ html {
overflow: hidden;
/* */
}
+
+#wookie-widget {
+ min-height:100%;
+ position:relative;
+}
+
+#wookie-toolbar {
+ background-color:#C0C0C0;
+}
+
+#wookie-content {
+ background-colour:#FFFFFF;
+ padding-bottom:1em; /* Height of the footer */
+}
+
+#wookie-footer {
+ background-color:#C0C0C0;
+ position:absolute;
+ bottom:0;
+ width:100%;
+ height:1em; /* Height of the footer */
+}
