LCARStrek/global/skin/tabcontrol.css

   1 tabcontrol {
   2   margin: 1px 5px 2px 5px;
   3 }
   4
   5 /********** Tab widget *********/
   6 tab {
   7   -moz-border-radius: 3px 3px 0px 0px;
   8   border: 1px solid #9C9CFF;
   9   color: #FF9F00;
  10   padding: 3px 5px 3px 5px;
  11 }
  12
  13 /* when a tab is selected this is how it should look */
  14 tab[selected="true"] {
  15         font-weight: bold;
  16         background-color: #008484;
  17 }
  18
  19 tab:hover {
  20   background-color: #FFCF00;
  21   color: #000000;
  22   text-decoration: underline;
  23 }
  24
  25 tab:hover:active {
  26   text-decoration: none;
  27 }
  28
  29 tabbox {
  30   padding: 0px 2px 0px 2px;
  31 }
  32
  33     /* top tabs */
  34 tabcontrol[align="vertical"] tabbox[align="horizontal"] tab {
  35   border-bottom: none;
  36   -moz-border-radius: 8px 8px 0px 0px;
  37   padding-bottom: 1px;
  38   margin: 1px 2px 1px 2px;
  39 }
  40
  41         /* bottom tabs */
  42 tabcontrol[align="vertical"] tabpanel + tabbox[align="horizontal"] tab {
  43   border-top: none;
  44   border-bottom: 1px solid #9C9CFF;
  45   border-left: 1px solid #9C9CFF;
  46   border-right: 1px solid #9C9CFF;
  47   -moz-border-radius: 0px 0px 8px 8px;
  48   padding: 1px 5px 3px 5px;
  49   margin: 1px 2px 1px 2px;
  50 }
  51
  52         /* left tabs */
  53 tabcontrol[align="horizontal"] tabbox[align="vertical"] tab {
  54   border-right: none;
  55   -moz-border-radius: 8px 0px 0px 8px;
  56   padding-right: 1px;
  57   margin: 2px 1px 2px 1px;
  58 }
  59
  60         /* right tabs */
  61 tabcontrol[align="horizontal"] tabpanel + tabbox[align="vertical"] tab {
  62   border-top: 1px solid #9C9CFF;
  63   border-bottom: 1px solid #9C9CFF;
  64   border-left: none;
  65   border-right: 1px solid #9C9CFF;
  66   -moz-border-radius: 0px 8px 8px 0px;
  67   padding: 3px 5px 1px 5px;
  68   margin: 2px 1px 2px 1px;
  69 }
  70
  71 tabcontrol {
  72   border: none;
  73 }
  74
  75 /* border on bottom only, no padding (used in search) */
  76 tabpanel.light {
  77   border: none;
  78   border-bottom: 1px solid #9C9CFF;
  79   padding: 0px;
  80 }
  81
  82 tabpanel {
  83   -moz-border-radius: 5px;
  84   border: 1px solid #9C9CFF;
  85   padding: 5px;
  86 }
  87
  88