1 2 3/* root element for tabs */ 4ul.tabs { 5 list-style:none; 6 margin:0px; 7 padding-left:10px; 8 padding-top:5px; 9 height:30px; 10 background-color:transparent; 11 font-family:arial; 12 overflow: hidden; 13 white-space: nowrap; 14} 15 16/* single tab */ 17ul.tabs li { 18 float:left; 19 text-indent:0; 20 padding:0; 21 margin-left:5px; 22 background-color:transparent; 23 list-style-image:none !important; 24 display: inline; 25} 26 27 28/* link inside the tab. uses a background image */ 29ul.tabs a { 30 background: url(../img/qos-tab-nonactive.jpg) no-repeat 0; 31 font-size:15px; 32 font-weight:bold; 33 display:block; 34 height: 35px; 35 line-height:35px; 36 width: 200px; 37 text-align:center; 38 text-decoration:none; 39 color:#4e4e4e; 40 padding:0px; 41 top:0px; 42 top: 0px\9; 43 font-family:arial; 44} 45 46ul.tabs a:active { 47 outline:none; 48 background: url(../img/qos-tab-nonactive.jpg) no-repeat 0; 49} 50 51/* when mouse enters the tab move the background image */ 52 53 54ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { 55 background: url(../img/qos-tab-hover.jpg) no-repeat 0; 56 cursor:default !important; 57 color:#000 !important; 58} 59 60 61 62.firmware-update-hint{ 63 background-image:url("../img/firmware-hint-background.gif"); 64 background-position:0px -1px; 65 background-repeat:no-repeat; 66 margin-left:40px; 67 margin-top:3px; 68 float:left; 69 width:380px; 70 height: 22px; 71 font-weight:bold; 72 position: relative; 73 right: -350px; 74 top: 33px; 75 z-index:5; 76 77} 78 79 80.firmware-update-hint-short{ 81 82 background-position:0px -1px; 83 background-repeat:no-repeat; 84 margin-left:40px; 85 margin-top:3px; 86 float:left; 87 width:380px; 88 height: 22px; 89 font-weight:bold; 90 position: relative; 91 right: -350px; 92 top: 33px; 93 z-index:5; 94 95} 96 97 98 99 100.language-option{ 101 font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; 102 margin-top:4px; 103 margin-bottom:5px; 104 font-size:12px; 105 font-weight:normal; 106 } 107 108firmware_update_click a:hover{ 109 mouse:pointer; 110} 111/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */ 112 113/* initially all panes are hidden */ 114.panes .pane { 115 display:none; 116 117} 118 119 120 121.button-rule span.roundleft_update{ 122 padding: 4px 0px 15px 20px; 123 margin:0px; 124 border:0px; 125 height:22px; 126 font-weight:bold; 127 background: transparent url("../img/roundleft_update.gif") no-repeat left 0px; 128 color:#F2F2F2; 129 cursor: pointer; 130 white-space:nowrap; 131} 132 133.roundright_update{ 134 padding: 4px 5px 15px 0px; 135 margin:0px; 136 width:20px; 137 border:0px; 138 height:22px; 139 font-weight:bold; 140 background: url("../img/roundright_update.gif") no-repeat top right; 141 color:#F2F2F2; 142 white-space:nowrap; 143 cursor: pointer; 144} 145 146.roundright_update_org{ 147 padding: 4px 0px 4px 0px; 148 margin:0px; 149 width:20px; 150 border:0px; 151 height:22px; 152 font-weight:bold; 153 background: url("../img/roundright_update.gif") no-repeat top right; 154 color:#F2F2F2; 155 white-space:nowrap; 156 cursor: pointer; 157} 158