koha-tmpl/intranet-tmpl/prog/en/lib/jquery/plugins/jquery.tabs.css

   1 /* Caution! Ensure accessibility in print and other media types... */
   2 @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
   3     .tabs-hide {
   4         display: none;
   5     }
   6 }
   7
   8 /* Hide useless elements in print layouts... */
   9 @media print {
  10     .tabs-nav {
  11         display: none;
  12     }
  13 }
  14
  15 /* Skin */
  16 .tabs-nav {
  17     margin: 0;
  18     padding: 0 0 0 4px;
  19 }
  20
  21 .tabs-nav li {
  22         list-style : none;
  23 }
  24
  25 .tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  26     display: block;
  27     clear: both;
  28     content: " ";
  29 }
  30 .tabs-nav li {
  31     float: left;
  32     margin: 0 0 0 1px;
  33     min-width: 84px; /* be nice to Opera */
  34 }
  35 .tabs-nav a, .tabs-nav a span {
  36     display: block;
  37     padding: 4px 10px;
  38 }
  39 .tabs-nav a {
  40     position: relative;
  41     top: 1px;
  42     z-index: 2;
  43     white-space: nowrap; /* required in IE 6 */
  44 }
  45 .tabs-nav .tabs-selected a {
  46         background-color : #FFFFCC;
  47         border-top: 1px solid #FFFFCC;
  48         border-right: 1px solid #FF9900;
  49         border-bottom: 1px solid #FF9900;
  50         border-left: 1px solid #FFCC66;
  51         font-weight : bold;
  52         text-decoration : none;
  53         top : -1px;
  54 }
  55 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  56     outline: 0; /* prevent dotted border in Firefox */
  57 }
  58 .tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
  59 }
  60 .tabs-nav a span {
  61     width: 64px; /* IE 6 treats width as min-width */
  62     min-width: 64px;
  63     height: 18px; /* IE 6 treats height as min-height */
  64     min-height: 18px;
  65     padding-top: 6px;
  66     padding-right: 0;
  67 }
  68 *>.tabs-nav a span { /* hide from IE 6 */
  69     width: auto;
  70     height: auto;
  71 }
  72 .tabs-nav .tabs-selected a span {
  73     padding-top: 7px;
  74 }
  75
  76 .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... */
  77     cursor: text;
  78 }
  79 .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
  80     cursor: pointer;
  81 }
  82 .tabs-nav .tabs-disabled {
  83     opacity: .4;
  84 }
  85 .tabs-container {
  86     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
  87 }