js2/mwEmbed/skins/kskin/styles.css

   1
   2 /* player styles */
   3 .k-player { width:400px; height:340px; position:relative;} /* inline via jq */
   4 .k-player * { padding:0; margin:0;} /* inline via jq */
   5 .k-edit-bar { }
   6 .k-edit-bar a { width:33px; padding: 1px 0 0; display:block; text-align:center; font-weight:bold; color:#888; text-decoration:none; background:#F2F2F2;}
   7
   8 .k-video { width:400px; height:300px; background:#000; margin-bottom:1px;}  /* h & w inline via jq */
   9 .k-control-bar { height:21px; padding: 2px 0 0 6px; margin-top:1px; background: url(images/ksprite.png) repeat-x 0 -81px; font: normal 11px arial,sans-serif; color:#555;}
  10 .k-control-bar button, .k-control-bar div.ui-slider, .k-control-bar div.k-timer { float:left;}
  11 .k-timer { margin-top:2px;}
  12 .k-volume-slider { width:26px;}
  13 .k-control-bar .k-options { width:50px; height:22px; text-transform:uppercase; margin-top:-2px; border: solid 1px #aaa; border-top:none; float:right; font: bold 11px arial,sans-serif; color:#555;}
  14
  15 span.ui-icon.ui-icon-k-menu { width:auto; padding-left:2px; background:none; outline:none; cursor:default;}
  16 .k-menu { opacity:0.9; filter:alpha(opacity=90); z-index:1; width:400px; height:300px; background:#181818; position:absolute; top:0px; left:0px;} /* h, w, top inline via jq top:15px*/
  17
  18 ul.k-menu-bar{ height:128px; padding: 0 0 5px;position:absolute; bottom:5px;right:0px; list-style: none outside none; background: url(images/ksprite.png) -99px -104px no-repeat;} /* eventually: mtop inline via jq */
  19 .k-menu-bar li a { display:block; width:49px; height:32px; margin-left:1px; text-indent:99999px; background: url(images/ksprite.png) -51px -110px no-repeat; overflow:hidden;}
  20 .k-menu-bar li a:hover { background-position: -1px -110px;}
  21
  22
  23 .k-menu-bar li.k-download-btn a { background-position: -51px -203px;}
  24 .k-menu-bar li.k-download-btn a:hover { background-position: -1px -203px;}
  25
  26 .k-menu-bar li.k-share-btn a { background-position: -51px -172px;}
  27 .k-menu-bar li.k-share-btn a:hover { background-position: -1px -172px;}
  28
  29 .k-menu-bar li.k-credits-btn a { background-position: -51px -141px;}
  30 .k-menu-bar li.k-credits-btn a:hover { background-position: -1px -141px;}
  31
  32
  33
  34 .k-menu-screens { width:320px; padding: 13px 10px 15px 15px; float:left;} /* w & h inline via jq */
  35 .k-menu-screens h2 { padding: 0 0 5px 1px; clear:both; font-size:12px; color:#666;}
  36 .k-menu-screens p { margin: 6px 0;}
  37 .k-menu-screens a { ;}
  38 .k-menu-screens a img { border:none;}
  39 .k-menu-screens ul { padding:0; margin: 6px 0 0; list-style: none outside none;}
  40
  41 .k-edit-screen { width:370px; height:223px; padding-top:77px; text-align:center; background:#181818; color:#fff;}
  42 .k-edit-screen div { }
  43 .k-edit-screen a { color:#7BB8FC;}
  44 .k-edit-screen a img { border:none;}
  45
  46 /* end player */
  47
  48 .k-slide-window { overflow:hidden;}
  49 .k-menu-screens .menu-credits ul { float:left;}
  50 .k-menu-screens .menu-credits li { height:39px; padding: 11px 11px 11px 11px; margin-bottom:12px; display:block; background:#333;}
  51 .k-menu-screens .menu-credits li a { padding:0; background:none;}
  52 .k-menu-screens .menu-credits li img { float:left; background:blue;}
  53 .k-menu-screens .menu-credits li div { height:39px; padding-left:11px; floats:left; overflow:hidden;}
  54
  55 a.k-prev-credit, a.k-next-credit { width:65px; height:28px; margin: -13px auto -6px; display:block; background: url(images/ksprite.png) 0px -320px no-repeat;}
  56 a.k-next-credit { margin: 0 0 1px; position:absolute; bottom:0; background-position: -0px -290px;}
  57 a:hover.k-prev-credit { background-position: 0px -238px;}
  58 a:hover.k-next-credit { background-position: 0px -260px;}
  59
  60 .k-logo { margin:8px 0 0 1px; display:block;}
  61
  62 .k_field_wrap { border: solid 1px #444; margin-bottom:7px;}
  63 .k-screen.k-share button { width:70px; padding:2px 5px 3px; border:1px solid #000; float:right; background: #D4D4D4 url(images/ksprite.png) no-repeat -32px 0; color:#000; float:right;}
  64 .k-menu textarea { width:100%; height:15px; border: solid 2px #000; border-bottom:none; border-right:none; background:transparent; color:#ccc; overflow:hidden;}
  65
  66 .k-screen.k-share div.ui-state-highlight { width:90px; padding:2px 5px; border-color:#554926; float:left; background:none; color:#FFE96E;}
  67 .k-screen.k-share div.ui-state-highlight a { color:#FFE96E; font-weight:bold;}
  68 .k-screen.k-share div.ui-state-highlight a:hover { }
  69
  70 .k-menu-screens li { height:14px; margin-bottom:6px;}
  71 .k-menu-screens li a { padding-left:22px; background:url(images/ksprite.png) no-repeat -85px -274px; text-decoration:none;}
  72 .k-menu-screens li a.active, .k-menu-screens li a:hover.active  { background-position: -85px -247px;}
  73 .k-menu-screens li a:hover { background-position: -85px -260px;}
  74
  75 .k-options.ui-state-hover { color:blue;}
  76
  77 .k-player .ui-state-default .ui-icon, .k-player .ui-state-hover .ui-icon {background:transparent url(images/ksprite.png) no-repeat scroll 0 -48px;}
  78
  79 .k-player .ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */
  80 .k-player .ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;}
  81 .k-player .ui-state-default .ui-icon-volume-on,  .ui-state-hover .ui-icon-volume-off,  { margin-left:-6px; background-position: -16px -48px;}
  82 .k-player .ui-state-hover .ui-icon-volume-on, .ui-state-default .ui-icon-volume-off { margin-left:-6px; background-position: 0 -48px;}
  83
  84 .k-player .ui-state-default .ui-icon-play { background:url(images/ksprite.png) no-repeat 0 0;}
  85 .k-player .ui-state-hover .ui-icon-play { background-position: -16px 0;}
  86
  87 .k-player .ui-state-default .ui-icon-pause { background:url(images/ksprite.png) no-repeat 0 -17px;}
  88 .k-player .ui-state-hover .ui-icon-pause { background-position: -16px -17px;}
  89
  90 .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;}
  91 .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;}
  92 .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;}
  93 .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;}
  94
  95 .k-control-bar .ui-slider.k-volume-slider { height:15px; margin: 2px 3px 0 -4px; /* ie = m: 3 3 0 -2 */ border:none; background-position: -66px -323px; -moz-border-radius:0px; -webkit-border-radius:0px;}
  96 .k-control-bar .k-volume-slider a.ui-slider-handle { width:8px; height:18px; margin: -3px 5px 0 -1px; border:none; display:block; position:absolute; background:none;}
  97 .k-control-bar .k-volume-slider a:hover.ui-slider-handle { border: solid 1px #999;}
  98 .k-control-bar .k-volume-slider .ui-slider-range { height:17px; position:absolute; background: url(images/ksprite.png) repeat-x -66px -306px; -moz-border-radius:0; -webkit-border-radius:0;}
  99
 100 .play-btn-large { width:120px; height:55px; background: url(images/ksprite.png) no-repeat 28px -433px; position:absolute; cursor:pointer;} /*.ui-state-default */
 101 .play-btn-large.ui-state-hover { background: url(images/ksprite.png) no-repeat 28px -377px; }
 102
 103 .k-volume.ui-state-hover { margin-left:6px; }
 104
 105 /* move to ie css */
 106 .k-volume-slider span, span.ui-icon-play, span.ui-icon-volume-on, button.k-fullscreen { *margin-top:-1px;}
 107 span.ui-icon-volume-on { *margin-left:0 !important;}
 108 .ui-state-hover.k-volume { *margin-left:0 !important;}
 109 span.ui-icon-k-menu { *margin-top:3px;}
 110 .k-control-bar .ui-slider.k-volume-slider { *margin-left:-2px;}
 111 /* end IE css */
 112
 113 /* fixes for jquery.ui themes */
 114 .play-btn-large.ui-state-default{ border:none; }
 115 .k-control-bar button{ border:none; background:transparent;}
 116 .k-control-bar.ui-widget-header{ border:none; margin-top:0px;}
 117
 118 ui-widget-content a {
 119         text-decoration:underline;
 120 }
 121
 122 .ui-icon_link {
 123         padding:0.4em 1em 0.4em 20px;
 124         position:relative;
 125         text-decoration:none;
 126 }
 127 .ui-icon_link span.ui-icon {
 128         left:0.2em;
 129         margin:-8px 5px 0 0;
 130         position:absolute;
 131         right:auto;
 132         top:50%;
 133 }
 134 .ui-dialog-buttonpane {
 135         padding:10px !important;
 136 }
 137
 138 .mv_clip_box_result {
 139 border:thin solid #BBBBBB;
 140 float:left;
 141 overflow:hidden;
 142 padding:10px;
 143 }
 144