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 .mv-player .volume_on {
  84         background: url(images/player_volume_tag.png) 0 8px no-repeat;
  85 }
  86 .mv-player .volume_off{
  87         background: url(images/player_volume_tag_off.png) 0 8px no-repeat;
  88 }
  89
  90 .mv-player .volume_knob {
  91         background: url(images/player_slider.png) 0 0 no-repeat;
  92         width: 14px;
  93         height: 14px;
  94         position: absolute;
  95         z-index: 2;
  96         margin: -1px 0 0 3px;
  97         cursor: pointer;
  98 }
  99 .mv-player .vol_container{
 100         z-index:99;
 101         width:23px;
 102         height:75px;
 103         width:23px;
 104         background: #CCC;
 105 }
 106 .mv-player .vol_container_below{
 107         top:30px;
 108 }
 109 .mv-player .vol_container_top{
 110         top:-77px;
 111 }
 112 .mv-player .vol_container .volume-slider{
 113         margin-top:5px;
 114         height:65px;
 115         width:10px;
 116         margin-left: auto ;
 117         margin-right: auto ;
 118 }
 119 .mv-player .vol_container .ui-slider-handle{
 120         cursor : pointer;
 121         width:10px;
 122         height:10px;
 123         position:absolute;
 124         left:-1px;
 125 }
 126
 127 .mv-player .time-disp {
 128         line-height: 32px;
 129         height: 29px;
 130         overflow: visible;
 131         font-size: 10.2px;
 132         width: 80px;
 133         float: right;
 134         display: inline;
 135         border:none;
 136 }
 137
 138 .mv-player .play_head{
 139         float: left;
 140         display: inline;
 141         height: 10px;
 142         margin-left:10px;
 143         margin-top:10px;
 144 }
 145
 146 .mv-player .play_head .ui-slider-handle{
 147         width:10px;
 148         height:15px;
 149         margin-left:-5px;
 150         margin-top:1px;
 151 }
 152
 153 .mv-player .inOutSlider .ui-slider-handle{
 154         width:8px;
 155         cusror: move;
 156 }
 157
 158
 159 .mv-player .videoOptionsComplete textarea {
 160         background:none repeat scroll 0 0 transparent;
 161         border-color:#333 -moz-use-text-color -moz-use-text-color #333;
 162         border-style:solid none none solid;
 163         border-width:2px medium medium 2px;
 164         color:#CCCCCC;
 165         font:11px arial,sans-serif;
 166         height:15px;
 167         overflow:hidden;
 168         padding-left:2px;
 169         width:100%;
 170 }
 171 .mv-player .videoOptionsComplete .copycode {
 172         background:url("images/ksprite.png") no-repeat scroll 0 -81px #D4D4D4;
 173         border:1px solid #000000;
 174         color:#000000;
 175         float:right;
 176         height:24px;
 177         padding:0 5px 3px;
 178         width:84px;
 179         font-size:1em;
 180 }
 181 .mv-player .videoOptionsComplete div.ui-state-highlight {
 182         background:none repeat scroll 0 0 transparent;
 183         border-color:#554926;
 184         color:#FFE96E;
 185         float:left;
 186         padding:2px 5px;
 187 }
 188 .mv-player .videoOptionsComplete div.ui-state-highlight a {
 189         color:#FFE96E;
 190         font-weight:bold;
 191 }