* some k-skin clean up for better jquery.ui compatibility

diff --git a/js2/mwEmbed/skins/kskin/styles.css b/js2/mwEmbed/skins/kskin/styles.css
index e1f0297..d74be1a 100644 (file)
--- a/js2/mwEmbed/skins/kskin/styles.css
+++ b/js2/mwEmbed/skins/kskin/styles.css
@@ -68,23 +68,15 @@ a:hover.k-next-credit { background-position: 0px -260px;}
 .k-menu-screens li a.active, .k-menu-screens li a:hover.active  { background-position: -85px -247px;}\r
 .k-menu-screens li a:hover { background-position: -85px -260px;}\r
 \r
-.k-options.ui-state-hover { color:blue;}\r
-\r
-.ui-state-default .ui-icon, .ui-state-hover .ui-icon { background: url(images/ksprite.png) no-repeat 0 -48px;}\r
-.ui-state-default .ui-icon-play { background:url(images/ksprite.png) no-repeat 0 0;}\r
-.ui-state-hover .ui-icon-play { background-position: -16px 0;}
-
-.ui-state-default .ui-icon-pause { background:url(images/ksprite.png) no-repeat 0 -17px;}
-.ui-state-hover .ui-icon-pause { background-position: -16px -17px;}
-
+.k-options.ui-state-hover { color:blue;}
  \r
-.ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */\r
-.ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;}\r
-.ui-state-default .ui-icon-volume-on,  .ui-state-hover .ui-icon-volume-off,  { margin-left:-6px; background-position: -16px -48px;}\r
-.ui-state-hover .ui-icon-volume-on, .ui-state-default .ui-icon-volume-off { margin-left:-6px; background-position: 0 -48px;}\r
+.k-player .ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */\r
+.k-player .ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;}\r
+.k-player .ui-state-default .ui-icon-volume-on,  .ui-state-hover .ui-icon-volume-off,  { margin-left:-6px; background-position: -16px -48px;}\r
+.k-player .ui-state-hover .ui-icon-volume-on, .ui-state-default .ui-icon-volume-off { margin-left:-6px; background-position: 0 -48px;}\r
 
 .k-control-bar .ui-slider { height:8px; border: solid 1px #eee; margin: 4px 10px 0 7px; position:relative; background:url(images/ksprite.png) repeat-x 0 -350px;}\r
-.k-control-bar .ui-slider-handle { width:8px; height:8px; border: solid 1px #888; margin: -1px 0 0 -5px; display:block; position:relative; background: url(images/ksprite.png) no-repeat -67px -341px; position:absolute;}\r
+.k-control-bar .ui-slider-handle { width:8px; height:8px; top:0px; border: solid 1px #888; margin: -1px 0 0 -5px; display:block; position:relative; background: url(images/ksprite.png) no-repeat -67px -341px; position:absolute;}\r
 .k-control-bar .ui-slider-range { height:8px; position:absolute; background: url(images/ksprite.png) repeat-x 0 -368px; -moz-border-radius:5px; -webkit-border-radius:5px;}
 .k-control-bar .ui-slider-buffer { height:8px; position:absolute; background: url(images/ksprite.png) repeat-x 0 -359px; -moz-border-radius:5px; -webkit-border-radius:5px;}\r
  \r
@@ -104,4 +96,37 @@ span.ui-icon-volume-on { *margin-left:0 !important;}
 .ui-state-hover.k-volume { *margin-left:0 !important;}\r
 span.ui-icon-k-menu { *margin-top:3px;}\r
 .k-control-bar .ui-slider.k-volume-slider { *margin-left:-2px;}\r
-/* end IE css */\r
+/* end IE css */
+
+/* fixes for jquery.ui themes */
+.play-btn-large.ui-state-default{ border:none; }
+.k-control-bar button{ border:none; background:transparent;}
+.k-control-bar.ui-widget-header{ border:none; margin-top:0px;}
+
+ui-widget-content a {
+       text-decoration:underline;
+}
+
+.ui-icon_link {
+       padding:0.4em 1em 0.4em 20px;
+       position:relative;
+       text-decoration:none;
+}
+.ui-icon_link span.ui-icon {
+       left:0.2em;
+       margin:-8px 5px 0 0;
+       position:absolute;
+       right:auto;
+       top:50%;
+}
+.ui-dialog-buttonpane {
+       padding:10px !important;
+}
+
+.mv_clip_box_result {
+border:thin solid #BBBBBB;
+float:left;
+overflow:hidden;
+padding:10px;
+}
+\r