diff options
author | matthewt <matthewt@03d0b0b2-0e1a-0410-a411-fdb2f4bd65d7> | 2008-01-30 17:56:22 +0000 |
---|---|---|
committer | matthewt <matthewt@03d0b0b2-0e1a-0410-a411-fdb2f4bd65d7> | 2008-01-30 17:56:22 +0000 |
commit | 7c2bcb55574ebbea6c51b67b5994149400da4895 (patch) | |
tree | 0368d331fd7e4af7f42bda2dfba255ef1e5678ee /share/skin/componentui | |
parent | b269d2bfde94e4e778395632ccf754d1f24c3ab7 (diff) | |
download | reaction-7c2bcb55574ebbea6c51b67b5994149400da4895.tar.gz reaction-7c2bcb55574ebbea6c51b67b5994149400da4895.zip |
skin inheritnace within a single search path
Diffstat (limited to 'share/skin/componentui')
-rw-r--r-- | share/skin/componentui/layout/site_layout.tt | 56 | ||||
-rw-r--r-- | share/skin/componentui/skin.conf | 1 | ||||
-rw-r--r-- | share/skin/componentui/web/componentui-basic.css | 201 |
3 files changed, 258 insertions, 0 deletions
diff --git a/share/skin/componentui/layout/site_layout.tt b/share/skin/componentui/layout/site_layout.tt new file mode 100644 index 0000000..0a1448a --- /dev/null +++ b/share/skin/componentui/layout/site_layout.tt @@ -0,0 +1,56 @@ +=for layout widget +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" + "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> + +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> + +<head> + <title>Component UI Test Title</title> + + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> + <link rel="stylesheet" type="text/css" href="/static/componentui-basic.css" /> + +</head> + +<body> + <div id="container"> + <div id="header"> + [% header %] + </div> + + <div id="nav"> + [% menu %] + </div> + + <div id="contents"> + <div id="wrapper"> + [% sidebar %] + [% inner %] + </div> + <div class="spacer"></div> + </div> + </div> +</body> + +</html> + +=for layout inner +<!-- main content start --> +[% call_next %] +<!-- main content end --> +=for layout header + +<h1>Component UI Header</h1> + +=for layout sidebar + <div class="sidebar"> + Nothing to see here. Move along. + </div> + +=for layout menu + <ul class="menu"> + <li> <a href="/testmodel/foo">Foo</a> </li> + <li> <a href="/testmodel/bar">Bar</a> </li> + <li> <a href="/testmodel/baz">Baz</a> </li> + </ul> +=cut diff --git a/share/skin/componentui/skin.conf b/share/skin/componentui/skin.conf new file mode 100644 index 0000000..a9827b2 --- /dev/null +++ b/share/skin/componentui/skin.conf @@ -0,0 +1 @@ +extends default diff --git a/share/skin/componentui/web/componentui-basic.css b/share/skin/componentui/web/componentui-basic.css new file mode 100644 index 0000000..1f25ddb --- /dev/null +++ b/share/skin/componentui/web/componentui-basic.css @@ -0,0 +1,201 @@ +html { + min-width: 915px; +} /*IE7*/ + +body { + color: #393733; + margin: 0; + padding: 0 20px; + text-align: center; + background: #DDDDDD; +} + +img { + border: none; +} + +p { + line-height: 1.4; +} + +input{ + line-height: 1; +} + +#container { + text-align: left; + margin: 0 auto; + max-width: 1200px; + position: relative; +} + +#wrapper { + padding: 15px 0 0 19px; + min-height: 500px; +} /*IE6*/ + +#contents { + clear: both; + padding: 0 15px 30px 0; + margin-top: 7px; + background: #FFFFFF; +} + +.spacer{ clear: both; } +.sidebar { + float: right; + width: 300px; + clear: both; + margin: 0 0 2em 0; + min-height: 500px; +} +.sidebar_section { + margin: 1em 0 1em 0; + min-height: 100px; +} + +.sidebar_section h2{ + border-bottom: 2px solid #036; + padding: 0 1em 0 0em; + font-size: 120%; + text-align: right; +} + +#header { + background: #036; + color: #fff; + float: left; + width: 100%; + margin-bottom: 0px; + border-bottom: 1px solid white; + position: relative; + text-align: left; +} + +#header h1 { + font-size: 150%; + padding: .2em; + margin: .2em; +} + +#nav { + background: #036; + color: #fff; + float: left; + width: 100%; + margin-bottom: 5px; + position: relative; + text-align: right; +} + +#nav .menu { + display: inline + width: 75%; + float: left; + margin: 0px; + padding: 0px; + list-style-type: none; + color: #FFFFFF; + background: #036 +} + +#nav .menu li { + display: inline; +} + +#nav .menu li a { + float: left; + width: 7em; + color: #FFFFFF; + background:color #036; + padding: 0.2em .2em; + text-decoration: none; + border-right: 1px solid #fff; + text-align: center; + font-size: 105%; + font-weight: bold; +} + +#nav .menu li a:hover { + background-color: #369; + color: #fff; +} + +#login-status{ + padding: .2em 1em 0 0; + font-size: 80%; +} + +#search{ + float: right; + width: 300; + padding: 1em; +} +#searchbox{ + line-height: 1.4; + font-size: 90%; + border: 2px solid #FFF; + padding-left: 3px; +} +#searchsub{ + background-color: #036; + font-weight: bold; + font-size: 90%; + color: white; + border: 2px solid #369; +} + +.pager { + display: inline + margin: 0px; + padding: 0px; + list-style-type: none; + font-size: 80%; +} + +.pager li { + display: inline; + margin: 1px; +} + +.pager li a { + padding: 1px 3px 1px 3px; + text-decoration: none; + color: #036; + border: 1px solid #036; + text-align: center; + font-weight: bold; +} + +.pager li a:hover { + color: #369; + border: 1px solid #369; +} + +.collection_actions ul { + display: inline + margin: 0px; + padding: 0px; + list-style-type: none; +} + +.collection_actions ul li { + display: inline; + margin: 0.2em; +} + +.collection_actions ul li a { + /* background-color #9CF; */ + /* padding: 0.2em .2em; */ + /* text-decoration: none; */ + /* border: 1px solid #369; */ + text-align: center; + font-weight: bold; +} + +th { + font-weight: bold; + padding-left: 4px; + padding-right: 4px; + text-align: center; +}
\ No newline at end of file |