js2/mwEmbed/skins/mvpcf/playerSkin.css

   1 /*
   2  * reference player skin
   3  */
   4
   5 /* large play button: */
   6 .mv-player .play-btn-large { width:130px; height:96px; background: url(images/player_big_play_button.png) !important; position:absolute; cursor:pointer; border:none !important; }/*.ui-state-default */
   7
   8
   9 .mv-player
  10 {
  11         color: #474747;
  12 }
  13
  14 .mv-player a:link {color: #2060c1; text-decoration: underline;}
  15 .mv-player a:visited {color: #2060c1; text-decoration: underline;}
  16 /*a:visited {color: #75a5e4; text-decoration: underline;}*/ /*Not sure if you want this*/
  17 .mv-player a:hover {color: #75a5e4; text-decoration: underline;}
  18 .mv-player img, .mv-player img a, .mv-player img a:hover {border: 0;}
  19
  20 .mv-player h1, .mv-player h2, .mv-player h3, .mv-player h4, .mv-player h5, .mv-player h6 {color: #242424; margin: 5px 0; padding: 0;}
  21 .mv-player h1 {font-size: 24px;}
  22 .mv-player h2 {font-size: 18px;}
  23 .mv-player h3 {font-size: 16px;}
  24 .mv-player h4 {font-size: 14px;}
  25 .mv-player h5 {font-size: 13px; text-align: center;}
  26 .mv-player h6 {font-size: 13px; color: #6c6c6c; padding: 10px 20px 0px 20px; text-transform: uppercase;}
  27
  28
  29 /*Video player*/
  30 .mv-player {
  31         color: white;
  32 }
  33 .mv-player .video {
  34         display: block;
  35         position: relative;
  36         font-size: 1px;
  37         height: 305px;
  38 }
  39 .mv-player .control-bar {
  40         height: 29px;
  41 }
  42 .mv-player .controlInnerSmall {
  43 /*      width: 430px;*/
  44         height: 29px;
  45         float: left;
  46         display: inline;
  47 }
  48
  49 .mv-player .lButton {
  50         cursor:pointer;
  51         float:left;
  52         list-style:none outside none;
  53         margin:2px;
  54         padding:4px 0;
  55         width: 24px;
  56         height:16px;
  57         position:relative;
  58 }
  59 .mv-player .rButton {
  60         cursor:pointer;
  61         float:right;
  62         list-style:none outside none;
  63         margin:2px;
  64         padding:4px 0;
  65         width: 23px;
  66         height:16px;
  67         position:relative;
  68 }
  69
  70 .controls a{
  71         display: block;
  72         height: 100%;
  73         width: 100%;
  74 }
  75 .mv-player .volume_icon {
  76         float: right;
  77         display: inline;
  78         width: 22px;
  79         height: 29px;
  80         padding: 0 0 0 0;
  81
  82 }
  83
  84 .mv-player .volume_on {
  85         background: url(images/player_volume_tag.png) 0 8px no-repeat;
  86 }
  87 .mv-player .volume_off{
  88         background: url(images/player_volume_tag_off.png) 0 8px no-repeat;
  89 }
  90
  91 .mv-player .volume_knob {
  92         background: url(images/player_slider.png) 0 0 no-repeat;
  93         width: 14px;
  94         height: 14px;
  95         position: absolute;
  96         z-index: 2;
  97         margin: -1px 0 0 3px;
  98         cursor: pointer;
  99 }
 100 .mv-player .vol_container{
 101         z-index:99;
 102         width:23px;
 103         height:75px;
 104         width:23px;
 105         background: #CCC;
 106 }
 107 .mv-player .vol_container_below{
 108         top:30px;
 109 }
 110 .mv-player .vol_container_top{
 111         top:-77px;
 112 }
 113 .mv-player .vol_container .volume-slider{
 114         margin-top:5px;
 115         height:65px;
 116         width:10px;
 117         margin-left: auto ;
 118         margin-right: auto ;
 119 }
 120 .mv-player .vol_container .ui-slider-handle{
 121         cursor : pointer;
 122         width:10px;
 123         height:10px;
 124         position:absolute;
 125         left:-1px;
 126 }
 127
 128 .mv-player .time-disp {
 129         line-height: 32px;
 130         height: 29px;
 131         overflow: visible;
 132         font-size: 10.2px;
 133         width: 85px;
 134         float: right;
 135         display: inline;
 136         border:none;
 137 }
 138
 139 .mv-player .play_head{
 140         float: left;
 141         display: inline;
 142         height: 10px;
 143         margin-left:8px;
 144         margin-top:10px;
 145         position:relative;
 146 }
 147
 148 .mv-player .play_head .ui-slider-handle{
 149         width:10px;
 150         height:15px;
 151         margin-left:-5px;
 152         margin-top:1px;
 153 }
 154
 155 .mv-player .inOutSlider .ui-slider-handle{
 156         width:8px;
 157         cusror: move;
 158 }
 159
 160
 161 .mv-player .videoOptionsComplete textarea {
 162         background:none repeat scroll 0 0 transparent;
 163         border-color:#333 -moz-use-text-color -moz-use-text-color #333;
 164         border-style:solid none none solid;
 165         border-width:2px medium medium 2px;
 166         color:#CCCCCC;
 167         font:11px arial,sans-serif;
 168         height:15px;
 169         overflow:hidden;
 170         padding-left:2px;
 171         width:100%;
 172 }
 173 .mv-player .videoOptionsComplete .copycode {
 174         background:url("images/ksprite.png") no-repeat scroll 0 -81px #D4D4D4;
 175         border:1px solid #000000;
 176         color:#000000;
 177         float:right;
 178         height:24px;
 179         padding:0 5px 3px;
 180         width:84px;
 181         font-size:1em;
 182 }
 183 .mv-player .videoOptionsComplete div.ui-state-highlight {
 184         background:none repeat scroll 0 0 transparent;
 185         border-color:#554926;
 186         color:#FFE96E;
 187         float:left;
 188         padding:2px 5px;
 189 }
 190 .mv-player .videoOptionsComplete div.ui-state-highlight a {
 191         color:#FFE96E;
 192         font-weight:bold;
 193 }