Return to tabs.css CVS log

Up to [ELWIX - Embedded LightWeight unIX -] / embedaddon / confuse / doc / html

confuse 2.7

    1: /* tabs styles, based on http://www.alistapart.com/articles/slidingdoors */
    2: 
    3: DIV.tabs
    4: {
    5:    float            : left;
    6:    width            : 100%;
    7:    background       : url("tab_b.gif") repeat-x bottom;
    8:    margin-bottom    : 4px;
    9: }
   10: 
   11: DIV.tabs UL
   12: {
   13:    margin           : 0px;
   14:    padding-left     : 10px;
   15:    list-style       : none;
   16: }
   17: 
   18: DIV.tabs LI, DIV.tabs FORM
   19: {
   20:    display          : inline;
   21:    margin           : 0px;
   22:    padding          : 0px;
   23: }
   24: 
   25: DIV.tabs FORM
   26: {
   27:    float            : right;
   28: }
   29: 
   30: DIV.tabs A
   31: {
   32:    float            : left;
   33:    background       : url("tab_r.gif") no-repeat right top;
   34:    border-bottom    : 1px solid #84B0C7;
   35:    font-size        : 80%;
   36:    font-weight      : bold;
   37:    text-decoration  : none;
   38: }
   39: 
   40: DIV.tabs A:hover
   41: {
   42:    background-position: 100% -150px;
   43: }
   44: 
   45: DIV.tabs A:link, DIV.tabs A:visited,
   46: DIV.tabs A:active, DIV.tabs A:hover
   47: {
   48:        color: #1A419D;
   49: }
   50: 
   51: DIV.tabs SPAN
   52: {
   53:    float            : left;
   54:    display          : block;
   55:    background       : url("tab_l.gif") no-repeat left top;
   56:    padding          : 5px 9px;
   57:    white-space      : nowrap;
   58: }
   59: 
   60: DIV.tabs INPUT
   61: {
   62:    float            : right;
   63:    display          : inline;
   64:    font-size        : 1em;
   65: }
   66: 
   67: DIV.tabs TD
   68: {
   69:    font-size        : 80%;
   70:    font-weight      : bold;
   71:    text-decoration  : none;
   72: }
   73: 
   74: 
   75: 
   76: /* Commented Backslash Hack hides rule from IE5-Mac \*/
   77: DIV.tabs SPAN {float : none;}
   78: /* End IE5-Mac hack */
   79: 
   80: DIV.tabs A:hover SPAN
   81: {
   82:    background-position: 0% -150px;
   83: }
   84: 
   85: DIV.tabs LI.current A
   86: {
   87:    background-position: 100% -150px;
   88:    border-width     : 0px;
   89: }
   90: 
   91: DIV.tabs LI.current SPAN
   92: {
   93:    background-position: 0% -150px;
   94:    padding-bottom   : 6px;
   95: }
   96: 
   97: DIV.navpath
   98: {
   99:    background       : none;
  100:    border           : none;
  101:    border-bottom    : 1px solid #84B0C7;
  102:    text-align       : center;
  103:    margin           : 2px;
  104:    padding          : 2px;
  105: }