thd/web/css/.svn/text-base/player.css.svn-base
author Gautier Thibault <gthibault@universcine.com>
Tue, 22 Sep 2009 16:40:38 +0200
changeset 35 94a1dc255022
permissions -rw-r--r--
Commit the all thd project created with the framework symfony

.media-playlist {
	width: 454px;
}

.media-player-wrapper {
	position: relative;
	background: #000000;
	width: 100%;
  height: 245px;
}

.media-player {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 454px;
  height: 245px;
}

.media-player-wrapper .play-button {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 454px;
  height: 0 !important;
  overflow: hidden;
  padding: 245px 0 0 0;
	background: url(/images/buttons/btn_play.png) no-repeat 50% 50%;
	cursor: pointer;
}

.media-playlist a.media-thumb-uri {
	display: none;
}

.hidden-playlist {
	display: none !important;
}

.image-playlist:after,
.video-playlist:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
  visibility: hidden;
}

.video-playlist {
	padding-bottom: 1px;
}

.video-playlist h3,
.video-playlist h4,
.video-playlist h5 {
	display: none;
}

.video-playlist ul {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  background: url(../images/layout/bg_player_top.png) repeat-x 0 bottom;
}

.video-playlist li {
	float: left;
}

.video-playlist li a {
	display: block;
  background: url(../images/pictos/player_chosen.png) no-repeat;
  padding: 12px 10px 3px 36px;
  text-transform: uppercase;
  font-size: 10px;
  color: #ffffff;
}

.image-playlist {
  margin: 0;
  padding: 0 5px;
  display: block;
  background-color: #000000;
  width: 444px;
  height: 100px;
  text-align: center;
}

.image-playlist .scrolling-wrapper {
  position: relative;
}

.image-playlist a.rewind-page,
.image-playlist a.forward-page {
	display: block;
	position: absolute;
  top: 20px;
  width: 15px;
  height: 0 !important;
  overflow: hidden;
  padding: 15px 0 0 0;
  cursor: pointer;
}

.image-playlist a.rewind-page {
	left: 0px;
  background: url(/images/buttons/btn_left.png) no-repeat;
}

.image-playlist a.forward-page {
	right: 0px;
  background: url(/images/buttons/btn_right.png) no-repeat;
}

.image-playlist a.disabled {
	display: none;
}

.image-playlist .scrolling {
	position: absolute;
	top: 0px;
	left: 24px;
  float: left;
  overflow: hidden;
  width: 394px;
  height: 60px;
}

.image-playlist ul {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 5000px;
}

.image-playlist ul li {
	float: left;
	padding: 2px;
}

.image-playlist h3,
.image-playlist h4,
.image-playlist h5 {
  margin: 0;
  padding: 0;
  font-family:arial,"bitstream vera sans","trebuchet ms";
  font-size: 10px;
  line-height: 20px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-align:left;
}