koha-tmpl/opac-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: .2em .5em .25em .5em;
  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-align : center;
  53         text-decoration : none;
  54         top : -1px;
  55 }
  56
  57 .tabs-nav .tabs-selected a:hover {
  58         color : #0000CC;
  59 }
  60
  61 .tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  62     outline: 0; /* prevent dotted border in Firefox */
  63 }
  64
  65 .tabs-nav a span {
  66     width: 64px; /* IE 6 treats width as min-width */
  67     min-width: 64px;
  68     height: 18px; /* IE 6 treats height as min-height */
  69     min-height: 18px;
  70     padding-top: 6px;
  71     padding-right: 0;
  72 }
  73 *>.tabs-nav a span { /* hide from IE 6 */
  74     width: auto;
  75     height: auto;
  76 }
  77 .tabs-nav .tabs-selected a span {
  78     padding-top: 7px;
  79 }
  80
  81 .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... */
  82     cursor: text;
  83 }
  84 .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
  85     cursor: pointer;
  86 }
  87 .tabs-nav .tabs-disabled {
  88     opacity: .4;
  89 }
  90 .tabs-container {
  91     background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
  92 }