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     ! 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: }