@@ -44,6 +44,11 @@ <h2>Content Header H2</h2> <p>This is why the blue monkeys don't let panda's into their playground. It just doesn't work on a day to day basis.</p> + <ul class="toolbar"> + <li><a href="#">New Thing</a></li> + <li><a href="#">Add Stuff</a></li> + </ul> + <h3>Content Header H3</h3> <ul class="align"><li>stuff 1</li><li>stuff 2</li><li>stuff 3</li></ul> @@ -66,7 +71,7 @@ </ul> <div id="stuff1"> - <h2>This is because</h2> + <h2>Header 2 inside a tab</h2> <p>This is some stuff</p> <h3>Content Header H3</h3> <ul class="align"><li>stuff 1</li><li>stuff 2</li><li>stuff 3</li></ul> @@ -74,19 +79,23 @@ <ol class="align"><li>stuff 1</li><li>stuff 2</li><li>stuff 3</li></ol> </div> <div id="stuff2" - <h3>This is because</h3> <table class="m"> <tr><td>Thing:</td><td><a href="#">Ball</a></td></tr> <tr><td>Stuff:</td><td><a href="#">Garbage</a></td></tr> <tr><td>Place:</td><td><a href="#">NoWhere</a></td></tr> </table> + <h3>Header 3 inside a tab</h3> </div> <div id="stuff3"> - <div class="toolbar"> - <a href="#">New Thing</a> - <a href="#">Add Stuff</a> - </div> + <ul class="toolbar"> + <li><a href="#">New Thing</a></li> + <li><a href="#">Add Stuff</a></li> + </ul> <h3>table of stuff</h3> + <ul class="toolbar"> + <li><a href="#">New Thing</a></li> + <li><a href="#">Add Stuff</a></li> + </ul> <table class="itu"> <tr> <th>Description</th> index.html @@ -78,9 +78,13 @@ table.m td a:hover {background-color:#bbcef1;border:1px solid #6595e0;-moz-borde ul.ui-tabs-nav {margin:1em 1em 0;} div.ui-tabs-panel {margin:0 1em;padding:.5em 0;} div.ui-tabs-panel table.itu {font-size:12px;border-top:1px solid #505050;border-left:1px solid #505050;border-right:1px solid #505050;} +div.ui-tabs-panel table.itu tr th {padding:3px 0;} +div.ui-tabs-panel table.itu tr td {padding:2px 0;} .ui-tabs-panel-padding {padding:1.2em;} /* Toolbars */ -div.toolbar {border:1px solid #505050;background:url("../images/footer-button-m-inactive.png") repeat-x;height:20px;display:block;margin:1em 1.2em 0;padding:0 1em;-moz-border-radius:5px;-webkit-border-radius:5px} -div.toolbar a {font-size:12px;margin:0;padding:3px 1em;} -div.toolbar a:hover {background:url("../images/footer-button-m-active.png") repeat-x;} \ No newline at end of file +ul.toolbar {border:1px solid #505050;background:url("../images/footer-button-m-inactive.png") repeat-x;height:16px;display:block;margin:1em 1.2em 0;padding:2px 1em;-moz-border-radius:5px;-webkit-border-radius:5px} +ul.toolbar li {display:inline;} +ul.toolbar li a {position:relative;padding:4px 1em;} +ul.toolbar li a:hover {background:url("../images/footer-button-m-active.png") repeat-x;} +div.ui-tabs-panel ul.toolbar li a {position:relative;top:2px;} \ No newline at end of file stylesheets/common.css @@ -70,7 +70,6 @@ .ui-tabs-nav { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 1.2em; float: left; position: relative; z-index: 1; @@ -112,7 +111,6 @@ background: #ffffff url(../images/jquery/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; color: #222222; padding: 0; - font-size: 1.2em; } .ui-tabs-hide { display: none;/* for accessible hiding: position: absolute; left: -99999999px*/; stylesheets/jquery-theme.css fbd0b54318e743ae32806cf03c129f1676248e3d Jonathan Hoyt jonmagic@Nikita.local http://github.com/jonmagic/webapp_gui/commit/da00d1d9fbae2fd23f74d355c13cff049d8aef07 da00d1d9fbae2fd23f74d355c13cff049d8aef07 2008-10-14T20:48:43-07:00 2008-10-14T20:48:43-07:00 Fixed ome stuff with toolbars inside of tabs. Could be better, they don't size well if you increase the font size via your browser. d41888e20608908bf3ba45a47eace1b4b81ec40c Jonathan Hoyt jonmagic@Nikita.local