<link rel="stylesheet" href="../demos.css">
<style>
#toolbar {
- padding: 11px 4px 9px 4px;
+ padding: 4px;
+ display: inline-block;
}
-
/* support: IE7 */
- *:first-child+html #toolbar {
- padding: 4px 0px 4px 5px;
+ *+html #toolbar {
+ display: inline;
}
</style>
<script>
</head>
<body>
-<span id="toolbar" class="ui-widget-header ui-corner-all">
+<div id="toolbar" class="ui-widget-header ui-corner-all">
<button id="beginning">go to beginning</button>
<button id="rewind">rewind</button>
<button id="play">play</button>
<input type="radio" id="repeat1" name="repeat" /><label for="repeat1">Once</label>
<input type="radio" id="repeatall" name="repeat" /><label for="repeatall">All</label>
</span>
-</span>
+</div>
<div class="demo-description">
<p>
A mediaplayer toolbar. Take a look at the underlying markup: A few button elements,
- an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options.
+ an input of type checkbox for the Shuffle button, and three inputs of type radio for the Repeat options.
</p>
</div>
</body>
cursor: pointer;
vertical-align: middle;
text-align: center;
- zoom: 1;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
/* button text element */
.ui-button .ui-button-text {
- display: inline-block;
+ display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
- zoom: 1;
width: 100%;
}
.ui-menu .ui-menu-divider {
display: block;
padding: 2px .4em;
line-height: 1.5;
- zoom: 1;
+ min-height: 0; /* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
color: #222222/*{fcHeader}*/;
font-weight: bold;
- zoom: 1;
}
-.ui-widget-header a { color: #222222/*{fcHeader}*/; }
+.ui-widget-header a {
+ color: #222222/*{fcHeader}*/;
+}
/* Interaction states
----------------------------------*/