Return to tabs.css CVS log | Up to [ELWIX - Embedded LightWeight unIX -] / embedaddon / confuse / doc / html |
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: }