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 .volume_on {
  84         background: url(images/player_volume_tag.png) 0 8px no-repeat;
  85 }
  86 .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
 100
 101 .mv-player .time-disp {
 102         line-height: 32px;
 103         height: 29px;
 104         overflow: visible;
 105         font-size: 10.2px;
 106         width: 80px;
 107         float: right;
 108         display: inline;
 109         border:none;
 110 }
 111
 112 .mv-player .play_head{
 113         float: left;
 114         display: inline;
 115         height: 10px;
 116         margin-left:10px;
 117         margin-top:10px;
 118 }
 119
 120 .play_head .ui-slider-handle{
 121         width:10px;
 122         height:15px;
 123         margin-left:-5px;
 124         margin-top:1px;
 125 }
 126
 127 .inOutSlider .ui-slider-handle{
 128         width:8px;
 129         cusror: move;
 130 }
 131
 132
 133 .videoOptionsComplete textarea {
 134         background:none repeat scroll 0 0 transparent;
 135         border-color:#333 -moz-use-text-color -moz-use-text-color #333;
 136         border-style:solid none none solid;
 137         border-width:2px medium medium 2px;
 138         color:#CCCCCC;
 139         font:11px arial,sans-serif;
 140         height:15px;
 141         overflow:hidden;
 142         padding-left:2px;
 143         width:100%;
 144 }
 145 .videoOptionsComplete .copycode {
 146         background:url("images/ksprite.png") no-repeat scroll 0 -81px #D4D4D4;
 147         border:1px solid #000000;
 148         color:#000000;
 149         float:right;
 150         height:24px;
 151         padding:0 5px 3px;
 152         width:84px;
 153         font-size:1em;
 154 }
 155 .videoOptionsComplete div.ui-state-highlight {
 156         background:none repeat scroll 0 0 transparent;
 157         border-color:#554926;
 158         color:#FFE96E;
 159         float:left;
 160         padding:2px 5px;
 161 }
 162 .videoOptionsComplete div.ui-state-highlight a {
 163         color:#FFE96E;
 164         font-weight:bold;
 165 }