js2/mwEmbed/skins/mvpcf/playerSkin.css

   1 /*
   2  * reference player skin
   3  */
   4
   5 /* large play button: */
   6 .mv-player .play-btn-large {
   7         width:130px;
   8         height:96px;
   9         background: url(images/player_big_play_button.png) !important;
  10         position:absolute;
  11         cursor:pointer;
  12         border:none !important;
  13         z-index:1;
  14 }/*.ui-state-default */
  15
  16
  17 .mv-player
  18 {
  19         color: #474747;
  20 }
  21
  22 .mv-player a:link {color: #2060c1; text-decoration: underline;}
  23 .mv-player a:visited {color: #2060c1; text-decoration: underline;}
  24 /*a:visited {color: #75a5e4; text-decoration: underline;}*/ /*Not sure if you want this*/
  25 .mv-player a:hover {color: #75a5e4; text-decoration: underline;}
  26 .mv-player img, .mv-player img a, .mv-player img a:hover {border: 0;}
  27
  28 .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;}
  29 .mv-player h1 {font-size: 24px;}
  30 .mv-player h2 {font-size: 18px;}
  31 .mv-player h3 {font-size: 16px;}
  32 .mv-player h4 {font-size: 14px;}
  33 .mv-player h5 {font-size: 13px; text-align: center;}
  34 .mv-player h6 {font-size: 13px; color: #6c6c6c; padding: 10px 20px 0px 20px; text-transform: uppercase;}
  35
  36
  37 /*Video player*/
  38 .mv-player {
  39         color: white;
  40 }
  41 .mv-player .video {
  42         display: block;
  43         position: relative;
  44         font-size: 1px;
  45         height: 305px;
  46 }
  47 .mv-player .control-bar {
  48         height: 29px;
  49 }
  50 .mv-player .controlInnerSmall {
  51 /*      width: 430px;*/
  52         height: 29px;
  53         float: left;
  54         display: inline;
  55 }
  56
  57 .mv-player .lButton {
  58         cursor:pointer;
  59         float:left;
  60         list-style:none outside none;
  61         margin:2px;
  62         padding:4px 0;
  63         width: 24px;
  64         height:16px;
  65         position:relative;
  66 }
  67 .mv-player .rButton {
  68         cursor:pointer;
  69         float:right;
  70         list-style:none outside none;
  71         margin:2px;
  72         padding:4px 0;
  73         width: 23px;
  74         height:16px;
  75         position:relative;
  76 }
  77
  78 .controls a{
  79         display: block;
  80         height: 100%;
  81         width: 100%;
  82 }
  83 .mv-player .volume_icon {
  84         float: right;
  85         display: inline;
  86         width: 22px;
  87         height: 29px;
  88         padding: 0 0 0 0;
  89
  90 }
  91
  92 .mv-player .volume_on {
  93         background: url(images/player_volume_tag.png) 0 8px no-repeat;
  94 }
  95 .mv-player .volume_off{
  96         background: url(images/player_volume_tag_off.png) 0 8px no-repeat;
  97 }
  98
  99 .mv-player .volume_knob {
 100         background: url(images/player_slider.png) 0 0 no-repeat;
 101         width: 14px;
 102         height: 14px;
 103         position: absolute;
 104         z-index: 2;
 105         margin: -1px 0 0 3px;
 106         cursor: pointer;
 107 }
 108 .mv-player .vol_container{
 109         z-index:99;
 110         width:23px;
 111         height:75px;
 112         width:23px;
 113         background: #CCC;
 114 }
 115 .mv-player .vol_container_below{
 116         top:30px;
 117 }
 118 .mv-player .vol_container_top{
 119         top:-77px;
 120 }
 121 .mv-player .vol_container .volume-slider{
 122         margin-top:5px;
 123         height:65px;
 124         width:10px;
 125         margin-left: auto ;
 126         margin-right: auto ;
 127 }
 128 .mv-player .vol_container .ui-slider-handle{
 129         cursor : pointer;
 130         width:10px;
 131         height:10px;
 132         position:absolute;
 133         left:-1px;
 134 }
 135
 136 .mv-player .time-disp {
 137         line-height: 32px;
 138         height: 29px;
 139         overflow: visible;
 140         font-size: 10.2px;
 141         width: 85px;
 142         float: right;
 143         display: inline;
 144         border:none;
 145 }
 146
 147 .mv-player .play_head{
 148         float: left;
 149         display: inline;
 150         height: 10px;
 151         margin-left:8px;
 152         margin-top:10px;
 153         position:relative;
 154 }
 155
 156 .mv-player .play_head .ui-slider-handle{
 157         width:10px;
 158         height:15px;
 159         margin-left:-5px;
 160         margin-top:1px;
 161 }
 162
 163 .mv-player .inOutSlider .ui-slider-handle{
 164         width:8px;
 165         cusror: move;
 166 }
 167
 168
 169 .mv-player .videoOptionsComplete textarea {
 170         background:none repeat scroll 0 0 transparent;
 171         border-color:#333 -moz-use-text-color -moz-use-text-color #333;
 172         border-style:solid none none solid;
 173         border-width:2px medium medium 2px;
 174         color:#CCCCCC;
 175         font:11px arial,sans-serif;
 176         height:15px;
 177         overflow:hidden;
 178         padding-left:2px;
 179         width:100%;
 180 }
 181 .mv-player .videoOptionsComplete .copycode {
 182         background:url("images/ksprite.png") no-repeat scroll 0 -81px #D4D4D4;
 183         border:1px solid #000000;
 184         color:#000000;
 185         float:right;
 186         height:24px;
 187         padding:0 5px 3px;
 188         width:84px;
 189         font-size:1em;
 190 }
 191 .mv-player .videoOptionsComplete div.ui-state-highlight {
 192         background:none repeat scroll 0 0 transparent;
 193         border-color:#554926;
 194         color:#FFE96E;
 195         float:left;
 196         padding:2px 5px;
 197 }
 198 .mv-player .videoOptionsComplete div.ui-state-highlight a {
 199         color:#FFE96E;
 200         font-weight:bold;
 201 }
 202
 203 .videoComplete{
 204         position: absolute;
 205         top:0px;
 206         left:0px;
 207         z-index: 10;
 208         font-size:16px;
 209         overflow: hidden;
 210         background:transparent url(images/transparent_bg.png) repeat scroll 0 0;
 211 }
 212 .videoComplete .videoOptionsComplete {
 213         background:transparent url('images/player_video_options_bg.png') no-repeat scroll 0pt;
 214         color:#7A7A7A;
 215         font-size:10pt;
 216         height:158px;
 217         left:10%;
 218         overflow:auto;
 219         padding:19px;
 220         position:relative;
 221         top:16%;
 222         width:283px;
 223 }
 224 .videoComplete .videoOptionsComplete p { text-align: center; margin: 3px 0; padding: 0; }
 225 .videoComplete .videoOptionsComplete a {
 226         color: white;
 227 /*      font-size: 22px;*/
 228         font-size:12px;
 229         text-decoration: underline;
 230 }
 231 .videoComplete .videoOptionsComplete a.active{
 232         color: #bbf;
 233 }
 234 .videoComplete .videoOptionsComplete a.email {
 235         font-size:16px;
 236         background: url(images/ico_mail.png) right 0px no-repeat;
 237         padding: 0 50px 0 0;
 238 }
 239
 240 .videoComplete div.embed_code textarea {
 241         margin: 8px 0 8px 0;
 242         padding: 3px;
 243         width: 258px;
 244         height: 54px;
 245         border: 1px solid #dadada;
 246         font-family: Arial;
 247         color: #777;
 248         font-size: 11px;
 249 }
 250 .videoComplete div.embed_code button.copy_to_clipboard {
 251         background: #dddddd url(images/button_to_clipboard.png) 0 0 repeat-x;
 252         border: 1px solid #3b4552;
 253         text-align: center;
 254         padding: 2px 4px;
 255         margin: 0 0 6px 0;
 256         float: right;
 257         display: inline;
 258 }
 259
 260
 261