Return to tabs.css CVS log

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

Annotation of embedaddon/confuse/doc/html/tabs.css, revision 1.1.1.1

1.1       misho       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: }