js2/mwEmbed/skins/kskin/playerSkin.css

   1 /*
   2 * K-skin player
   3 */
   4
   5 /* large play button */
   6 .k-player .play-btn-large { width:120px; height:55px; background: url(images/ksprite.png) no-repeat 28px -433px; position:absolute; cursor:pointer; border:none;} /*.ui-state-default */
   7 .k-player .play-btn-large.ui-state-hover { background: url(images/ksprite.png) no-repeat 28px -377px; }
   8
   9 /* control icons: */
  10 .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;}
  11
  12 .k-player .ui-state-default .ui-icon-arrow-4-diag { background-position: 0 -32px;} /* fullscreen */
  13 .k-player .ui-state-hover .ui-icon-arrow-4-diag { background-position: -16px -32px;}
  14 .k-player .ui-state-default .ui-icon-volume-on,  .ui-state-hover .ui-icon-volume-off,  { margin-left:-6px; background-position: -16px -48px;}
  15 .k-player .ui-state-hover .ui-icon-volume-on, .ui-state-default .ui-icon-volume-off { margin-left:-6px; background-position: 0 -48px;}
  16
  17 .k-player .ui-state-default .ui-icon-play { background:url(images/ksprite.png) no-repeat 0 0;}
  18 .k-player .ui-state-hover .ui-icon-play { background-position: -16px 0;}
  19
  20 .k-player .ui-state-default .ui-icon-pause { background:url(images/ksprite.png) no-repeat 0 -17px;}
  21 .k-player .ui-state-hover .ui-icon-pause { background-position: -16px -17px;}
  22
  23 .k-player .control-bar {
  24         border: 0px;
  25         height:21px;
  26         padding: 2px 0 0 6px;
  27         margin-top:0px;
  28         background: url(images/ksprite.png) repeat-x 0 -81px;
  29         font: normal 11px arial,sans-serif;
  30         color:#555;
  31 }
  32
  33 .k-player .play_head {
  34         background:url("images/ksprite.png") repeat-x scroll 0 -350px transparent;
  35         display:inline;
  36         float:left;
  37         margin-left:10px;
  38         border:1px solid #EEEEEE;
  39         height:8px;
  40         margin:6px 10px 0 7px;
  41         position:relative;
  42 }
  43
  44 .k-player .play_head .ui-slider-handle {
  45         background:url("images/ksprite.png") no-repeat scroll -67px -341px transparent;
  46         border:1px solid #888888;
  47         display:block;
  48         height:8px;
  49         margin:-1px 0 0 -5px;
  50         position:absolute;
  51         top:0;
  52         width:8px;
  53         cursor:pointer;
  54 }
  55
  56 .k-player .time-disp {
  57 border:medium none;
  58 display:inline;
  59 color:#555555;
  60 font:11px arial,sans-serif;
  61 line-height:20px;
  62 overflow:hidden;
  63 width:36px;
  64 }
  65
  66 .k-player .lButton {
  67         cursor:pointer;
  68         float:left;
  69         list-style:none outside none;
  70         margin:2px;
  71         padding:0px 0;
  72         width: 24px;
  73         height:16px;
  74         position:relative;
  75         background:none repeat scroll 0 0 transparent;
  76         border:medium none;
  77 }
  78 .k-player .rButton {
  79         cursor:pointer;
  80         float:right;
  81         list-style:none outside none;
  82         margin:2px;
  83         padding:0px 0;
  84         width: 23px;
  85         height:16px;
  86         position:relative;
  87         background:none repeat scroll 0 0 transparent;
  88         border:medium none;
  89 }
  90
  91 .k-player .k-options {
  92         border:1px solid #AAAAAA !important;
  93         color:#555555;
  94         float:right;
  95         height:22px;
  96         margin-top:-2px;
  97         margin-right: 0px;
  98         width:50px;
  99         float:right;
 100         background:none repeat scroll 0 0 transparent;
 101         font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;
 102         font-size:11px;
 103         text-transform:uppercase;
 104 }
 105 .k-player .k-options span{
 106         position:relative;
 107         top:4px;
 108         left:7px;
 109 }
 110
 111 .k-player .k-menu-screens  {
 112         float:left;
 113         font-size:11px;
 114         padding:13px 10px 15px 15px;
 115         width:320px;
 116 }
 117
 118 .k-player ul.k-menu-bar  {
 119         background:url("images/ksprite.png") no-repeat scroll -99px -104px transparent;
 120         bottom:5px;
 121         height:128px;
 122         list-style:none outside none;
 123         padding:0 0 5px;
 124         position:absolute;
 125         right:0;
 126 }
 127 .k-player .k-menu  {
 128         background:none repeat scroll 0 0 #181818;
 129         border:medium none;
 130         display:none;
 131         height:300px;
 132         left:0;
 133         opacity:0.9;
 134         position:absolute;
 135         top:0;
 136         width:400px;
 137         z-index:999;
 138 }
 139 .k-player .k-menu-bar li a {
 140         background:url("images/ksprite.png") no-repeat scroll -51px -110px transparent;
 141         display:block;
 142         height:32px;
 143         margin-left:1px;
 144         overflow:hidden;
 145         text-indent:99999px;
 146         width:49px;
 147 }
 148 .k-menu-bar li a:hover { background-position: -1px -110px;}
 149 .k-menu-bar li.k-download-btn a { background-position: -51px -203px;}
 150 .k-menu-bar li.k-download-btn a:hover { background-position: -1px -203px;}
 151
 152 .k-menu-bar li.k-share-btn a { background-position: -51px -172px;}
 153 .k-menu-bar li.k-share-btn a:hover { background-position: -1px -172px;}
 154
 155 .k-menu-bar li.k-credits-btn a { background-position: -51px -141px;}
 156 .k-menu-bar li.k-credits-btn a:hover { background-position: -1px -141px;}
 157
 158 .k-menu-screens { width:320px; padding: 13px 10px 15px 15px; float:left;} /* w & h inline via jq */
 159 .k-menu-screens h2 { padding: 0 0 5px 1px; clear:both; font-size:12px; color:#666;}
 160 .k-menu-screens p { margin: 6px 0;}
 161 .k-menu-screens a { ;}
 162 .k-menu-screens a img { border:none;}
 163 .k-menu-screens ul { padding:0; margin: 6px 0 0; list-style: none outside none;}
 164
 165 .k-edit-screen { width:370px; height:223px; padding-top:77px; text-align:center; background:#181818; color:#fff;}
 166 .k-edit-screen div { }
 167 .k-edit-screen a { color:#7BB8FC;}
 168 .k-edit-screen a img { border:none;}
 169
 170 .k-menu-screens { width:320px; padding: 13px 10px 15px 15px; float:left;} /* w & h inline via jq */
 171 .k-menu-screens h2 { padding: 0 0 5px 1px; clear:both; font-size:12px; color:#666;}
 172 .k-menu-screens p { margin: 6px 0;}
 173 .k-menu-screens a { ;}
 174 .k-menu-screens a img { border:none;}
 175 .k-menu-screens ul { padding:0; margin: 6px 0 0; list-style: none outside none;}
 176
 177 .k-menu-screens li { height:14px; margin-bottom:6px;}
 178 .k-menu-screens li a { padding-left:22px; background:url(images/ksprite.png) no-repeat -85px -274px; text-decoration:none;}
 179 .k-menu-screens li a.active, .k-menu-screens li a:hover.active  { background-position: -85px -247px;}
 180 .k-menu-screens li a:hover { background-position: -85px -260px;}
 181 .k-menu-screens a { color:#BBBBBB; }
 182
 183
 184 .k-menu textarea {
 185         background:none repeat scroll 0 0 transparent;
 186         border-color:#000000 -moz-use-text-color -moz-use-text-color #000000;
 187         border-style:solid none none solid;
 188         border-width:2px medium medium 2px;
 189         color:#CCCCCC;
 190         font:11px arial,sans-serif;
 191         height:15px;
 192         overflow:hidden;
 193         padding-left:2px;
 194         width:100%;
 195 }
 196 .menu-screen.menu-share button {
 197         background:url("images/ksprite.png") no-repeat scroll 0 -81px #D4D4D4;
 198         border:1px solid #000000;
 199         color:#000000;
 200         float:right;
 201         height:24px;
 202         padding:0 5px 3px;
 203         width:84px;
 204         font-size:1em;
 205 }
 206 .k-player .menu-screen.menu-share div.ui-state-highlight {
 207         background:none repeat scroll 0 0 transparent;
 208         border-color:#554926;
 209         color:#FFE96E;
 210         float:left;
 211         padding:2px 5px;
 212 }
 213 .k-player .menu-screen.menu-share div.ui-state-highlight a {
 214         color:#FFE96E;
 215         font-weight:bold;
 216 }
 217
 218 .k-player .volume-slide {
 219         width:38px !important;
 220 }
 221 .k-player .volume-slider .ui-slider-range {
 222         -moz-border-radius:0 0 0 0;
 223         background:url("images/ksprite.png") repeat-x scroll -66px -306px transparent;
 224         height:17px;
 225         position:absolute;
 226 }
 227 .k-player .volume-slider a.ui-slider-handle {
 228         background:none repeat scroll 0 0 transparent;
 229         border:medium none;
 230         display:block;
 231         height:18px;
 232         margin:-3px 5px 0 -1px;
 233         position:absolute;
 234         width:8px;
 235 }