[jboss-cvs] jboss-seam/examples/wiki/view/themes/default/css ...

[Christian Bauer]

  User: cbauer  
  Date: 07/05/04 20:34:13

  Modified:    examples/wiki/view/themes/default/css  template.css
  Log:
  Switched from accordion navigation to tabs
  
  Revision  Changes    Path
  1.27      +84 -0     jboss-seam/examples/wiki/view/themes/default/css/template.css
  
  (In the diff below, changes in quantity of whitespace are not shown.)
  
  Index: template.css
  ===================================================================
  RCS file: /cvsroot/jboss/jboss-seam/examples/wiki/view/themes/default/css/template.css,v
  retrieving revision 1.26
  retrieving revision 1.27
  diff -u -b -r1.26 -r1.27
  --- template.css	4 May 2007 12:35:29 -0000	1.26
  +++ template.css	5 May 2007 00:34:13 -0000	1.27
  @@ -795,3 +795,87 @@
        top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
   }
   */
  +
  +
  +/* Form tabs
  +----------------------------------------------- */
  +
  +/* Caution! Ensure accessibility in print and other media types... */
  + at media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
  +    .tabs-hide {
  +        display: none;
  +    }
  +}
  +
  +/* Hide useless elements in print layouts... */
  + at media print {
  +    .tabs-nav {
  +        display: none;
  +    }
  +}
  +
  +/* Skin */
  +.tabs-nav {
  +    list-style: none;
  +    margin: 0;
  +    padding: 0;
  +    background-color: red;
  +    border-left: 1px solid #C3BBB6;
  +}
  +.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  +    display: none;
  +    clear: both;
  +    content: " ";
  +}
  +.tabs-nav li {
  +    float: left;
  +    margin: 0;
  +    text-align: left;
  +    background: #fff url(../img/th.bg.gif) 0 0 repeat-x;
  +    font-size: 85%;
  +    font-weight: bold;
  +    color: #555;
  +    padding-left: 13px;
  +    padding-right: 10px;
  +    padding-top: 5px;
  +    padding-bottom: 5px;
  +    border-top: 1px solid #C3BBB6;
  +    border-right: 1px solid #C3BBB6;
  +    border-bottom: 1px solid #C3BBB6;
  +}
  +.tabs-nav a {
  +    color: #962325
  +}
  +.tabs-nav .tabs-selected {
  +    background: #fff url(../img/th.bg.inverse.gif) 0 0 repeat-x;
  +}
  +
  +.tabs-nav .tabs-selected a {
  +    color: #555;
  +}
  +
  +.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  +    background-position: 0 -50px;
  +    outline: 0; /* @ Firefox, switch off dotted border */
  +}
  +.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
  +    background-position: 0 0;
  +}
  +.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
  +.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  +    cursor: text;
  +}
  +.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
  +    cursor: pointer;
  +}
  +.tabs-nav .tabs-disabled {
  +    opacity: .4;
  +}
  +.tabs-container {
  +    border-top: 1px solid #C3BBB6;
  +    border-left: 1px solid #C3BBB6;
  +    border-right: 1px solid #C3BBB6;
  +    padding-top: 35px;
  +    padding-bottom: 10px;
  +    background: #f5f5f5; /* declare background color for container to avoid distorted fonts in IE while fading */
  +}