diff options
author | Dries Buytaert <dries@buytaert.net> | 2004-06-19 08:24:14 +0000 |
---|---|---|
committer | Dries Buytaert <dries@buytaert.net> | 2004-06-19 08:24:14 +0000 |
commit | a42b84e5d690a82c897edf90b37045f0e3aa68a2 (patch) | |
tree | e0d622b76b9be7c136e15c844659583cd780dd9d /themes | |
parent | a9c560282b4f7b8b21695b304c8cc89402a8efd1 (diff) | |
download | brdo-a42b84e5d690a82c897edf90b37045f0e3aa68a2.tar.gz brdo-a42b84e5d690a82c897edf90b37045f0e3aa68a2.tar.bz2 |
First tab improvements by Adrian:
+ Changed menu.inc to generate two separate lists instead of nested lists:
that seems to be the only alternative to get rid of absolute positioning.
+ Changed the tabs code to be more sexy and put the code in misc/drupal.css
so all themes are automagically updated.
Diffstat (limited to 'themes')
-rw-r--r-- | themes/xtemplate/default/xtemplate.css | 87 | ||||
-rw-r--r-- | themes/xtemplate/default/xtemplate.xtmpl | 1 | ||||
-rw-r--r-- | themes/xtemplate/pushbutton/xtemplate.xtmpl | 6 |
3 files changed, 5 insertions, 89 deletions
diff --git a/themes/xtemplate/default/xtemplate.css b/themes/xtemplate/default/xtemplate.css index 6b2ff09a3..5e2e7b2c2 100644 --- a/themes/xtemplate/default/xtemplate.css +++ b/themes/xtemplate/default/xtemplate.css @@ -186,93 +186,6 @@ table { .links a { font-weight: bold; } - -.tabs { - width: 100%; - diplay: block; - margin: 0; - padding: 0; - white-space: nowrap; -} - -.tabs ul { - float: left; - diplay: block; - width: 100%; - margin: 0; - padding: 0; - list-style-type: none; -} - -.tabs li { - float: left; - diplay: block; - width: auto; - margin: 0 0.2em 0 0.2em; - padding: 0; - list-style-type: none; -} - -.tabs li a { - position: relative; - display: block; - margin: 0; - padding: 0 0.9em; - background-color: #eee; - border-top: 1px solid #888; - border-right: 1px solid #888; - border-bottom: 2px solid #fff; - border-left: 1px solid #888; - background-color: #fff; - text-align: center; - } - -.tabs li.active a, .tabs li.active { - background-color: #eee; - border-top: 1px solid #bbb; - border-right: 1px solid #bbb; - border-bottom: 2px solid #eee; - border-left: 1px solid #ccc; - z-index: 2; -} - -.tabs li.active ul { - display: inline; - float: none; - position: absolute; - padding: 0; - margin: 0; - border-top: 2px solid #888; - border-left: 2px solid #bbb; - background-color: none; - white-space: nowrap; -} - -.tabs li.active ul li { - width: auto; - display: inline; - list-style: none; - margin: 0; - border: 0; - z-index: 1; -} - -.tabs li.active ul li a { - width: auto; - margin: 0; - padding: 0; - background-color: #eee; - border-top: none; - border-right: 1px solid #bbb; - border-bottom: none; - border-left: none; - z-index: 2; -} - -.clear-tabs { - clear: both; -} - .block, .box { padding: 0 0 1.5em 0; } diff --git a/themes/xtemplate/default/xtemplate.xtmpl b/themes/xtemplate/default/xtemplate.xtmpl index 2c8db0eef..c05d34534 100644 --- a/themes/xtemplate/default/xtemplate.xtmpl +++ b/themes/xtemplate/default/xtemplate.xtmpl @@ -47,7 +47,6 @@ <h1 class="title">{title}</h1> <!-- BEGIN: tabs --> <div class="tabs">{tabs}</div> - <div class="clear-tabs"></div> <!-- END: tabs --> <!-- END: title --> <!-- BEGIN: help --> diff --git a/themes/xtemplate/pushbutton/xtemplate.xtmpl b/themes/xtemplate/pushbutton/xtemplate.xtmpl index 7b5bb0db6..47cfdec03 100644 --- a/themes/xtemplate/pushbutton/xtemplate.xtmpl +++ b/themes/xtemplate/pushbutton/xtemplate.xtmpl @@ -50,8 +50,12 @@ <!-- BEGIN: title --> {breadcrumb} <h1 class="title">{title}</h1> + <!-- BEGIN: tabs --> + <div class="tabs">{tabs}</div> + <!-- END: tabs --> + <!-- END: title --> - <!-- BEGIN: help --> + <!-- BEGIN: help --> <div id="help">{help}</div> <!-- END: help --> <!-- BEGIN: message --> |