widgets/youtube_player/css/youtube-player.css

   1 .youtube-player {
   2         font-size: 86%;
   3         position: relative;
   4 }
   5 .youtube-player-toolbar {
   6         background: #111;
   7         margin: .1em 0 0 0;
   8 }
   9 .youtube-player-toolbar li.youtube-player-time {
  10         float: right;
  11         font-weight: normal;
  12         font-size: 10px;
  13         line-height: 28px;
  14         margin: 0pt 5px 0pt 0pt;
  15         padding: 0;
  16         display: none;
  17         cursor: default;
  18 }
  19 .youtube-player-object {
  20         border: 1px solid #282828;
  21 }
  22 .youtube-player-toolbar li {
  23         cursor: pointer;
  24         display: inline-block; /* added by naoki */
  25         *display: inline; /* for IE6 added by naoki */
  26         *zoom: 1; /* for IE6 added by naoki */
  27         float: left;
  28         list-style: none outside none;
  29         margin: 2px;
  30         padding: 4px 0;
  31 }
  32 .youtube-player-toolbar li span.ui-icon {
  33         float: left;
  34         margin: 0 4px;
  35 }
  36 .youtube-player-playlist-container {
  37         border: 1px solid #282828;
  38         margin-top: .2em;
  39         position: relative;
  40         display: none;
  41 }
  42 .youtube-player-playlist {
  43         list-style: decimal;
  44         overflow: auto;
  45         margin: 2px;
  46         padding: 0;
  47 }
  48 .youtube-player-playlist li {
  49         overflow-x: hidden;
  50         border: 0;
  51         cursor: pointer;
  52         text-decoration: none;
  53         list-style-type: decimal;
  54         padding: 2px 4px 2px;
  55         white-space: nowrap;
  56         font-size: 13px;
  57 }
  58 .youtube-player-playlist .youtube-player-thumb {
  59         float: left;
  60         height: 90px;
  61         width: 124px;
  62         list-style: none;
  63         overflow: hidden;
  64 }
  65 .youtube-player-playlist .youtube-player-thumb img {
  66         height: 90px;
  67         width: 124px;
  68 }
  69 .ui-state-default, .ui-widget-content .ui-state-default {
  70         background-position: -9999px -9999px;
  71 }
  72 .ui-state-hover,
  73 .ui-widget-content .ui-state-hover,
  74 .ui-widget-header .ui-state-hover,
  75 .ui-state-focus,
  76 .ui-widget-content .ui-state-focus,
  77 .ui-widget-header .ui-state-focus {
  78         background-position: 50% 50%;
  79 }
  80 .ui-state-default,
  81 .ui-widget-content .ui-state-default,
  82 .ui-widget-header .ui-state-default {
  83         border-color: #333;
  84 }